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
390
ウッドスタックチャン:木材を用いた小型エージェントロボットの開発と印象評価 / ec75-sato
yumulab
1
420
MGDSS:慣性式モーションキャプチャを用いたジェスチャによるドローンの操作 / ec75-yamauchi
yumulab
0
250
チャッドローン:LLMによる画像認識を用いた自律型ドローンシステムの開発と実験 / ec75-morisaki
yumulab
1
470
NOVVS:北海道情報大学図書館における滞在人数可視化システムの開発と検証 / i2025-minami
yumulab
0
87
CHaserWeb:ブラウザ上で動作する対戦型プログラミング学習環境の提案と評価 / i2025-inoue
yumulab
0
230
CARMUI-NET:自動運転車遠隔監視のためのバーチャル都市プラットフォームにおける通信品質変動機能の開発と評価 / UBI85
yumulab
0
250
待機電力を削減したネットワーク更新型電子ペーパーサイネージの研究開発 / UBISympo2025
yumulab
0
110
デジタルファブリケーションの未来を北海道・札幌から考える / SIAF School 2025
yumulab
0
110
Other Decks in Technology
See All in Technology
「クラウドコスト絶対削減」を支える技術—FinOpsを超えた徹底的なクラウドコスト削減の実践論
delta_tech
4
110
KiCadでPad on Viaの基板作ってみた
iotengineer22
0
260
Tech-Verse 2025 Keynote
lycorptech_jp
PRO
0
1.6k
マネジメントって難しい、けどおもしろい / Management is tough, but fun! #em_findy
ar_tama
3
410
2025-07-06 QGIS初級ハンズオン「はじめてのQGIS」
kou_kita
0
130
MUITにおける開発プロセスモダナイズの取り組みと開発生産性可視化の取り組みについて / Modernize the Development Process and Visualize Development Productivity at MUIT
muit
1
11k
「良さそう」と「とても良い」の間には 「良さそうだがホンマか」がたくさんある / 2025.07.01 LLM品質Night
smiyawaki0820
1
480
ドメイン特化なCLIPモデルとデータセットの紹介
tattaka
2
550
さくらのIaaS基盤のモニタリングとOpenTelemetry/OSC Hokkaido 2025
fujiwara3
2
300
AI導入の理想と現実~コストと浸透〜
oprstchn
0
180
Flutter向けPDFビューア、pdfrxのpdfium WASM対応について
espresso3389
0
120
Fabric + Databricks 2025.6 の最新情報ピックアップ
ryomaru0825
1
160
Featured
See All Featured
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
48
5.4k
We Have a Design System, Now What?
morganepeng
53
7.7k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
Done Done
chrislema
184
16k
The Straight Up "How To Draw Better" Workshop
denniskardys
234
140k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
130
19k
The Language of Interfaces
destraynor
158
25k
Statistics for Hackers
jakevdp
799
220k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.7k
Producing Creativity
orderedlist
PRO
346
40k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
500
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
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