Slide 1

Slide 1 text

౬ଜ ཌྷ BADUI探訪 @yumu19 / @yumulab [email protected] ϏΪφʔζηϛφʔ

Slide 2

Slide 2 text

自己紹介 • ౬ଜ ཌྷ (ΏΉΒ ͭ͹͞) @yumu19 / @yumulab • ৘ใϝσΟΞֶՊ ।ڭत (2021/04ʙ) • ઐ໳͸৘ใՊֶɺಛʹΠϯλϑΣʔεɺηϯγϯάɺIoTɺVRɺωοτϫʔΫ౳ • ܦྺ • ࡳຈ։੒ߴ౳ֶߍ ଔۀ • ๺ւಓେֶ ཧֶ෦ ஍ٿՊֶՊ ଔۀ • ౦ژେֶେֶӃ ཧֶܥݚڀՊ ஍ٿ࿭੕Պֶઐ߈ म࢜՝ఔ • ๺཮ઌ୺Պֶٕज़େֶӃେֶ ৘ใՊֶݚڀՊ ৘ใՊֶઐ߈ ത࢜՝ఔ • 2008-2011 גࣜձࣾ౦ࣳʢωοτϫʔΫՈిͷݚڀ։ൃͳͲʣ • 2011-2013 Ϋ΢δοτגࣜձࣾʢ԰಺ଌҐΞϓϦɺΠϯλϥΫςΟϒలࣔͷ։ൃɾPMͳͲʣ • 2013-2014 ϑϦʔϥϯεΤϯδχΞɾ߹ಉձࣾPhysVis ୅දࣾһCEOʢiOSΞϓϦέʔγϣϯͷडୗ։ൃͳͲʣ • 2015-2021 ࠃཱݚڀ։ൃ๏ਓ৘ใ௨৴ݚڀػߏʢωοτϫʔΫςετϕουɺແઢωοτϫʔΫΤϛϡϨʔλͷݚڀͳͲʣ 2

Slide 3

Slide 3 text

BADUI • BADUI (Bad User Interface)ɿϢʔβΠϯλϑΣʔεͷࣦഊࣄྫ 3 ʮηϒϯΧϑΣʯͷྫͷ݅͸݁ہԿͩͬͨͷ͔ɺʹ͍ͭͯߟ͍͑ͨ - MGAελοϑϒϩάMGAελοϑϒϩά - גࣜձࣾϚοΫάϥϑΟοΫΞʔπ https://moha.linica.jp/blog/archives/6274 ηϒϯΠϨϒϯͷίʔώʔϚγϯUI໰୊ɻʛՃ౻խҰʢTEXFARM INC.ʣ https://note.com/masakazukato/n/nc1c757b30e87

Slide 4

Slide 4 text

BADUI 4

Slide 5

Slide 5 text

BADUI 5

Slide 6

Slide 6 text

BADUI 6

Slide 7

Slide 7 text

スケジュール • BADUI୳๚ (30෼) • POLITEʹΞοϓϩʔυ • ;Γ͔͑ΓɿपΓͷਓͱσΟεΧογϣϯ 7

Slide 8

Slide 8 text

BADUI探訪 • ͍·͔Β30෼ؒɺେֶ಺ͰBADUIΛ୳͖͍ͯͯͩ͘͠͞ • BADUIΛݟ͚ͭͨΒεϚϗͰࣸਅΛࡱ͖͍ͬͯͯͩ͘͞📷 • ಛʹؾʹͳͬͨਪ͠BADUIΛɺࣸਅͱ؆୯ͳղઆจΛఴ͑ͯ POLITEʹΞοϓϩʔυ͍ͯͩ͘͠͞ • πΠʔτͯ͠΋Α͍ਓ͸ɺϋογϡλά #BADUI Ͱ౤ߘʂ • 1ਓͰ୳͠ʹߦͬͯ΋άϧʔϓͰ୳͠ʹߦͬͯ΋OK • ଞͷतۀ౳ͷ໎࿭ʹͳΒͳ͍Α͏ʹ஫ҙʂ • ՙ෺͸ஔ͍͓͍ͯͯOK (ࡒ෍ɾεϚϗ౳͸ࣗ෼Ͱ؅ཧ) 8

Slide 9

Slide 9 text

デザインの4原則 • ۙ઀ • ੔ྻ • ڧऑ • ൓෮ 9

Slide 10

Slide 10 text

近接 • ۙ͘ʹ͋Δ৘ใ͸ؔ࿈͕͋Δ 10

Slide 11

Slide 11 text

整列 • ഑ஔʹҰମੑΛ࣋ͨͤͯ૊৫Խ͢Δ • ἧ͍ͬͯͳ͍ͱɺݟͮΒ͍͚ͩͰ͸ͳ͘ɺ༨ܭͳҙຯΛݟग़ͦ͏ͱͤͯ͞͠·͏ 11

Slide 12

Slide 12 text

強弱 • ॏཁͳ৘ใͷ৭ɺ഑ஔɺେ͖͞ͳͲΛม͑ͯҧ͍Λ໌֬ʹ͢Δ 12

Slide 13

Slide 13 text

反復 • ࢹ֮తཁૉΛ܁Γฦ͢͜ͱͰҰମײΛڧԽࠞ͠ཚΛݮΒ͢ 13

Slide 14

Slide 14 text

アフォーダンスとシグニファイア • ΞϑΥʔμϯεɿର৅෺ͱਓؒͷؒͷΠϯλϥΫγϣϯͷؔ܎ • γάχϑΝΠΞɿର৅෺ͱਓؒͱͷؒͷΠϯλϥΫγϣϯͷՄ ೳੑΛࣔࠦ͢Δख͕͔Γ΍ಛ௃ 14 ۩ମྫ͔Βߟ͑ΔΞϑΥʔμϯεͱγάχϑΝΠΞͷҧ͍ʛηϒϯσοΫε https://sevendex.com/post/6841/

Slide 15

Slide 15 text

アフォーダンスとシグニファイア 15

Slide 16

Slide 16 text

参考文献 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