10
May 4 2015 | NewStore Prototyping Mobile User Experience Prototyping Mobile User Experience May 4 2015 | NewStore Mathias Bartsch

Prototyping mobile user experience - Webmontag Erfurt · Prototyping Mobile User Experience May 4 2015 | NewStore 1. Visual Design & Information Architecture 2. Screen Flow & User

  • Upload
    others

  • View
    6

  • Download
    0

Embed Size (px)

Citation preview

Page 1: Prototyping mobile user experience - Webmontag Erfurt · Prototyping Mobile User Experience May 4 2015 | NewStore 1. Visual Design & Information Architecture 2. Screen Flow & User

May 4 2015 | NewStorePrototyping Mobile User Experience

P ro t o t y p i n g M o b i l e U s e r E x p e r i e n c e

May 4 2015 | NewStoreMathias Bartsch

Page 2: Prototyping mobile user experience - Webmontag Erfurt · Prototyping Mobile User Experience May 4 2015 | NewStore 1. Visual Design & Information Architecture 2. Screen Flow & User

May 4 2015 | NewStorePrototyping Mobile User Experience

I n t e r a c t i o n D e s i g n P ro t o t y p i n gV i s u a l

D e s i g nP ro d u c t D e s i g n

Page 3: Prototyping mobile user experience - Webmontag Erfurt · Prototyping Mobile User Experience May 4 2015 | NewStore 1. Visual Design & Information Architecture 2. Screen Flow & User

May 4 2015 | NewStorePrototyping Mobile User Experience

The beginning of time Today

Page 4: Prototyping mobile user experience - Webmontag Erfurt · Prototyping Mobile User Experience May 4 2015 | NewStore 1. Visual Design & Information Architecture 2. Screen Flow & User

May 4 2015 | NewStorePrototyping Mobile User Experience

Motion def ines the experience

Why does motion matters?

Page 5: Prototyping mobile user experience - Webmontag Erfurt · Prototyping Mobile User Experience May 4 2015 | NewStore 1. Visual Design & Information Architecture 2. Screen Flow & User

May 4 2015 | NewStorePrototyping Mobile User Experience

Omni Channel eCommerce SaaS

Business process ful f i l lment

Consumer ( facing) appl icat ions

Persona based app landscape & branding

Design Chal lenges

Page 6: Prototyping mobile user experience - Webmontag Erfurt · Prototyping Mobile User Experience May 4 2015 | NewStore 1. Visual Design & Information Architecture 2. Screen Flow & User

May 4 2015 | NewStorePrototyping Mobile User Experience

1. Visual Design & Information Architecture 2. Screen Flow & User Journey 3. Interactions & Experience

Workf low at NewStore

Sprint Backlog & Development

Page 7: Prototyping mobile user experience - Webmontag Erfurt · Prototyping Mobile User Experience May 4 2015 | NewStore 1. Visual Design & Information Architecture 2. Screen Flow & User

May 4 2015 | NewStorePrototyping Mobile User Experience

Benef i ts

Documentation & Communication

Synchronised & wel l informed Scrum TeamsBetter Stakeholder

Communicat ion

Page 8: Prototyping mobile user experience - Webmontag Erfurt · Prototyping Mobile User Experience May 4 2015 | NewStore 1. Visual Design & Information Architecture 2. Screen Flow & User

May 4 2015 | NewStorePrototyping Mobile User Experience

Benef i ts

Research

User test ing with InVis ion & Lookback

Page 9: Prototyping mobile user experience - Webmontag Erfurt · Prototyping Mobile User Experience May 4 2015 | NewStore 1. Visual Design & Information Architecture 2. Screen Flow & User

May 4 2015 | NewStorePrototyping Mobile User Experience

Benef i ts

A Better User Experience

Page 10: Prototyping mobile user experience - Webmontag Erfurt · Prototyping Mobile User Experience May 4 2015 | NewStore 1. Visual Design & Information Architecture 2. Screen Flow & User

May 4 2015 | NewStorePrototyping Mobile User Experience

F e e l f r e e t o a s k q u e s t i o n s !