Learning about the wearable technology space

When it comes to wearable technology, quite a lot of us will almost automatically think of Google Glass (and perhaps stop there). However, there are a lot more businesses out there that concentrate on some form of wearable technology. In this post I’ll highlight some good examples which I’ve come across recently:

  1. Jawbone – Jawbone has been building mobile technology products for over a decade. The San Francisco based company is well known for products such as Jambox, the first intelligent wireless speaker (see Fig. 1 below), and its NoiseAssassin® technology, claiming to effectively eliminate all (external) noise.
  2. Memoto – The Memoto “Lifelogging Camera” takes a photo of your life every 30 seconds. It’s a small wearable camera that not only takes a picture, but also captures where and when it was taken (see Fig. 2 below). Once plugged into your computer, all pictures are automatically uploaded onto the Memoto Lifelogging Cloud.”
  3. Melon – Melon is a company which produces the “Melon Headband” and its mission is to “make the invisible activity of your brain visible and understandable.” Melon headbands will become available in 2014, but the Melon founders already claim that the main differentiator of their product – over existing EEG headbands already out there – is that it doesn’t just measure your brainwave activity, it also tries to make it understandable (see Fig. 3 below).
  4. Recon Instruments – Recon Instruments produce wearable products aimed at the sports market. For example, the “Recon Jet” (which will become available in 2014) is presented as “the world’s most advanced wearable computer” and seems clearly aimed at cyclists. Connectivity of the ‘Jet’ to users’ smartphones and and other third party sensors will form a crucial part of this product (see Fig. 4 below).
  5. AirStrip – AirStrip’s main mission is to “drive clinical transformation through mobility” and a good example hereof is its “AirStrip One” product. I struggle to summarise this solution in 1 or 2 sentences but it can probably be best described as a cross-platform tool that lets clinicians enter and access patients’ medical info digitally in a very easy and interconnected way.

Main learning point: Google Glass originally sparked my interest in wearable technology, but I then quickly realised how fast the wearable technology space is growing and how some companies have been in it for a long time already. Think of the aviation industry where pilots have been using wearable technology for decades or the fitness sector where workout armbands have been in fashion for a while now. I was nevertheless fascinated by some of the companies that I looked into and the range of wearable solutions already covered.

Fig. 1 – A short demo of Jawbone’s “Jambox” by VigTheGeek

Fig. 2 – A short introduction to Memoto’s Lifelogging Camera by Slashgear

Fig. 3 – A short introduction to Melon Headbands by Kickstarter

Fig. 4 – A short introduction to the Recon Jet by Recon Instruments 

Fig. 5 – Screenshot of the AirStrip ONE solution by AirStrip 

AirStrip ONE Related links for further learning:

  1. http://www.engadget.com/2013/03/12/memoto-lifeblogging-camera/
  2. http://memoto.com/pages/how-the-memoto-lifelogging-experience-works-infographic
  3. http://www.forbes.com/sites/jessedraper/2013/08/01/a-melon-for-your-melon-wearable-tech-for-your-brain/
  4. http://www.businessinsider.com/how-were-all-going-to-be-using-wearable-technology-2013-7
  5. http://www.wearable-technologies.com/
  6. http://www.airstriptech.com/airstrip-one
  7. http://www.fitbit.com/uk
  8. http://hbr.org/2013/09/wearables-in-the-workplace/ar/1
  9. http://pewinternet.org/Reports/2013/Tracking-for-Health.aspx
  10. http://www.wearable-technologies.com/gadgets-of-the-month/revolutionary-gps-goggles-from-recon-instruments/

Book Review: “Mobile First”

“Mobile First” by Luke Wroblewski is a great introduction to designing web experiences that cater for both desktop and mobile devices. With a large number of people accessing the web on their mobile devices, “Mobile First” is all about designing user experiences beyond the confines of the desktop.

Naturally, there’s likely to be overlap between the design of native mobile applications and mobile first or responsive mobile design, where a desktop product is created with the mobile experience at the front of mind. In this book, Wroblewski focuses on creating basic websites which can be easily enhanced for mobile (i.e. smartphone and tablet) and PC. These are the main things I learned from reading “Mobile First”:

  1. Common constraints of Mobile First – The main constraints of designing for a mobile experience are (1) screen size, (2) performance and (3) time and place. The main point that Wroblewski makes with respect to all three constraints is that when designing for mobile one really needs to know his users and his business. It isn’t good enough to simply try and make your existing website work on a mobile phone; Wroblewski argues that “if you design for mobile first, you can create agreement up front on what matters most. You can then apply the same rationale to the desktop (and any other) experience of your web product.” A good example is Flickr’s mobile web experience which reduces 60+ navigation options on the Flickr website to 6 (see Fig. 1 below).
  2. Capabilities of Mobile First – Wroblewski outlines how you can use mobile device capabilities like camera, location detection and accelerometer to innovate (simple) use cases. Mobile opens up numerous new ways to meet people’s needs. However, one shouldn’t overlook browser limitations and the constraints these can impose on your mobile experience! It was also interesting to read about the 3 critical, common mobile interaction types as identified by Josh Clark (author of “Tapworthy”, see Fig. 2) which are reflected in Google’s breakdown of mobile users (see Fig. 3).
  3. Content over navigation – Whereas the more ‘traditional’ websites can be quite navigation heavy, one of the key principles of Mobile First is “content over navigation.” Wroblewski’s main advice is to start the conversation with users through content rather than navigation. YouTube and ESPN’s mobile web experiences are good examples. In both cases,  the navigation options have been reduced and simplified (see the example of ESPN in Fig. 4).
  4. Touch and “Going small by going big” – Having touch devices means using your fingers to interact with a site or application! Wroblewski therefore stresses the importance of creating appropriately sized and placed actions (‘touch targets’) to help people tap with confidence and accuracy. As an example, the book mentions Quora’s mobile web login screen as an example of where the key actions are quite small and placed closely together (see Fig. 5) which bears the risk of carrying out the wrong action.
  5. Designing for different mobile devices – I was pleased to see that Wroblewski addresses the design and implementation issues around constantly changing mobile devices, browsers and operating systems. I guess the key point here is that with responsive web design you can set a baseline mobile experience first and adapt your layout as device capabilities change. This tends to be referred to as “fluid layouts” whereby interface elements like search are designed in such a way that they adapt to the space available to them. A good example is the fluid layout used for Google Places which adapts to different screen widths available.

Main learning point: “Mobile First” is an easy to read book on responsive web design. Fortunately, the book doesn’t spend too much talking about the pros and cons of native vs responsive mobile design. Instead, Wroblewski explains the main principles and benefits behind a mobile first design approach, without closing his eyes for some of the potential pitfalls and risks involved. Even though “Mobile First” sometimes gets a bit too technical for my liking, the book does a great job in getting designers and non designers to think more about designing with mobile in mind.

Fig. 1 – Flickr’s mobile web experience


Fig. 2 – Three critical, common mobile interaction types (from: “Tapworthy” by Josh Clark)

1. Micro-tasking

2. “I’m local”

3. “I’m bored”

Fig. 3 – Google’s breakdown of mobile users (as adapted from Timo Elliott’s great blog post)

1. Repetitive now – The user who checks the same piece of information over and over again (e.g. the weather forecast)

2. Urgent now – A request to find something specific fast (e.g. directions to the airport now)

3. Bored now – Users who have time on their hands (e.g. on their commute)

Fig. 4 – ESPN’s mobile web experience, a good example of “content over navigation”

ESPN mobile experience

Fig. 5 – Quora’s mobile web login screen where the main actions are quite small and are placed closely together


Related links for further learning:

  1. http://designshack.net/articles/css/mobilefirst/
  2. http://mashable.com/2013/06/02/mobile-design-tips/
  3. http://en.wikipedia.org/wiki/Responsive_web_design
  4. http://timoelliott.com/blog/2007/04/googles_three_bi_behavior_grou.html
  5. http://dmolsen.com/2012/05/23/the-cautionary-tale-of-the-expert-has-spoken-jakob-nielsen-the-mobile-site-debate/
  6. http://www.forbes.com/sites/anthonykosner/2012/01/30/mobile-first-how-espn-delivers-to-the-best-available-screen/
  7. http://www.creativebloq.com/web-design/responsive-ecommerce-websites-12121456