<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/atom10full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><feed xmlns="http://www.w3.org/2005/Atom" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0">
    <title>The Mobile Frontier</title>
    <link rel="alternate" type="text/html" href="http://www.rosenfeldmedia.com/books/mobile-design/" />
    
    <id>tag:www.rosenfeldmedia.com,2010-11-10:/books/mobile-design//25</id>
    <updated>2012-06-08T15:08:57Z</updated>
    
    <generator uri="http://www.sixapart.com/movabletype/">Movable Type 4.24-en</generator>

<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/atom+xml" href="http://feeds.feedburner.com/mobile-design" /><feedburner:info uri="mobile-design" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><feedburner:browserFriendly></feedburner:browserFriendly><entry>
    <title>Read an excerpt, win a free copy of the book!</title>
    <link rel="alternate" type="text/html" href="http://www.rosenfeldmedia.com/books/mobile-design/blog/read_an_excerpt_win_a_free_cop/" />
    <id>tag:www.rosenfeldmedia.com,2012:/books/mobile-design//25.2731</id>

    <published>2012-06-08T15:01:58Z</published>
    <updated>2012-06-08T15:08:57Z</updated>

    <summary>UX Magazine has published an excerpt of Rachel's book, and is running a contest with five free copies as prizes! Follow the guidelines and post your entry in Twitter or Facebook; entering will take you just a minute or two,...</summary>
    <author>
        <name>Louis Rosenfeld</name>
        <uri>http://www.rosenfeldmedia.com/</uri>
    </author>
    
        <category term="Blog" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="en" xml:base="http://www.rosenfeldmedia.com/books/mobile-design/">
        <![CDATA[<p><em>UX Magazine</em> has published an <a href="http://uxmag.com/articles/excerpt-from-the-new-book-the-mobile-frontier">excerpt</a> of Rachel's book, and is running a <a href="http://uxmag.com/articles/win-a-copy-of-the-mobile-frontier">contest</a> with five free copies as prizes! Follow the guidelines and post your entry in Twitter or Facebook; entering will take you just a minute or two, and the contest ends on Friday, June 22.</p>]]>
        
    </content>
</entry>

<entry>
    <title>Excerpt</title>
    <link rel="alternate" type="text/html" href="http://www.rosenfeldmedia.com/books/mobile-design/content/sample_chapter/excerpt/" />
    <id>tag:www.rosenfeldmedia.com,2012:/books/mobile-design//25.2730</id>

    <published>2012-06-08T14:35:38Z</published>
    <updated>2012-06-08T14:56:47Z</updated>

    <summary>Our friends at UX Magazine have graciously published an excerpt from The Mobile Frontier....</summary>
    <author>
        <name>Louis Rosenfeld</name>
        <uri>http://www.rosenfeldmedia.com/</uri>
    </author>
    
        <category term="Sample Chapter" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="en" xml:base="http://www.rosenfeldmedia.com/books/mobile-design/">
        <![CDATA[<p>Our friends at <em>UX Magazine</em> have graciously published an <a href="http://uxmag.com/articles/excerpt-from-the-new-book-the-mobile-frontier">excerpt</a> from <em>The Mobile Frontier.</em></p>]]>
        
    </content>
</entry>

<entry>
    <title>Frequently Asked Questions</title>
    <link rel="alternate" type="text/html" href="http://www.rosenfeldmedia.com/books/mobile-design/info/faq/frequently_asked_questions/" />
    <id>tag:www.rosenfeldmedia.com,2012:/books/mobile-design//25.2726</id>

    <published>2012-06-06T00:07:50Z</published>
    <updated>2012-08-01T18:38:13Z</updated>

    <summary>These common questions about mobile design and their short answers are taken from Rachel Hinman's book The Mobile Frontier. You can find longer answers to each in your copy of the book, either printed or digital version. Why is mobile...</summary>
    <author>
        <name>Karen Corbett</name>
        
    </author>
    
        <category term="FAQ" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="en" xml:base="http://www.rosenfeldmedia.com/books/mobile-design/">
        <![CDATA[<p>These common questions about mobile design and their short answers are taken from Rachel Hinman's book <a href="/books/mobile-design/">The Mobile Frontier</a>. You can find longer answers to each in your copy of the book, either printed or digital version.</p>

<h5>Why is mobile UX such a hot topic right now?</h5>

<p>For what felt like the longest time, mobile UX was considered a small and obscure design space that most designers felt obliged to learn more about but loathed participating in because of all the inherent design constraints. The release of the first iPhone in 2007 changed all that. The iPhone demonstrated to the mobile industry and the world what was possible when innovative mobile technology was paired with a stellar user experience. The iPhone was more than an innovative product; it was the first mobile device that got people&#8212;regular, everyday people (not just the geeks)&#8212;excited about using a mobile phone. Now, as increasingly more people are experiencing what it's like to access and interact with information from nearly anywhere, through devices that are beautifully designed, mobile is no longer a niche topic. There's never been a better time to design mobile experiences. See Chapter 1 for more.</p>

<h5>What makes mobile user experience and design different?</h5> 
<p>Practitioners of mobile UX design often cite context as the biggest difference between designing for mobile experiences and other design spaces.Developing an understanding and empathy for the depth, breadth, and design implications of the mobile context is quite possibly the most essential skill necessary in creating great mobile experiences. If you're a practicing designer, chances are that context is your design blindside. Most designers have been steeped in a tradition of creating experiences with few context considerations, although they may not realize it. Books, Web sites, software programs, and even menus for interactive televisions share an implicit and often overlooked commonality: use occurs in relatively static and predictable environments. In contrast, most mobile experiences are situated in highly dynamic and unpredictable environments. See Chapter 3 for more information on designing for the mobile context.</p>

<h5>What modifications to my existing design processes do I need to make to create good mobile experiences?</h5>

<p>Mobile UX professionals use many of the same tools and processes as other UX professionals. Designers new to mobile UX must learn to calibrate their design decision-making skills to a new medium&#8212;and prototyping is essential in developing those decision-making skills. Although prototyping is considered a luxury for many PC-based experiences, it is an absolutely essential part of creating compelling tablet and mobile experiences. The reason is simple. Chances are, if you are new to mobile, your design experience and instincts aren't very well tuned to mobile. Unlike the PC, the mobile design space is relatively new, and design patterns have yet to be formally codified. In lieu of experience and heuristics, the best way to develop these skills is to practice turning the brilliant ideas in your head into tangible experiences you and other people can engage with. <p>

<p>Prototyping can become your saving grace in this regard. See Chapter 6 for tons of info on prototyping methods.</p>

<h5>How do I design for touchscreen experiences?</h5>

<p>One of the issues that makes designing for touchscreen experiences challenging for designers is that most of us have been steeped in a tradition of creating experiences using GUI (graphical user interface) principles. With the widespread uptake of mobile phones and tablets outfitted with touchscreens, we're currently in the midst of a UI paradigm shift. Designers and UX professionals must now learn to create experiences that leverage NUI (natural user interface) principles. This includes learning the key differences between GUI and NUI, as well as understanding how to optimize experiences for touch. Chapter 2 will help you understand what makes NUI interesting and different, and Chapter 8 will give you valuable info on how to optimize screen-based experiences for touch UIs.</p>

<h5>Should I design a native mobile app, a mobile Web app, or a mobile Web site?</h5>

<p>Many experts in the mobile industry have deeply held philosophical viewpoints on this question and have been willing to fight verbal cage fights with those whose opinions differ. The short answer is: "It depends." Chapter 4 covers some of the pros and cons of each approach. A word of caution: While this is an important implementation question to answer, it's not necessarily the first question you should be asking at the beginning of a mobile user experience project. Ultimately, your goal should be to create a great user experience. Technology and implementation choices can help guide your design and decision-making process--but they should not dictate it. More on identifying mobile needs in Chapter 3.</p>

<h5>What does the future hold? What's next for mobile user experience?</h5>

<p>In the near future, many designers and UX professionals will focus on pioneering the parts of the mobile frontier that have already been discovered. And that is a good place to be. But there's a vast space just beyond what's been discovered that some brave souls have already begun to explore. There are three mobile trends I've been tracking that I believe will have a profound impact on the future. These themes will not only redefine mobility, but they'll also irrevocably alter the relationship we have with computing. They are: the shifting boundary between computers and the human body, the shifting boundary between computers and the environment, and mobile experiences for emerging markets. These topics will all be covered in Chapter 9.</p>]]>
        
    </content>
</entry>

<entry>
    <title>"The Mobile Frontier" is now available</title>
    <link rel="alternate" type="text/html" href="http://www.rosenfeldmedia.com/books/mobile-design/blog/the_mobile_frontier_is_now_ava/" />
    <id>tag:www.rosenfeldmedia.com,2012:/books/mobile-design//25.2725</id>

    <published>2012-06-05T22:45:57Z</published>
    <updated>2012-06-07T18:26:04Z</updated>

    <summary>Super stoked to announce that after what seems like forever, The Mobile Frontier: A Guide to Creating Mobile Experiences, is now available.Hooray! I hope you enjoy it ......</summary>
    <author>
        <name>Rachel Hinman</name>
        
    </author>
    
        <category term="Blog" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="en" xml:base="http://www.rosenfeldmedia.com/books/mobile-design/">
        <![CDATA[Super stoked to announce that after what seems like forever, <b>The Mobile Frontier: A Guide to Creating Mobile Experiences</b>, is now available.<script type="text/javascript" src="https://d1ros97qkrwjf5.cloudfront.net/36/eum/rum.js"></script><script id="nreum-send-beacon" type="text/x-nreum-data"></script><div><br /></div><div>Hooray! I hope you enjoy it ...</div>]]>
        
    </content>
</entry>

<entry>
    <title>The Mobile Frontier's illustrations now available</title>
    <link rel="alternate" type="text/html" href="http://www.rosenfeldmedia.com/books/mobile-design/blog/the_mobile_frontiers_illustrat/" />
    <id>tag:www.rosenfeldmedia.com,2012:/books/mobile-design//25.2723</id>

    <published>2012-06-04T17:55:53Z</published>
    <updated>2012-06-04T17:59:43Z</updated>

    <summary>All 390 (yes, 390!) of the book's illustrations (including front and back covers) are now available via Flickr; enjoy!...</summary>
    <author>
        <name>Louis Rosenfeld</name>
        <uri>http://www.rosenfeldmedia.com/</uri>
    </author>
    
        <category term="Blog" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="en" xml:base="http://www.rosenfeldmedia.com/books/mobile-design/">
        <![CDATA[<p>All 390 (yes, 390!) of the <a href="http://www.flickr.com/photos/rosenfeldmedia/sets/72157629636702860/">book's illustrations</a> (including front and back covers) are now available via Flickr; enjoy!</p>]]>
        
    </content>
</entry>

<entry>
    <title>Diagrams and other illustrations</title>
    <link rel="alternate" type="text/html" href="http://www.rosenfeldmedia.com/books/mobile-design/content/diagrams/diagrams_and_other_illustratio/" />
    <id>tag:www.rosenfeldmedia.com,2012:/books/mobile-design//25.2722</id>

    <published>2012-06-04T17:22:11Z</published>
    <updated>2012-06-04T17:54:49Z</updated>

    <summary> All 390 (!) images for The Mobile Frontier: A Guide for Designing Mobile Experiences (including front and back covers) are now available from the Rosenfeld Media Flickr site. We encourage you to grab and include them into your own...</summary>
    <author>
        <name>Louis Rosenfeld</name>
        <uri>http://www.rosenfeldmedia.com/</uri>
    </author>
    
        <category term="Diagrams" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="en" xml:base="http://www.rosenfeldmedia.com/books/mobile-design/">
        <![CDATA[<p><a href="http://www.flickr.com/photos/rosenfeldmedia/sets/72157629636702860/"> <img src="http://rosenfeldmedia.com/books/downloads/mobile-design/thumbnails.jpg" alt="book image thumbnails"></a></p>

<p>All <a href="http://www.flickr.com/photos/rosenfeldmedia/sets/72157629636702860/">390 (!) images</a> for <em>The Mobile Frontier: A Guide for Designing Mobile Experiences</em> (including front and back covers) are now available from the Rosenfeld Media Flickr site. We encourage you to grab and include them into your own presentations. But please be sure to mention where they come from: cite the book's title, the author's name, the publisher, date, and the book site's URL. Here's an example:</p>

<p>Figure 7.3 from <em>The Mobile Frontier: A Guide for Designing Mobile Experiences</em> by Rachel Hinman; Rosenfeld Media, 2012. http://rosenfeldmedia.com/books/mobile-design/</p>

<p>Enjoy!</p>]]>
        
    </content>
</entry>

<entry>
    <title>Testimonials</title>
    <link rel="alternate" type="text/html" href="http://www.rosenfeldmedia.com/books/mobile-design/content/testimonials/testimonials/" />
    <id>tag:www.rosenfeldmedia.com,2012:/books/mobile-design//25.2661</id>

    <published>2012-05-08T14:11:48Z</published>
    <updated>2013-01-22T18:04:59Z</updated>

    <summary><![CDATA[ &quot;A must-read for anyone who cares about the future of digital media, The Mobile Frontier explains not only the technological revolution that's upon us, but also the behavioral, cultural, and psychological changes (and opportunities) ushered in by mobile. If...]]></summary>
    <author>
        <name>Karen Corbett</name>
        
    </author>
    
        <category term="Testimonials" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="en" xml:base="http://www.rosenfeldmedia.com/books/mobile-design/">
        <![CDATA[ <p>&quot;A must-read for anyone who cares about the future of digital media, The Mobile Frontier explains not only the technological revolution that's upon us, but also the behavioral, cultural, and psychological changes (and opportunities) ushered in by mobile. If you're not listening to Rachel Hinman, you're not hooked up right.&quot;<br />
&#8212;<strong>Josh Clark</strong>, Author, Tapworthy: Designing Great iPhone Apps</p>

<p>&quot;In <em>The Mobile Frontier</em>, Rachel Hinman offers a comprehensive perspective on designing for mobile devices in support of mobile people. She draws on her decade of experience, and the results are highly readable, engaging, and&#8212;more importantly&#8212;actionable.&quot;<br />
&#8212;<strong>Jon Kolko</strong>, Director, Austin Center for Design</p>

<p>&quot;The "big picture thinking" you need to understand mobile computing and its astounding implications.&quot;<br />
&#8212;<strong>Luke Wroblewski</strong>, Author, <em>Mobile First</em><p>

<p>&quot;Hinman dares us to get comfortable, calling the devices in our pockets "banks," "health clinics," and "movie theaters"[md]but not "phones." Then she gives us the tools to build them ourselves. When everything else in mobile is shifting&#8212;the boundaries between computers and the human body, the boundaries between computers and the environment&#8212;Hinman's book makes future possibilities clear.&quot;<br />
&#8212;<strong>Liz Danzico</strong>, Chair, MFA in Interaction Design, School of VISUAL ARTS, New York City</p>

<p>&quot;From tiny touchscreens to geo-located services, mobile devices have caused us to rethink how we design. If you're looking for a primer on mobile fundamentals, look no further than The Mobile Frontier. In casual, easy-to-understand language, Rachel Hinman gives an overview of today's mobile landscape&#8212;and tomorrow's.&quot;<br />
&#8212;<strong>Dan Saffer</strong>, Author of <em>Designing for Interaction</em></p>]]>
        
    </content>
</entry>

<entry>
    <title>Alex Rainert: Head of Product at foursquare  </title>
    <link rel="alternate" type="text/html" href="http://www.rosenfeldmedia.com/books/mobile-design/blog/alex_rainert_head_of_product_a/" />
    <id>tag:www.rosenfeldmedia.com,2012:/books/mobile-design//25.2569</id>

    <published>2012-04-04T18:12:12Z</published>
    <updated>2012-04-06T15:58:36Z</updated>

    <summary> Alex is Head of Product at foursquare. Alex brings 12 years of product development experience and a multidisciplinary background to his work, with a focus on mobile, social and emerging technologies. Previously, he co-founded Dodgeball, one of the first...</summary>
    <author>
        <name>Rachel Hinman</name>
        
    </author>
    
        <category term="Blog" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="en" xml:base="http://www.rosenfeldmedia.com/books/mobile-design/">
        <![CDATA[<!--StartFragment-->

<p class="GTGeneralText"><!--StartFragment-->

</p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="alex.jpg" src="http://www.rosenfeldmedia.com/books/mobile-design/alex.jpg" width="250" height="254" class="mt-image-left" style="float: left; margin: 0 20px 20px 0;" /></span><p class="GTGeneralText"><i style="mso-bidi-font-style:normal">Alex is Head of
Product at foursquare. Alex brings 12 years of product development experience
and a multidisciplinary background to his work, with a focus on mobile, social
and emerging technologies. Previously, he co-founded Dodgeball, one of the
first mobile social services in the U.S., which he sold to Google in May 2005.
He is a lifelong New Yorker currently living in Brooklyn with his wife,
daughter, and dog. Alex holds a master's degree from New York University's
Interactive Telecommunications Program and a bachelor's degree in philosophy
from Trinity College.<o:p></o:p></i></p><p class="GTGeneralText"><i style="mso-bidi-font-style:normal"><br /></i></p><p class="GTGeneralText"><i style="mso-bidi-font-style:normal">
<!--StartFragment-->

</i></p><i style="mso-bidi-font-style:normal"><p class="GTGeneralText"><b><span class="Apple-style-span" style="font-style: normal; ">How did you find
your way into the mobile user experience space?</span><span class="Apple-style-span" style="font-style: normal; "><o:p></o:p></span></b></p>

<p class="GTGeneralText"><span class="Apple-style-span" style="font-style: normal;">I started getting interested in mobile when I attended
New York University's Interactive Telecommunications graduate program. I went
to ITP in 2003 and 2004 when, believe it or not, Friendster was still en vogue.
At that time, mobile technology was still super frustrating, but just starting
to turn the corner to be a little bit more consumer friendly. ITP is an
environment where students are encouraged to play around with the newest
technology as part of the curriculum. </span></p>

<p class="GTGeneralText"><span class="Apple-style-span" style="font-style: normal;">I've always been interested in the idea of mobility and
presence and how you can alter and enhance the way people interact with the
world around them through technology in a non-intrusive way. At ITP, I started
working with Dennis Crowley on an application called Scout. When students arrived at school, they had to swipe their ID
cards to enter the building. We designed Scout around that core interaction.
When students entered the building and swiped their card, Scout would drop them
into a virtual space and then other students could query that space with
questions like, "Is there anyone on the floor right now who knows action script?"
Scout used the idea of presence and social connection to enhance the way
students were interacting with each other based on space. In a lot of ways,
foursquare has been a natural extension of that idea. We've tried to take
something simple like a check in and build a rich experience around that.</span></p>

<p class="GTGeneralText"><span class="Apple-style-span" style="font-style: normal;">One thing that has been challenging - both with the
early version of Scout and now foursquare - is that when you're designing
mobile experiences, it often feels like you're trying to build things that help
pull people over that hump to appreciate the richer experience that can come
from designing around the intersection of mobile, social, and place.</span></p><p class="GTGeneralText"><span class="Apple-style-span" style="font-style: normal;"><br /></span></p><p class="GTGeneralText"><span class="Apple-style-span" style="font-style: normal;">
<!--StartFragment-->

</span></p><p class="GTGeneralText"><b><span class="Apple-style-span" style="font-style: normal;">How do you pull
people over that hump so that they can realize the value of the types of mobile
experiences you're designing?<o:p></o:p></span></b></p>

<p class="GTGeneralText"><span class="Apple-style-span" style="font-style: normal;">Part of pulling people over the hump is staying focused.
The foursquare team is a group of people who have an incredibly active
relationship with our phones. It's easy to forget that not everybody has that type
of a relationship with their mobile devices, and we have to always make sure
we're designing for those outside of our power user set. </span></p>

<p class="GTGeneralText"><span class="Apple-style-span" style="font-style: normal;">foursquare has always been a social utility at its
core - find out what your friends are doing, tell your friends what you're
doing. We use levers like game mechanics (encouragement though points, the
leader board, badges), recommendations, and specials to encourage engagement
with the app. The challenge is tweaking all those different levers without
losing site of what is central to the app's experience - social and place.</span></p><p class="GTGeneralText"><!--StartFragment-->

</p><p class="GTGeneralText"><span class="Apple-style-span" style="font-style: normal;">Now that people can carry around these powerful devices,
and have access to rich content like maps, images, and video, it's easy to
think, "Oh, you can watch videos on it" or "We can create an augmented reality
lens to enhance people's view of the world." We don't want people to open up
foursquare and be buried in there or force people to look ridiculous waving
their phone in the air to see things. That's definitely not the kind of
experience we're trying to create. We want to build something that people can
pop open anywhere in the world and provides a quick, valuable interaction, and
then it's done. They can close it and get back to enjoying what it is they were
doing. </span></p>

<p class="GTGeneralText"><span class="Apple-style-span" style="font-style: normal;">From day one, we've been building the foursquare
experience for people to share things in the real world - to share rich
experiences - and everything we've done has gone into building towards that
vision. We feel that's our beachhead - to keep plugging away and being able to
focus on that area is our competitive advantage</span>.</p>

<!--EndFragment-->

<!--StartFragment-->

<p class="GTGeneralText"><b style="mso-bidi-font-weight:normal"><br /></b></p><p class="GTGeneralText"><b><span class="Apple-style-span" style="font-style: normal;">There seems to be
a theme in your professional history. Dodgeball, Scout, and foursquare all
combine mobile, a sense of place with a social layer. Where does that interest
come from?<o:p></o:p></span></b></p>

<p class="GTGeneralText"><span class="Apple-style-span" style="font-style: normal;">I think part of it is my personality. I'm personally
drawn to things that bring people together. I love that a big part of my job is
building the team that builds the product. I've been managing a softball team
for 12 years, and I run a football office pool. I know the latter two are sort
of trivial examples, but it's coordinating groups of people around a thing, and
that thing can be a fantasy baseball league, or that thing can be going out for
happy hour. That's something that's been true about me my whole life.</span></p>

<!--EndFragment-->

<p>&nbsp;</p><p></p><p class="GTGeneralText"><!--StartFragment--></p>

<p></p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="foursquare.jpg" src="http://www.rosenfeldmedia.com/books/mobile-design/foursquare.jpg" width="255" height="312" class="mt-image-left" style="float: left; margin: 0 20px 20px 0;" /></span><p class="GTGeneralText"><b><span class="Apple-style-span" style="font-style: normal;">Do you think the
fact that you have spent so much time in New York City has influenced your
thoughts about mobile design?<o:p></o:p></span></b></p><p></p>

<p class="GTGeneralText"><span class="Apple-style-span" style="font-style: normal;">Definitely. New York is a unique place to design things
around real-time place-based social interactions. Designing mobile experiences
in New York is very much a gift, but it's also a challenge not to get too
swayed by that. Currently, foursquare has over 20 million users. We have to
design for the next 40 million users and not the first 20 if we want to build
the type of experience that I think we can, and a lot of those 40 aren't
necessarily going to be urban dwellers.</span></p><!--StartFragment-->

<p class="GTGeneralText"><span class="Apple-style-span" style="font-style: normal; "><i style="mso-bidi-font-style:normal"><b><i></i></b></i></span></p><i style="mso-bidi-font-style:normal"><b><i><p class="GTGeneralText" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.75em; margin-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 1em; font-weight: normal; display: inline !important; "><b><span class="Apple-style-span" style="font-style: normal;">You've been involved in the mobile industry for quite some time now. What do you think have been some of the biggest changes you've experienced?</span></b></p></i></b></i><p></p><b><i><p class="GTGeneralText" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.75em; margin-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 1em; font-weight: normal; "><span class="Apple-style-span" style="font-style: normal;">One big change is how easy it is to create experiences that use the social graph. With Dodgeball, there was no social graph to speak of. If you wanted to create a social experience, you basically had to rebuild it from scratch. There weren't really graphs you could leverage like you can now with things like Twitter and Facebook. Now that it's easier to bootstrap a friend graph, we can focus all our efforts on the experience we want to design on top of that. The fact that there's a standard social graph designers can use to build social experiences is definitely a high barrier to entry that's been removed.</span></p><p class="GTGeneralText" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.75em; margin-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 1em; font-weight: normal; "><span class="Apple-style-span" style="font-style: normal;">Also, the sheer number of people with high-end mobile devices is another big change. When I think back to the days of Dodgeball, we decided not to build the experience for devices like Windows mobile phones or smartphones, because the reality was that not that many people were carrying those phones. Despite the fact that it was a bigger challenge to build a rich mobile experience on lower-end phones, we focused on SMS because it was something everyone could use and because we felt strongly that if you're building something social, it's not fun if it's something that most people can't use. Now, higher-end mobile devices are much more common and are becoming people's preferred device. Now, even if people are given the choice of having an experience on their laptop or having an experience on their phone, people are starting to choose the experience on their phone because it's always with them. It's just as fast. It's just as nice looking. That just really opens the door for designers and engineers to build great mobile experiences.</span></p><p class="GTGeneralText" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.75em; margin-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 1em; font-weight: normal; "><span class="Apple-style-span" style="font-style: normal;"><br /></span></p>

<p class="GTGeneralText"><span class="Apple-style-span" style="font-style: normal;"><b>What Mobile design topics interest you the most?</b></span></p><p class="GTGeneralText"><span class="Apple-style-span" style="font-style: normal; "><i style="mso-bidi-font-style:normal"><b><i></i></b></i></span></p><span class="Apple-style-span" style="font-style: normal; font-weight: normal;">
<!--StartFragment-->

<p class="MsoNormal" style="margin-bottom:0in;margin-bottom:.0001pt;line-height:
150%;mso-pagination:none;mso-layout-grid-align:none;text-autospace:none"><font class="Apple-style-span" color="#262626" face="Arial" size="5"><span class="Apple-style-span" style="font-size: 17px; line-height: 25px;">
<!--StartFragment-->

</span></font></p><font class="Apple-style-span" color="#262626" face="Arial" size="5"><p class="MsoNormal" style="margin-bottom:0in;margin-bottom:.0001pt;line-height:
150%;mso-pagination:none;mso-layout-grid-align:none;text-autospace:none"><font class="Apple-style-span" size="4"><span class="Apple-style-span" style="font-size: 15px; line-height: 22px;">
<!--StartFragment-->

</span></font></p><font class="Apple-style-span" size="4"><p class="MsoNormal" style="margin-bottom:0in;margin-bottom:.0001pt;line-height:
150%;mso-pagination:none;mso-layout-grid-align:none;text-autospace:none"><font class="Apple-style-span" size="3"><span class="Apple-style-span" style="font-size: 13px; line-height: 19px;">
<!--StartFragment-->

</span></font></p><font class="Apple-style-span" size="3"><p class="MsoNormal" style="margin-bottom:0in;margin-bottom:.0001pt;line-height:
150%;mso-pagination:none;mso-layout-grid-align:none;text-autospace:none"><span style="font-size:10.0pt;mso-bidi-font-size:13.0pt;line-height:150%;font-family:
Verdana;mso-bidi-font-family:Arial;color:#262626">I'm really interested in
designing experiences that leverage mobile devices as location-aware sensors.
There's something really powerful about the idea that the phones people carry
with them can act as sensors alerting people about interesting things in their
environments. Devices can know about the people you've been at places with, the
things you've done and shared... even the speed at which you're moving. That
opens up the opportunity to build experiences that are even less disruptive
than the experiences we have now. Now, it's still very much like, "Let me
open up Google maps and get directions to go do such and such."<i><o:p></o:p></i></span></p>

<p class="MsoNormal" style="margin-bottom:0in;margin-bottom:.0001pt;line-height:
150%;mso-pagination:none;mso-layout-grid-align:none;text-autospace:none"><i><span style="font-size:10.0pt;mso-bidi-font-size:13.0pt;line-height:150%;font-family:
Verdana;mso-bidi-font-family:Arial;color:#262626"><o:p>&nbsp;</o:p></span></i></p>

<p class="MsoNormal" style="margin-bottom:9.0pt;line-height:150%;mso-pagination:
none;mso-layout-grid-align:none;text-autospace:none"><span style="font-size:
10.0pt;mso-bidi-font-size:13.0pt;line-height:150%;font-family:Verdana;
mso-bidi-font-family:Arial;color:#262626">Granted, this all has to be done with
the user's privacy always kept front of mind, and I think the technology is
finally getting to a point where we can find that balance and design an
incredibly engaging augmented experience while respecting a user's privacy.
Ultimately, I think we'll settle into some place where people will feel
comfortable sharing more information than they are now, and I'm interested in
seeing the kinds of mobile experiences we can create based on that information.<i><o:p></o:p></i></span></p>

<p class="MsoNormal" style="margin-bottom:9.0pt;line-height:150%;mso-pagination:
none;mso-layout-grid-align:none;text-autospace:none"><span style="font-size:
10.0pt;mso-bidi-font-size:13.0pt;line-height:150%;font-family:Verdana;
mso-bidi-font-family:Arial;color:#262626">It seems weird to think that in our
lifetime, we had computers in our homes that were not connected to a network,
but I can vividly remember that. But that's something my daughter will never
experience. I think a similar change will happen with some of the information
sharing questions that we have today.<i><o:p></o:p></i></span></p>

<p class="MsoNormal" style="line-height:150%"><span style="font-size:10.0pt;
mso-bidi-font-size:13.0pt;line-height:150%;font-family:Verdana;mso-bidi-font-family:
Arial;color:#262626">There's a weird line, though. Those kinds of experiences
can get creepy super fast. I think the important thing to remember is that some
problems are human problems. They're problems a computer can't solve. I'm
definitely not one of those people who says stuff like, "We think phones
will know what you want to do before you want to do it." I think there's a
real danger to over rely on the algorithm to solve human problems. I think it's
finding the right balance of how you can leverage the technology to help
improve someone's experience, but not expect that you're going to
wholeheartedly hand everything over to a computer to solve. It's a really
difficult dance to try and be the technology in between human beings. However,
no matter how far the technology goes, there's always going to be that nuance
that needs to be solved by people.</span><span style="font-size:10.0pt;
mso-bidi-font-size:12.0pt;line-height:150%;font-family:Verdana"><o:p></o:p></span></p>

<!--EndFragment-->


</font></font></font></span><font class="Apple-style-span" color="#262626" face="Arial" size="5"><font class="Apple-style-span" size="4"><font class="Apple-style-span" size="3"></font><p></p>

<!--EndFragment-->


</font></font><font class="Apple-style-span" color="#262626" face="Arial" size="5"><font class="Apple-style-span" size="4"></font><p></p>

<!--EndFragment-->


</font><p></p>

<!--EndFragment-->


<p class="GTGeneralText"></p><p class="GTGeneralText"><span class="Apple-style-span" style="font-style: normal; "><br /></span></p>

<!--EndFragment-->

<p></p><p class="GTGeneralText" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.75em; margin-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 1em; font-weight: normal; "><b><span class="Apple-style-span" style="font-weight: normal;"><span class="Apple-style-span" style="font-style: normal;"><br /></span></span></b></p></i></b><p class="GTGeneralText"><br /></p>

<!--EndFragment-->

<p></p>

<!--EndFragment-->

<p></p>

<!--EndFragment-->

</i><p></p><p></p><p></p>

<!--EndFragment-->

<p></p>

<!--EndFragment-->]]>
        
    </content>
</entry>

<entry>
    <title>Foreword to The Mobile Frontier</title>
    <link rel="alternate" type="text/html" href="http://www.rosenfeldmedia.com/books/mobile-design/blog/foreword_to_the_mobile_frontie/" />
    <id>tag:www.rosenfeldmedia.com,2012:/books/mobile-design//25.2562</id>

    <published>2012-03-30T02:43:20Z</published>
    <updated>2012-03-30T02:51:52Z</updated>

    <summary> S o here's a little fact that feels surprising: Today on our small blue planet, more people have access to cell phones than to working plumbing. Think about that. Primitive plumbing has been around for over a thousand years....</summary>
    <author>
        <name>Rachel Hinman</name>
        
    </author>
    
        <category term="Blog" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="en" xml:base="http://www.rosenfeldmedia.com/books/mobile-design/">
        <![CDATA[<div><span class="Apple-style-span" style="color: rgb(0, 0, 0); font-family: Helvetica; font-size: medium; "><br /></span></div><div><span class="Apple-style-span" style="color: rgb(0, 0, 0); font-family: Helvetica; font-size: medium; ">
<!--StartFragment-->

<div style="mso-element:dropcap-dropped;mso-element-wrap:around;mso-element-anchor-vertical:
paragraph;mso-element-anchor-horizontal:column;mso-height-rule:exactly;
mso-element-linespan:3">

<table cellspacing="0" cellpadding="0" hspace="0" vspace="0" align="left">
 <tbody><tr>
  <td valign="top" style="padding-top:0in;padding-right:0in;padding-bottom:0in;
  padding-left:0in">
  <p class="Contents" style="margin-bottom:0in;margin-bottom:.0001pt;line-height:
  37.55pt;mso-line-height-rule:exactly;page-break-after:avoid;mso-element:dropcap-dropped;
  mso-element-wrap:around;mso-element-anchor-vertical:paragraph;mso-element-anchor-horizontal:
  column;mso-height-rule:exactly;mso-element-linespan:3"><b style="mso-bidi-font-weight:
  normal"><span style="font-size:45.0pt;mso-bidi-font-size:10.5pt;font-family:
  Frutiger;mso-text-raise:-4.5pt">S<o:p></o:p></span></b></p>
  </td>
 </tr>
</tbody></table>

</div>

<p class="Contents" style="margin-top:0in;margin-right:6.3pt;margin-bottom:6.0pt;
margin-left:0in"><span style="font-size:10.5pt;font-family:CenturyATFBQ">o
here's a little fact that feels surprising: Today on our small blue planet,
more people have access to cell phones than to working plumbing. Think about
that. Primitive plumbing has been around for over a thousand years. Modern
working plumbing has been around for at least 200 years longer than the fleeting
few years since 1984 when Motorola first ripped the phone off the wall and
allowed us to carry it around. Most people find plumbing useful. Apparently
many millions more find cellular phones indispensible.<span style="mso-spacerun: yes">&nbsp; </span><o:p></o:p></span></p>

<p class="Contents" style="margin-top:0in;margin-right:6.3pt;margin-bottom:6.0pt;
margin-left:0in"><span style="font-size:10.5pt;font-family:CenturyATFBQ">Whenever
a big part of modern life--the Internet, video games, search engines,
smartphones, iPads, social networking systems, digital wallet payment systems--are
so useful that we can no longer imagine life without them, we act as if they
will forever be the way they are now. This childlike instinct has its charms,
but it is always wrong and particularly dangerous for designers. People who
think deeply about the built world necessarily must view it as fungible, not
fixed. It is the job of thoughtful designers to notice the petty annoyances
that accumulate when we use even devices we love; to stand in the future and think
of ways to make it more elegantly functional, less intrusive, more natural, far
more compelling. In the best such cases, designers need to surprise us--by
radically altering what we think is possible. To create the futures we cannot
even yet imagine.<o:p></o:p></span></p>

<p class="Contents" style="margin-top:0in;margin-right:6.3pt;margin-bottom:6.0pt;
margin-left:0in"><span style="font-size:10.5pt;font-family:CenturyATFBQ">But the
future is a scary place replete with endless options, endless unknowns. Of
course, like everyone else, designers don't have a crystal ball. There is a
constant risk that we will make assumptions which turn out to be either too
bold or too timid. Designers must rely instead on methods to think through
which evolutionary and revolutionary shifts are most likely--among an infinite
array of possibilities.<o:p></o:p></span></p>

<p class="Contents" style="margin-top:0in;margin-right:6.3pt;margin-bottom:6.0pt;
margin-left:0in"><span style="font-size:10.5pt;font-family:CenturyATFBQ">In <i style="mso-bidi-font-style:normal">The Mobile Frontier, </i>Rachel Hinman has
tackled one of the most vital issues in the future of design: <i style="mso-bidi-font-style:normal">how will our lives change while we are on
the go?</i> She has used her vast prior experience in working to shape the
future for Nokia, then added disciplined methods to do us four vital favors:<o:p></o:p></span></p>

<p class="Contents" style="margin-top:0in;margin-right:6.5pt;margin-bottom:0in;
margin-left:0in;margin-bottom:.0001pt"><b style="mso-bidi-font-weight:normal"><span style="font-size:10.5pt;font-family:Frutiger;font-variant:small-caps">Reveal
the structures of current and coming mobile interfaces... <o:p></o:p></span></b></p>

<p class="Contents" style="margin-top:0in;margin-right:6.3pt;margin-bottom:6.0pt;
margin-left:0in"><span style="font-size:10.5pt;font-family:CenturyATFBQ">Just
as cars have gone through several design eras (remember tailfins?), <i style="mso-bidi-font-style:normal">The Mobile Frontier</i> has clarified four
waves of successive strategies that make a device successively easier and more
pleasant to use. <i style="mso-bidi-font-style:normal">Whether you are a
designer, or simply an enthusiast, this is a revelation. It shows how the
metaphors and strategies for how to use a device evolve as there is more
processing power, memory, and display capabilities available to make a device
better behaved.</i><o:p></o:p></span></p>

<p class="Contents" style="margin-top:0in;margin-right:6.5pt;margin-bottom:0in;
margin-left:0in;margin-bottom:.0001pt"><b style="mso-bidi-font-weight:normal"><span style="font-size:10.5pt;font-family:Frutiger;font-variant:small-caps">Uncover
patterns in how we behave when we are mobile...<o:p></o:p></span></b></p>

<p class="MsoNormal" style="margin-bottom:6.0pt"><span style="font-size:10.5pt;
font-family:CenturyATFBQ">When you observe people deeply enough you discover
something fundamental. While there are an infinite number of things people
theoretically might do with mobile devices, inevitably the real activities we
choose to do can be distilled into clear patterns with a few themes and
variations. <i style="mso-bidi-font-style:normal">The Mobile Frontier has made
these clear, so that the challenge of thinking about mobility becomes vastly
more interesting, more tractable and far easier to either improve or reinvent.<b style="mso-bidi-font-weight:normal"><o:p></o:p></b></i></span></p>

<p class="Contents" style="margin-top:0in;margin-right:6.5pt;margin-bottom:0in;
margin-left:0in;margin-bottom:.0001pt;mso-pagination:widow-orphan lines-together;
page-break-after:avoid"><b style="mso-bidi-font-weight:normal"><span style="font-size:10.5pt;font-family:Frutiger;font-variant:small-caps">Provide
strategies for designing better mobile experiences...<o:p></o:p></span></b></p>

<p class="MsoNormal" style="margin-bottom:6.0pt;mso-pagination:widow-orphan lines-together"><span style="font-size:10.5pt;font-family:CenturyATFBQ">Whenever we want to improve
or reinvent a category there are some methods that are better than others. <i style="mso-bidi-font-style:normal">The Mobile Frontier</i> helps lay out active
design and prototyping strategies that make the otherwise daunting task of
building new interface alternatives likely to succeed instead of fail. <i style="mso-bidi-font-style:normal">This allows designers to proceed with
courage and confidence, knowing they can reliably imagine, develop and test
alternative interfaces, in order to get the future to show up ahead of its
regularly scheduled arrival. <b style="mso-bidi-font-weight:normal"><o:p></o:p></b></i></span></p>

<p class="Contents" style="margin-top:0in;margin-right:6.5pt;margin-bottom:0in;
margin-left:0in;margin-bottom:.0001pt"><b style="mso-bidi-font-weight:normal"><span style="font-size:10.5pt;font-family:Frutiger;font-variant:small-caps">Speculate
about what will come next...<o:p></o:p></span></b></p>

<p class="MsoNormal" style="margin-bottom:6.0pt"><span style="font-size:10.5pt;
font-family:CenturyATFBQ">Finally, <i style="mso-bidi-font-style:normal">The
Mobile Frontier</i> bravely peers down a foggy windy road to guess what lies
around the corner. This is a task always doomed to failure in detail, but
Rachel does a brilliant job of giving us the broad outlines. <i style="mso-bidi-font-style:normal">This is essential for helping us get past
the trap of merely filigreeing around the edges of the known, to instead
imagine the breakthroughs still to come.</i> <o:p></o:p></span></p>

<p class="MsoNormal" style="margin-bottom:6.0pt"><span style="font-size:10.5pt;
font-family:CenturyATFBQ">Collectively, these four deep insights advance the
known boundaries of understanding today's mobile devices and experiences. Thus
they help usher in the vastly new ones sure to emerge soon. Here's why that
matters: we are only three decades into one of the most important revolutions
the world has ever seen. In design development terms, that is a mere blink. Just
as the mobile device world has zipped past plumbing like a rocket sled would
pass a slug, we simply must see ourselves at the very beginning of this
revolution. With mobile devices, we are today where autocars were when the
Model T was the hottest thing on wheels. We will see vastly more change than
most of us can possibly imagine. Through our mobile devices we will find new
advances in learning, security, community, interaction, understanding,
commerce, communication and exploration. <o:p></o:p></span></p>

<p class="MsoNormal" style="margin-bottom:6.0pt"><span style="font-size:10.5pt;
font-family:CenturyATFBQ">Rachel Hinman is helping us make all that come along
a little sooner, a lot easier, and far more reliably. See for yourself. Better
yet, join in. Get a move on. <i style="mso-bidi-font-style:normal">Oh, and
bring your devices. Let's make 'em more amazing.&nbsp;</i><o:p></o:p></span></p><p class="MsoNormal" style="margin-bottom:6.0pt"><span style="font-size:10.5pt;
font-family:CenturyATFBQ"><i style="mso-bidi-font-style:normal"><br /></i></span></p><p class="MsoNormal" style="margin-bottom:6.0pt"><span style="font-size:10.5pt;
font-family:CenturyATFBQ"><i><span class="Apple-style-span" style="font-style: normal; "><b>Larry Keeley</b></span></i></span></p><p class="MsoNormal" style="margin-bottom:6.0pt"><span style="font-size:10.5pt;
font-family:CenturyATFBQ"><i style="mso-bidi-font-style:normal"><span class="Apple-style-span" style="font-style: normal; ">President and Co-Founder</span></i></span></p><p class="MsoNormal" style="margin-bottom:6.0pt"><span style="font-size:10.5pt;
font-family:CenturyATFBQ"><i><span class="Apple-style-span" style="font-style: normal; "><a href="http://www.doblin.com/"><b>Doblin Inc.&nbsp;</b></a></span></i></span></p><p class="MsoNormal" style="margin-bottom:6.0pt"><span style="font-size:10.5pt;
font-family:CenturyATFBQ"><i style="mso-bidi-font-style:normal"><br /></i></span></p><p class="MsoNormal" style="margin-bottom:6.0pt"><span style="font-size:10.5pt;
font-family:CenturyATFBQ"><i style="mso-bidi-font-style:normal"><br /></i></span></p>

<!--EndFragment-->


</span></div>]]>
        
    </content>
</entry>

<entry>
    <title>Mapping Touchscreens for Touch</title>
    <link rel="alternate" type="text/html" href="http://www.rosenfeldmedia.com/books/mobile-design/mapping_touchscreens_for_touch/" />
    <id>tag:www.rosenfeldmedia.com,2011:/books/mobile-design//25.2443</id>

    <published>2011-12-01T18:39:43Z</published>
    <updated>2011-12-01T23:23:43Z</updated>

    <summary> Unlike personal computer experiences, which involve many physical buttons like keyboard keys and mice with scroll wheels, most mobile touch screen experiences involve interactions with nothing more than flat screens of glass. While there are few physical buttons, the...</summary>
    <author>
        <name>Rachel Hinman</name>
        
    </author>
    
    
    <content type="html" xml:lang="en" xml:base="http://www.rosenfeldmedia.com/books/mobile-design/">
        <![CDATA[<!--StartFragment-->

<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="hands.jpg" src="http://www.rosenfeldmedia.com/books/mobile-design/hands.jpg" width="277" height="208" class="mt-image-left" style="float: left; margin: 0 20px 20px 0;" /></span><p class="Body">Unlike personal computer experiences, which involve many physical
buttons like keyboard keys and mice with scroll wheels, most mobile touch
screen experiences involve interactions with nothing more than flat screens of
glass. While there are few physical buttons, the nature of touch screen
interactions are highly physical because they are explored through human hands.
Subsequently, it's important that touch screen layouts not only offer generous
touch targets, but also accommodate the ergonomics of fingers and thumbs.</p><p class="Body"><br /></p><p class="Body"><b>Smartphones and the "Thumb Zone"</b></p><p class="Body">One of the great things about smartphones is that they're designed to fit in
the palm of your hand - often resulting in one-handed use. This means touch
screen interfaces must not only be aesthetically pleasing, they should be
organized for the fingers, especially the thumb. It's the finger that gets the
workout and the reason why most major interface elements are located at the
bottom of the screen instead of the top.</p><p></p>

<p class="Body">Interfaces designed for the desktop experience typically follow
the design convention of placing major menu items across the top of the screen.
The reverse is true of mobile experiences. Major menu items of your mobile
experience should reside in "the thumb zone" - the area of the screen that is navigable using just a thumb.</p><p class="Body"></p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="thumb_zone.gif" src="http://www.rosenfeldmedia.com/books/mobile-design/thumb_zone.gif" width="563" height="219" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></span><p></p><p class="Body"><b>What about Tablets?</b></p><p class="Body">While they have many similar characteristics (few physical
buttons, user mostly interacting with a piece of glass) the ergonomic
considerations for tablets are quite different than smartphones, mostly because
one-handed use of a tablet is very difficult. Instead, people use tablets in a variety of
ergonomic configurations. From curling up with it like a book, to holding it
like a clipboard, to propping it up in a kitchen while cooking - the variety of
ways people use tablets make it difficult to recommend a single set of heuristics
about navigation and content placement.</p>

<p class="MsoNormal">Instead, it's important to consider how <i><b><a href="http://books.google.com/books/about/Human_machine_reconfigurations.html?id=VwKMDV-Gv1MC">mutual reconfiguration</a></b></i> of the user's body and the device&nbsp;occur during tablet use. This
involves considering the ways a user will likely configure their body when
using a tablet application and placing the the
primary navigation elements accordingly. Here are a few examples:</p><p class="MsoNormal"><br /></p><p class="MsoNormal"><b>"Curling Up" Stance</b></p><p class="MsoNormal"><b></b>For tablet experiences that encourage the "curling up" user stance, opt for navigation at the top and consider incorporating horizontal gesture controls.</p><p class="MsoNormal"></p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="Curling_up_1.0.jpg" src="http://www.rosenfeldmedia.com/books/mobile-design/Curling_up_1.0.jpg" width="563" height="245" class="mt-image-none" style="" /></span><br /><p></p>

<!--EndFragment-->


 <div><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><p class="MsoNormal" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.75em; margin-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 1em; font-weight: normal; "><b><br /></b></p><p class="MsoNormal" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.75em; margin-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 1em; font-weight: normal; "><b>"The Clipboard" Stance</b></p><p class="MsoNormal" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.75em; margin-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 1em; font-weight: normal; "><b></b>For tablet experiences in which the user will be holding/using the tablet while standing, consider placing the navigation at the top of the screen where it's easy for the user to see.</p><p class="MsoNormal" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.75em; margin-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 1em; font-weight: normal; "><img alt="clipboard.jpg" src="http://www.rosenfeldmedia.com/books/mobile-design/clipboard.jpg" width="563" height="245" class="mt-image-none" style="" /></p></span><p></p><p class="MsoNormal" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.75em; margin-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 1em; font-weight: normal; "><br /></p><p class="MsoNormal" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.75em; margin-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 1em; font-weight: normal; "></p><p class="MsoNormal" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.75em; margin-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 1em; font-weight: normal; border-style: initial; border-color: initial; "><b>"The Multi-tasker" Stance</b></p><p class="MsoNormal" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.75em; margin-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 1em; font-weight: normal; border-style: initial; border-color: initial; "><b></b>In tablet experiences where the user will likely be multi-tasking with other objects or devices, their time and attention will be divided. Opt for a "content as the interface" strategy. Try embedding navigation and interaction controls within the content itself and place these controls and navigation in the center portion of the screen.</p><p class="MsoNormal" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.75em; margin-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 1em; font-weight: normal; border-style: initial; border-color: initial; "></p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="multi_tasker.jpg" src="http://www.rosenfeldmedia.com/books/mobile-design/multi_tasker.jpg" width="563" height="245" class="mt-image-none" style="" /></span><p></p><p class="MsoNormal" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0.75em; margin-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-size: 1em; font-weight: normal; border-style: initial; border-color: initial; "></p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><br /></span><p></p><p></p></div><div><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><br /></span></div>]]>
        
    </content>
</entry>

<entry>
    <title>What does "Convergence" mean to you?</title>
    <link rel="alternate" type="text/html" href="http://www.rosenfeldmedia.com/books/mobile-design/blog/what_does_convergence_mean_to/" />
    <id>tag:www.rosenfeldmedia.com,2011:/books/mobile-design//25.2395</id>

    <published>2011-09-08T20:14:34Z</published>
    <updated>2011-09-08T22:58:23Z</updated>

    <summary> Convergence is a word that's floated around the vernacular of the mobile industry for as long as I can remember. To be honest, I'm guilty of dismissing it. More times than not when people use the term I relegate...</summary>
    <author>
        <name>Rachel Hinman</name>
        
    </author>
    
        <category term="Blog" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="en" xml:base="http://www.rosenfeldmedia.com/books/mobile-design/">
        <![CDATA[<div><div><span style="font-size:12.0pt;font-family:Cambria;
mso-ascii-theme-font:minor-latin;mso-fareast-font-family:Cambria;mso-fareast-theme-font:
minor-latin;mso-hansi-theme-font:minor-latin;mso-bidi-font-family:&quot;Times New Roman&quot;;
mso-bidi-theme-font:minor-bidi;mso-ansi-language:EN-US;mso-fareast-language:
EN-US">
<!--StartFragment-->

<p class="MsoNormal" style="margin-bottom:0in;margin-bottom:.0001pt;mso-pagination:
none;mso-layout-grid-align:none;text-autospace:none"><span style="mso-bidi-font-size:
16.0pt;font-family:Verdana;mso-bidi-font-family:Cambria;color:#262626">Convergence
is a word that's floated around the vernacular of the mobile industry for as
long as I can remember. To be honest, I'm guilty of dismissing it. More times
than not when people use the term I relegate it to the pile of meaningless
buzzwords nobody can quite define along with the likes of "synergy"
and "platform."</span><span style="mso-bidi-font-size:13.0pt;
font-family:Verdana;mso-bidi-font-family:Arial;color:#262626"><o:p></o:p></span></p>

<p class="MsoNormal" style="margin-bottom:0in;margin-bottom:.0001pt;mso-pagination:
none;mso-layout-grid-align:none;text-autospace:none"><span style="mso-bidi-font-size:
16.0pt;font-family:Verdana;mso-bidi-font-family:Cambria;color:#262626"><o:p>&nbsp;</o:p></span></p>

<p class="MsoNormal" style="margin-bottom:0in;margin-bottom:.0001pt;mso-pagination:
none;mso-layout-grid-align:none;text-autospace:none"><span style="mso-bidi-font-size:
16.0pt;font-family:Verdana;mso-bidi-font-family:Cambria;color:#262626">However,
the frequency with which I hear this word in recent times has become somewhat
alarming. Leaving me to wonder... when people say "convergence" what do they
actually mean? What does this word mean to me?<o:p></o:p></span></p>

<p class="MsoNormal" style="margin-bottom:0in;margin-bottom:.0001pt;mso-pagination:
none;mso-layout-grid-align:none;text-autospace:none"><span style="mso-bidi-font-size:
16.0pt;font-family:Verdana;mso-bidi-font-family:Cambria;color:#262626"><o:p>&nbsp;</o:p></span></p>

<p class="MsoNormal" style="margin-bottom:0in;margin-bottom:.0001pt;mso-pagination:
none;mso-layout-grid-align:none;text-autospace:none"><b style="mso-bidi-font-weight:
normal"><span style="mso-bidi-font-size:16.0pt;font-family:Verdana;mso-bidi-font-family:
Cambria;color:#262626">Some Thoughts on Convergence<o:p></o:p></span></b></p>

<p class="MsoNormal" style="margin-bottom:0in;margin-bottom:.0001pt;mso-pagination:
none;mso-layout-grid-align:none;text-autospace:none"><span style="mso-bidi-font-size:
16.0pt;font-family:Verdana;mso-bidi-font-family:Cambria;color:#262626">When I
think of convergence, shapeshifting comes to mind. Just like the Wonder Twins
transforming into "the form of" a convenient animal/water configuration that
will save the day, convergence is what enables experiences to shapeshift
between different devices and environments. Instead of being siloed and trapped,
experiences can move fluidly through multiple devices. <o:p></o:p></span></p>

<p class="MsoNormal" style="margin-bottom:0in;margin-bottom:.0001pt;mso-pagination:
none;mso-layout-grid-align:none;text-autospace:none"><span style="mso-bidi-font-size:
16.0pt;font-family:Verdana;mso-bidi-font-family:Cambria;color:#262626"><o:p>&nbsp;</o:p></span></p>

<p class="MsoNormal" style="margin-bottom:0in;margin-bottom:.0001pt;mso-pagination:
none;mso-layout-grid-align:none;text-autospace:none"><span style="mso-bidi-font-size:
16.0pt;font-family:Verdana;mso-bidi-font-family:Cambria;color:#262626">My
thinking of late is that convergence actually occurs on three levels that are
separate but interrelated:<o:p></o:p></span></p><p class="MsoNormal" style="margin-bottom:0in;margin-bottom:.0001pt;mso-pagination:
none;mso-layout-grid-align:none;text-autospace:none"><span style="mso-bidi-font-size:
16.0pt;font-family:Verdana;mso-bidi-font-family:Cambria;color:#262626"><br /></span></p><p class="MsoNormal" style="margin-bottom:0in;margin-bottom:.0001pt;mso-pagination:
none;mso-layout-grid-align:none;text-autospace:none"><span style="mso-bidi-font-size:
16.0pt;font-family:Verdana;mso-bidi-font-family:Cambria;color:#262626"></span></p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="convergence.jpg" src="http://www.rosenfeldmedia.com/books/mobile-design/convergence.jpg" width="550" height="273" class="mt-image-none" style="" /></span></span><p></p>

<p class="MsoNormal" style="margin-bottom:0in;margin-bottom:.0001pt;mso-pagination:
none;mso-layout-grid-align:none;text-autospace:none"><span style="mso-bidi-font-size:
16.0pt;font-family:Verdana;mso-bidi-font-family:Cambria;color:#262626"><o:p>&nbsp;</o:p></span></p>

<p class="MsoNormal" style="margin-bottom:0in;margin-bottom:.0001pt;mso-pagination:
none;mso-layout-grid-align:none;text-autospace:none"><b style="mso-bidi-font-weight:
normal"><span style="mso-bidi-font-size:16.0pt;font-family:Verdana;mso-bidi-font-family:
Cambria;color:#262626">Technology convergence</span></b><span style="mso-bidi-font-size:
16.0pt;font-family:Verdana;mso-bidi-font-family:Cambria;color:#262626"> is when
a set of devices contain a similar technology, which enables experiences to
move across multiple devices. Examples: Wireless Internet or a software
platform like Android.<o:p></o:p></span></p>

<p class="MsoNormal" style="margin-bottom:0in;margin-bottom:.0001pt;mso-pagination:
none;mso-layout-grid-align:none;text-autospace:none"><span style="mso-bidi-font-size:
16.0pt;font-family:Verdana;mso-bidi-font-family:Cambria;color:#262626"><o:p>&nbsp;</o:p></span></p>

<p class="MsoNormal" style="margin-bottom:0in;margin-bottom:.0001pt;mso-pagination:
none;mso-layout-grid-align:none;text-autospace:none"><b style="mso-bidi-font-weight:
normal"><span style="mso-bidi-font-size:16.0pt;font-family:Verdana;mso-bidi-font-family:
Cambria;color:#262626">Media convergence</span></b><span style="mso-bidi-font-size:
16.0pt;font-family:Verdana;mso-bidi-font-family:Cambria;color:#262626"> is when
content/information is prismed through multiple devices or touchpoints. The
content and interactions often responds appropriately to the context
(smartphone vs. big screen TV, etc) - but the focus is on the throughline of
the content through the ecosystem of devices. Examples: Pandora, Netflix<o:p></o:p></span></p>

<p class="MsoNormal" style="margin-bottom:0in;margin-bottom:.0001pt;mso-pagination:
none;mso-layout-grid-align:none;text-autospace:none"><span style="mso-bidi-font-size:
16.0pt;font-family:Verdana;mso-bidi-font-family:Cambria;color:#262626"><o:p>&nbsp;</o:p></span></p>

<p class="MsoNormal" style="margin-bottom:0in;margin-bottom:.0001pt;mso-pagination:
none;mso-layout-grid-align:none;text-autospace:none"><b style="mso-bidi-font-weight:
normal"><span style="mso-bidi-font-size:16.0pt;font-family:Verdana;mso-bidi-font-family:
Cambria;color:#262626">Activity convergence</span></b><span style="mso-bidi-font-size:
16.0pt;font-family:Verdana;mso-bidi-font-family:Cambria;color:#262626"> enables
user to perform an activity regardless of the device. The key to this type of
convergence is figuring out how allow users to complete a task or achieve their
goal in a way that is intuitive given the high degree of variance between types
of devices and vast number of use contexts. Examples: Email, browsing the
Internet, looking up a restaurant on Yelp.<o:p></o:p></span></p>

<p class="MsoNormal" style="margin-bottom:0in;margin-bottom:.0001pt;mso-pagination:
none;mso-layout-grid-align:none;text-autospace:none"><span style="mso-bidi-font-size:
16.0pt;font-family:Verdana;mso-bidi-font-family:Cambria;color:#262626"><o:p>&nbsp;</o:p></span></p>

<p class="MsoNormal" style="margin-bottom:0in;margin-bottom:.0001pt;mso-pagination:
none;mso-layout-grid-align:none;text-autospace:none"><span style="mso-bidi-font-size:
16.0pt;font-family:Verdana;mso-bidi-font-family:Cambria;color:#262626">When I
asked some friends at work what convergence meant to them, they referred me to
the video below.<o:p></o:p></span></p><p class="MsoNormal" style="margin-bottom:0in;margin-bottom:.0001pt;mso-pagination:
none;mso-layout-grid-align:none;text-autospace:none"><font class="Apple-style-span" color="#262626" face="Verdana"><br /></font></p><p class="MsoNormal" style="margin-bottom:0in;margin-bottom:.0001pt;mso-pagination:
none;mso-layout-grid-align:none;text-autospace:none"><font class="Apple-style-span" color="#262626" face="Verdana"><br /></font></p>

<iframe width="560" height="345" src="http://www.youtube.com/embed/qn7RfQU1MJg" frameborder="0" allowfullscreen=""></iframe>

<p class="MsoNormal" style="margin-bottom:0in;margin-bottom:.0001pt;mso-pagination:
none;mso-layout-grid-align:none;text-autospace:none"><span style="mso-bidi-font-size:
16.0pt;font-family:Verdana;mso-bidi-font-family:Cambria;color:#262626"><o:p>&nbsp;</o:p></span></p>

<p class="MsoNormal" style="margin-bottom:0in;margin-bottom:.0001pt;mso-pagination:
none;mso-layout-grid-align:none;text-autospace:none"><span style="mso-bidi-font-size:
16.0pt;font-family:Verdana;mso-bidi-font-family:Cambria;color:#262626"><b>What does convergence mean to you?&nbsp;</b></span></p><p class="MsoNormal" style="margin-bottom:0in;margin-bottom:.0001pt;mso-pagination:
none;mso-layout-grid-align:none;text-autospace:none"><span style="mso-bidi-font-size:
16.0pt;font-family:Verdana;mso-bidi-font-family:Cambria;color:#262626"><b></b>Please let me know in the comments below!<o:p></o:p></span></p>

<p class="MsoNormal" style="margin-bottom:0in;margin-bottom:.0001pt;mso-pagination:
none;mso-layout-grid-align:none;text-autospace:none"><span style="mso-bidi-font-size:
16.0pt;font-family:Verdana;mso-bidi-font-family:Cambria;color:#262626"><o:p>&nbsp;</o:p></span></p>

<p class="MsoNormal"><span style="font-family:Verdana"><o:p>&nbsp;</o:p></span></p>

<!--EndFragment-->


</div></div>]]>
        
    </content>
</entry>

<entry>
    <title>Animation Principle Eight: Secondary Action</title>
    <link rel="alternate" type="text/html" href="http://www.rosenfeldmedia.com/books/mobile-design/blog/animation_principle_eight_seco/" />
    <id>tag:www.rosenfeldmedia.com,2011:/books/mobile-design//25.2393</id>

    <published>2011-09-07T18:50:31Z</published>
    <updated>2011-09-07T23:23:00Z</updated>

    <summary> Imagine a squirrel, running across your lawn. The movement of the squirrel's spry legs (considered the primary action) would be animated to express the light, nimble nature of his gate. The agile, undulating movement of the squirrel's tail -...</summary>
    <author>
        <name>Rachel Hinman</name>
        
    </author>
    
        <category term="Blog" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="animation" label="animation" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="mobiledesign" label="mobile design" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="mobileuserexperience" label="mobile user experience" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="en" xml:base="http://www.rosenfeldmedia.com/books/mobile-design/">
        <![CDATA[ <div><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="squirrel.jpg" src="http://www.rosenfeldmedia.com/books/mobile-design/squirrel.jpg" width="550" height="80" class="mt-image-left" style="float: left; margin: 0 20px 20px 0;" /></span></div><div><br /></div><div><br /></div><div><!--StartFragment-->

<p class="MsoNormal"><span style="font-size:11.0pt;mso-bidi-font-size:13.0pt;
font-family:Verdana;mso-bidi-font-family:Tahoma;color:#262626"><br /></span></p><p class="MsoNormal"><span style="font-size:11.0pt;mso-bidi-font-size:13.0pt;
font-family:Verdana;mso-bidi-font-family:Tahoma;color:#262626"><br /></span></p><p class="MsoNormal"><span style="font-size:11.0pt;mso-bidi-font-size:13.0pt;
font-family:Verdana;mso-bidi-font-family:Tahoma;color:#262626">Imagine a
squirrel, running across your lawn. The movement of the squirrel's spry legs
(considered the primary action) would be animated to express the light, nimble
nature of his gate. The agile, undulating movement of the squirrel's tail -
considered the secondary action - would have a separate and slightly different
type of movement than his legs. The squirrel's tail is an example of secondary
action - an animation principle that governs movement that supports a primary
action of an animation sequence without </span><span style="font-size:11.0pt;
mso-bidi-font-size:16.0pt;font-family:Verdana;mso-bidi-font-family:Times;
color:#262626">distracting from it.</span><span style="font-size:11.0pt;
mso-bidi-font-size:16.0pt;font-family:Verdana;mso-bidi-font-family:Times"> </span><span style="font-size:11.0pt;mso-bidi-font-size:13.0pt;font-family:Verdana;
mso-bidi-font-family:Tahoma;color:#262626">Secondary action is applied to
reinforce the mood or enrich the main action of an animated scene. </span><span style="font-size:11.0pt;mso-bidi-font-size:13.0pt;font-family:Verdana;
mso-bidi-font-family:Helvetica">The key to secondary actions is that it should
emphasize, rather than take attention away from the main action being animated.</span></p><p class="MsoNormal"><span style="font-size:11.0pt;mso-bidi-font-size:13.0pt;font-family:Verdana;
mso-bidi-font-family:Helvetica">
<!--StartFragment-->

</span></p><p class="MsoNormal"><span style="font-size:9.0pt;mso-bidi-font-size:12.0pt;
font-family:Verdana;mso-bidi-font-family:Helvetica;color:#262626;mso-no-proof:
yes">(Caption: The primary action of thie animation is the squirrel's body and
legs moving. The shape and character of the squirrel's tail as it moves is the
secondary action.The secondary action serves to reinforce the mood and
character of the primary action and is uesed to make the animation feel more
realistic.)</span></p><p class="MsoNormal"><font class="Apple-style-span" color="#262626" face="Verdana" size="3"><span class="Apple-style-span" style="font-size: 12px;"><span class="Apple-style-span" style="color: rgb(51, 51, 51); font-size: 15px; "><b>Mobile UX Secondary Action Example</b></span></span></font></p><p class="MsoNormal"><font class="Apple-style-span" color="#262626" face="Verdana" size="3"><span class="Apple-style-span" style="font-size: 12px;"><span class="Apple-style-span" style="color: rgb(51, 51, 51); font-size: 15px; "><b></b></span></span></font></p><font class="Apple-style-span" color="#262626" face="Verdana" size="3"><b><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="secondary_action_example.jpg" src="http://www.rosenfeldmedia.com/books/mobile-design/secondary_action_example.jpg" width="500" height="300" class="mt-image-none" style="" /></span></b></font><p></p><p class="MsoNormal"><font class="Apple-style-span" color="#262626" face="Verdana" size="3"><span class="Apple-style-span" style="font-size: 12px;"><span class="Apple-style-span" style="color: rgb(51, 51, 51); font-size: 15px; "><b></b></span></span></font></p><font class="Apple-style-span" color="#262626" face="Verdana" size="3"><b><span class="mt-enclosure mt-enclosure-image" style="display: inline;"></span></b></font><span class="Apple-style-span" style="color: rgb(38, 38, 38); font-family: Verdana; font-size: 12px; ">(Caption: The transition that occurs when a user clicks on a URL in an
email, activating the phones browser on an iphone is an example of secondary
action. The primary action is the browser window emerging forward into user's
view. The secondary action is the email view receding into the background. Both
actions occur simulataneously, but the secondary action of the email application
supports the primary action - opening a browser window.)</span><p></p><p class="MsoNormal"><span class="Apple-style-span" style="font-family: Verdana; font-size: 15px; "><b>Secondary Action and Mobile UX</b></span></p><p class="MsoNormal"><span class="Apple-style-span" style="font-family: Verdana; font-size: 15px; ">When used prudently, the subtle incorporation of secondary action can make the animation and transitions within your mobile experiences really sing. Subtlety is the key, though. It's a natural novice tendency to go a little "<a href="http://www.urbandictionary.com/define.php?term=nutso">nutso</a>" when learning to integrate motion into your work. The principle of secondary action can help you edit your use of motion and prevent your experiences from feeling like a trip to a carnival's fun house for users.&nbsp;</span></p><p class="MsoNormal"><span style="font-size:9.0pt;mso-bidi-font-size:12.0pt;
font-family:Verdana;mso-bidi-font-family:Helvetica;color:#262626;mso-no-proof:
yes"><span class="Apple-style-span" style="color: rgb(51, 51, 51); font-size: 15px; ">Just remember:&nbsp;</span></span></p><p class="MsoNormal"><span style="font-size:9.0pt;mso-bidi-font-size:12.0pt;
font-family:Verdana;mso-bidi-font-family:Helvetica;color:#262626;mso-no-proof:
yes"><span class="Apple-style-span" style="color: rgb(51, 51, 51); font-size: 15px; "></span></span><span class="Apple-style-span" style="font-family: Verdana; font-size: 15px; ">- <b>Support, not upstage.</b> Secondary action should reinforce the primary action, not detract from it.&nbsp;</span></p><p class="MsoNormal"><span style="font-size:9.0pt;mso-bidi-font-size:12.0pt;
font-family:Verdana;mso-bidi-font-family:Helvetica;color:#262626;mso-no-proof:
yes"><span class="Apple-style-span" style="color: rgb(51, 51, 51); font-size: 15px; ">- <b>Subtlety is key.</b> If the secondary action/movement is competing with the primary animation, the motion phrase will feel superfluous or confusing for the user.&nbsp;</span></span><span class="Apple-style-span" style="font-family: Verdana; font-size: 15px; ">Think squirrel tail :-)</span></p><p class="MsoNormal"><span class="Apple-style-span" style="font-family: Verdana; font-size: 15px; "><br /></span></p><p class="MsoNormal"><span class="Apple-style-span" style="font-family: Verdana; font-size: 15px; "></span></p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="squirrel_tail.jpg" src="http://www.rosenfeldmedia.com/books/mobile-design/squirrel_tail.jpg" width="500" height="471" class="mt-image-none" style="" /></span><p></p><p class="MsoNormal"><span class="Apple-style-span" style="font-family: Verdana; font-size: 15px; "><br /></span></p><p class="MsoNormal"><span class="Apple-style-span" style="font-family: Verdana; font-size: 15px; "><b>What examples of secondary action in mobile UX have you seen?</b></span></p>

<!--EndFragment-->


<p></p>

<!--EndFragment-->


</div>]]>
        
    </content>
</entry>

<entry>
    <title>Animation Principle Seven: Arcs</title>
    <link rel="alternate" type="text/html" href="http://www.rosenfeldmedia.com/books/mobile-design/blog/animation_principle_seven_arcs/" />
    <id>tag:www.rosenfeldmedia.com,2011:/books/mobile-design//25.2318</id>

    <published>2011-08-24T03:15:18Z</published>
    <updated>2011-09-07T22:37:18Z</updated>

    <summary><![CDATA[ Objects don't move through space at random.&nbsp; Instead they move along relatively predictable paths that are influenced by forces such as thrust, wind resistance, and gravity. The outline of a sparkler on the Fourth of July or skid marks...]]></summary>
    <author>
        <name>Rachel Hinman</name>
        
    </author>
    
        <category term="Blog" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="en" xml:base="http://www.rosenfeldmedia.com/books/mobile-design/">
        <![CDATA[<!--StartFragment-->

<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="sparkler.jpg" src="http://www.rosenfeldmedia.com/books/mobile-design/sparkler.jpg" width="196" height="183" class="mt-image-left" style="float: left; margin: 0 20px 20px 0;" /></span><p class="MsoNormal" style="line-height:150%"><span style="font-size:11.0pt;
mso-bidi-font-size:13.0pt;line-height:150%;font-family:Verdana;mso-bidi-font-family:
Helvetica;color:#262626">Objects don't move through space at random.<span style="mso-spacerun: yes">&nbsp; </span>Instead they move along relatively
predictable paths that are </span><span style="font-size:11.0pt;mso-bidi-font-size:
13.0pt;line-height:150%;font-family:Verdana;mso-bidi-font-family:Verdana;
color:#262626">influenced by forces such as thrust, wind resistance, and
gravity</span><span style="font-size:11.0pt;mso-bidi-font-size:13.0pt;
line-height:150%;font-family:Verdana;mso-bidi-font-family:Helvetica;color:#262626">.
The outline of a sparkler on the Fourth of July or skid marks on the pavement
from a braking car are rare examples of the physical traces of these paths. Usually
an object's trajectory is invisible. While these paths lay largely unseen by
the human eye, patterns exist for trajectory paths based on whether an object
is organic or mechanical. Objects that are mechanical in nature such as cars,
bicycles, and trains tend to move along straight trajectories, whereas organic
objects such as plants, people and animals tend to move along arched </span><span style="font-size:11.0pt;mso-bidi-font-size:12.0pt;line-height:150%;font-family:
Verdana"><a href="http://en.wikipedia.org/wiki/Trajectory"><span style="mso-bidi-font-size:13.0pt;line-height:150%;mso-bidi-font-family:Helvetica;
color:#262626;text-decoration:none;text-underline:none">trajectory</span></a></span><span style="font-size:11.0pt;mso-bidi-font-size:13.0pt;line-height:150%;font-family:
Verdana;mso-bidi-font-family:Helvetica;color:#262626">. The object you wish to
animate should reflect these characteristics of movements for greater realism. <o:p></o:p></span></p>

<p class="MsoNormal" style="line-height:150%"><span style="font-size:9.0pt;
mso-bidi-font-size:12.0pt;line-height:150%;font-family:Verdana;mso-fareast-font-family:
Cambria;mso-fareast-theme-font:minor-latin;mso-bidi-font-family:Helvetica;
color:#262626;mso-no-proof:yes">(Caption: An object's trajectory lies largely
unseen except in rare occasions, such as the glowing sparks of a lit sparkler
that traces the path of where it's been.)</span><span style="font-size:11.0pt;
mso-bidi-font-size:13.0pt;line-height:150%;font-family:Verdana;mso-bidi-font-family:
Helvetica;color:#262626"><o:p></o:p></span></p>

<p class="MsoNormal" style="line-height:150%"><span style="font-size:11.0pt;
mso-bidi-font-size:13.0pt;line-height:150%;font-family:Verdana;mso-bidi-font-family:
Helvetica;color:#262626">When integrating motion into a mobile experience, it's
important to consider whether the object being animated should reflect organic
or mechanical qualities. If the object possesses organic qualities, the arc
animation principle suggests the object should move along an arched trajectory.
An object that is mechanical in nature would move along straight or angular one.<o:p></o:p></span></p>

<p class="MsoNormal" style="line-height:150%"><span style="font-size:11.0pt;
mso-bidi-font-size:13.0pt;line-height:150%;font-family:Verdana;mso-bidi-font-family:
Helvetica;color:#262626"><o:p>&nbsp;</o:p></span></p><p class="MsoNormal" style="line-height:150%"><span style="font-size:11.0pt;
mso-bidi-font-size:13.0pt;line-height:150%;font-family:Verdana;mso-bidi-font-family:
Helvetica;color:#262626"><o:p></o:p></span></p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="arcs.jpg" src="http://www.rosenfeldmedia.com/books/mobile-design/arcs.jpg" width="400" height="300" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></span><p></p>

<p class="MsoNormal" style="line-height:150%"><span style="font-size:9.0pt;
mso-bidi-font-size:12.0pt;line-height:150%;font-family:Verdana;mso-fareast-font-family:
Cambria;mso-fareast-theme-font:minor-latin;mso-bidi-font-family:Helvetica;
color:#262626;mso-no-proof:yes">(Caption: The animaiton used to express the
motion of elements such as fish and water in the iPhone application <b style="mso-bidi-font-weight:normal">Koi Pond</b> move along arched trajectories
giving the experience an organic feeling. The interface</span><span style="font-size:9.0pt;mso-bidi-font-size:16.0pt;line-height:150%;font-family:
Verdana;mso-fareast-font-family:Cambria;mso-fareast-theme-font:minor-latin;
mso-bidi-font-family:Times"> elements in an iteration of the Android mobile
platform tend to move along straight trajectories, giving the UI a mechanical
feeling.)</span><span style="font-size:11.0pt;mso-bidi-font-size:13.0pt;
line-height:150%;font-family:Verdana;mso-bidi-font-family:Helvetica;color:#262626"><o:p></o:p></span></p>

<p class="MsoNormal"><span style="font-family:Verdana"><o:p>&nbsp;</o:p></span></p>

<!--EndFragment-->


 ]]>
        
    </content>
</entry>

<entry>
    <title>Mobile Prototyping Essentials Workshop</title>
    <link rel="alternate" type="text/html" href="http://www.rosenfeldmedia.com/books/mobile-design/blog/mobile_prototyping_essentials_1/" />
    <id>tag:www.rosenfeldmedia.com,2011:/books/mobile-design//25.2317</id>

    <published>2011-08-23T21:08:22Z</published>
    <updated>2011-08-23T21:15:47Z</updated>

    <summary>Yesterday I taught a workshop about the ways and means of mobile prototyping at UX Australia in Sydney. Great fun. Thanks to all who attended. Mobile Prototyping Essentials View more presentations from Rachel Hinman...</summary>
    <author>
        <name>Rachel Hinman</name>
        
    </author>
    
        <category term="Blog" scheme="http://www.sixapart.com/ns/types#category" />
    
    
    <content type="html" xml:lang="en" xml:base="http://www.rosenfeldmedia.com/books/mobile-design/">
        <![CDATA[Yesterday I taught a workshop about the ways and means of mobile prototyping at <a href="http://uxaustralia.com.au/conference-2011/">UX Australia</a> in Sydney. Great fun. Thanks to all who attended.<div><br /></div><div><br /></div>

<div style="width:425px" id="__ss_8957364"> <strong style="display:block;margin:12px 0 4px"><a href="http://www.slideshare.net/Rachel_Hinman/mobile-prototyping-essentials-8957364" title="Mobile Prototyping Essentials" target="_blank">Mobile Prototyping Essentials</a></strong> <iframe src="http://www.slideshare.net/slideshow/embed_code/8957364" width="425" height="355" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"></iframe> <div style="padding:5px 0 12px"> View more <a href="http://www.slideshare.net/" target="_blank">presentations</a> from <a href="http://www.slideshare.net/Rachel_Hinman" target="_blank">Rachel Hinman</a> </div> </div>]]>
        
    </content>
</entry>

<entry>
    <title>Animation Principle Six: Slow In and Out </title>
    <link rel="alternate" type="text/html" href="http://www.rosenfeldmedia.com/books/mobile-design/blog/animation_principle_six_slow_i/" />
    <id>tag:www.rosenfeldmedia.com,2011:/books/mobile-design//25.2311</id>

    <published>2011-08-16T22:18:13Z</published>
    <updated>2011-08-16T22:35:38Z</updated>

    <summary> Whether it's a car peeling out from dead stop, or a sprinter, bursting out of the blocks and making tracks in a race, objects need time to accelerate and slowdown. The sixth animation principle, Slow in and Out, deals...</summary>
    <author>
        <name>Rachel Hinman</name>
        
    </author>
    
        <category term="Blog" scheme="http://www.sixapart.com/ns/types#category" />
    
    <category term="animation" label="Animation" scheme="http://www.sixapart.com/ns/types#tag" />
    <category term="mobileuserexperience" label="Mobile User Experience" scheme="http://www.sixapart.com/ns/types#tag" />
    
    <content type="html" xml:lang="en" xml:base="http://www.rosenfeldmedia.com/books/mobile-design/">
        <![CDATA[<!--StartFragment-->

<span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="EaseInEaseOut.jpg" src="http://www.rosenfeldmedia.com/books/mobile-design/EaseInEaseOut.jpg" width="320" height="157" class="mt-image-left" style="float: left; margin: 0 20px 20px 0;" /></span><p class="MsoNormal" style="line-height:150%"><span style="font-size:11.0pt;
mso-bidi-font-size:16.0pt;line-height:150%;font-family:Verdana;mso-bidi-font-family:
Times;mso-bidi-font-style:italic">Whether it's a car peeling out from dead
stop, or a sprinter, bursting out of the blocks and making tracks in a race,
objects need time to accelerate and slowdown. The sixth animation principle,
Slow in and Out, deals with the spacing required to accurately depict the
inherit law of inertia that governs all objects and people. </span><span style="font-size:11.0pt;mso-bidi-font-size:16.0pt;line-height:150%;font-family:
Verdana;mso-bidi-font-family:Times">O</span><span style="font-size:11.0pt;
mso-bidi-font-size:13.0pt;line-height:150%;font-family:Verdana;mso-bidi-font-family:
Helvetica">bjects in the world need time to accelerate and slow down. A
strategy for accurately depicting this type of motion when creating an
animation is to include more frames of the object near the beginning and end of
a movement, and fewer in the middle. This principle goes for characters moving
between two extreme poses, such as sitting down and standing up, but also for
inanimate, moving objects, such as a bouncing ball.<o:p></o:p></span></p>

<p class="MsoNormal"><span style="font-size:9.0pt;mso-bidi-font-size:16.0pt;
font-family:Verdana;mso-fareast-font-family:Cambria;mso-fareast-theme-font:
minor-latin;mso-bidi-font-family:Times;color:#262626">(Caption: A strategy for accurately
depicting the laws of inertia that govern most objects is to include more
frames of the object near the beginning and end of a movement, and fewer frames
in the middle.)</span><span style="font-size:11.0pt;mso-bidi-font-size:13.0pt;
font-family:Verdana;mso-bidi-font-family:Helvetica"><o:p></o:p></span></p>

<p class="MsoNormal" style="line-height:150%"><span style="font-size:11.0pt;
mso-bidi-font-size:13.0pt;line-height:150%;font-family:Verdana;mso-bidi-font-family:
Helvetica">While the experiences we create for mobile UX often live in another
world - the world behind the glass of our mobile device - allowing some of the
laws of physics to exist in that world makes those experiences more relatable
to users. Whether it's a subtle timing difference in how a list view of data
scrolls, or the transition between two applications, the principle of slow in
and out (more frames at the beginning and end of a movement) will help your
animations feel more natural and intuitive. <o:p></o:p></span></p>

<p class="MsoNormal" style="line-height:150%"><span style="font-size:11.0pt;
mso-bidi-font-size:13.0pt;line-height:150%;font-family:Verdana;mso-bidi-font-family:
Helvetica"><o:p>&nbsp;</o:p></span></p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="slow_in_out.jpg" src="http://www.rosenfeldmedia.com/books/mobile-design/slow_in_out.jpg" width="543" height="241" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></span>

<p class="MsoNormal"><span style="font-size:9.0pt;mso-bidi-font-size:12.0pt;
font-family:Verdana;mso-bidi-font-family:Helvetica;color:#262626">(Caption: The
principle of slow in and out is applied to the scrolling lists of many mobile
UIs. There are more frames at the beginning and end of the movement. This
effect makes the UI appear as if it is governed by the laws of inertia.)<o:p></o:p></span></p>

<p class="MsoNormal"><span style="font-size:9.0pt;mso-bidi-font-size:12.0pt;
font-family:Verdana;mso-bidi-font-family:Helvetica;color:#262626"><o:p>&nbsp;</o:p></span></p><p class="MsoNormal"><span style="font-size:9.0pt;mso-bidi-font-size:12.0pt;
font-family:Verdana;mso-bidi-font-family:Helvetica;color:#262626"><o:p><span class="mt-enclosure mt-enclosure-image" style="display: inline;"><img alt="chicklets.jpg" src="http://www.rosenfeldmedia.com/books/mobile-design/chicklets.jpg" width="543" height="241" class="mt-image-center" style="text-align: center; display: block; margin: 0 auto 20px;" /></span></o:p></span></p>

<p class="MsoNormal"><span style="font-size:9.0pt;mso-bidi-font-size:12.0pt;
font-family:Verdana;mso-bidi-font-family:Helvetica;color:#262626">(Caption: There
are more frames at the beginning and end of the scrolling transition of the
home screen of the iPhone, making the application icons movement feel more
natural and intuitive.)<o:p></o:p></span></p>

<p class="MsoNormal"><span style="font-size:9.0pt;mso-bidi-font-size:12.0pt;
font-family:Verdana;mso-bidi-font-family:Helvetica;color:#262626"><o:p>&nbsp;</o:p></span></p>

<p class="MsoNormal" style="line-height:150%"><span style="font-size:11.0pt;
mso-bidi-font-size:13.0pt;line-height:150%;font-family:Verdana;mso-bidi-font-family:
Helvetica"><o:p>&nbsp;</o:p></span></p>

<p class="MsoNormal"><span style="font-family:Verdana"><o:p>&nbsp;</o:p></span></p>

<!--EndFragment-->


 ]]>
        
    </content>
</entry>

</feed>
