digital product lifecycle

of 16 /16
A Digital Product Lifecycle

Upload: bryan-bielefeldt

Post on 09-May-2015




1 download

Embed Size (px)


Page 1: Digital Product Lifecycle

A Digital Product Lifecycle

Page 2: Digital Product Lifecycle

The Simple Definition Analysis Design Implementation Testing Maintenance

Page 3: Digital Product Lifecycle

The Real Definition

Page 4: Digital Product Lifecycle

Immersion (1)

Research the problem/company/product/widget Poll/Survey user base Identify priorities of use

Pare down extraneous requests that dilute the product Brainstorm potential solutions to the problems Present findings (Note: we haven't opened photoshop yet)

Communicate plan for appealing to the largest demographic as well as supporting minority users

Negotiate an agreement on what the client wants and what their consumer demand is

Page 5: Digital Product Lifecycle

Information Prioritization (2-Trim the fat)

Build user stories (I this than that) Site map development Time lining and phasing

Identify the elements of the application that fulfill minimum business requirements

Identify the elements of the application that fulfill scaleability requirements

Identify the elements of the application that fulfill client wants

Page 6: Digital Product Lifecycle

Wireframe development (sketch at 100%)

Identify UI element needs (what kinds of actions)

Identify Master/Detailformatting (if I click this I get that)

Design mockups (Wireframe)

Page 7: Digital Product Lifecycle

Clickable Prototyping Implement Wireframe

as lo-tech prototype (i.e. Invision, Axure)

Usability testing

Page 8: Digital Product Lifecycle

Identify approved functionality Begin development lifecycle for approved functionality

(Design Agnostic) Move through iterations of Development, QA, Staging, (DQS)

Page 9: Digital Product Lifecycle

Identify approved user flows Begin layout and design of

UI elements and screens

Page 10: Digital Product Lifecycle

Update clickable prototype with approved design elements

Page 11: Digital Product Lifecycle

Develop approved UI elements and screens Integrate visual layer with functionality (Iteration until


Page 12: Digital Product Lifecycle

Release to Beta Allow limited access for bug reporting, and usability testing

Page 13: Digital Product Lifecycle

Iterations of feature request and bug fix development

Page 14: Digital Product Lifecycle

Launch that SHIT!

Page 15: Digital Product Lifecycle

What does this mean for us? We can start by understanding best practices in UI design.

Resource for psychology of aesthetic

Understanding why we like something when we see it and identifying areas we can put these ideas and theories into practice.

Some more resources for UX UI design

Understanding what can and can not be done

Page 16: Digital Product Lifecycle

References 1 - Responsive navigation on a complex website

2 - Discovering the purpose of your website