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
[新卒向け研修資料] テスト文字列に「うんこ」と入れるな(2024年版)
infiniteloop_inc
1
6.4k
ServiceNow Knowledge Learning Rise up
manarobot
0
200
ユーザーストーリーのレビューを自動化したみたの
bun913
1
410
FrontDoorとWebAppsを組み合わせた際のリダイレクト処理の注意点
kenichirokimura
1
490
Postman v10リリース後を振り返る / Looking back at Postman v10 after release
yokawasa
1
150
Google Cloud Next '24でブログを10本書いた方法と勉強会を沸かせた方法
yasumuusan
0
290
AOAI をきっかけに 社内の Azure 管理を見直した話
recruitengineers
PRO
1
250
Java EE/Jakarta EEの現状と将来―クラウドネイティブ時代にJava EEは対応できるのか?―
takakiyo
1
130
Azure Container Apps + Bicep 〜 こんな感じで運用しています
kaz29
2
440
ChatGPT for IT Service Management (IT Pro)
dahatake
7
1.5k
レガシーをぶっ壊せ。AEONで始めるDevRelの話 / Qiita Night 2024-2-22
aeonpeople
3
1.3k
Oracle Cloud Infrastructure:2024年4月度サービス・アップデート
oracle4engineer
PRO
1
190
Featured
See All Featured
From Idea to $5000 a Month in 5 Months
shpigford
377
45k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
34
8.9k
Building Applications with DynamoDB
mza
88
5.6k
Adopting Sorbet at Scale
ufuk
68
8.6k
Clear Off the Table
cherdarchuk
84
310k
Large-scale JavaScript Application Architecture
addyosmani
504
110k
Mobile First: as difficult as doing things right
swwweet
216
8.6k
Build The Right Thing And Hit Your Dates
maggiecrowley
24
2k
Building a Scalable Design System with Sketch
lauravandoore
456
32k
Web development in the modern age
philhawksworth
202
10k
Gamification - CAS2011
davidbonilla
76
4.6k
It's Worth the Effort
3n
180
27k
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!