Evolution of Web Design (UX / Usability) by eDesign - ArabNet Riyadh 2015
The Evolution of UX
-
Upload
kieron-leppard -
Category
Design
-
view
12.847 -
download
1
description
Transcript of The Evolution of UX
EVOLUTION UX
The
OF
Hi! I’m Kieron, a Manager of Experience Design at Sapient Nitro
EVOLUTION UX
The
OF
Unforgettable
EVOLUTION UX
The
OF
User?
EVOLUTION UX
The
OF
What used to be this…
EVOLUTION UX
The
OF
Is now this…
EVOLUTION UX
The
OF
EVOLUTION UX
The
OF
EVOLUTION UX
The
OF
Think Feel Do
Bra
nd
?
EVOLUTION UX
The
OF
Exp
erience?
UX it’s time to grow up
EVOLUTION UX
The
OF
EVOLUTION UX
The
OF
Functional Innovation Digital agency
Process Innovation Traditional consultancy
Emotional Innovation Traditional agency
Experience Design
People
Technology
Brand
EVOLUTION UX
The
OF
Traditional design goals To Identify
To Inform
To Entertain
To Persuade
To Differentiate
EVOLUTION UX
The
OF
Test your brand 1. Who are you?
2. What do you do?
3. Why does it matter?
Greg Galle, Creative Capital
EVOLUTION UX
The
OF
Better, Not
Different
Better &
Different
Different, Not
Better
Not Better, Not
Different
Marty Neumeier, The Brand Gap
EVOLUTION UX
The
OF
The world’s first smile activated vending machine
EVOLUTION UX
The
OF
Evil, Sinister
Crazy, Mad, Mental
Quirky, Odd
EVOLUTION UX
The
OF
Evil, Sinister
Crazy, Mad, Mental
Quirky, Odd
EVOLUTION UX
The
OF
Evil, Sinister
Crazy, Mad, Mental
Quirky, Odd
EVOLUTION UX
The
OF
EVOLUTION UX
The
OF
ShareHappy ≠
Wireframes
EVOLUTION UX
The
OF
ShareHappy ≠
Designs
EVOLUTION UX
The
OF
ShareHappy =
Prototypes
EVOLUTION UX
The
OF
ShareHappy =
Guerilla testing
During the war EVOLUTION
UX The
OF
EVOLUTION UX
The
OF
` ``` `` Sprint 1 Sprint 2 Sprint 3 Sprint 4
Kick off
meeting
Goals
Success
High level
functionality
Contract
Experience brief
Prioritise features
High level IA
Roadmap
Define business rules
Visual style guide
Prototype key functionality
Sketch
Screen designs
Code
Quick and dirty user testing
Discover Define Build
EVOLUTION UX
The
OF
Agree focus with client
Head down and go for it
Internal checkpoint review
Tidy up & prep for review
Share and gather feedback
A typical week… Mon
Tue
Wed
Thu
Fri
EVOLUTION UX
The
OF
A typical day… 09:00 09:30 10:00 15:00 16:00 18:00 21:30
Get coffee, check email Daily stand up Get on with the tasks at hand Peer review & check progress Make changes Bye bye Beer time
09:00 09:30 10:00 15:00 16:00 18:00
Get coffee, check email Daily stand up Get on with the tasks at hand Peer review & check progress Make changes Bye bye
EVOLUTION UX
The
OF
So in short 1. Concept
2. Prototype
3. Feedback (User & Business)
4. Repeat the process
Experience planner
Experience designer
Visual designer
Copy writer
User interface designer
EVOLUTION UX
The
OF
} Communicator
Collaborative
Flexible
Trendy & innovative
Brand absorbed
Experience focused
EVOLUTION UX
The
OF
EVOLUTION UX
The
OF
Tom Kelly, GM IDEO
If a picture is worth a 1000 words.
A prototype is worth a 1000 pictures.
EVOLUTION UX
The
OF
Visual Depth Breadth Interactivity Data
“Breaking the fidelity barrier” Mc Curdy et al, 2006
EVOLUTION UX
The
OF
Build Make Draw Stick
Sketch Record
EVOLUTION UX
The
OF
Bring ideas to life
EVOLUTION UX
The
OF
Those doors.
EVOLUTION UX
The
OF
Its not about a 100 yard run, its about
edging yards forward
EVOLUTION UX
The
OF
Its about being fast
EVOLUTION UX
The
OF
Don’t be afraid
No time to be stubborn EVOLUTION
UX The
OF
EVOLUTION UX
The
OF
fin. @kieronleppard
kieronleppard
EVOLUTION UX
The
OF
http://www.flickr.com/photos/lisarex/4513193575/
http://www.flickr.com/photos/lisarex/4513193575/
http://www.flickr.com/photos/dp_id/4166255518
http://i290.photobucket.com/albums/ll269/bluekissjb/frankenstein.jpg?t=1288229727
http://www.flickr.com/photos/beckyjc22880/3113700701
http://www.flickr.com/photos/owen-pics/520708486
http://www.hyslimo.com/images/customer-images/Giants_Stadium.jpg
http://1.bp.blogspot.com/-xguheeId4N8/TbTcVc9RzEI/AAAAAAAAB6E/8dUH8A0ZA1A/s1600/star_trek_csg_animation%2Bdesign.jpg
http://top-people.starmedia.com/tmp/swotti/cacheDXNHAW4GYM9SDA==/imgUsain%20Bolt3.jpg
http://1.bp.blogspot.com/-7Rh3Qa3evgk/TcawB3_t99I/AAAAAAAAAew/XfQMhens33c/s1600/Bulldog.jpg
EVOLUTION UX
The
OF
http://images.fanpop.com/images/image_uploads/David--the-office--28uk-29-366372_1024_768.jpg