You know how different browsers display Web pages differently? From a development standpoint, it takes some massaging and understanding the shortfalls of various browsers to get a page to display the way you would like. When it comes to HTML email, getting your message to display as you would like is a bit more complicated. Web browsers (IE, Firefox, Safari, and Chrome) all use the code you write to display a page verbatim. Email clients, on the other hand (Outlook, Hotmail, Apple Mail, Yahoo Mail, Gmail, etc.), insert, update, and neglect code that the developer writes. Litmus has a great infographic that explains the convoluted process an HTML email takes from designing and coding to the recipient’s inbox.
Notes and news, insights and inspiration from the autonomous collective mind of GS.
Posts by Aaron Konkol
Do you want to know how many site visitors you get from your Facebook posts, QR codes, or email newsletters?
Yes? That’s what I thought! The solution is simple: encode your URLs with Google Analytics tags.
2. Add the URL and required fields.
Website URL: http://www.gsdesign.com/blog/can-google-be-trusted
Campaign Source: Facebook (source of the link; ex: Facebook, QR code, email newsletter)
Campaign Medium: Blog post (type of page on your site; ex: Blog post, Job post, New employee)
Campaign Name: Can Google be Trusted (title of the page on your site)
3. Check out the results in Google Analytics.
Traffic sources > Sources > Campaigns
Results can be filtered by Campaign, Source, Medium, or other optional fields.
he’s featured on Engadget for a little something he dreamed up and built in his spare time. Our very own GS funnyman Kirill Edelman has got some wicked skillz when it comes to developing applications. Two years ago our company identified development of mobile service offerings as an area of focus for. Kirill took it upon himself to shift from Flash Actionscript developer to iOS App developer.
Check out the Artifact app review on Engadget. Keep on rockin', Kirill.
This is the year we stop using graphics instead of HTML text for fonts on the web. Here’s the how and the why.
How? Why go graphic when there’s a plethora of alternatives. Smashing Magazine has a good comparison of web font embedding services. Be sure to see the comments at the end of the article for additional font services.
Additionally, @font-face Face Off has a handy-dandy chart that summarizes features and options of several font services.
Why? We’ve got 11 reasons … and counting.
- Translations. Unlike graphics, text can be translated via Google Translate. For a little perspective, the Google Translate widget on one client site gets 52,400 visits per month out of 400,000 total visits. Text is dynamically translated to 50 different languages.
- Usability. Users can only search for text on a page that isn’t in graphics.
- Accessibility. 508 compliance and screen readers. For a scary real life example, consider that Target lost a $6 million lawsuit related to compliance issues.
- SEO. More Googlejuice - and you want Googlejuice.
- Dynamic content. Obviously graphical text isn’t an option for sites that pull in dynamically updated content such as blogs and CMS- driven sites. And more and more sites are being built this way.
- Abandoning graphics for text is the more accepted general practice for sites that have been built over the past 1-5 years. Graphics for text is so 10 years ago. Even using graphics for headlines is a sign that your site is antiquated.
- You can save a shit-ton of time when text needs to be modified.
- Quality. Vector-based type looks better on devices with sharp resolution, like iPhone 4. Plus, they can be re-sized via your browser.
- Load time. If your page has just text to load vs. graphics, load time will be greatly reduced, thereby decreasing the appearance of large blank areas in your page during initial load.
- Bandwidth. This goes along with #9, but using text decreases bandwidth being used.
- Because we can. It is 2011. There are new options available. Using download-able fonts can give you more interesting fonts and still provide a lot of the flexibility of typical web fonts.
Mmmm. I like me some data and reports. Especially when it comes to making web sites better. For example, do you think everything on your web site needs to be crammed into the first 540 pixels in order for people to see it? Not so. Research indicates that reducing content above the fold actually encourages users to explore the content below the fold. Instead of focusing on the fold, why not try using visual hierarchy principles and the art of distinction to prioritize and emphasize the importance of various elements in your pages’ content. (Yeah, visual hierarchy principles and the art of distinction, doesn't that sound smart?)
Other usability tips that resonate:
- Internet users don’t really read content online. People only read 28% of the text on a web page. Highlight keywords, use headings, write short paragraphs, and utilize lists. Bold text makes it easy to scan.
- Studies show that as whitespace decreases, so does reading comprehension. Give the copy some b r e a t h i n g r o o m.
Want more? Check out the article that inspired this post: 10 Usability Tips Based on Research Studies, then be sure to share your favorites with us.
A while back, my wife and I had trouble scheduling stuff and regularly had scheduling conflicts ... "Oh, I forgot about the graduation party that day." ... "I told my sister we could babysit." ... "I forgot your brother is in town that weekend."
And then we found Google Calendar. Life has never been the same, for there has never been anyone like Google Calendar ever in the world. I have used it almost daily for the past four years.
Here's how to get started with Google Calendar
1. Create a Google account (if you don't already have one).
2. Sign in and go to http://www.google.com/calendar.
3. Start adding stuff!
4. Dig deeper with cool features:
Hook it up to your iPhone and add items to your calendar remotely.
Subscribe to public calendars like sports schedules for the Brewers, Badgers, or work calendars.
Add reminders via email or text.
Use it with with iCal or Outlook.
Follow the Google Blog to find out about new features that are added, like tasks.