the target group of ux design (deliveries) is the developer
Post on 17-Oct-2014
489 views
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
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
The Final Demo...
söndag 13 oktober 13
Confidential
The Final Demo...
söndag 13 oktober 13