Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
No Modes – The Future of all Web Applications
Andrew Cassell
May 22, 2014
Design
1
300
No Modes – The Future of all Web Applications
Andrew Cassell
May 22, 2014
Tweet
Share
More Decks by Andrew Cassell
See All by Andrew Cassell
Domain-driven Design Workshop
cassell
1
220
Immutability to save an ever-changing world
cassell
3
300
Introduction to Domain-Driven Design in PHP - ZendCon & OpenEnterprise 2018
cassell
3
480
Immutability to Save an Ever-Changing World - PHP Benelux 2018
cassell
1
380
Domain-driven Design in PHP - PHP Benelux 2018
cassell
1
130
php[world] 2017 Domain-Driven Design Workshop
cassell
1
210
Domain-Driven Design
cassell
2
680
No Modes – The Future of all Web Applications
cassell
2
87
Domain-Driven Design - True North PHP 2016
cassell
1
230
Other Decks in Design
See All in Design
DMMオンラインサロン UI・UXデザイナー採用資料/ for-UI・UX-designers
onlinesalon
0
120
家族アルバム みてねの企画からリリースまでとデザインの意図
naoyawatanabe
2
21k
Blend the DESIGN - 融ける“デザインのチカラ” / Designship2022
visional_engineering_and_design
1
2.4k
WAI-ARIAウェイウェイ会
shikakun
0
340
We’re Not doing Design Systems Properly and That’s Okay
morganepeng
2
440
デザイン本部デザイナーのお仕事
mixil
0
530
外食を支えるプロダクトを生み出す、顧客理解の追求
yamamoto67
1
500
to B SaaS のコミュニケーションデザインが目指すもの - SmartHR Communication Design Group
bebe
1
1.5k
不確実性というデザインのパースペクティブ
recruitengineers
PRO
1
290
[UX/UI design] Target users and developmental psychology
shira0000000
1
250
Kubo
airinbudiman
1
310
4つの事例から分かる ビジネスを成功させたUXデザイン
fixel_admin
1
490
Featured
See All Featured
Unsuck your backbone
ammeep
659
56k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
24
4.5k
Design by the Numbers
sachag
271
18k
Designing with Data
zakiwarfel
91
4.2k
Fantastic passwords and where to find them - at NoRuKo
philnash
32
1.8k
The Cult of Friendly URLs
andyhume
68
5.1k
How To Stay Up To Date on Web Technology
chriscoyier
779
250k
Statistics for Hackers
jakevdp
785
210k
Git: the NoSQL Database
bkeepers
PRO
419
60k
Three Pipe Problems
jasonvnalue
89
8.9k
Debugging Ruby Performance
tmm1
67
11k
Making Projects Easy
brettharned
102
4.8k
Transcript
! The Future of Web Applications No Modes Andrew Cassell
@alc277
Interaction UI UX
“Since humans are more pliable than computers, it can be
easier to make a human fit the computer’s limitations than to design the computer to fit the human’s needs. When that happens, the human becomes a prisoner trapped by the computer rather than liberated by it.” - Karla Jennings 3
4
Modes
None
“It is no accident that swearing is denoted by #&%!#$&.
It’s what a typewriter used to do when you typed numbers when the Caps Lock was engaged.” - Dr. James Winter
O I
Those who cannot learn from history are doomed to repeat
it. - George Santayana
What experience and history teach is this — that nations
and governments have never learned anything from history… - Hegel
None
None
None
None
None
None
Modeless
None
None
None
None
None
None
None
vi
None
emacs
None
None
SEARCH
None
None
None
None
None
Quasimode
None
REALITY
CARS
None
None
None
None
None
None
None
GUNS
None
None
None
modes in web 1.0
None
Edit
None
Save
None
Context
Modal
Modal
Modal
Interfaces must be designed to accommodate our ability to pay
conscious attention to only one object or situation, called our locus of attention, at a time. - Jef Raskin
None
None
None
None
None
None
Mode Error
Modes are a significant source of errors, confusion, unnecessary restrictions,
and complexity in interfaces. - Jef Raskin
None
None
! Imagine if every Thursday your shoes exploded if you
tied them the usual way. This happens to us all the time with computers, and nobody thinks of complaining. - Jef Raskin
REALITY (another dose)
None
None
None
MODES SUCK
None
Modals for Good : (
None
None
No Take Backsies
Take Bathroom Selfie?
Modal Alternative?
Popovers
Example
We learn by example and by direct experience because there
are real limits to the adequacy of verbal instruction. - Malcolm Gladwell
None
None
None
1.)Edit/POST
None
None
None
2.) Modals
None
Define Task APIs
None
3.) Popover
None
4.) Bring Features out of a Mode
None
None
None
4.) Quasimode (Drag & Drop)
sortable
None
None
5.) Undo
None
None
None
6.) Edit in Place
None
None
None
<span contenteditable="true">Description</span>
7.) UI Quasimode (Panel)
None
None
alistapart.com
None
None