nascent tawkon ux design process

25
tawkon for iPhone: Design Process May 2011 tawkon for iPhone, BlackBerry & Android UX Design Process www.nascentgrp.com

Upload: nascent

Post on 28-Nov-2014

3.324 views

Category:

Design


5 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Nascent   tawkon ux design process

tawkon for iPhone: Design Process May 2011

tawkon for iPhone, BlackBerry & AndroidUX Design Process

www.nascentgrp.com

Page 2: Nascent   tawkon ux design process

Presentation at McKesson May 2011

A brand, product and service innovation consultancy.Working internationally for a wide range of global brands:

Presenting:

Guy Haviv / Lead Designer / nascent

@stupidapp

Ori Goshen / Co-Founder, Chief Architect / tawkon

@origoshen

www.nascentgrp.com

Page 3: Nascent   tawkon ux design process

May 2011tawkon for iPhone: Design Process

tawkon is a unique approach to handling public concerns ofmobile radiation

About tawkon

Page 4: Nascent   tawkon ux design process

May 2011tawkon for iPhone: Design Process

We worked on the user experience for tawkonapps for iPhone, BlackBerry & Android.

We also designed tawkon’s brand identity.

at nascent

Page 5: Nascent   tawkon ux design process

tawkon for iPhone: Design Process May 2011

tawkon for iPhone

Design Process

Page 6: Nascent   tawkon ux design process

May 2011tawkon for iPhone: Design Process

UX driven process and workflow

Concept to product: design process

Page 7: Nascent   tawkon ux design process

v

Platform + User Research

May 2011tawkon for iPhone: Design Process

Page 8: Nascent   tawkon ux design process

v

Ideation

May 2011tawkon for iPhone: Design Process

Page 9: Nascent   tawkon ux design process

Scope Definition

May 2011tawkon for iPhone: Design Process

Page 10: Nascent   tawkon ux design process

Schematic Design

May 2011tawkon for iPhone: Design Process

Page 11: Nascent   tawkon ux design process

May 2011tawkon for iPhone: Design Process

Brand Identity Development

Page 12: Nascent   tawkon ux design process

Visual Design: Exploration

Page 13: Nascent   tawkon ux design process

Visual Design: Selected Concept

Page 14: Nascent   tawkon ux design process
Page 15: Nascent   tawkon ux design process
Page 16: Nascent   tawkon ux design process
Page 17: Nascent   tawkon ux design process
Page 18: Nascent   tawkon ux design process
Page 19: Nascent   tawkon ux design process
Page 20: Nascent   tawkon ux design process

Development Process

Page 21: Nascent   tawkon ux design process

S. Jobs: “I'm actually as proud of the many things we haven't done as the things we have done.”

• Putting yourself in the user’s shoes

• User interaction/scenarios analysis

• Focusing on the product core values

• Making tough decisions

Outcome:

• Removed ~30% of planned features

• Detailed map of precise user flows

• Final PDR / MRD

Scope Refinement / User Flow Research

Page 22: Nascent   tawkon ux design process

Schematic Design

Page 23: Nascent   tawkon ux design process

• Choosing a visual theme

• Aligning with platform & technology limitations

• Define animations

Outcome:

• Designed screens

23

Visual Design

Page 24: Nascent   tawkon ux design process

24

• Multiple iterations

• Getting the production items ready-made to

development needs

• Performance optimizations

Production & Dev. Integration

Page 25: Nascent   tawkon ux design process

tawkon for iPhone: Design Process May 2011

Thank You.

www.nascentgrp.com

www.tawkon.com