when bears attack: how a clean mobile interface could save your life

When Bears Attack!how a clean mobile interface can save your life

Deloitte Digital Presentation Name

User Experience

Mobile Platforms

Designing for Mobile Priorities

Design Challenge!

User Experience

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

Overview

Zoom

Filter

Details on Demand

Visual Informa.on Seeking Mantra, Ben Schneiderman (1996)

Visual Information Seeking

Visual Information Seeking

Prioritize

Surface Patterns

Account for Roles

Visualize Data

Adapt to Users

Reveal

Zoom

Consider Social Implications

No UI at All

Complexity Heuristics

Adapted from Designing for Complexity, Nadine Schaeffer @ IAS12

Knowledge in the WorldInterpretation substitutes for learning

High ease of use on first encounter

Efficiency slowed by the need of interpretation

Knowledge in the HeadRequires learning

Low ease of use on first encounter

High efficiency

User Knowledge

Adapted from The Design of Everyday Things, Donald Norman (1988)

Mobile Platforms


Form Factor


Platforms

12:00

AT&T 12:34 PM


Platforms

12:00

TAB TWO TAB THREETAB ONE

AT&T 12:34 PM


navigation bar


main action bar


main action bar

ITW Logo


main action bar

ITW

action icons


main action bar

ITW

Workshops

Keynotes

Schedule

Map of Suncadia


main action bar

ITW

spinner

Workshops

Keynotes

Schedule

Map of Suncadia


main action bar

ITWWorkshops


Workshops action bar for navigation and actions.

Lists present multiple line items in a vertical arrangement. They can be used for data selection as well as drill down navigation.

When Bears Attach

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.

LoFi with HiFi Results

Find out how to do LiFi Illus-

trations with HiFi results.

Perfecting Your VisionFind out how to set goals and watch your career take off.

Sculpture in the RawNature provides you with everything you need.


Grid lists are an alternative to standard list views. They are best suited for showing data sets that represent themselves through images.

Bears

Silly Bear Angry Bear

Big Bear Curious Bear

Frustrated Bear Confused Bear


tab barITW

bottom action bar

top action barTAB TWO TAB THREETAB ONE

ITW

TAB TWO TAB THREETAB ONE fixed tabdisplay all items concurrently. To navigate to a different view, touch the tab, or swipe left or right.


scroll tabITW

TWOONE THREETWOONE

controls can contain a larger number of items. (≈5-7 items)


navigation bar

TitleTitle


ITWITW

ITW Logo

navigation bar


tool bar

ITWITW


ITWITW

Suncadia Resort

Workshops

Keynotes

Schedule

Bear Scat

%HDU·V�)RRWEDOO

Bear Hugs

CancelCancel

table view presents data in a single-column list of multiple rows.


ITWITW

Suncadia

Grizzly

Polar

Brown

LocationLocation

Types of BearsTypes of Bears

When Bears Attack

Design Hike

Think It, Make It

WorkshopsWorkshops

Grouped tables display groups of rows that are inset from the side edges of the screen.

Silly Bear

Angry Bear

Big Bear

Curious Bear

Frustrated Bear

Confused Bear

Baby Bear

Bear Hug


segmented control shows a horizontal list of items. Each segment looks like a button.

List Grid

List Grid


List Grid


BearsBears

Berry Bonds12 years oldCaliforniaLoves blue berries, honey, scratchinghis 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.

Common Gestures


Tap


Double Tap


Press & Hold


Example


Swipe Left


Swipe Right


Swipe Right or Left


Pinch

scale down


Spread

scale up


Clear

Designing for Mobile Priorities

“Mobile users’ priorities change, but their intents don’t.”

- Emily WengertBeyond Channels (IAS 2012)

Value in Context

Clearly Identify:The value proposition

The target user

The target context

Leverage Context Specific Assets

Accommodate Context Specific Limitations

Purge Unnecessary Features & Content

Value in Context Heuristics

The Challenge


Web Phone


Value

Rules & Exercise

outdoorsy long list of content

shortened list toolkit

Washington Trails Association


Find a HikeHiking Guide Hike Finder MapTrip ReportSeasonal Hike

Hike ResourcesHiking BasicsRecreational Pass InfoRanger Station InfoHiking with KidsMagazinePhoto ContestPhoto Gallery

Blog

VolunteerTrail Work PartiesVolunteer OpportunitiesYouth OpportunitiesWho’s Who in Trail Maintenance

MembershipJoin WTARenew DonateOther Ways to GiveHike-A-ThonOnline StoreUpdate Personal Info


Short ListHike Finder with MapTrip ReportPhoto Gallery

Short List

Type the City, State or ZIP code:Type the City, State or ZIP code:

CancelCancel

Trail Name

Type of HikeDay Hike

RegionNorth Cascades - MountainLoop Highway

Big Mountain

What you will seeWildflowers blooming, ripeberries

TrailTrailTrail FinderTrail Finder Photo GalleryPhoto GalleryBackBack

Clearly Identify:The value proposition

The target user

The target context

Leverage Context Specific Assets

Accommodate Context Specific Limitations

Purge Unnecessary Features & Content

Value in Context Heuristics

Make Magic!

Presented by DANI STORLIE &ANDY FITZGERALD

when bears attack: how a clean mobile interface could save your life

Design

visual information

tab bar

touchthe tab

pm tab

seeking mantra

threetwoscroll tab controls

tab threexed tabdisplay

design hikemapping