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
530
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
Immutability to Save an Ever-Changing World
cassell
0
49
Immutability to Save an Ever-Changing World
cassell
0
21
Domain-driven Design Workshop
cassell
1
270
Immutability to save an ever-changing world
cassell
3
520
Introduction to Domain-Driven Design in PHP - ZendCon & OpenEnterprise 2018
cassell
3
750
Immutability to Save an Ever-Changing World - PHP Benelux 2018
cassell
1
720
Domain-driven Design in PHP - PHP Benelux 2018
cassell
1
170
php[world] 2017 Domain-Driven Design Workshop
cassell
1
320
Domain-Driven Design
cassell
2
930
Other Decks in Design
See All in Design
【最新】マズロー安達の弟子実績(1期-4期の26人分)
maslow_akkun
0
1.4k
CMS管理画面のアクセシビリティ
magi1125
8
2.4k
Spectrum Tokyo_ デザイナーが事業責任者になってみた
shin_2
0
100
街・都市という眼差し。まちづくりにおける規範と実践
sakamon
0
120
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない?というお話
iflection
6
2k
Мышление дизайнера историями. Как текстовые модели человеческого поведения помогают проектировать
ashapiro
0
380
【30人中30人が3ヶ月平均180万収入アップ】マズロー安達の弟子、成功事例集
maslow_akkun
0
250
ブランドパーソナリティ言語化における生成AI活用の実際
h0sa
0
250
デザイナー向けフライル説明資料
toshiblues
0
100
デフォルトの16:9(960*540px)のケース / Google Slide Size Test
arthur1
0
3.2k
sachi_y_portfolio
sachi337
0
470
Design Studio Deck | インクルーシブデザインスタジオCULUUM
culumu
3
3.3k
Featured
See All Featured
Optimising Largest Contentful Paint
csswizardry
37
3.4k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
Intergalactic Javascript Robots from Outer Space
tanoku
272
27k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.9k
The Cost Of JavaScript in 2023
addyosmani
53
8.8k
Rails Girls Zürich Keynote
gr2m
95
14k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
10
1k
Embracing the Ebb and Flow
colly
86
4.8k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
126
53k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
110
20k
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