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
No Modes – The Future of all Web Applications
Search
Andrew Cassell
May 22, 2014
Design
1
410
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
240
Immutability to save an ever-changing world
cassell
3
390
Introduction to Domain-Driven Design in PHP - ZendCon & OpenEnterprise 2018
cassell
3
620
Immutability to Save an Ever-Changing World - PHP Benelux 2018
cassell
1
450
Domain-driven Design in PHP - PHP Benelux 2018
cassell
1
150
php[world] 2017 Domain-Driven Design Workshop
cassell
1
250
Domain-Driven Design
cassell
2
800
No Modes – The Future of all Web Applications
cassell
2
95
Domain-Driven Design - True North PHP 2016
cassell
1
380
Other Decks in Design
See All in Design
実務のための マイクロ インタラクション入門
shingo2000
0
350
顧客体験を作るデザイナーが 意思決定速度を上げるために使うAI
cremacrema
2
400
デザインシステムで解消するさまざまな分断
hirataaa0220
1
170
Wishing Star Comic
torije
2
1.1k
デザインに関わる全ての人たちでエベレスト登頂を目指すために取り組んでいること
amishiratori
0
580
モデル・デザイン入門
akitsugu7935
0
460
全社を巻き込んだコーポレートバリューの再定義に関するデザイナーの関わり方
sugiyama_sukedachi
0
170
ポートフォリオ思考を通じたデザイナーキャリアの形成と未来への展望
recruitengineers
PRO
3
2.3k
採用広報大会議登壇スライド
teamlab
PRO
2
260
Métricas de UX - Reflexões sobre o uso de dados numéricos no contexto de UX
videlvequio
0
150
231129_FOSS4G-ASIA-2023_kato
hjmkth
1
300
Designing UIs without a UI designer
strongeron
0
110
Featured
See All Featured
Build The Right Thing And Hit Your Dates
maggiecrowley
23
2k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
658
120k
The Mythical Team-Month
searls
215
42k
Code Reviewing Like a Champion
maltzj
513
39k
Designing with Data
zakiwarfel
95
4.8k
Testing 201, or: Great Expectations
jmmastey
27
6.3k
RailsConf 2023
tenderlove
2
530
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
115
18k
YesSQL, Process and Tooling at Scale
rocio
163
13k
Building Better People: How to give real-time feedback that sticks.
wjessup
354
18k
Bash Introduction
62gerente
604
210k
Side Projects
sachag
451
41k
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