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
Building Products in the LLM Era
ymatsuwitter
10
4.4k
Bounded Context: Problem or Solution?
ewolff
1
210
転生CISOサバイバル・ガイド / CISO Career Transition Survival Guide
kanny
2
390
Platform Engineeringは自由のめまい
nwiizo
4
1.9k
バックエンドエンジニアのためのフロントエンド入門 #devsumiC
panda_program
16
6.5k
スタートアップ1人目QAエンジニアが QAチームを立ち上げ、“個”からチーム、 そして“組織”に成長するまで / How to set up QA team at reiwatravel
mii3king
1
1.1k
Ask! NIKKEI RAG検索技術の深層
hotchpotch
13
2.8k
ビジネスと現場活動をつなぐソフトウェアエンジニアリング~とあるスタートアッププロダクトの成長記録より~
mizunori
0
210
Data-centric AI入門第6章:Data-centric AIの実践例
x_ttyszk
1
370
SA Night #2 FinatextのSA思想/SA Night #2 Finatext session
satoshiimai
1
100
PL900試験から学ぶ Power Platform 基礎知識講座
kumikeyy
0
110
滅・サービスクラス🔥 / Destruction Service Class
sinsoku
6
1.5k
Featured
See All Featured
Into the Great Unknown - MozCon
thekraken
35
1.6k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
Bash Introduction
62gerente
610
210k
Reflections from 52 weeks, 52 projects
jeffersonlam
348
20k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
28
9.3k
A Modern Web Designer's Workflow
chriscoyier
693
190k
RailsConf 2023
tenderlove
29
1k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.7k
Mobile First: as difficult as doing things right
swwweet
223
9.3k
Rails Girls Zürich Keynote
gr2m
94
13k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
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!