highlights & comments

• 
  Marc Chataigner highlighted

  As I mentioned in the first half of this book, when they are on their mobile devices, people are often just “one eyeball and one thumb.” They’re usually not comfortably seated in front of a desk and focused on your site. Instead, they are in the real world with many possible distractions around them. In these situations we only have people’s partial attention; they need clear, focused designs to get things done—not lots of navigation options getting in their way. Yahoo! Mail’s compose email screen is a great example of removing extraneous actions and letting people focus on their primary task (in this case, writing an email) on their mobile device. This screen contains only a single navigation action: “cancel” (fig 4.18). The rest of the interface is laser-focused on the task at hand.

  4 months ago · Like · 0 likes · Share

  • 
    Marc Chataigner

    Yahoo! Mail: interesting example of a design for one eyeball and a thumb.

    4 months ago
• 
  Marc Chataigner highlighted

  As a general rule, content takes precedence over navigation on mobile.

  4 months ago · Like · 0 likes · Share

  • 
    Marc Chataigner

    And this why thinking mobile first creates value in the enduser experience.

    4 months ago
• 
  Marc Chataigner highlighted

  Looking at this intersection at a high level can illuminate how people are typically using their mobile devices and why. In his book Tapworthy, author Josh Clark focused on three critical mobile behaviors: micro-tasking, “I’m local,” and “I’m bored.” These align pretty well with Google’s breakdown of mobile users into three behavioral groups: urgent now, repetitive now, and bored now. Regardless of how you chose to label these behaviors, mobile usage generally consists of a couple of interaction types: Lookup/Find (urgent info, local): I need an answer to something now—frequently related to my current location in the world. Explore/Play (bored, local): I have some time to kill and just want a few idle time distractions. Check In/Status (repeat/micro-tasking): Something important to me keeps changing or updating and I want to stay on top of it. Edit/Create (urgent change/micro-tasking): I need to get something done now that can’t wait.

  4 months ago · Like · 0 likes · Share

  • 
    Marc Chataigner

    Main mobile uses.

    4 months ago
• 
  Marc Chataigner highlighted

  This chart does a nice job of illustrating that people often use their mobile devices in shorter bursts (that’s why the peaks are sharper) throughout the day. Rachel Hinman at Nokia has a great analogy that contrasts mobile behavior with desktop behavior; she says the desktop is “diving” while mobile is “snorkeling” (http://bkaprt.com/mf/34).

  4 months ago · Like · 0 likes · Share
• 
  Marc Chataigner highlighted

  The second graph shows the number of articles read by iPhone users each hour (fig 2.6). There are four major peaks: 6 a.m. (breakfast); 9 a.m. (the morning commute and start of workday); 5 p.m.–6 p.m. (end of the work day and the commute home); 8 p.m.–10 p.m. (couch time, prime time, bed time).

  4 months ago · Like · 0 likes · Share

  • 
    Marc Chataigner

    Mobile usage through the day compared with PC usage.

    4 months ago
• 
  Marc Chataigner highlighted

  When reflecting on a lot of mobile usage patterns, I like to imagine people as “one eyeball and one thumb.”

  4 months ago · Like · 0 likes · Share

  • 
    Marc Chataigner

    Mobile users are not real human! :-)

    4 months ago
• 
  Marc Chataigner highlighted

  The fact that 84% of people used their mobile device at home is telling. Catching a quick glance at your email at home is perhaps a bigger part of the mobile story than our businessman on the go. What both situations have in common, though, is that we’re unlikely to get someone’s full attention.

  4 months ago · Like · 0 likes · Share

  • 
    Marc Chataigner

    Mobile devices aren't for moving businessmen. But for you wandering at home.

    4 months ago
• 
  Marc Chataigner highlighted

  The first volley of smartphones running iOS, Android, and WebOS mostly stuck to a 320×480 pixel resolution, which meant 80% of the screen space from the desktop was missing. So 80% of the links, ads, text, images, and more from our desktop designs had to find a new home or disappear altogether. There simply wasn’t room for them on a mobile screen. And that’s...terrific.

  4 months ago · Like · 0 likes · Share

  • 
    Marc Chataigner

    More focus

    4 months ago
• 
  Marc Chataigner highlighted

  The same pattern can be found on Facebook. Close to 19% of Facebook posts are created on the mobile web experience, while Facebook’s native iPhone, Android, and Blackberry apps only account for about 4% of posts each (http://bkaprt.com/mf/26). It turns out access (anywhere) goes a long way.

  4 months ago · Like · 0 likes · Share

  • 
    Marc Chataigner

    Mobile users are more active. We carry our smartphone always with us, not our PC.

    4 months ago
• 
  Marc Chataigner highlighted

  But something happened less than a year later that really changed things. On June 29, 2007, Steve Jobs got on stage and introduced the first iPhone. Apple fanboy or not, it’s hard to deny the impact this device has had on the mobile internet. Here was a mobile phone on which browsing the web really did not suck. Looking at AT&T’s mobile data traffic from 2006 to 2009 (when it was the exclusive carrier of the iPhone in the US) tells the story quite clearly (fig 1.3). Fig 1.3: AT&T’s meteoric rise in mobile data traffic can be seen in more detail at http://bkaprt.com/mf/9 (PDF). (Source: AT&T, Morgan Stanley Research.)

  5 months ago · Like · 0 likes · Share
• 
  Marc Chataigner highlighted

  Why Mobile First? Here’s the elevator pitch: designing for mobile first not only prepares you for the explosive growth and new opportunities on the mobile internet, it forces you to focus and enables you to innovate in ways you previously couldn’t. Of course there’s a lot of detail behind that statement, which is what this part is all about.

  5 months ago · Like · 0 likes · Share