the iid ux process

15
The iiD UX Process Driving Innovative UX Ideation, Prototyping and User Testing www.ideasindigital.com

Upload: lance-shields

Post on 01-Nov-2014

413 views

Category:

Design


0 download

DESCRIPTION

iiD's UX design team decides what, when, where, why, how, and who of a digital experience. Pretty much everything that affects a user’s interaction with that experience. We design awesome UX that drive results.

TRANSCRIPT

Page 1: The iiD UX Process

The iiD UX Process Driving Innovative UX Ideation, Prototyping and User Testing

www.ideasindigital.com

Page 2: The iiD UX Process

About iiD

•  iiD was founded in 2008. We are based in San Francisco and are a team of innovative strategists, designers, and technologists.

•  We’re dedicated to helping companies create awesome experiences, products, and services that make technology meaningful to their customers.

•  iiD blends the three key elements of success in digital media: strategy, creative, and technology.

2  

Page 3: The iiD UX Process

Research

Brand Strategy

Social Media Strategy

Internet Strategy

Content Strategy

Analytics

3  

Strategy & Planning

Concept & Idea Generation

User Interface Design

Graphic Design

Print & Ad Creation

Animation & Motion Graphics

Copywriting

Creative & Communications

Responsive Websites

Mobile App Development

Web App Development

Emerging Technologies

Content Management

eCommerce Platform

Technology & Production

UX Ideation Sessions

UX Strategy

Process Flows

High Fidelity Wireframes

Interactive Prototypes

Prototype User Testing

User Experience

Page 4: The iiD UX Process

UX is at the center of everything we do

Our UX designers decide

what, when, where, why,

how, and who of a digital

experience. Pretty much

everything that affects a

user’s interaction with that

experience.

4  

Page 5: The iiD UX Process

5  

Prototyping and Testing

Page 6: The iiD UX Process

What’s next in UX…prototyping!

6  

While static wireframes and UI designs have been

used by the industry since web 1.0, today there’s a

shift away from static mocks towards interactive

prototypes to include interaction design to test how

successfully people interact with the user interface.

Page 7: The iiD UX Process

Lean UX Process

7  

Ideation Session

Low-fi Sketches

Prototype User

Testing

Page 8: The iiD UX Process

8  

UX Ideation

Page 9: The iiD UX Process

9  

UX Ideation

Page 10: The iiD UX Process

10  

Lo-fi Sketches

Page 11: The iiD UX Process

11  

Lo-fi Sketches

Page 12: The iiD UX Process

UX Prototype Concept Demo

12  

The following was created by iiD for the purpose of UX exploration and testing of a variety of UX concepts to navigating and interaction for an insurance startup website. This demo is only viewable in live presentation.

Created with

Page 13: The iiD UX Process

User Testing

13  

As a valuable feedback loop to our UX prototypes we conducted online user testing to determine user preference, usability, grasp of the insurance business, and willingness to become a customer of this new startup. This demo is only viewable in live presentation.

Created with

Page 14: The iiD UX Process

Sample Test Results

14  

“I liked the overall design of the second prototype best, as I found it the most visually appealing. I found the navigation of the third prototype easiest.” “The 2nd prototype was clear, easiest to navigate while providing the most information (and easy access to it).” “The second website was simpler, more straight forward, less busy, it was simpler to create a pool.”

Prototype 2 Overall UX

2  

9  

3  

0  

2  

4  

6  

8  

10  

Like  overall  

Overall, which of the 3 prototypes did you like the

most? Why?

Prototype  1  

Prototype  2  

Prototype  3  

Page 15: The iiD UX Process

15  

WE CREATE AWESOME UX.

www.ideasindigital.com