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
noteの過去と、今と、これからのこと。
Search
sawa
March 13, 2018
Design
8
13k
noteの過去と、今と、これからのこと。
2018/03/13
UI Crunch #12 「伝える」を加速させる。書く、読むUI
株式会社piece of cake
デザイナー沢登達也
@sawamemo
sawa
March 13, 2018
Tweet
Share
More Decks by sawa
See All by sawa
noteのアクセシビリティ これまでのプロダクト・組織へのアプローチとこれからのこと
tatsuyasawanobori
1
1.1k
Other Decks in Design
See All in Design
マルチプロダクトの価値と開発をスケールさせる、パターンレベルのデザインシステム
fkady
1
460
Blender 4.1 で レッツ Vket Cloud!
kamera25
0
120
デザインテクノロジストが先導する プロダクト開発の世界
degudegu2510
1
370
デザイナー向け会社紹介資料/company-profile-designer
nextbeat
1
870
実案件でのFigmaデータの作り方
xxxkinu
2
230
ユーザーのためなら 『デザイン』 以外にも手を伸ばせる
navitimejapan
PRO
2
820
JBUG東京#22登壇資料_日頃クライアントワークを行っているディレクターが自社コーポレートサイトリニューアルを担当して学んだこと
webnaut
0
220
みてね デザイン組織の変遷とデザインマネージャーの振り返り
naoyawatanabe
3
660
デザインに関わる全ての人たちでエベレスト登頂を目指すために取り組んでいること
amishiratori
0
630
Métricas de UX - Reflexões sobre o uso de dados numéricos no contexto de UX
videlvequio
0
220
Desarrollo de Carrera en Diseño y Producto
solmesz1
2
190
データ活用に強い、伴走型デザインパートナー「DeC」紹介資料
hopin
0
210
Featured
See All Featured
Raft: Consensus for Rubyists
vanstee
133
6.3k
The Power of CSS Pseudo Elements
geoffreycrofte
62
5k
Docker and Python
trallard
35
2.7k
Why Our Code Smells
bkeepers
PRO
331
56k
Designing for humans not robots
tammielis
247
25k
The World Runs on Bad Software
bkeepers
PRO
61
6.7k
Typedesign – Prime Four
hannesfritz
36
2.1k
Designing with Data
zakiwarfel
96
4.8k
How GitHub Uses GitHub to Build GitHub
holman
468
290k
WebSockets: Embracing the real-time Web
robhawkes
59
7k
VelocityConf: Rendering Performance Case Studies
addyosmani
321
23k
Practical Orchestrator
shlominoach
183
9.7k
Transcript
UI Crunch #12 2018/03/13 OPUFͷ աڈͱɺ ࠓͱɺ ͜Ε͔Βͷ͜ͱɻ ొୡ
ొୡ @sawamemo α ϫ ϊ Ϙ Ϧ λ π
Ϡ גࣜձࣾQJFDFPGDBLFͷσβΠφʔɻ ܭͷडୗσβΠϯձࣾΛܦͯɺ ݄ʹೖࣾɻ OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ͡Ί·ͯ͠
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ʹ͍ͭͯ
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ͱ ۀͷϕϯνϟʔاۀ ैۀһ໊ ʢਖ਼ࣾһʣ ΄Ͳ ̎ͭͷϓϩμΫτΛӡӦ
ͱ OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ໊Ҏ্ͷΫϦΤΠλʔɺ ࣾҎ্ͷग़൛ࣾͱఏܞͯ͠ ίϯςϯπΛ৴͍ͯ͠Δɺ ϝσΟΞϓϥοτϑΥʔϜͰ͢ɻ ಡΉαʔϏε
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ͱ ݸਓ͕ࣗ༝ʹίϯςϯπΛ ࡞ͯ͠ɺ ϑΝϯͱͷίϛϡχ έʔγϣϯͰ͖Δίϯςϯπ৴ ϓϥοτϑΥʔϜͰ͢ɻ ಡΉ ɾ ॻ͘αʔϏε
ͱ ʹ͍ͭͯ ͓͍͖ͤͯͨͩ͞·͢ɻ ຊɺ OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ
OPUFʹ͍ͭͯ OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ OPUFͷาΈ αʔϏεϦϦʔε 2014/4 2017/10 2018/3 2014/10 J04BOESPJE൛ϦϦʔε ݱࡏ
ਂ͞Μ$90ब ͳΜ͔Μ͋Γ·ͯ͠
5)&(6*-%ͷਂ͞Μ͕ $90ͱͯ͠ब OPUFʹ͍ͭͯ OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ OPUFʹ͍ͭͯ ʑͷΧΠθϯΛ OPUFʹϙετ͍ͯ͠·͢
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ OPUFʹ͍ͭͯ 6*ͷΧΠθϯطʹɺ هࣄʹͳ͍ͬͯΔͷͰ 6*$SVODIԿͦ͏ OPUFͰ ॻ͍͍ͯΔ͠
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ OPUFʹ͍ͭͯ ݱࡏͷΧΠθϯهࣄͳͲʹ ·ͱΊΒΕ͍ͯΔ͕ɺաڈະདྷͷ ͋·Γͯ͠དྷͳ͔ͬͨɻ ࠓɺͦ͜Λ۷ΓԼ͍͖͛ͯ·͢ɻ
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ 01. 02. 03. ͡·ΓͷOPUF ݱࡏͷOPUF ͜Ε͔ΒͷOPUF BHFOEB
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ 01. ͡·ΓͷOPUF
͡·ΓͷOPUF OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ϦϦʔε࣌ͷOPUF 2014/04/07
͡·ΓͷOPUF ݱࡏ OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ͡·ΓͷOPUF ݕࡧΧςΰϦແ͘ɺશͯλΠ ϜϥΠϯʹू͞Ε͍ͯͨɻ λΠϜϥΠϯ্Ͱߘग़དྷͨҝɺ ॻ͘ͱಡΉΛγʔϜϨεʹߦ͑Δ Α͏ͳ6*ͩͬͨͱߟ͑ΒΕ·͢ɻ
͡·ΓͷOPUF OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ݱࡏ
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ͡·ΓͷOPUF λΠϜϥΠϯͱهࣄͷߦ͖དྷͷҝ ͷΔϘλϯଘࡏɻ λΠϜϥΠ ϯ͕࣠ʹͳ͍ͬͯΔࣄ͕Θ͔Δɻ ໌ேମ͕ΘΕ͓ͯΓɺࢴഔମ ͷಡΈ৺Λҙ͍ࣝͯ͠Δ͜ͱ͕ ͑Δɻ
ϦϦʔεϲ݄ ສ66 ϦϦʔε࣌ ͳ͔ͳ͔ྑ͍ײ͡ ʂ ʂ ʂ ͡·ΓͷOPUF OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ
͡·ΓͷOPUF ϦϦʔε͔ΒஸޙͷOPUF 2016/04/07 OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ
͡·ΓͷOPUF OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ
͡·ΓͷOPUF ͓͢͢Ί ɾ ΧςΰϦ͕૿͑λΠϜϥ ΠϯҎ֎ͷ͕࣠ग़དྷͨɻ ʢݟ͑ͯ ͍ͳ͍͕λάػೳ૿͍͑ͯΔʣ ৽ͨͳهࣄʹग़ձ͏ҝͷ6*ͩͬ ͨͱߟ͑ΒΕ·͢ɻ
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ
͡·ΓͷOPUF OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ͡·ΓͷOPUF λΠτϧͷαΠζ͕͑ΒΕɺ໌ ேମ͔ΒΰγοΫମʹɻߦؒए ׯ٧ΊΒΕ͍ͯΔɻ େ͖͍มԽແ͍͕ɺΧςΰϦ ͓͢͢Ίͷ͕࣠ੜ·Εͨҝɺ͍ͭ ͰυϩϫʔϝχϡʔʹΞΫηε ग़དྷɺ֤ϖʔδભҠՄೳʹɻ
͡·ΓͷOPUF OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ϦϦʔε͔Β མͪண͍ͯ͠·͍ͬͯͨ
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ͡·ΓͷOPUF ͜͜·Ͱ͕աڈͷOPUF
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ 02. ݱࡏͷOPUF
ݱࡏͷOPUF OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ࢪࡦΛͭʹྨ͍ͯ͠·͢ɻ ൃݟੑ ܧଓੑ ίϯςϯπύϫʔ
ൃݟੑ ݱࡏͷOPUF هࣄͷݟ͚ͭ͢͞ɺ୳͢͠͞ɺͳͲ ͷهࣄͷʹͳΔϙΠϯτΛΧΠθϯ͢ Δ͜ͱͰൃݟੑͷ্Λૂ͍·͢ɻ OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ɾ ߋ৽௨Λ૿͢ ɾ ͓͢͢ΊهࣄΛ͑Δ
ɾ FUD ྫ͑
ݱࡏͷOPUF OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ܧଓੑ OPUFΛ͏͜ͱͰͷϝϦοτΛ૿ͨ͠Γ ɺෆ۩߹ʹΑΔෆຬͳͲΛղফ͢Δ͜ͱͰ ܧଓੑͷ্Λૂ͍·͢ɻ ɾ هࣄΛಡΜͰΒ͑Δ ɾ ҙਤ௨Γʹಈ࡞͢Δ6*
ɾ FUD ྫ͑
ݱࡏͷOPUF OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ίϯςϯπύϫʔ OPUFͰॻ͔Εͨίϯςϯπͷ࣭ͷ্ ɺॻ͘͜ͱࣗମͷϋʔυϧΛԼ͛Δ͜ͱ Ͱɺίϯςϯπύϫʔͷ্Λૂ͍·͢ɻ ɾ εΩϧΞοϓࢪࡦ ɾ Πϕϯτͷ։࠵
ɾ FUD ྫ͑
ݱࡏͷOPUF λΠϜϥΠϯͷΧΠθϯ ൃݟੑ OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ
ݱࡏͷOPUF ϑΥϩʔϒʔελʔͷΧΠθϯ ൃݟੑ ܧଓੑ OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ݱࡏͷOPUF γΣΞϒʔελʔͷΧΠθϯ ൃݟੑ
ͦͷଞͨ͘͞Μ OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ݱࡏͷOPUF
ݱࡏͷOPUF ݱࡏ ͍ͯ͘͢͝͠·͢ɻ OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ 03. ͜Ε͔ΒͷOPUF
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ͦͦɺOPUFͬͯͳΜͩʁ ͜Ε͔ΒͷOPUF
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ͱ͍͏ॴ͔Βߟ͍͑ͯ͠·͢ɻ ͜Ε͔ΒͷOPUF ͦͦɺOPUFͬͯͳΜͩʁ
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ͜Ε͔ΒͷOPUF ͳ͔ͥʁ
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ͜Ε͔ΒͷOPUF αʔϏεΛӡӦ͍ͯ͠Δͱɺ ্ཱͪ͛ॳͱݱࡏͱͰɺ αʔϏεͷ͋Δ͖͕࢟΅͚͖ͯͯ͠·͏ɻ
OPUFΛ୳͢ϫʔΫγϣοϓ OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ͜Ε͔ΒͷOPUF
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ͜Ε͔ΒͷOPUF Ϗδϣϯ ϛογϣϯ ϓϩϛε λάϥΠϯ ͜ΜͳOPUFݏͩ OPUFͷੑ֨
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ͜Ε͔ΒͷOPUF νʔϜͷೝࣝΛ͑Δ͜ͱͰɺ அεϐʔυΛ্͛Δ Ϗδϣϯ ϛογϣϯ ϓϩϛε λάϥΠϯ ͜ΜͳOPUFݏͩ OPUFͷੑ֨
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ʹ͑͏ΔσβΠϯϧʔϧ ͜Ε͔ΒͷOPUF
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ͜Ε͔ΒͷOPUF σβΠφʔ ϲ݄ σβΠφʔ ϲ݄ Πϯλʔϯ ϲ݄ ύʔτφʔ ϲ݄
݄࣌ͷσβΠϯνʔϜ
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ͜Ε͔ΒͷOPUF σβΠφʔ ϲ݄ σβΠφʔ ϲ݄ Πϯλʔϯ ϲ݄ ύʔτφʔ ϲ݄
݄࣌ͷσβΠϯνʔϜ ͜Ε͔ΒͷOPUF σβΠϯγεςϜϧʔϧ͋Γ·ͤΜ ਏ͍
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ͜Ε͔ΒͷOPUF σβΠφʔ ϲ݄ σβΠφʔ ϲ݄ Πϯλʔϯ ϲ݄ ύʔτφʔ ϲ݄
݄࣌ͷσβΠϯνʔϜ ͜Ε͔ΒͷOPUF αʔϏεͷϑΣʔζʹΑͬͯ σβΠϯϧʔϧͷॏཁੑมΘΔɻ ͰࠓޙɺσβΠφʔ૿͍͑ͯ͘ ͍ͭΔͷ͔ɻࠓͰ͢Ͷ
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ͜Ε͔ΒͷOPUF খ࢝͘͞ΊΔΨΠυϥΠϯ GSPOUJGZΛར༻
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ͜Ε͔ΒͷOPUF খ࢝͘͞ΊΔΨΠυϥΠϯ GSPOUJGZΛར༻ σβΠϯΨΠυ ΠϯλϥΫγϣϯ Πϥετ ίʔσΟϯάΨΠυϥΠϯ Ξηοτͷཧ FUD
͜Ε͔ΒͷOPUF
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ͜Ε͔ΒͷOPUF খ࢝͘͞ΊΔΨΠυϥΠϯ GSPOUJGZΛར༻ σβΠϯΨΠυ ΠϯλϥΫγϣϯ Πϥετ ίʔσΟϯάΨΠυϥΠϯ Ξηοτͷཧ FUD
͜Ε͔ΒͷOPUF ࣭ͷҡ࣋ͱɺσβΠϯΛ σβΠφʔͷ͚ͩͷͷʹ͠ͳ͍
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ Ϣʔβʔͱͷڞ ͜Ε͔ΒͷOPUF
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ Α͋͘Δ։ൃελΠϧ ͜Ε͔ΒͷOPUF ։ൃνʔϜ ೦ೖΓͳ"#ςετ ೦ೖΓͳDMPTFEΠϯλϏϡʔ FUD ೦ೖΓͳԾઆݕূ
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ Α͋͘Δ։ൃελΠϧ ͜Ε͔ΒͷOPUF ։ൃνʔϜ ೦ೖΓͳ"#ςετ ೦ೖΓͳDMPTFEΠϯλϏϡʔ FUD ೦ೖΓͳԾઆݕূ OPUFνʔϜͷ߹ ͜Ε͔ΒͷOPUF
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ͜Ε͔ΒͷOPUF OPUFͷ։ൃελΠϧ ͬͱྑ͍ ํ๏͕͋Δ ։ൃνʔϜ Ϣʔβʔ ໌࠲ஊձΔΑ ͍͍Ͷ ͏ʔΜ
͜ΜͳͷͲ͏ ʁ ͋Εࠓ࡞ͬͯΔΑ શવμϝͳͷͰɺ ΞϨͱίϨΛ ͬͨ΄͏͕Α͘ͳ Εɺ࣮ॏ͍ͷͰ ͏গͬͯ͠Ͷ
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ͜Ε͔ΒͷOPUF OPUFͷ։ൃελΠϧ ͬͱྑ͍ ํ๏͕͋Δ ։ൃνʔϜ Ϣʔβʔ ໌࠲ஊձΔΑ ͍͍Ͷ ͏ʔΜ
͜ΜͳͷͲ͏ ʁ ͋Εࠓ࡞ͬͯΔΑ શવμϝͳͷͰɺ ΞϨͱίϨΛ ͬͨ΄͏͕Α͘ͳ Εɺ࣮ॏ͍ͷͰ ͏গͬͯ͠Ͷ ͜Ε͔ΒͷOPUF ݴͬͪΌ͏ελΠϧ ʢͪΖΜશͯͰ͋Γ·ͤΜ͕ʣ
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ͜Ε͔ΒͷOPUF OPUFͷ։ൃελΠϧ ͬͱྑ͍ ํ๏͕͋Δ ։ൃνʔϜ Ϣʔβʔ ໌࠲ஊձΔΑ ͍͍Ͷ ͏ʔΜ
͜ΜͳͷͲ͏ ʁ ͋Εࠓ࡞ͬͯΔΑ શવμϝͳͷͰɺ ΞϨͱίϨΛ ͬͨ΄͏͕Α͘ͳ Εɺ࣮ॏ͍ͷͰ ͏গͬͯ͠Ͷ ͳΔ͘Φʔϓϯʹ͠ɺ ΫϦΤΠλʔͱαʔϏεΛҭͯΔ ͜Ε͔ΒͷOPUF OPUF࠲ஊձ ΧΠθϯใࠂ 4/4OPUFͰϑΟʔυόοΫ
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ 01. 02. 03. ͡·ΓͷOPUF ϑΣʔζ ʹΑͬͯ ࠷ ద ͳ
6 *ม Խ ͖ͯͨ͠ɻ ͭ ͷ ج ४ Λ ݩ ʹ ߴ ͰΧΠθ ϯ Λ ਐΊ͍ͯΔɻ ઌ Λ ݟ ਾ ͑ͨ ࡞Γʹணख͠ɺΞΫ ηϧΛ౿Έࠐ͏ͱ ͍ͯ͠Δɻ ݱࡏͷOPUF ͜Ε͔ΒͷOPUF ·ͱΊ
OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ࠷ޙʹͳΓ·͕͢ɻ ·ͱΊ
OPUF αʔϏενʔϜΧΠθϯΛ Ҿ͖ଓ͖ਐΊ͍͖ͯ·͢ɻ ҰॹʹOPUFΛҭ͍͖͍ͯͯͨͱ ࢥ͍·͢ͷͰɺͲ͏ͧΑΖ͘͠ ͓ئ͍͍ͨ͠·͢ɻ OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ ·ͱΊ
5)"/,:06 ࠓޙͷOPUFʹ͝ظ͍ͩ͘͞ OPUFͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ