The Target Group of UX Design (deliveries) is the Developer

Post on 17-Oct-2014

494 views 1 download

description

By serving the developers the UX design they need - at the right moment - a small team can do wonders. This talk gives an example how to work truly agile and lean by giving the developer slimmed and focused UX design but also the importance of frequent deliveries and reviews. This "process" is based on a demo project where 4 touch screen UI:s, working on HW, were developed in 5 weeks.

Transcript of The Target Group of UX Design (deliveries) is the Developer

The Target Groupof UX Design

is the DeveloperMarie Lambertsson

söndag 13 oktober 13

UX

What UX personsare good at

söndag 13 oktober 13

UX

Business Values

Stakeholders

End Users

What UX personsare good at

Design

söndag 13 oktober 13

UX

Developers

Business Values

Stakeholders

End Users

Need?Want?

What UX personsare good at

Design

söndag 13 oktober 13

UX

Developers

Business Values

Stakeholders

End Users

Need?Want?

What UX personsare good at

Design

söndag 13 oktober 13

UXBuildingBlocks

söndag 13 oktober 13

UXBuildingBlocks

★Swipe- Translation

★Swipe- Translation

★Tap- Fade

★Tap- Transl.

- Information Architecture (UI model)- Navigation, Gestures & Transitions

söndag 13 oktober 13

- Design Patterns- Components Descriptions- Wireframes

UXBuildingBlocks

★Swipe- Translation

★Swipe- Translation

★Tap- Fade

★Tap- Transl.

- Information Architecture (UI model)- Navigation, Gestures & Transitions

söndag 13 oktober 13

- Design Patterns- Components Descriptions- Wireframes

- Animations

UXBuildingBlocks

★Swipe- Translation

★Swipe- Translation

★Tap- Fade

★Tap- Transl.

- Information Architecture (UI model)- Navigation, Gestures & Transitions

söndag 13 oktober 13

- Design Patterns- Components Descriptions- Wireframes

- Animations

- Graphical Assets

UXBuildingBlocks

★Swipe- Translation

★Swipe- Translation

★Tap- Fade

★Tap- Transl.

- Information Architecture (UI model)- Navigation, Gestures & Transitions

söndag 13 oktober 13

- Design Patterns- Components Descriptions- Wireframes

- Animations

- Graphical Assets - Details, details, details

UXBuildingBlocks

★Swipe- Translation

★Swipe- Translation

★Tap- Fade

★Tap- Transl.

- Information Architecture (UI model)- Navigation, Gestures & Transitions

söndag 13 oktober 13

The Project

söndag 13 oktober 13

The Project

Make a ”UX demo” that shows

(off) reuse of design (branding) &

connectivity, working on real HW.

söndag 13 oktober 13

The Project

Make a ”UX demo” that shows

(off) reuse of design (branding) &

connectivity, working on real HW.

söndag 13 oktober 13

The Project

Make a ”UX demo” that shows

(off) reuse of design (branding) &

connectivity, working on real HW.

Agile!Lean!

söndag 13 oktober 13

w.1 w.2 w.3 w.4 w.5DEMOSTART

The Schedule

Redo-Do-DeliverDo-Redo-Deliver Redo-Do-Deliver Redo-Do-Deliver Redo-Redo-Deliver

HW stuffsöndag 13 oktober 13

w.1 w.2 w.3 w.4 w.5

Prototype ofNavigation &

Gestures

UI Model

DEMOSTART

The Schedule

Redo-Do-DeliverDo-Redo-Deliver Redo-Do-Deliver Redo-Do-Deliver Redo-Redo-Deliver

HW stuffsöndag 13 oktober 13

w.1 w.2 w.3 w.4 w.5

Prototype ofNavigation &

Gestures

UI Model

DEMOSTART

The SchedulePriority

(DemoScript)

Redo-Do-DeliverDo-Redo-Deliver Redo-Do-Deliver Redo-Do-Deliver Redo-Redo-Deliver

HW stuffsöndag 13 oktober 13

w.1 w.2 w.3 w.4 w.5

Prototype ofNavigation &

Gestures

Prototype ofTypical Views &Components

UI Model Design Patterns

DEMOSTART

The SchedulePriority

(DemoScript)

Redo-Do-DeliverDo-Redo-Deliver Redo-Do-Deliver Redo-Do-Deliver Redo-Redo-Deliver

HW stuffsöndag 13 oktober 13

w.1 w.2 w.3 w.4 w.5

Prototype ofNavigation &

Gestures

Prototype ofTypical Views &Components

Prototype ofLook’n Feel

UI Model Design Patterns

DEMOSTART

The Schedule

Graphical Assets

Animations

Priority

(DemoScript)

Redo-Do-DeliverDo-Redo-Deliver Redo-Do-Deliver Redo-Do-Deliver Redo-Redo-Deliver

HW stuffsöndag 13 oktober 13

w.1 w.2 w.3 w.4 w.5

Prototype ofNavigation &

Gestures

Prototype ofTypical Views &Components

Prototype ofLook’n Feel

Prototypes Filledwith More Details

UI Model Design Patterns Details, Details...

DEMOSTART

The Schedule

Graphical Assets

Animations

Priority

(DemoScript)

Redo-Do-DeliverDo-Redo-Deliver Redo-Do-Deliver Redo-Do-Deliver Redo-Redo-Deliver

HW stuffsöndag 13 oktober 13

w.1 w.2 w.3 w.4 w.5

Prototype ofNavigation &

Gestures

Prototype ofTypical Views &Components

Prototype ofLook’n Feel

Prototypes Filledwith More Details

UI Model Design Patterns Details, Details... UX Fine Tuning

DEMOSTART

The Schedule

Graphical Assets

Animations

Priority

(DemoScript)

Redo-Do-DeliverDo-Redo-Deliver Redo-Do-Deliver Redo-Do-Deliver Redo-Redo-Deliver

HW stuffsöndag 13 oktober 13

w.1 w.2 w.3 w.4 w.5

Prototype ofNavigation &

Gestures

Prototype ofTypical Views &Components

Prototype ofLook’n Feel

Prototypes Filledwith More Details

UI Model Design Patterns Details, Details... UX Fine Tuning

DEMO

FIXING...

START

The Schedule

Graphical Assets

Animations

Priority

(DemoScript)

Redo-Do-DeliverDo-Redo-Deliver Redo-Do-Deliver Redo-Do-Deliver Redo-Redo-Deliver

HW stuffsöndag 13 oktober 13

The Final Demo...?

söndag 13 oktober 13

The Final Demo...?

söndag 13 oktober 13

Confidential

marie.lambertsson@ikivo.com

The Final Demo...

söndag 13 oktober 13

Confidential

marie.lambertsson@ikivo.com

The Final Demo...

söndag 13 oktober 13