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
65
BADUI探訪 / BADUI Exploration
北海道情報大学の講義「ビギナーズセミナー」の講義資料
yumulab
July 01, 2024
Tweet
Share
More Decks by yumulab
See All by yumulab
デジタルファブリケーションの未来を北海道・札幌から考える / SIAF School 2025
yumulab
0
62
入浴時に映像が投影される一人用足湯システムの開発と運用 / ipsjhokkaido2024
yumulab
0
70
NNEPS: Network-Updated E-Paper Signage with Reduced Standby Power Consumption (Poster)
yumulab
0
61
NNEPS: Network-Updated E-Paper Signage with Reduced Standby Power Consumption (Slide)
yumulab
0
9
Shoe Recognition Model with Floor Pressure Sensors (Poster)
yumulab
0
39
Shoe Recognition Model with Floor Pressure Sensors (Slide)
yumulab
0
4
湯村研究室の紹介2024 / yumulab2024
yumulab
0
380
Practices of Research and Education using Digital Fabrication Technologies
yumulab
0
33
Utilization of Fabrication Technology for Prototyping and Creation
yumulab
0
34
Other Decks in Technology
See All in Technology
「海外登壇」という 選択肢を与えるために 〜Gophers EX
logica0419
0
850
転生CISOサバイバル・ガイド / CISO Career Transition Survival Guide
kanny
3
1k
一度 Expo の採用を断念したけど、 再度 Expo の導入を検討している話
ichiki1023
1
190
偶然 × 行動で人生の可能性を広げよう / Serendipity × Action: Discover Your Possibilities
ar_tama
1
1.3k
人はなぜISUCONに夢中になるのか
kakehashi
PRO
6
1.7k
(機械学習システムでも) SLO から始める信頼性構築 - ゆる SRE#9 2025/02/21
daigo0927
0
180
君も受託系GISエンジニアにならないか
sudataka
2
450
2025-02-21 ゆるSRE勉強会 Enhancing SRE Using AI
yoshiiryo1
1
410
PHPカンファレンス名古屋-テックリードの経験から学んだ設計の教訓
hayatokudou
2
470
AI エージェント開発を支える MaaS としての Azure AI Foundry
ryohtaka
6
610
深層学習と古典的画像アルゴリズムを組み合わせた類似画像検索内製化
shutotakahashi
0
180
RECRUIT TECH CONFERENCE 2025 プレイベント【高橋】
recruitengineers
PRO
0
170
Featured
See All Featured
Intergalactic Javascript Robots from Outer Space
tanoku
270
27k
Automating Front-end Workflow
addyosmani
1368
200k
The Invisible Side of Design
smashingmag
299
50k
BBQ
matthewcrist
87
9.5k
Scaling GitHub
holman
459
140k
Designing on Purpose - Digital PM Summit 2013
jponch
117
7.1k
The Language of Interfaces
destraynor
156
24k
What’s in a name? Adding method to the madness
productmarketing
PRO
22
3.3k
Building Adaptive Systems
keathley
40
2.4k
Testing 201, or: Great Expectations
jmmastey
42
7.2k
4 Signs Your Business is Dying
shpigford
182
22k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
7k
Transcript
౬ଜ ཌྷ BADUI探訪 @yumu19 / @yumulab yumura@do-johodai.ac.jp ϏΪφʔζηϛφʔ
自己紹介 • ౬ଜ ཌྷ (ΏΉΒ ͭ͞) @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