When Bears Attack: How a Clean Mobile Interface Could Save Your Life
•
1 like•1,082 views
A workshop native mobile design given by visual designer Dani Storlie and me at the AIGA Into the Woods conference in September 2012.
Recommended
Recommended
More Related Content
Similar to When Bears Attack: How a Clean Mobile Interface Could Save Your Life
Similar to When Bears Attack: How a Clean Mobile Interface Could Save Your Life (20)
More from Andy Fitzgerald
More from Andy Fitzgerald (13)
Recently uploaded
Recently uploaded (20)
When Bears Attack: How a Clean Mobile Interface Could Save Your Life
- 1. When Bears Attack! how a clean mobile interface can save your life
- 2. User Experience Mobile Platforms Designing for Mobile Priorities Design Challenge! Deloitte Digital Presentation Name
- 4. User Experience is the creation and synchronization of the elements that affect users’ experience with a particular company, with the intent of influencing their perceptions and behavior. - Russ Unger & Carolyn Chandler A Project Guide to UX Design
- 5. Visual Information Seeking Overview Zoom Filter Details on Demand Visual Informa.on Seeking Mantra, Ben Schneiderman (1996)
- 11. Complexity Heuristics Prioritize Reveal Surface Patterns Zoom Account for Consider Social Roles Implications Visualize Data No UI at All Adapt to Users Adapted from Designing for Complexity, Nadine Schaeffer @ IAS12
- 12. User Knowledge Knowledge in the World Interpretation substitutes for learning High ease of use on first encounter Efficiency slowed by the need of interpretation Knowledge in the Head Requires learning Low ease of use on first encounter High efficiency Adapted from The Design of Everyday Things, Donald Norman (1988)
- 13. Mobile Platforms
- 14. Form Factor Deloitte Digital Presentation Name
- 15. Platforms 12:00 AT&T 12:34 PM Deloitte Digital Presentation Name
- 16. Platforms 12:00 AT&T 12:34 PM TAB ONE TAB TWO TAB THREE Deloitte Digital Presentation Name
- 17. Deloitte Digital Presentation Name
- 18. navigation bar Deloitte Digital Presentation Name
- 19. main action bar Deloitte Digital Presentation Name
- 20. main action bar ITW Logo Deloitte Digital Presentation Name
- 21. main action bar ITW action icons Deloitte Digital Presentation Name
- 22. main action bar ITW Deloitte Digital Presentation Name
- 23. main action bar ITW Workshops Keynotes spinner Schedule Map of Suncadia Deloitte Digital Presentation Name
- 24. main action bar ITW Workshops Workshops Keynotes Schedule Map of Suncadia Deloitte Digital Presentation Name
- 25. Workshops action bar for When Bears Attach navigation and actions. How a clean mobile interface can save your life! Design Hike Mapping the sensory experi- ence. Getting your Hands Dirty Screen printing techniques to add to your design tool kit. Lists present multiple line LoFi with HiFi Results items in a vertical Find out how to do LiFi Illus- trations with HiFi results. arrangement. They can be Perfecting Your Vision used for data selection as Find out how to set goals and watch your career take off. well as drill down navigation. Sculpture in the Raw Nature provides you with everything you need. Deloitte Digital Presentation Name
- 26. Bears Grid lists are an alternative to standard list views. They Silly Bear Angry Bear are best suited for showing data sets that represent themselves through images. Big Bear Curious Bear Frustrated Bear Confused Bear Deloitte Digital Presentation Name
- 27. ITW top action bar TAB ONE TAB TWO TAB THREE tab bar bottom action bar Deloitte Digital Presentation Name
- 28. ITW TAB ONE TAB TWO TAB THREE fixed tab display all items concurrently. To navigate to a different view, touch the tab, or swipe left or right.
- 29. ITW ONE TWO ONE THREE TWO scroll tab controls can contain a larger number of items. (≈5-7 items) Deloitte Digital Presentation Name
- 30. Deloitte Digital Presentation Name
- 31. navigation bar Title Deloitte Digital Presentation Name
- 32. navigation bar ITW ITW Logo Deloitte Digital Presentation Name
- 33. ITW tool bar Deloitte Digital Presentation Name
- 34. ITW Cancel Suncadia Resort Workshops Keynotes table view presents Schedule data in a single-column list of multiple rows. Bear Scat Bear Hugs Deloitte Digital Presentation Name
- 35. ITW Location Suncadia Types of Bears Grizzly Polar Grouped tables display Brown groups of rows that are Workshops inset from the side When Bears Attack edges of the screen. Design Hike Think It, Make It Deloitte Digital Presentation Name
- 36. List Grid segmented control shows a Silly Bear horizontal list of items. Each segment looks like a button. Angry Bear Big Bear Curious Bear Frustrated Bear Confused Bear Baby Bear Bear Hug Deloitte Digital Presentation Name
- 37. List Grid segmented control shows a Silly Bear horizontal list of items. Each segment looks like a button. Angry Bear Big Bear Curious Bear Frustrated Bear Confused Bear Baby Bear Bear Hug Deloitte Digital Presentation Name
- 38. List Grid Deloitte Digital Presentation Name
- 39. Bears Berry Bonds 12 years old California Loves blue berries, honey, scratching his back on redwood trees, and growling at ui and ux designers. In his down time he is a stakeholder on many web and mobile projects. List Grid Deloitte Digital Presentation Name
- 40. Common Gestures
- 41. Tap Deloitte Digital Presentation Name
- 42. Double Tap Deloitte Digital Presentation Name
- 43. Press & Hold Deloitte Digital Presentation Name
- 45. Swipe Left Deloitte Digital Presentation Name
- 46. Swipe Right Deloitte Digital Presentation Name
- 47. Swipe Right or Left Deloitte Digital Presentation Name
- 48. Pinch scale down Deloitte Digital Presentation Name
- 49. Spread scale up Deloitte Digital Presentation Name
- 50. Clear Deloitte Digital Presentation Name
- 52. “Mobile users’ priorities change, but their intents don’t.” - Emily Wengert Beyond Channels (IAS 2012)
- 53. Value in Context
- 54. Value in Context
- 55. Value in Context
- 56. Value in Context
- 57. Value in Context
- 58. Value in Context
- 59. Value in Context
- 60. Value in Context
- 61. Value in Context
- 62. Value in Context
- 63. Value in Context
- 64. Value in Context
- 65. Value in Context Heuristics Clearly Identify: The value proposition The target user The target context Leverage Context Specific Assets Accommodate Context Specific Limitations Purge Unnecessary Features & Content
- 66. The Challenge
- 67. Deloitte Digital Presentation Name
- 68. Web Phone Deloitte Digital Presentation Name
- 69. Value Deloitte Digital Presentation Name
- 70. Rules & Exercise
- 71. outdoorsy long list of content
- 72. shortened list toolkit
- 74. Washington Trails Association Find a Hike Volunteer Hiking Guide Trail Work Parties Hike Finder Map Volunteer Opportunities Trip Report Youth Opportunities Seasonal Hike Who’s Who in Trail Maintenance Hike Resources Hiking Basics Membership Recreational Pass Info Join WTA Ranger Station Info Renew Hiking with Kids Donate Magazine Other Ways to Give Photo Contest Hike-A-Thon Photo Gallery Online Store Update Personal Info Blog
- 75. Washington Trails Association Short List Hike Finder with Map Trip Report Photo Gallery
- 76. Short List Type the City, State or ZIP code: Trail Finder Trail Back Photo Gallery Cancel Trail Name Big Mountain Type of Hike Day Hike Region North Cascades - Mountain Loop Highway What you will see Wildflowers blooming, ripe berries
- 77. Value in Context Heuristics Clearly Identify: The value proposition The target user The target context Leverage Context Specific Assets Accommodate Context Specific Limitations Purge Unnecessary Features & Content
- 78. Make Magic!
- 79. Presented by DANI STORLIE & ANDY FITZGERALD