Hearsay in recent days that Google is working hard on a project to better compete against Facebook has captured the attention of industry observers, who wonder what shape this initiative might take and what is its likelihood of success.
After all, Google has several social media sites and services out there, including Gmail’s Buzz microblogging component, video sharing site YouTube, photo sharing site Picasa and blog publishing service Blogger.
Google also has social-networking site Orkut, the OpenSocial tools and platform for social application development, the Docs office document sharing and collaboration suite, the Wave real-time collaboration application and the social search capabilities of its search engine.
The speculation, while loud and coming separately in online postings from Digg founder Kevin Rose and former Facebook CTO Adam D’Angelo, has yielded few details, and Google is declining to comment.
Thus, it’s unclear whether Google will create a brand-new social-networking site or consolidate its disparate social media sites, services and capabilities under a common umbrella, possibly the Google Profiles service, which lets people create a social identity badge.
“Google does take this social media phenomenon very seriously. For the past four years, it has been adding social, community and collaboration layers to its products,” said industry analyst Greg Sterling of Sterling Market Intelligence.
Still, Google’s Buzz and Orkut don’t come close to matching their counterparts, Twitter and Facebook, and that may be the primary motivation behind this reported social-networking project it has in development, Sterling said.
In the abstract, it makes sense to try to compete better against Facebook, but accomplishing this goal is far from a slam dunk. Google will have to one-up Facebook with a fresh approach, innovative features and a distinctive user experience, he said.
“This is an enormous creative challenge,” Sterling said.
Ironically, Facebook, as the dominant social-networking player, has the same position in its market as Google does in search, where competitors have tried desperately for years to create a better search engine and unseat Google from its throne, to no avail, he said.
“Emulating the functionality and the look and feel of the main player isn’t enough. If this is modeled after Facebook, it will fail without question,” Sterling said.
In its climb to the top of the social-networking mountain, Facebook has passed up many other competitors in addition to MySpace and Orkut: Yahoo closed Yahoo 360 and AOL recently sold Bebo, while others haven’t kept up, such as Microsoft’s MSN Spaces and Friendster.
Jeremiah Owyang, an analyst with Altimeter Group, isn’t surprised to hear that Google is worried about Facebook, which in a few years has gone from a MySpace contender to one of the world’s most popular sites.
“Facebook is creating a social inbox with all this content that you and your friends think is of value. Brands wants to be in that inbox and will pay a lot of money to be in there,” Owyang said.
Meanwhile, Google has discrete and disconnected pieces of the social-networking puzzle. “It has to glue them together,” he said.
Monthly Archives: June 2010
Gmail to Use More HTML5 Features
Computer World reports that many of the upcoming Gmail features will use HTML5. Adam de Boor, a Gmail engineer, said that Google’s goal is to make Gmail load in less than a second.“If the browser supports CSS3, Gmail will render the pages using these specifications, rather than its traditional approach of using the Document Object Model (DOM). The company has found that using CSS3 can speed the rendering time by 12 percent. (…) Gmail will also make use of HTML5′s database standards. Now, the e-mail service uses Google Gears to store mail for offline reading, but over time that will migrate to the HTML5 standards.”
Another feature that will be added to Gmail allows users to drag attachments to the desktop. This feature is not part of HTML5, but Google says that it will encourage other browsers to use it. Right now, you can drag and drop files from the desktop to Gmail, but only if you use Firefox 3.6 or Chrome.
Adam de Boor revealed how many lines of code are in Gmail: 443,000 lines of JavaScript code written by hand.
Gmail has added many features that used to be available only in desktop mail clients: fetching email from other accounts, threading, powerful spam filters, reading messages offline. Now it’s time to better integrate Gmail with the browser or the operating system and to add notifications, a simplified way to handle attachments and a better performance.
The Web Strategy Pyramid: A Well-balanced Web Strategy
Remember when mom always told you to eat your vegetables? Little did you know she was giving you fantastic advice for managing your Web strategy. In these days of Twitter, Facebook, forums, blogs and more, it can be tempting to skip over the basics and dive headfirst into an oh-so-tempting dish of social media or SEO “tricks.”
Businesses of all sizes are pigging out on social media without putting an equal amount of effort into forging a solid foundation built on a user-friendly Web experience and great content.
To deliver a site that gives users the experience they are looking for, we need to set it upon a solid foundation of content, usable navigation, and strong SEO practices.
With this in mind, let’s take a look at what I call the “The Web Strategy Pyramid” (a tip of the hat to the FDA’s Food Pyramid for the inspiration).
The Web Strategy Pyramid
Content
Let’s start at the bottom of the pyramid and work our way up. “Content is king,” is a cliché, but it’s that way for one reason: it’s true. You can have the best ads, the most Twitter followers, and the coolest design, but none of it will stick with your users and gain momentum if you don’t have the content they are looking for.
Fantastic content is the fuel that drives all these other efforts. After all, why would anyone tweet about your site or click that Facebook Like button if you don’t have anything worth sharing?
The single best way to get a great start is with your content. If it’s unique, compelling, interesting and written for your users, you’ve given yourself a fantastic foundation to build on.
A few points to consider before we move on:
- Does your site content use terms that your users understand or are you using jargon?
- Is the content intentionally written for the Web in short, digestible chunks, or is it recycled from a corporate brochure?
- If you’re a blogger, does your content have a unique perspective and point of view that’s worthy of discussion and retweets?
Creating fantastic Web content is a complex subject that if you’re interested in learning a bit about, you can read up on via the Content Strategy category.
Usability/Design
If your visitors can’t find what they’re looking for, it won’t matter that you’ve filled your site with fantastic content. Complex navigation, poor use of whitespace, distracting graphics or animations, and a vast array of other UX missteps can destroy your hope of converting a visit into a sale, or a follower into a raving fan.
Not long ago, performing a usability test on a complex site or application could cost tens of thousands of dollars. Now, there are many alternatives for gathering user feedback on your site design and interface.
Simple “discount” testing with co-workers or family members using paper mockups or wireframes. Can they perform the most common tasks? Do they understand your navigation?
A basic lab setup using a tool like Adobe Connect to capture the user’s screen movements, vocal comments, and facial expressions, all of which can be recorded and archived for review and analysis.
Online survey tools like Zoomerang or Survey Monkey combined with screenshots can be a quick way to gather input from key audiences.
Usability tools like Usabilla can help you gather more specific interface feedback through a combination of survey questions and heat maps.
Those of you who are veterans of usability testing will agree that none of these compare to having a Ph.D. conduct an interview/test in a lab setting. However, my point is this: Lack of budget is no longer an excuse for skipping usability testing and review.
Some basic tools and well thought-out questions are far better than not testing at all. Taking this step will put you light years ahead of many competitors.
SEO
Some of you may be surprised that SEO is not one of the items at the base of the pyramid. If they can’t find you, who cares? Well, let me explain: If your content is well written and focused on the needs of your users, you’ll already have made good progress down the road to effective SEO.
Too many times people try to find the “secret” to ranking well in the search engines, but never take the time to evaluate the content on their site. One of the real secrets to SEO is building a solid base of relevant content. Again, here are a few points to consider:
- Do you use the keywords in your content that your users are searching for? There are a multitude of tools to help you research this including Google Insights, Wordtracker and others.
- Do your headings (i.e. H1, H2, H3) include keywords?
- Do your page titles contain keywords and reflect the topic of the content?
Is your site content written to make users happy, or search engines happy? I hope that it’s the former.
Social Media
Ah, finally. On to the good stuff! Now that you’ve forced your way through establishing a rock-solid foundation of content, usability, and SEO, we’re ready to dive head first into social media.
I’ll assume that everyone reading this is already aware of the sites like Facebook, Twitter, and MySpace and probably has some experience using tools to optimize their social media efforts (Radian6, ScoutLabs, HootSuite, etc.)
With this assumption in mind, the single most important point I can make is this: Have a long-term strategy for social media.
Far too many companies and individuals launch a Facebook page or social media effort without having a target audience, clear purpose, and well-defined goals.
Do you have a well-defined strategy for social media? Here are a few items to help you determine if that’s the case:
- If you’re a corporation and someone is assigned to monitoring social media, is it their sole focus, or is it something they only do when they have spare time?
- Does your company use a PR or advertising agency for social media? Using these types of firms is typically great for the initial launch and ongoing campaigns, but what happens in two years? Four years?
- Who responds to your customers concerns on Twitter, Facebook, and forums? Will that choice stand the test of time and customer expectations? More importantly, is it cost effective?
Pay-per-click (PPC)
Now that we’ve established a website strategy forged upon great content, a user-friendly interface, SEO, and Social Media, let’s top things off with a bit of PPC. Depending on your business needs, PPC could play a fairly major role. In most typical cases, however, you’ll be best served by taking care of all the other essentials before using PPC. Look at it this way: Why would you spend money driving visitors to a site that is not well-positioned to make the most of every one of those visits?
A Few Final Thoughts
Will this pyramid potentially shift based on your specific needs? Certainly. If you’re a small/medium business selling a complex product to a small niche market, SEO and PPC may be more important for you. If you’re a blogger, social media may be a vital part of your foundation. This isn’t chiseled in stone, but the core point remains the same regardless of your goals: take care of the basics and don’t let that tempting piece of “dessert” divert your attention until you’ve taken care of the basics. Your users (and possibly your bank account) will thank you for it.
Mega Collection Of Cheatsheets for Designers And Developers
Cheatsheets and various quick reference guides are available for almost any type of software and language these days.
Unfortunately they’re not always easy to find when you actually need them. This is why I decided to take some time to gather up as many as possible and share them with you here!
Hopefully this can be a timesaver for you, along with teaching you a new trick or two. The resources have been divided into various categories to make them easier to find. Below are more than 100 cheat sheets and reference cards for the following topics:
CSS
CSS3 Cheat Sheet ↓
CSS2 Visual Cheat Sheet ↓
CSS Cheat Sheet (V2) ↓
Css Property Index ↓
BluePrint CSS ↓
HTML
HTML 5 Cheat Sheet ↓
HTML5 Canvas Cheat Sheet ↓
HTML5 Glossary ↓
HTML Character Entities Cheat Sheet ↓
Color Codes Matching Chart HTML (Convert CMYK, RGB Hex) ↓
Javascript
JavaScript Cheat Sheet ↓
Javascript DOM ↓
JavaScript Reference Card ↓
jQuery 1.4 API Cheat Sheet ↓
jQuery selectors ↓
jQuery 1.3.2 ↓
jQuery 1.3 ↓
jQuery 1.2 ↓
Mootools 1.2 Cheat Sheet ↓
Prototype Cheat Sheet ↓
PHP
PHP & MySQL for dummies ↓
PHP 5 Online Cheat Sheet v1.3 ↓
PHP5 Cheat sheet ↓
PHP Manual Quick Reference ↓
Printable PHP Security Checklist ↓
PHP Functions to work with MySQL ↓
MySQL
MySQL Cheat Sheet ↓
Handy Cheat Sheet of MySQL Commands ↓
Color/Fonts/SEO
HTML Colors Cheat Sheet ↓
RGB Hex Colour Chart ↓
Web Safe Color Chart ↓
The Browser-Safe Colors ↓
Megapixels Chart (and print size) ↓
Points to pixels conversion ↓
Web Safe Fonts v2 (including Google API) ↓
25-point Website Usability Checklist ↓
Webdesign for dummies ↓
The Web Developer’s SEO Cheat Sheet ↓
SEO for dummies ↓
Will the browser apply the rule(s)? ↓
When can I use? Compatibility tables (html5, css3 + +) ↓
CMS
WordPress Help Sheet ↓
The Advanced WordPress Help Sheet ↓
WordPress Theme Development Checklist ↓
WordPress Template Tags ↓
WordPress Optimization Cheat Sheet ↓
SEO for WordPress ↓
Drupal 7: The database ↓
Drupal 6 API Cheat Sheet ↓
Drupal for dummies ↓
Joomla 1.5 Basic Template Cheat Sheet ↓
Joomla for dummies ↓
Softwares
ActionScript 3.0 ↓
Adobe Flex3 ↓
Adobe Air Cheat Sheet ↓
Adobe Acrobat 9 Shortcuts ↓
Adobe Acrobat 8 Quick Reference ↓
Adobe Flash CS5 & Flash Catalyst for dummies ↓
Adobe Flash CS4 Shortcuts ↓
Adobe Dreamweaver CS5 – all in one for dummies ↓
Dreamweaver CS4 shortcuts ↓
DreamWeaver CS3 Reference Card ↓
Adobe Fireworks CS3 Quick Reference ↓
Adobe After Effects CS4 Cheat Sheet ↓
Adobe Illustrator CS4 Shortcuts ↓
Adobe Photoshop CS5 – all in one for dummies ↓
Adobe Photoshop Shortcuts ↓
Photoshop Elements8 For Dummies ↓
Adobe Lightroom 2.0 Shortcuts ↓
Adobe Indesign CS5 for dummies ↓
Adobe InDesign CS4 Tools and shortcuts ↓
GIMP Quick reference ↓
Apple Final Cut Pro 5 ↓
QuarkXpress 8 ↓
3DS max 9 ↓
Blender for dummies ↓
AutoCAD 2011 for dummies ↓
Google Sketchup 7 for dummies ↓
OpenOffice.org for dummies ↓
Office 2010 – all in one for dummies ↓
Browsers & OS
Mozilla Firefox Cheat Sheet ↓
Google Chrome Keyboard Shortcuts ↓
Internet Explorer 8 – quick reference card ↓
Windows 7 Cheat Sheet ↓
Windows Alt Codes ↓
Ultimate Switcher Guide: PC to MAC ↓
Mac OS X Keyboard Cheat Sheet ↓
Mac OS X Leopard – 200 productivity boosters ↓
Macs All-in-one for dummies ↓
Linux for dummies ↓
Ubuntu reference ↓
Others/Miscellaneous
Ruby on Rails Cheat Sheet ↓
Python Cheat Sheet ↓
ASP/VBScript Cheat Sheet ↓
ASP.net ↓
Regular Expression Cheat Sheet (.NET) ↓
Core C# and .NET Quick Reference ↓
960 Grid System Cheat Sheet ↓
Firebug Cheat Sheet ↓
Tcp Ports List ↓
VOIP Basics ↓
VI (Linux Terminal) Cheat sheet ↓
Mathematica Keyboard Shortcuts ↓
Country Codes – quick reference ↓
User Centred Design ↓
The Social Landscape (social media) ↓
Your Turn To Talk
Mega Collection Of Cheatsheets for Designers And Developers
Cheatsheets and various quick reference guides are available for almost any type of software and language these days.
Unfortunately they’re not always easy to find when you actually need them. This is why I decided to take some time to gather up as many as possible and share them with you here!
Hopefully this can be a timesaver for you, along with teaching you a new trick or two. The resources have been divided into various categories to make them easier to find. Below are more than 100 cheat sheets and reference cards for the following topics:
CSS
CSS3 Cheat Sheet ↓
CSS2 Visual Cheat Sheet ↓
CSS Cheat Sheet (V2) ↓
Css Property Index ↓
BluePrint CSS ↓
HTML
HTML 5 Cheat Sheet ↓
HTML5 Canvas Cheat Sheet ↓
HTML5 Glossary ↓
HTML Character Entities Cheat Sheet ↓
Color Codes Matching Chart HTML (Convert CMYK, RGB Hex) ↓
Javascript
JavaScript Cheat Sheet ↓
Javascript DOM ↓
JavaScript Reference Card ↓
jQuery 1.4 API Cheat Sheet ↓
jQuery selectors ↓
jQuery 1.3.2 ↓
jQuery 1.3 ↓
jQuery 1.2 ↓
Mootools 1.2 Cheat Sheet ↓
Prototype Cheat Sheet ↓
PHP
PHP & MySQL for dummies ↓
PHP 5 Online Cheat Sheet v1.3 ↓
PHP5 Cheat sheet ↓
PHP Manual Quick Reference ↓
Printable PHP Security Checklist ↓
PHP Functions to work with MySQL ↓
MySQL
MySQL Cheat Sheet ↓
Handy Cheat Sheet of MySQL Commands ↓
Color/Fonts/SEO
HTML Colors Cheat Sheet ↓
RGB Hex Colour Chart ↓
Web Safe Color Chart ↓
The Browser-Safe Colors ↓
Megapixels Chart (and print size) ↓
Points to pixels conversion ↓
Web Safe Fonts v2 (including Google API) ↓
25-point Website Usability Checklist ↓
Webdesign for dummies ↓
The Web Developer’s SEO Cheat Sheet ↓
SEO for dummies ↓
Will the browser apply the rule(s)? ↓
When can I use? Compatibility tables (html5, css3 + +) ↓
CMS
WordPress Help Sheet ↓
The Advanced WordPress Help Sheet ↓
WordPress Theme Development Checklist ↓
WordPress Template Tags ↓
WordPress Optimization Cheat Sheet ↓
SEO for WordPress ↓
Drupal 7: The database ↓
Drupal 6 API Cheat Sheet ↓
Drupal for dummies ↓
Joomla 1.5 Basic Template Cheat Sheet ↓
Joomla for dummies ↓
Softwares
ActionScript 3.0 ↓
Adobe Flex3 ↓
Adobe Air Cheat Sheet ↓
Adobe Acrobat 9 Shortcuts ↓
Adobe Acrobat 8 Quick Reference ↓
Adobe Flash CS5 & Flash Catalyst for dummies ↓
Adobe Flash CS4 Shortcuts ↓
Adobe Dreamweaver CS5 – all in one for dummies ↓
Dreamweaver CS4 shortcuts ↓
DreamWeaver CS3 Reference Card ↓
Adobe Fireworks CS3 Quick Reference ↓
Adobe After Effects CS4 Cheat Sheet ↓
Adobe Illustrator CS4 Shortcuts ↓
Adobe Photoshop CS5 – all in one for dummies ↓
Adobe Photoshop Shortcuts ↓
Photoshop Elements8 For Dummies ↓
Adobe Lightroom 2.0 Shortcuts ↓
Adobe Indesign CS5 for dummies ↓
Adobe InDesign CS4 Tools and shortcuts ↓
GIMP Quick reference ↓
Apple Final Cut Pro 5 ↓
QuarkXpress 8 ↓
3DS max 9 ↓
Blender for dummies ↓
AutoCAD 2011 for dummies ↓
Google Sketchup 7 for dummies ↓
OpenOffice.org for dummies ↓
Office 2010 – all in one for dummies ↓
Browsers & OS
Mozilla Firefox Cheat Sheet ↓
Google Chrome Keyboard Shortcuts ↓
Internet Explorer 8 – quick reference card ↓
Windows 7 Cheat Sheet ↓
Windows Alt Codes ↓
Ultimate Switcher Guide: PC to MAC ↓
Mac OS X Keyboard Cheat Sheet ↓
Mac OS X Leopard – 200 productivity boosters ↓
Macs All-in-one for dummies ↓
Linux for dummies ↓
Ubuntu reference ↓
Others/Miscellaneous
Ruby on Rails Cheat Sheet ↓
Python Cheat Sheet ↓
ASP/VBScript Cheat Sheet ↓
ASP.net ↓
Regular Expression Cheat Sheet (.NET) ↓
Core C# and .NET Quick Reference ↓
960 Grid System Cheat Sheet ↓
Firebug Cheat Sheet ↓
Tcp Ports List ↓
VOIP Basics ↓
VI (Linux Terminal) Cheat sheet ↓
Mathematica Keyboard Shortcuts ↓
Country Codes – quick reference ↓
User Centred Design ↓
The Social Landscape (social media) ↓
Your Turn To Talk









































































































