When Bears Attack: How a Clean Mobile Interface Could Save Your Life
Upcoming SlideShare
Loading in...5
×
 

When Bears Attack: How a Clean Mobile Interface Could Save Your Life

on

  • 714 views

A workshop native mobile design given by visual designer Dani Storlie and me at the AIGA Into the Woods conference in September 2012.

A workshop native mobile design given by visual designer Dani Storlie and me at the AIGA Into the Woods conference in September 2012.

Statistics

Views

Total Views
714
Views on SlideShare
705
Embed Views
9

Actions

Likes
0
Downloads
9
Comments
0

4 Embeds 9

http://www.linkedin.com 6
http://twitter.com 1
https://si0.twimg.com 1
https://twitter.com 1

Accessibility

Upload Details

Uploaded via as Adobe PDF

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

When Bears Attack: How a Clean Mobile Interface Could Save Your Life When Bears Attack: How a Clean Mobile Interface Could Save Your Life Presentation Transcript

  • When Bears Attack!how a clean mobile interface can save your life
  • User Experience Mobile Platforms Designing for Mobile Priorities Design Challenge!Deloitte Digital Presentation Name
  • User Experience
  • User Experience is the creation andsynchronization 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
  • Visual Information Seeking Overview Zoom Filter Details on Demand Visual  Informa.on  Seeking  Mantra,   Ben  Schneiderman  (1996)
  • Visual Information Seeking
  • Visual Information Seeking
  • Visual Information Seeking
  • Visual Information Seeking
  • Visual Information Seeking
  • 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
  • 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)
  • Mobile Platforms
  • Form FactorDeloitte Digital Presentation Name
  • Platforms 12:00 AT&T 12:34 PMDeloitte Digital Presentation Name
  • Platforms 12:00 AT&T 12:34 PM TAB ONE TAB TWO TAB THREEDeloitte Digital Presentation Name
  • Deloitte Digital Presentation Name
  • navigation barDeloitte Digital Presentation Name
  • main action barDeloitte Digital Presentation Name
  • main action bar ITW LogoDeloitte Digital Presentation Name
  • main action bar ITW action iconsDeloitte Digital Presentation Name
  • main action bar ITWDeloitte Digital Presentation Name
  • main action bar ITW Workshops Keynotes spinner Schedule Map of SuncadiaDeloitte Digital Presentation Name
  • main action bar ITW Workshops Workshops Keynotes Schedule Map of SuncadiaDeloitte Digital Presentation Name
  • 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
  • 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 BearDeloitte Digital Presentation Name
  • ITW top action bar TAB ONE TAB TWO TAB THREE tab bar bottom action barDeloitte Digital Presentation Name
  • ITWTAB 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.
  • ITW ONE TWO ONE THREE TWO scroll tab controls can contain a larger number of items. (≈5-7 items)Deloitte Digital Presentation Name
  • Deloitte Digital Presentation Name
  • navigation bar TitleDeloitte Digital Presentation Name
  • navigation bar ITW ITW LogoDeloitte Digital Presentation Name
  • ITW tool barDeloitte Digital Presentation Name
  • ITW Cancel Suncadia Resort Workshops Keynotes table view presents Schedule data in a single-column list of multiple rows. Bear Scat Bear HugsDeloitte Digital Presentation Name
  • 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 ItDeloitte Digital Presentation Name
  • 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 HugDeloitte Digital Presentation Name
  • 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 HugDeloitte Digital Presentation Name
  • List GridDeloitte Digital Presentation Name
  • 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 GridDeloitte Digital Presentation Name
  • Common Gestures
  • TapDeloitte Digital Presentation Name
  • Double TapDeloitte Digital Presentation Name
  • Press & HoldDeloitte Digital Presentation Name
  • ExampleDeloitte Digital Presentation Name
  • Swipe LeftDeloitte Digital Presentation Name
  • Swipe RightDeloitte Digital Presentation Name
  • Swipe Right or LeftDeloitte Digital Presentation Name
  • Pinch scale downDeloitte Digital Presentation Name
  • Spread scale upDeloitte Digital Presentation Name
  • ClearDeloitte Digital Presentation Name
  • Designing for MobilePriorities
  • “Mobile users’ priorities change, but their intents don’t.” - Emily Wengert Beyond Channels (IAS 2012)
  • Value in Context
  • Value in Context
  • Value in Context
  • Value in Context
  • Value in Context
  • Value in Context
  • Value in Context
  • Value in Context
  • Value in Context
  • Value in Context
  • Value in Context
  • Value in Context
  • 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
  • The Challenge
  • Deloitte Digital Presentation Name
  • Web PhoneDeloitte Digital Presentation Name
  • ValueDeloitte Digital Presentation Name
  • Rules & Exercise
  • outdoorsy long list of content
  • shortened list toolkit
  • Washington Trails Association
  • 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
  • Washington Trails Association Short List Hike Finder with Map Trip Report Photo Gallery
  • Short List Type the City, State or ZIP code: Trail Finder Trail Back Photo Gallery CancelTrail Name Big Mountain Type of Hike Day Hike Region North Cascades - Mountain Loop Highway What you will see Wildflowers blooming, ripe berries
  • 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
  • Make Magic!
  • Presented byDANI STORLIE &ANDY FITZGERALD