the$ux$lifecycle$ - software engineering at rityasmine/swen445/slides/uxlifecycle.pdf · ux design...

13
The UX Lifecycle Selected material from The UX Book, Hartson & Pyla

Upload: others

Post on 27-May-2020

3 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: The$UX$Lifecycle$ - Software Engineering at RITyasmine/swen445/slides/UXLifeCycle.pdf · UX Design & the Software Process Function Modeling System Software Design System Software

The$UX$Lifecycle$

Selected material from The UX Book, Hartson & Pyla

Page 2: The$UX$Lifecycle$ - Software Engineering at RITyasmine/swen445/slides/UXLifeCycle.pdf · UX Design & the Software Process Function Modeling System Software Design System Software

The UX Life Cycle Iterative, evaluation-centered, UX lifecycle template to evolve UX design •  Iteration: All or part repeated for purpose of

exploring, fixing, or refining design •  Lifecycle is structured framework consisting

of a series of stages and corresponding activities

•  Template:$a$skeleton$of$development$ac7vi7es$instan7ated$within$each$project$

2

Page 3: The$UX$Lifecycle$ - Software Engineering at RITyasmine/swen445/slides/UXLifeCycle.pdf · UX Design & the Software Process Function Modeling System Software Design System Software

Process$Ac7vi7es$•  Analyze-

–  Contextual$inquiry$–  Contextual$analysis$–  Extrac7ng$requirements$–  Synthesizing$designEinforming$models$

•  Design-–  Design$thinking,$idea7on,$and$sketching$– Mental$models$and$conceptual$design$–  Design$produc7on$$

•  Prototype$–$building$prototypes$•  Evaluate$–$rapid$and$more$rigorous$techniques$

Page 4: The$UX$Lifecycle$ - Software Engineering at RITyasmine/swen445/slides/UXLifeCycle.pdf · UX Design & the Software Process Function Modeling System Software Design System Software

The$UX$Life$Cycle$A.K.A$The$Wheel

4

Page 5: The$UX$Lifecycle$ - Software Engineering at RITyasmine/swen445/slides/UXLifeCycle.pdf · UX Design & the Software Process Function Modeling System Software Design System Software

Naviga9ng-the-Wheel-

•  Ac7vi7es$can$overlap,$iterate$•  Establish$criteria$for$ac7vity$transi7ons$

– When$to$leave?$– What$to$do$next?$– When$to$iterate?$

•  Goal$is$to$move$into$produc7on$– Goals$met?$– How$much$risk?$–  Time$and$money?$–  Problem$complexity?$

Page 6: The$UX$Lifecycle$ - Software Engineering at RITyasmine/swen445/slides/UXLifeCycle.pdf · UX Design & the Software Process Function Modeling System Software Design System Software

Process-=-f(System-Complexity)-

6

Page 7: The$UX$Lifecycle$ - Software Engineering at RITyasmine/swen445/slides/UXLifeCycle.pdf · UX Design & the Software Process Function Modeling System Software Design System Software

Process-Choice-

Domain Environment

Interaction

Simple

Simple

Complex

Complex

Rigorous

Emphasis on analysis activitiesLess rigorous, more

emphasis on emotional impact

Emphasis on design

Page 8: The$UX$Lifecycle$ - Software Engineering at RITyasmine/swen445/slides/UXLifeCycle.pdf · UX Design & the Software Process Function Modeling System Software Design System Software

Ex.$Shape$Coding$for$AircraQ$Control$Knobs$$

$

The B17 Flying Fortress. [From Emgonzalez [2005], the image was placed in the public domain by the photographer.]

Page 9: The$UX$Lifecycle$ - Software Engineering at RITyasmine/swen445/slides/UXLifeCycle.pdf · UX Design & the Software Process Function Modeling System Software Design System Software

Ex.$Shape$Coding$for$AircraQ$Control$Knobs$$

$

The cockpit of a B17G Flying Fortress. The landing gear and flaps control knobs are identical and are very close to one another. [From USAF [2006], image believed to be in the public domain.]

Page 10: The$UX$Lifecycle$ - Software Engineering at RITyasmine/swen445/slides/UXLifeCycle.pdf · UX Design & the Software Process Function Modeling System Software Design System Software

Ex.$Shape$Coding$for$AircraQ$Control$Knobs$$

$

Close-up of the cockpit control knobs of a B17G Flying Fortress. The landing gear and flaps control knobs are identical and are very close to one another. [From USAF [2006], image believed to be in the public domain.]

Page 11: The$UX$Lifecycle$ - Software Engineering at RITyasmine/swen445/slides/UXLifeCycle.pdf · UX Design & the Software Process Function Modeling System Software Design System Software

Ex.$Shape$Coding$for$AircraQ$Control$Knobs$$

$

After WW2, the shape coding for landing gear and flaps control knobs was standardised. The landing gear control resembles a wheel and the flaps control resembles a flap. [From CFR [2008, page 254].]

Page 12: The$UX$Lifecycle$ - Software Engineering at RITyasmine/swen445/slides/UXLifeCycle.pdf · UX Design & the Software Process Function Modeling System Software Design System Software

The$Team$

Page 13: The$UX$Lifecycle$ - Software Engineering at RITyasmine/swen445/slides/UXLifeCycle.pdf · UX Design & the Software Process Function Modeling System Software Design System Software

UX Design & the Software Process

Function Modeling

System Software Design

System Software Constrc.

System Testing

Interaction Design

UI Software Design

UI Software Constrc.

Rapid Prototyping

Evaluation Lightweight, rapid iteration