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
14k
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.4k
Other Decks in Design
See All in Design
pixel-art-skill-and-knowhow/ドット絵の経歴と知見
aokashi
0
220
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜 組織横断のデザインの 取り組みについて
sig
1
270
250131_product meetup
motokoishida
0
110
#yumemi_grow 読書シェア会 vol.1 - スコット・バークン著『デザインはどのように世界をつくるのか』
kaitou
1
110
クライアントワークにおける UXリサーチの実践
kozotaira
0
340
エンタメ業界からDX領域に飛び込んだデザイナーが今立ち向かっている壁とは / applibot-dx-designer
cyberagentdevelopers
PRO
1
200
Personal Story Sequence - Vendetta(WIP)
elrns88
0
410
ABEMAの進化 – 複雑化したコンテンツ構造とUI改善への道 – / abema-ui-improve
cyberagentdevelopers
PRO
2
580
ネットワークセキュリティ科 学科紹介
sklbj_unz
0
180
aya_murakami_portfolio
ayakaimi1101
0
1.2k
Illustrator2025がやってきた!私が好きな新機能
hamko1114
0
110
1年目のクリエイターがつくりあげた!採用冊子CANVAS制作の裏側 / creator-canvas
cyberagentdevelopers
PRO
1
530
Featured
See All Featured
A designer walks into a library…
pauljervisheath
205
24k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
2.1k
Why Our Code Smells
bkeepers
PRO
336
57k
Designing Experiences People Love
moore
140
23k
The Art of Programming - Codeland 2020
erikaheidi
53
13k
Building Applications with DynamoDB
mza
93
6.2k
Adopting Sorbet at Scale
ufuk
74
9.2k
Speed Design
sergeychernyshev
27
800
Fashionably flexible responsive web design (full day workshop)
malarkey
406
66k
Fireside Chat
paigeccino
34
3.2k
Designing for humans not robots
tammielis
250
25k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
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ͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ