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
liabilities_of_ux
Search
mackymakiosh
June 22, 2017
0
49
liabilities_of_ux
mackymakiosh
June 22, 2017
Tweet
Share
More Decks by mackymakiosh
See All by mackymakiosh
ux_husai
mackymakiosh
0
3.8k
invision
mackymakiosh
0
110
BEM
mackymakiosh
0
130
hooked_on_slack
mackymakiosh
2
1.2k
design_sprint_makuake
mackymakiosh
0
81
study_of_ sketch
mackymakiosh
1
86
young_donuts_intro
mackymakiosh
0
120
ganbaru_lunch
mackymakiosh
1
55
Introduction to DESIGN SPRINT
mackymakiosh
1
540
Featured
See All Featured
Designing Experiences People Love
moore
142
24k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
657
60k
Documentation Writing (for coders)
carmenintech
72
4.9k
Scaling GitHub
holman
459
140k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
331
22k
How STYLIGHT went responsive
nonsquared
100
5.6k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.5k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
181
53k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
130
19k
The Pragmatic Product Professional
lauravandoore
35
6.7k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
5
230
Transcript
Makino Shu 6.20. ʹ ཱ ͪ ͔ ͏ ɻ
MAKUAKE UI DESIGNER MAKINO SHU
Makino Shu 6.20. MAKUAKE UI DESIGNER MAKINO SHU Ұ ݟ
ฏ ʹ ݟ ͑ Δ . B L V B L F Ԧ ࠃ
Ұ ݟ ฏ ʹ ݟ ͑ Δ . B
L V B L F Ԧ ࠃ ͠ ͔ ͠ ͦ ͜ ʹ
Ұ ݟ ฏ ʹ ݟ ͑ Δ . B
L V B L F Ԧ ࠃ ͠ ͔ ͠ ͦ ͜ ʹ ઃ ཱ ʹ Δ 6 9 త ෛ ࠴ ͕ ੵ ͬͯ ͍ ͨ
ঢ় گ Λ ݟ ݉ Ͷ ͨ Ұ ਓ ͷ
༐ ऀ ͕ ཱ ͪ ্ ͕ Δ ʜ
Makino Shu 6.20. M A K I N O S
H U MAKUAKE UI DESIGNER MAKINO SHU ༐ ऀ հ 6 * σ β Π ϯ ༷ ࡞ ϑ ϩ ϯ τ σ β Π φ ʔ
Makino Shu 6.20. MAKUAKE UI DESIGNER MAKINO SHU ٕ ज़
త ෛ ࠴
6 9 ٕ ज़ త ෛ ࠴
6 9 త ෛ ࠴ ׆ ಈ Ϩ ϙ ʔ
τ ϖ ʔ δ
׆ ಈ Ϩ ϙ ʔ τ ϖ ʔ δ Ϧ
χ ϡ ʔ Ξ ϧ 6 9 ෛ ࠴ ղ ফ ͷ ࣄ ྫ ҙ ࣝ ͠ ͨ ͜ ͱ
Makino Shu 6.20. ࣮ ߦ ऀ ࢧ ԉ ऀ ࢧ
ԉ ཉ ͠ ͍ ʂ ࢧ ԉ ͢ Δ ͔ Β ࡞ ͬ ͯ ʂ ߴ Ի ࣭ ͳ Π Ϡ ϗ ϯ Λ ࡞ Γ · ͢
Makino Shu 6.20. ͏ ؒ ແ ͘ ൃ
ૹ Ͱ ͖ · ͢ ʂ ϓ ϩ τ λ Π ϓ ͕ ͠ · ͠ ͨ ʂ ࣮ ߦ ऀ 1 3 0 + & $ 5 ͷ ਐ ใ ࠂ ػ ೳ ׆ ಈ Ϩ ϙ ʔ τ ˣ
Makino Shu 6.20.
Makino Shu 6.20.
Makino Shu ׆ ಈ Ϩ ϙ ʔ τ ͷ Ϗ
δ ω ε త ॏ ཁ ੑ ׆ Ϩ ϙ ϝ ʔ ϧ ௨ ճ ༡ ߪ ೖ Ϣ ʔ β ʔ ݺ ͼ ͠
Makino Shu 6.20. ׆ ಈ Ϩ ϙ ʔ τ ϖ
ʔ δ Ϧ χ ϡ ʔ Ξ ϧ
׆ Ϩ ϙ Ϧ
χ ϡ ʔ Ξ ϧ લ
ෛ ࠴ ̍ ׆ ಈ Ϩ ϙ
ʔ τ ͱ Ԡ ԉ ί ϝ ϯ τ ͕ ಉ ͡ λ ϒ ʹ Γ ্ ͕ Γ Θ Δ ͷ ͷ ɺ ɺ
ෛ ࠴ ̍ ׆ ಈ Ϩ ϙ
ʔ τ ͱ Ԡ ԉ ί ϝ ϯ τ ͕ ಉ ͡ λ ϒ ʹ Ͳ Ε ͕ ׆ ಈ Ϩ ϙ ʔ τ ͳ ͷ ͔ Θ ͔ Β ͳ ͍
Α Γ ಡ Έ ʹ ద ͠ ͨ ݟ
ͨ ʹ Ͱ ͖ Δ ʁ Ϟ ʔ μ ϧ ల ։ ʹ ϫ ϯ Ϋ Ϧ ο Ϋ ඞ ཁ ෛ ࠴ ࢧ ԉ ऀ ͷ Ԡ ԉ ί ϝ ϯ τ ͱ ಉ ͡ ݟ ͨ
ෛ ࠴ ͕ ੜ · Ε ͨ ܦ Ң ϩ
ʔ ϯ ν ؒ ۙ Ͱ Ϧ Ϧ ʔ ε Λ ٸ ͍ Ͱ ͍ ͨ ϩ ʔ ϯ ν લ Ͳ ͷ Α ͏ ͳ ί ϯ ς ϯ π ͕ དྷ Δ ͔ Θ ͔ Β ͳ ͍ ํ ͳ ͍ ! ί ϛ ϡ χ ς Ο ػ ೳ Ϧ Ϧ ʔ ε ͠ ͳ ͍ ͱ Ͳ ͷ Α ͏ ͳ ߘ ͕ ͘ Δ ͔ Θ ͔ Β ͳ ͍
Makino Shu 6.20. վ ળ
Makino Shu 6.20. ࣄ લ Ϧ α ʔ ν ˔
ί ϯ ς ϯ π จ ࣈ ͕ ͘ ಡ Έ จ ࣈ ʮ ൃ ૹ ͷ ͓ Β ͤ ʯ ˓ ˓ ൃ ૹ ͷ ͓ Β ͤ ˓ ˓ ˔ λ Π τ ϧ Λ ࣗ લ Ͱ ͭ ͚ ͯ ͍ Δ ਓ ͕ ଟ ͍
Makino Shu 6.20. վ ળ λ ϒ ͷ
அ ί ϯ ς ϯ π Λ ݟ ͢ ͘ ͢ Δ ࣮ ߦ ऀ ࢧ ԉ ऀ
Makino Shu 6.20. վ ળ ߘ 6
* Λ # - 0 ( د Γ ʹ . 0 % " - Λ ։ ͘ Ξ Ϋ γ ϣ ϯ Λ ݮ Β ͠ ɺ ू த ͠ ͯ ಡ Έ ͢ ͘ ʜ ͬ ͱ ݟ Δ
Makino Shu 6.20. վ ળ ߘ ʹ
λ Π τ ϧ Λ Ճ ΄ ΅ શ һ ͕ ͏ ػ ೳ ʹ ͳ Γ · ͠ ͨ
Makino Shu 6.20. վ ળ ߘ Լ
෦ ʹ ί ϝ ϯ τ ཝ Γ ্ ͕ Γ ײ Λ ͠ ͯ ί ϛ ϡ χ έ ʔ γ ϣ ϯ ͠ ͢ ͘
Makino Shu 6.20. ϕ ʔ ε ' B D
F C P P L ͷ 6 * େ ن ϓ ϥ ο τ ϑ Υ ʔ Ϝ ͷ ܗ ࣜ ʹ ଇ ͬ ͨ ํ ͕ Ϣ ʔ β ʔ ʹ ཧ ղ ͞ Ε ͢ ͍
6.20. R e a c t + R e d
u x % 0 . ૢ ࡞ ଟ ͢ ͗ ঢ় ଶ ཧ ͳ ʹ ͦ Ε ͓ ͍ ͠ ͍ ͷ ʁ ι ʔ ε ͷ Խ K 2 V F S Z ͭ Β ͍
Makino Shu 6.20. վ ળ ϑ ϩ ʔ ᶃ ՝
ɾ χ ʔ ζ Ѳ ᶄ ࢪ ࡦ ʹ མ ͱ ͠ ࠐ Έ ͢ Ͱ ʹ ಈ ͍ ͯ ͍ Δ ػ ೳ ͩ ͬ ͨ ͷ Ͱ ɺ Ϣ ʔ β ʔ ͷ ߘ Λ ؍ ͠ ͨ
Makino Shu 6.20. ෛ ࠴ ղ ফ Ͱ ࣄ લ
४ උ େ ࣄ ࣄ લ ४ උ ͳ ͠ ͩ ͱ · ͨ ෛ ࠴ Λ ੜ Μ Ͱ ͠ · ͏ ͔ ɺ ɺ
Makino Shu 6.20. ॳ ظ උ Ͱ ϥε Ϙ
ε ʹ Ή ਓ ͍ ͳ ͍
Makino Shu 6.20. ࣄ લ ४ උ େ ࣄ
Makino Shu 6.20. 5 ) " / , :0
6