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.6k
Other Decks in Design
See All in Design
読書シェア会 vol.5 / Yumemi.grow 20250526
rakus_dev
0
1.7k
CursorでAI活用のナレッジベースを構築する
kanzaki
0
630
株式会社Muture_ソーシャル推進事業
muture
PRO
0
130
Crisp Code inc. ブランドガイドライン
so_kotani
1
200
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない?というお話
iflection
6
2k
decksh object reference
ajstarks
2
1.3k
保育AIプロダクトの UXデザインで考えてきたこと / hoiku-ai-ux-design
hiro93n
0
110
Portfolio 齋藤明敏 Hiroyuki Saito_守秘義務あり
crearedesign
0
270
「批評」を習慣にするための仕組みと場のデザイン/uxdesign202507
nikkei_engineer_recruiting
6
790
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
t_east
1
1.2k
事例で学ぶ!今日から使えるWebサービスUI改善ポイント
ncdc
0
230
AIで加速するアクセシビリティのこれから
magi1125
3
660
Featured
See All Featured
Visualization
eitanlees
147
16k
Imperfection Machines: The Place of Print at Facebook
scottboms
268
13k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.5k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
9
780
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.9k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3k
The World Runs on Bad Software
bkeepers
PRO
70
11k
Designing Experiences People Love
moore
142
24k
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ͷաڈͱɺࠓͱɺ͜Ε͔Βͷ͜ͱɻ