Designing Content for Google Glass

There is a huge shift happening in the way people consume content from the web. Mobile web use is poised to overtake desktop use by 2014. To have a professional website, it is important to design your website to be adaptive to a huge variety of screen sizes.

The primary focus of design these days should be making your content accessible. Your content should be clear, concise, and look good no matter what device you are viewing it from. The problem is that you can fit so much more information into a page on a 1920 x 1080 monitor than you can on a cell phone screen. Some communities have come up with really great solutions to building adaptive designs, like Bootstrap and Foundation, where the content scales horizontally and multi-column layouts collapse into one column as the resolution is scaled down. These solutions have done well to serve the needs of designers today, and helped make many websites appear clear and organized on all of the most commonly used devices.

One of the most amazing things about Google Glass is how it utilizes the knowledge graph. When you do a verbal Google search on Glass like "What time does the store close today?", a card will appear showing you exactly what you need to know. You also get options to call that location or get directions. For some of the most common questions this works great, but what if you are just doing a general search for a company's website?


When I first tried Google Glass at IO it wasn't even possible to view websites. A Google search would give you the same results as on a desktop, only one per page, and you couldn't click to actually see the websites. Since then Google has released updates that allow you to dive into websites and actually scroll up and down, but you can't click on any links in them. Most mobile optimized sites look alright but generally have a bit too much information, also there is no way to jump from one page to the next.

The interesting thing about browsing the web from a device like Glass is it opens up your eyes to how important it is to put the information that people need from your site, front and center.

To optimize your site for a device like Glass its best to break up your content into one to two sentences per screen. Scrolling down through content is fine so long as it doesn't seem to go on forever.Giving your users what they are looking for right away is not a new design principle. What is new is the lack of keyboard, mouse or touchscreen. So you need to make navigating your content literally as simple as possible.

With the future of mobile accessibility leaning towards smaller devices and vastly varying contexts (projections, eye wear, watches) its never been more important to design your web content to be simple and concise. Also, don't forget to use proper markup to tie into the knowledge graph for those question and answer type queries!