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.5k
Other Decks in Design
See All in Design
札幌の雪を観光資源に変える:デザインプログラムSESSAの挑戦
ittyann
0
260
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
1
210
プロジェクト内でデザイナーができること 日経電子版アプリ機能開発「For You」#nikkei_tech_talk
nikkei_engineer_recruiting
8
4k
How to get a Tiger to Tulsa
mcduckyart
0
110
誰もがAIエージェントを"操作"したがる〜AIエージェントに求められるUX〜
ikeyatsu
2
1.8k
デフォルトの16:9(960*540px)のケース / Google Slide Size Test
arthur1
0
2.9k
Haley's adventure chase
ivettetwin
0
240
エンジニアでも捗る デザイナー的思考入門
tinykitten
PRO
1
1.1k
NAHO SHIMONO_Portfolio2025
nahohphp
0
880
FigmaのFigmaファイルから学ぶTips & Tricks
hilokifigma
0
460
共通認識のためのユーザビリティテスト by AIエージェント - Accelerating Value Delivery
gakuoya
1
690
CMS管理画面のアクセシビリティ
magi1125
7
2.1k
Featured
See All Featured
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
GraphQLの誤解/rethinking-graphql
sonatard
71
11k
Making Projects Easy
brettharned
116
6.3k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
29
9.6k
Into the Great Unknown - MozCon
thekraken
40
1.9k
Art, The Web, and Tiny UX
lynnandtonic
299
21k
Music & Morning Musume
bryan
46
6.6k
Bash Introduction
62gerente
613
210k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
181
54k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
Making the Leap to Tech Lead
cromwellryan
134
9.4k
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ͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ