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
BADUI探訪 / BADUI Exploration
Search
yumulab
July 01, 2024
Technology
0
26
BADUI探訪 / BADUI Exploration
北海道情報大学の講義「ビギナーズセミナー」の講義資料
yumulab
July 01, 2024
Tweet
Share
More Decks by yumulab
See All by yumulab
湯村研究室の紹介2024 / yumulab2024
yumulab
0
220
情報の世界 2024年度 第12回「個人のデータ」 #情報の世界 / Data of Individual 2024
yumulab
0
88
情報の世界 2024年度 第11回「都市のデータ」 #情報の世界 / Data of City 2024
yumulab
0
140
情報の世界 2024年度 第10回「データとセンシングの概要」 #情報の世界 / Data and Sensing 2024
yumulab
0
230
情報メディア入門I 2024 ヒューマンコンピュータインタラクション / IM1-2024
yumulab
0
87
情報メディア学I 2024年度 「インタフェース×AI」 / Interface x AI 2024
yumulab
1
71
サウナでのプロジェクションマッピングの可能性の検討 / EC71koizumi
yumulab
0
800
眠眠ガチャ:ガチャを活用した睡眠意欲向上アプリの開発 / EC71inui
yumulab
1
790
待機電力を削減したネットワーク更新型電子ペーパーサイネージの開発と評価 / IOT64
yumulab
0
410
Other Decks in Technology
See All in Technology
Databricksワークショップ - 生成AIとDWH
taka_aki
2
4.5k
dbt-coreで実現するCore DataMartsのデータモデリング〜dbt編〜 / Core DataMarts Modeling with dbt-core
i125
3
1k
生成AIの活用パターンと継続的評価
asei
10
1.3k
TinyMLの技術動向
kyotomon
2
230
Hotwire光の道とStimulus
nay3
5
2k
サイロ化した金融システムを、packwerk を利用して無事故でリファクタリングした話
coincheck_recruit
3
2.6k
【LT】ソフトウェア産業は進化しているのか? -Javaの想い出とともに- #jjug_ccc
takabow
0
140
「最高のチューニング」をしないために / hack@delta 24.10
fujiwara3
7
1.2k
VPoE Meetup Vol.1 VPoEとして実践してきたことと反省点
coconala_engineer
3
240
顧客が本当に必要だったもの - パフォーマンス改善編 / Make what is needed
soudai
14
2.3k
WHOLENESS, REPAIRING, AND TO HAVE FUN: 全体性、修復、そして楽しむこと
snoozer05
PRO
2
2.9k
KMPプロジェクトでマニュアルDIを使う選択
rmakiyama
0
120
Featured
See All Featured
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
25
1.8k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
246
1.3M
What's in a price? How to price your products and services
michaelherold
243
11k
jQuery: Nuts, Bolts and Bling
dougneiner
61
7.5k
A Modern Web Designer's Workflow
chriscoyier
692
190k
The Cult of Friendly URLs
andyhume
78
6k
BBQ
matthewcrist
85
9.3k
The Cost Of JavaScript in 2023
addyosmani
45
6k
Statistics for Hackers
jakevdp
796
220k
Designing the Hi-DPI Web
ddemaree
280
34k
Building Applications with DynamoDB
mza
90
6k
Bash Introduction
62gerente
608
210k
Transcript
౬ଜ ཌྷ BADUI探訪 @yumu19 / @yumulab
[email protected]
ϏΪφʔζηϛφʔ
自己紹介 • ౬ଜ ཌྷ (ΏΉΒ ͭ͞) @yumu19 / @yumulab •
ใϝσΟΞֶՊ ।ڭत (2021/04ʙ) • ઐใՊֶɺಛʹΠϯλϑΣʔεɺηϯγϯάɺIoTɺVRɺωοτϫʔΫ • ܦྺ • ࡳຈ։ߴֶߍ ଔۀ • ւಓେֶ ཧֶ෦ ٿՊֶՊ ଔۀ • ౦ژେֶେֶӃ ཧֶܥݚڀՊ ٿՊֶઐ߈ म࢜՝ఔ • ઌՊֶٕज़େֶӃେֶ ใՊֶݚڀՊ ใՊֶઐ߈ ത࢜՝ఔ • 2008-2011 גࣜձࣾ౦ࣳʢωοτϫʔΫՈిͷݚڀ։ൃͳͲʣ • 2011-2013 ΫδοτגࣜձࣾʢଌҐΞϓϦɺΠϯλϥΫςΟϒలࣔͷ։ൃɾPMͳͲʣ • 2013-2014 ϑϦʔϥϯεΤϯδχΞɾ߹ಉձࣾPhysVis දࣾһCEOʢiOSΞϓϦέʔγϣϯͷडୗ։ൃͳͲʣ • 2015-2021 ࠃཱݚڀ։ൃ๏ਓใ௨৴ݚڀػߏʢωοτϫʔΫςετϕουɺແઢωοτϫʔΫΤϛϡϨʔλͷݚڀͳͲʣ 2
BADUI • BADUI (Bad User Interface)ɿϢʔβΠϯλϑΣʔεͷࣦഊࣄྫ 3 ʮηϒϯΧϑΣʯͷྫͷ݅݁ہԿͩͬͨͷ͔ɺʹ͍ͭͯߟ͍͑ͨ - MGAελοϑϒϩάMGAελοϑϒϩά
- גࣜձࣾϚοΫάϥϑΟοΫΞʔπ https://moha.linica.jp/blog/archives/6274 ηϒϯΠϨϒϯͷίʔώʔϚγϯUIɻʛՃ౻խҰʢTEXFARM INC.ʣ https://note.com/masakazukato/n/nc1c757b30e87
BADUI 4
BADUI 5
BADUI 6
スケジュール • BADUI୳๚ (30) • POLITEʹΞοϓϩʔυ • ;Γ͔͑ΓɿपΓͷਓͱσΟεΧογϣϯ 7
BADUI探訪 • ͍·͔Β30ؒɺେֶͰBADUIΛ୳͖͍ͯͯͩ͘͠͞ • BADUIΛݟ͚ͭͨΒεϚϗͰࣸਅΛࡱ͖͍ͬͯͯͩ͘͞📷 • ಛʹؾʹͳͬͨਪ͠BADUIΛɺࣸਅͱ؆୯ͳղઆจΛఴ͑ͯ POLITEʹΞοϓϩʔυ͍ͯͩ͘͠͞ • πΠʔτͯ͠Α͍ਓɺϋογϡλά
#BADUI Ͱߘʂ • 1ਓͰ୳͠ʹߦͬͯάϧʔϓͰ୳͠ʹߦͬͯOK • ଞͷतۀͷ໎ʹͳΒͳ͍Α͏ʹҙʂ • ՙஔ͍͓͍ͯͯOK (ࡒɾεϚϗࣗͰཧ) 8
デザインの4原則 • ۙ • ྻ • ڧऑ • ෮ 9
近接 • ۙ͘ʹ͋Δใؔ࿈͕͋Δ 10
整列 • ஔʹҰମੑΛ࣋ͨͤͯ৫Խ͢Δ • ἧ͍ͬͯͳ͍ͱɺݟͮΒ͍͚ͩͰͳ͘ɺ༨ܭͳҙຯΛݟग़ͦ͏ͱͤͯ͞͠·͏ 11
強弱 • ॏཁͳใͷ৭ɺஔɺେ͖͞ͳͲΛม͑ͯҧ͍Λ໌֬ʹ͢Δ 12
反復 • ࢹ֮తཁૉΛ܁Γฦ͢͜ͱͰҰମײΛڧԽࠞ͠ཚΛݮΒ͢ 13
アフォーダンスとシグニファイア • ΞϑΥʔμϯεɿରͱਓؒͷؒͷΠϯλϥΫγϣϯͷؔ • γάχϑΝΠΞɿରͱਓؒͱͷؒͷΠϯλϥΫγϣϯͷՄ ೳੑΛࣔࠦ͢Δख͕͔Γಛ 14 ۩ମྫ͔Βߟ͑ΔΞϑΥʔμϯεͱγάχϑΝΠΞͷҧ͍ʛηϒϯσοΫε https://sevendex.com/post/6841/
アフォーダンスとシグニファイア 15
参考文献 16 ʰϊϯσβΠφʔζɾσβΠϯϒοΫʱ https://book.mynavi.jp/nddb/ ʰࣦഊ͔ΒֶͿϢʔβΠϯλϑΣʔε ੈքBADUIʢόουɾϢʔΞΠʣͰ͋;Ε͍ͯΔʱ https://gihyo.jp/book/2015/978-4-7741-7064-0 ʰ৽͍͠ώϡʔϚϯίϯϐϡʔλΠϯλϥΫγϣϯͷ ڭՊॻɹجૅ͔Β࣮ફ·Ͱʱ https://bookclub.kodansha.co.jp/product?
item=0000275998