Rachel Pasqua offers many insights on smartwatches from how they may drive demand for location-based messaging and voice search to how they are more likely to be quickly adopted than Google Glass.
An Apple smartwatch.
In April, I posted on “The Elements of Style” applied to analytic design. Darkhorse Analytics of Edmonton, Alberta, Canada, has this presentation demonstrating the reduction of non-data elements to improve the data-ink ratio of a bar chart. I combined the original and the final images to create a before-and-after image below:
The original bar chart, left, and the re-designed bar chart, right.
Re-designing reduced the image size to less than 10% of the original, a huge reduction which indicates the potential for expediting image loading.
Bloomberg Businessweek offers this article about the pending offerings of Apple and Samsung smartwatches. With the increase in both web-enabled TVs offering huge viewports and smartwatches, though they are big for watches, offering tiny viewports, design for web sites and email probably needs to consider an ever-increasing range of viewing sizes and needs.
The I’m Watch, created by Blue Sky in 2011.
Ed Lea, Visual+Interaction Designer, illustrates responsive web design with this imagery:
Ed Lea’s illustration of responsive web design
What is responsive web design? According to myself – this is from williamp.com, my own responsive site showcasing my portfolio:
It is an approach to crafting sites so that visitors have an optimized experience, one usually with no sideways scrolling, minimal resizing, and hopefully not much waiting, regardless of the device through which they visit, whether phone, tablet, laptop, desktop or something else (anyone here via web television?). It now typically embodies a mobile-first approach so that visitors using smaller viewports are given primary consideration though viewers with larger viewports may have a progressively enhanced experience, one often involving larger type and images and sometimes additional content.
Vermilion design + interactive offers this brief comparison of the big three responsive CSS frameworks. I’ve used all three and appreciate them all. I started with Skeleton and its simplicity made learning it so easy. Twitter Bootstrap has the most assets in its library currently, and I’m just finishing a new site composed with it. I like Foundation 4 because it is mobile-first by default and I think this framework is gaining momentum rapidly.
Google home in 1999.
Google home on 4 June 2013.
Simplicity prevails in the home design for both dates despite the approximately fourteen year difference. Interestingly regarding responsiveness, when I resize my Firefox and Google Chrome browsers in my laptop, I get a horizontal scroll bar in each browser at below 1000 pixels width, roughly. In my iPhone 4S, however, Google.com does display without a horizontal scroll bar.
Today I link to my own responsive web portfolio and present some screen captures, too, to show how the site responds to vastly different viewport characteristics.
Screen capture of index page of my web site – williamp.com – bearing my web portfolio in a Firefox browser.
Screen capture of index page of my web site – williamp.com – bearing my web portfolio in a Blackberry Storm.