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
110
BADUI探訪 / BADUI Exploration
北海道情報大学の講義「ビギナーズセミナー」の講義資料
yumulab
July 01, 2024
Tweet
Share
More Decks by yumulab
See All by yumulab
ASSADS:ASMR動画に合わせて撫でられる感覚を提示するシステムの開発と評価 / ec75-shimizu
yumulab
1
380
ウッドスタックチャン:木材を用いた小型エージェントロボットの開発と印象評価 / ec75-sato
yumulab
1
410
MGDSS:慣性式モーションキャプチャを用いたジェスチャによるドローンの操作 / ec75-yamauchi
yumulab
0
240
チャッドローン:LLMによる画像認識を用いた自律型ドローンシステムの開発と実験 / ec75-morisaki
yumulab
1
460
NOVVS:北海道情報大学図書館における滞在人数可視化システムの開発と検証 / i2025-minami
yumulab
0
86
CHaserWeb:ブラウザ上で動作する対戦型プログラミング学習環境の提案と評価 / i2025-inoue
yumulab
0
220
CARMUI-NET:自動運転車遠隔監視のためのバーチャル都市プラットフォームにおける通信品質変動機能の開発と評価 / UBI85
yumulab
0
250
待機電力を削減したネットワーク更新型電子ペーパーサイネージの研究開発 / UBISympo2025
yumulab
0
110
デジタルファブリケーションの未来を北海道・札幌から考える / SIAF School 2025
yumulab
0
110
Other Decks in Technology
See All in Technology
Lazy application authentication with Tailscale
bluehatbrit
0
110
OpenHands🤲にContributeしてみた
kotauchisunsun
1
500
Understanding_Thread_Tuning_for_Inference_Servers_of_Deep_Models.pdf
lycorptech_jp
PRO
0
150
【5分でわかる】セーフィー エンジニア向け会社紹介
safie_recruit
0
26k
mrubyと micro-ROSが繋ぐロボットの世界
kishima
2
380
事業成長の裏側:エンジニア組織と開発生産性の進化 / 20250703 Rinto Ikenoue
shift_evolve
PRO
1
450
生成AI開発案件におけるClineの業務活用事例とTips
shinya337
0
180
KubeCon + CloudNativeCon Japan 2025 に行ってきた! & containerd の新機能紹介
honahuku
0
120
CursorによるPMO業務の代替 / Automating PMO Tasks with Cursor
motoyoshi_kakaku
2
800
Tech-Verse 2025 Keynote
lycorptech_jp
PRO
0
1.3k
ハッカソン by 生成AIハッカソンvol.05
1ftseabass
PRO
0
140
Connect 100+を支える技術
kanyamaguc
0
150
Featured
See All Featured
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
How to Think Like a Performance Engineer
csswizardry
24
1.7k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
138
34k
Six Lessons from altMBA
skipperchong
28
3.9k
Writing Fast Ruby
sferik
628
62k
Building Adaptive Systems
keathley
43
2.6k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Code Reviewing Like a Champion
maltzj
524
40k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
2.9k
RailsConf 2023
tenderlove
30
1.1k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
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