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
ggyy7788_設計
Search
ggyygo
June 11, 2014
Design
0
97
ggyy7788_設計
無模式 - 所有Web應用的未來
ggyygo
June 11, 2014
Tweet
Share
More Decks by ggyygo
See All by ggyygo
ggyy7788_技術
ggyygo
0
72
ggyy7788_程序設計
ggyygo
0
45
ggyy7788_程式設計
ggyygo
1
84
ggyy7788_業務
ggyygo
1
71
Other Decks in Design
See All in Design
デザインを誘発する「イネーブルメント」アプローチ #spectrumfest2023 / 20231203
minamitary
0
570
Wolf and the seven goatkids
_limex_
PRO
0
420
スタートアップ創業時の CXOのお仕事
tsuyoshika
0
1.5k
デザインに関わる全ての人たちでエベレスト登頂を目指すために取り組んでいること
amishiratori
0
580
noteのアクセシビリティ これまでのプロダクト・組織へのアプローチとこれからのこと
tatsuyasawanobori
1
1k
他人事じゃないWebアクセシビリティ入門
arihiro17
0
170
Portfolio 2023.07.28
helemarudesu
0
570
LT:11年前の「ここにいる」の話 #fukuoka_a11yconf_前夜祭
garyuten
1
110
豊かな自然を守るための、 クラフトビール造りのプロジェクトとデザイン
kazuakiebe
0
450
共創のための地域基盤としての非公式組織の形成 / Informal community as an infrastructure for co-creation
fumiyaakasaka
2
220
あらゆる場面でデザインを駆使するための技術 / Techniques for Applying Design in Any Situation
akiramotomura
4
2.1k
Ride or Die Animatics
warwatkar
0
140
Featured
See All Featured
Bash Introduction
62gerente
604
210k
4 Signs Your Business is Dying
shpigford
175
21k
Writing Fast Ruby
sferik
620
60k
Fantastic passwords and where to find them - at NoRuKo
philnash
36
2.5k
Intergalactic Javascript Robots from Outer Space
tanoku
266
26k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
501
140k
The Cult of Friendly URLs
andyhume
74
5.7k
Building Applications with DynamoDB
mza
88
5.6k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
15
1.4k
Ruby is Unlike a Banana
tanoku
96
10k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
226
51k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
20
1.6k
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