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

transcript

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

Filter

Details on Demand

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

Visual Information Seeking

Prioritize

Surface Patterns

Account for Roles

Visualize Data

Adapt to Users

Reveal

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

AT&T 12:34 PM

Platforms

TAB TWO TAB THREETAB ONE

AT&T 12:34 PM

navigation bar

main action bar

ITW Logo

main action bar

action icons

main action bar

Workshops

Keynotes

Schedule

Map of Suncadia

main action bar

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-

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.

Silly Bear Angry Bear

Big Bear Curious Bear

Frustrated Bear Confused Bear

tab barITW

bottom action bar

top action barTAB TWO TAB THREETAB ONE

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

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

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

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

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

Double Tap

Press & Hold

Example

Swipe Left

Swipe Right

Swipe Right or Left

scale down

Spread

scale up

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

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

VolunteerTrail Work PartiesVolunteer OpportunitiesYouth OpportunitiesWho’s Who in Trail Maintenance

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

Washington Trails Association

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