Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Creating Wonderful Web App User Experience
Search
Richard Shepherd
May 16, 2012
Technology
7
4.9k
Creating Wonderful Web App User Experience
Slides from my presentation at the Future of Web Design London 2012.
Richard Shepherd
May 16, 2012
Tweet
Share
Other Decks in Technology
See All in Technology
ここが嬉しいABAC ここが辛いよABAC #再解説+補足編
masahirokawahara
0
200
DevOpsDays History and my DevOps story
kawaguti
PRO
8
1.5k
LLM とプロンプトエンジニアリング/チューターをビルドする / LLM and Prompt Engineering and Building Tutors
ks91
PRO
0
220
PHPカンファレンス小田原2024
ysknsid25
3
660
インシデントレスポンスのライフサイクルを廻すポイントってなに / Pinpoints of Incidentresponse Lifecycle for Operation
sakaitakeshi
1
300
入社後初めてのタスクでk8sアップグレードした話.pdf
kkato1
1
380
Discord とビルダー&チャットボットの使い方 / How to use Discord and Builder & Chatbots
ks91
PRO
0
130
Databricks におけるデータエンジニアリング
databricksjapan
0
370
Databricks における 『MLOps』
databricksjapan
2
130
Signals Unleashed: The Full Guide
rainerhahnekamp
0
360
Aurora MySQL v3(MySQL8.0互換)の オンラインDDLの罠挙動を全バージョンで検証した
yutakikai
1
150
PHP"オレ"カンファレンスの告知
ysknsid25
0
340
Featured
See All Featured
Six Lessons from altMBA
skipperchong
20
3k
Faster Mobile Websites
deanohume
297
30k
The Illustrated Children's Guide to Kubernetes
chrisshort
29
46k
Building Applications with DynamoDB
mza
88
5.6k
Teambox: Starting and Learning
jrom
128
8.4k
A Philosophy of Restraint
colly
196
16k
Docker and Python
trallard
33
2.7k
Infographics Made Easy
chrislema
237
18k
Pencils Down: Stop Designing & Start Developing
hursman
117
11k
How to train your dragon (web standard)
notwaldorf
72
5.1k
From Idea to $5000 a Month in 5 Months
shpigford
377
45k
RailsConf 2023
tenderlove
2
530
Transcript
Crea ng Wonderful User Experience Web App
Hello! I’m Richard @richardshepherd
I’m frontend lead
I’m a contributor to
None
Why is great user experience important? ?
If you make chairs, you’ll want to understand how people
sit. If you make user interfaces, then you should understand how people perceive and think.” Ryan Singer, 37 Signals “
Hacking the brain
None
None
Marty Sklar
Mickey’s Ten Commandments Of Disney Imagineering
#1 Know Your Audience Mickey’s Ten Commandments Of Disney Imagineering
#2 Wear Your Guest’s Shoes Mickey’s Ten Commandments Of Disney
Imagineering
#1 Know your audience
Emo onal Memory #1 Know your audience
Humanise your applica on #2 Wear your guests shoes
http://getpocket.com/ #2 Wear your guests shoes
http://www.rdio.com/ #2 Wear your guests shoes
http://simplehoney.com/ #1 Know your audience
http://simplehoney.com/ #1 Know your audience
http://simplehoney.com/ #1 Know your audience
#3 Organise the Flow of People And Ideas Mickey’s Ten
Commandments Of Disney Imagineering
Everything we do is a form of storytelling” Mark Rollins
– Creative Director, Iconologic Creative Mornings “ #3 Organise the Flow of People and Ideas
What’s Your Story? ? #3 Organise the Flow of People
and Ideas
#3 Organise the Flow of People and Ideas
#3 Organise the Flow of People and Ideas http://mailchimp.com/ http://wufoo.com/
#3 Organise the Flow of People and Ideas
#3 Organise the Flow of People and Ideas http://mailchimp.com/ http://www.surveymonkey.com/
#3 Organise the Flow of People and Ideas
http://aarronwalter.com/ #3 Organise the Flow of People and Ideas
#4 Create a ‘Wienie’ Mickey’s Ten Commandments Of Disney Imagineering
#5 Communicate with visual Literacy Mickey’s Ten Commandments Of Disney
Imagineering
http://www.alistapart.com/… #5 Communicate with Visual Literacy
Don Norman #5 Communicate with Visual Literacy
Attractive things make people feel good, which in turn makes
them think more creatively. How does that make something easier to use? Simple, by making it easier for people to find solutions to the problems they encounter.” Don Norman “ #5 Communicate with Visual Literacy
Depth vs. Breadth Processing #5 Communicate with Visual Literacy
Depth First “Where me keys? Where me phone?” #5 Communicate
with Visual Literacy
#5 Communicate with Visual Literacy http://www.basecamp.com/…
#5 Communicate with Visual Literacy http://www.basecamp.com/…
Breadth First A hit of dopamine #5 Communicate with Visual
Literacy
#5 Communicate with Visual Literacy http://plus.google.com/
#6 Avoid Overload Create Turn ons Mickey’s Ten Commandments Of
Disney Imagineering
#7 Tell One Story at a Time Mickey’s Ten Commandments
Of Disney Imagineering
http://www.lingscars.com/ #7 Tell One Story at the Time #7 Tell
One Story at a Time http://www.lingscars.com/
The Paradox of Choice #7 Tell One Story at a
Time
Barry Schwartz #7 Tell One Story at a Time
#7 Tell One Story at a Time http://www.flickr.com/
http://www.lingscars.com/ #7 Tell One Story at the Time #7 Tell
One Story at a Time http://www.ebookers.com/
http://www.lingscars.com/ #7 Tell One Story at the Time #7 Tell
One Story at a Time http://www.skyscanner.net/
Crea ng Turn Ons No. Not that kind. #6 Avoid
Overload, Create Turn Ons
http://www.vouchercodes.co.uk #6 Avoid Overload, Create Turn Ons
http://www.kickstarter.com #6 Avoid Overload, Create Turn Ons
http://www.mailchimp.com #6 Avoid Overload, Create Turn Ons
#8 Avoid Contradic ons, Maintain Iden ty Mickey’s Ten Commandments
Of Disney Imagineering
Beyond The Browser Maintaining your identity #8 Avoid Contradic ons,
Maintain Iden ty
http://www.mrporter.com/ #8 Avoid Contradic ons, Maintain Iden ty
#8 Avoid Contradic ons, Maintain Iden ty
#8 Avoid Contradic ons, Maintain Iden ty
#9 For every ounce of treatment, provide a tonne of
treat Mickey’s Ten Commandments Of Disney Imagineering
Give a li le #9 For every ounce of treatment,
provide a tonne of treat
#9 For every ounce of treatment, provide a tonne of
treat http://www.codecademy.com/
#9 For every ounce of treatment, provide a tonne of
treat http://www.codecademy.com/
#10 Keep It up! Mickey’s Ten Commandments Of Disney Imagineering
Ask for feedback #10 Keep It Up!
User Experience and Business Experience #10 Keep It Up!
UX is not part of the process. It is the
process. #10 Keep It Up!
The killer feature is making calls.” Steve Jobs – iPhone
launch “ #10 Keep It Up!
Ques on Everything #10 Keep It Up!
Knowing when any technique is appropriate — and when it
isn’t — marks a pragmatic, measured approach to designing for the web, and that’s a perspective I really treasure...” Ethan Marcotte “ #10 Keep It Up!
Why is great user experience important?
Aim for excellence Final thought...
OmooHQ.com/fowd Beta Pass... Exclusive
Thank You. Now, go be Awesome :) @richardshepherd Keep in
touch!