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
Designing on the Z-Axis
Search
Wren Lanier
September 19, 2014
Design
2
590
Designing on the Z-Axis
Wren Lanier
September 19, 2014
Tweet
Share
More Decks by Wren Lanier
See All by Wren Lanier
Developing a Lean UX Practice
heywren
0
56
Secret Sauce: Designing on the Z-Axis (ConvergeFL 2013)
heywren
0
150
Designing Immersive Mobile Experiences - ConvergeSE 2013
heywren
0
270
Other Decks in Design
See All in Design
クライアントワークにおける UXリサーチの実践
kozotaira
0
670
Hatena Engineer Seminar #33 チームと開発するためのモック
takuwolog
0
290
Hybrid NW Infra Design Review: Classic Pattern including Outposts & Route 53 Profile
ichichi
2
660
LLMによるRAG評価用合成テストデータの生成
licux
6
1.1k
「描く」という衝動に立ち返る〜Figma Drawがひらく思考のかたち〜
transit_kix
1
830
本当に欲しかったのはモノレポツールではなく、tsconfigの設定だった / monorepo-tsconfig
rdlabo
1
150
ビジネスアナリシスはビジネス”分析”じゃないよ!~システム人材が価値を生むための基盤スキルとしてのビジネスアナリシス~
bpstudy
0
460
パンくずリストかわいい(breadcrumb so cute)
ysuda
0
270
サービスデザインにおける、 映像活用の可能性(Spectrum Tokyo Meetup #18)
ka71
0
110
タイミーでフィールドワークしたら、サービスデザインが始まった
kenichiota0711
1
1.6k
プロジェクト内でデザイナーができること 日経電子版アプリ機能開発「For You」#nikkei_tech_talk
nikkei_engineer_recruiting
8
3.8k
250131_product meetup
motokoishida
0
200
Featured
See All Featured
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
2.8k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
A designer walks into a library…
pauljervisheath
206
24k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
228
22k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
Testing 201, or: Great Expectations
jmmastey
42
7.5k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
We Have a Design System, Now What?
morganepeng
52
7.6k
How GitHub (no longer) Works
holman
314
140k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
35
2.3k
How STYLIGHT went responsive
nonsquared
100
5.6k
Transcript
DESIGNING WREN LANIER ON THE Z-AXIS @heywren
None
omg
None
photo credit:
We’re not designing pages, we’re designing systems of components. —Stephen
Hay “ ”
None
LAYERS
TRANSITIONS
None
LAYERS Everything in its place
X photo credit:
photo credit:
None
None
None
None
None
None
None
None
None
None
photo credit: Each layer should have a purpose
photo credit: Layers should reflect information hierarchy—most important on
top
photo credit: Don’t forget layers can move independently in
space or time
TRANSITIONS Connect layers together
photo credit:
None
Soften moments of change Describe where you are now Provide
context cues
None
None
None
None
None
None
None
None
photo credit: Don’t make users brains do “in-betweening”
photo credit: Use transitions to teach app behavior
photo credit: Subtle motions are often the most powerful
Awesome library of mobile transitions CAPPTIVATE.CO
Prototype before you build A few tools you might find
useful
None
InVision App SOURCE
thoughtbrain.com SOURCE
+
image credit:
None
Why does the z-axis matter? It points the way towards
the future
None
The future isn’t flat
http://wrenlanier.com @heywren Questions?