2020/7/25ã«traPã§å®Ÿæ–½ã—ãŸUIデザイン講習会ã®è³‡æ–™ã§ã™
UIデザイン講習会
2020/7/25ã«traPã§å®Ÿæ–½ã—ãŸUIデザイン講習会ã®è³‡æ–™ã§ã™
ã€åŠ ç†ã‚り】 マツモトã‚ヨシã®ãƒã‚´ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒè¨€ã£ãŸã€ŽUXã®æœ¬è³ªã€ã¨ã€ITæ¥ç•Œã®æ ¹æœ¬çš„ãªã‚ºãƒ¬ãŒè‡´å‘½çš„ã«ãªã‚‹ã«ã¤ã„ã¦ï½œãƒã‚«ã‚¤ã‚±ç§€å¤«@CBO(最高ブランディング責任者)
ã€åŠ ç†ã‚り】 マツモトã‚ヨシã®ãƒã‚´ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒè¨€ã£ãŸã€ŽUXã®æœ¬è³ªã€ã¨ã€ITæ¥ç•Œã®æ ¹æœ¬çš„ãªã‚ºãƒ¬ãŒè‡´å‘½çš„ã«ãªã‚‹ã«ã¤ã„㦠今も「UI/UXã€ã®è°è«–ãŒå¢—ãˆã¦ã„ã¾ã™ãŒã€æ—¥æœ¬äººãŒå¥½ããªè¡¨é¢çš„ãªæ‰‹æ³•è«–ã‹ã‚‰ã€ãã‚‚ãã‚‚ã®æ·±ã„部分ã®è°è«–ã«ãªã£ã¦ã„ã‚‹ã®ã¯ã€ã™ã”ã„良ã„ã¨æ€ã£ã¦ã„ã¾ã™ã€‚ 特ã«ITæ¥ç•ŒãŒã€ŒUI/UXã€ãŒç››ã‚“ã«è¦‹ãˆã¾ã™ãŒã€ãã‚‚ãã‚‚ã®è°è«–ãŒã€Œã‚¢ãƒ—リã€ã€ŒWEBã€ã«é™å®šã•ã‚Œã¦ãŠã‚Šã€ç‹ç¾©ã®è°è«–ã«ãªã£ã¦ã„ã‚‹ã®ã§ã€æœ¬è³ªçš„ãªè©±ã‚’ã—ãªã„ã¨ã“ã®å•é¡Œã¯è§£æ±ºã§ããªã„ã¨æ€ã£ã¦ã„ã¾ã™ã€‚ ç§è‡ªèº«ã‚‚以å‰ã¯ã‚«ã‚¹ã‚¿ãƒžãƒ¼ã‚¸ãƒ£ãƒ¼ãƒ‹ãƒ¼ãªã©ã‚‚ã‚„ã£ã¦ãŠã‚Šã¾ã—ãŸãŒã€ãƒžãƒ„モトã‚ヨシã®ãƒã‚´ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã—ãŸãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®å°è°·ä¸ã•ã‚“ã¨ã€åœ°å…ƒåƒè‘‰ã§ç¸ãŒã‚り一緒ã«ä»•äº‹ã‚’ã•ã›ã¦ã„ãŸã ã„ãŸæ™‚ã«ã€æ–½è¨ã®ãƒ‘ンフレットデザインを見ã›ãŸéš›ã«è¨€ã‚ã‚ŒãŸã€ã€Žãƒ‘ンフレットãŒç½®ã‹ã‚Œã‚‹ç¾å ´ã«è¡Œã£ãŸã¿ãŸï¼Ÿã€ ãŒä»Šã§ã‚‚忘れられãªã„一言ã§ã‚ã‚Šã€UXã®æœ¬è³ªçš„ãªè¨€è‘‰ã ã¨æ€ã£ã¦ã„ã¾ã™ã€‚ デザイナーã®
ãƒãƒ¼ãƒ‰æ™‚ã®ã‚¹ãƒ”ナーã¨ãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒãƒ¼ã€ã©ã†ä½¿ã„分ã‘る？
ãŠåº—ã§èª°ã‹ã«å•†å“ã®å ´æ‰€ã‚’å°‹ããŸã¨ã—ã¦ã€ãã®ç›¸æ‰‹ãŒãŸã ãã“ã«ç«‹ã£ãŸã¾ã¾ã ã£ãŸã¨ã—ãŸã‚‰ã©ã†æ€ã†ã§ã—ょã†ã‹ã€‚ãã£ã¨ã‚¤ãƒ©ã‚¤ãƒ©ã—ã¦ã€ãã®å ´ã‚’ç«‹ã¡åŽ»ã‚Šã¾ã™ã‚ˆã。åŒã˜ã‚ˆã†ã«ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯é•·ã„間スクリーン上ã®ã‚¹ãƒ”ナー（通信やãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°æ™‚ã«ãã‚‹ãる回るアニメーション表示ã®ï¼‰ã‚’見ã¦ã„ã‚‹ã¨ã€ã“ã®ã‚ˆã†ãªå¿ƒç†çŠ¶æ³ã«é™¥ã‚Šã¾ã™ã€‚ スピナーã¯æ™‚é–“ã®ã‹ã‹ã‚‹å‡¦ç†ã«ã¯é©ã•ãªã„ スピナーã¯ã€ãã®å‡¦ç†ãŒçµ‚ã‚ã‚‹ã¾ã§ã©ã®ãらã„ã®æ™‚é–“ã‚’è¦ã™ã‚‹ã®ã‹ã‚’ユーザーã«ä¼ãˆã¾ã›ã‚“。長時間ã®å‡¦ç†ã«ã‚¹ãƒ”ナーを使ã†ã¨ã€æœ€çµ‚çš„ã«ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ã‚¢ãƒ—リã«ä½•ã‹å•é¡ŒãŒèµ·ã“ã£ãŸã®ã§ã¯ãªã„ã‹ã¨ç–‘å•ã«æ€ã†ã§ã—ょã†ã€‚フィードãƒãƒƒã‚¯ç„¡ã—ã§ã¯ä¸ç¢ºå®Ÿæ€§ãŒç”Ÿã˜ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯æœ€æ‚ªã®å ´åˆã‚’想定ã™ã‚‹ã“ã¨ã«ãªã‚Šã¾ã™ã€‚ ユーザーã¯èªã¿è¾¼ã¿ã«æ™‚é–“ãŒã‹ã‹ã‚‹ã ã‚ã†ã¨è€ƒãˆã€å¾…ã¤æ°—ã‚’ãªãã™ã®ã§ã™ã€‚ãã—ã¦ã—ã³ã‚Œã‚’切らã—ã¦ã€æˆ»ã‚‹ãƒœã‚¿ãƒ³ã‚’押ã—ãŸã‚Šã€ã¾ãŸã¯ã‚¢ãƒ—リを終了ã—ãŸã‚Šã™ã‚‹ã§ã—ょã†ã€‚ ４秒ルール ユーザーをア
優れãŸãƒ•ã‚©ãƒ¼ãƒ をデザインã™ã‚‹
サインアップã®ãƒ•ãƒãƒ¼ã§ã‚ã‚Œã€ãƒžãƒ«ãƒãƒ“ュー・ステッパーã§ã‚ã‚Œã€ã‚ã‚ŠããŸã‚Šã®ãƒ‡ãƒ¼ã‚¿å…¥åŠ›ã§ã‚ã‚Œã€ã€Œãƒ•ã‚©ãƒ¼ãƒ ã€ã¯ãƒ‡ã‚¸ã‚¿ãƒ«ãƒ»ãƒ—ãƒãƒ€ã‚¯ãƒˆãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³ã«ãŠã„ã¦æœ€ã‚‚æ°—ã‚’é£ã‚ãªã‘ã‚Œã°ãªã‚‰ãªã„ã‚‚ã®ã®1ã¤ã§ã™ã€‚ ãã“ã§ã€ä»Šå›žã¯ä¸€èˆ¬çš„ã«ãƒ•ã‚©ãƒ¼ãƒ ・デザインã§ä½•ã‚’ã‚„ã‚Šã€ä½•ã‚’やらã–ã‚‹ã¹ãã‹ã«ã¤ã„ã¦ãŠè©±ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ã‚ãã¾ã§ä¸€èˆ¬çš„ãªã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã§ã™ã®ã§ã€ãã®ã‚ˆã†ãªã‚‚ã®ã¨ã—ã¦ã”ç†è§£é ‚ã„ãŸä¸Šã§ã€çš†ã•ã‚“ã®å‚考ã«ãªã‚Œã°å¹¸ã„ã§ã™ã€‚
UXã‚’å‘上ã•ã›ã‚‹ï¼•ç¨®é¡žã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ä½¿ã„æ–¹ | UX MILK
Nick Babichæ°ã¯ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ãƒ‡ã‚£ãƒ™ãƒãƒƒãƒ‘ーã§ã™ã€‚大ã®ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼å¥½ãã§ã€UI/UXã‚’ã“よãªãæ„›ã—ã¾ã™ã€‚å½¼ã®webサイトã¯ã“ã¡ã‚‰ã§ã™ã€‚http://babich.biz。 モーションã¯ã‚¹ãƒˆãƒ¼ãƒªãƒ¼ã‚’ä¼ãˆã¾ã™ã€‚é•·ã複雑ãªã‚¹ãƒˆãƒ¼ãƒªãƒ¼ã§ã¯ãªãã€ã€Œä»Šã“ã“を見ã¦ä¸‹ã•ã„ã€ã‚„ã€ã€Œæ“作ã¯æ£å¸¸ã«å®Œäº†ã—ã¾ã—ãŸã€ãªã©ã®ã‚·ãƒ³ãƒ—ルãªã‚¹ãƒˆãƒ¼ãƒªãƒ¼ã§ã™ã€‚ ã—ã‹ã—ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã®ç›®æ¨™ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚’楽ã—ã¾ã›ã‚‹ã“ã¨ã§ã¯ã‚ã‚Šã¾ã›ã‚“。ユーザーãŒä½•ãŒå®Ÿè¡Œã•ã‚Œã¦ã„ã‚‹ã‹ç†è§£ã—ã€ã‚ˆã‚Šä¾¿åˆ©ã«ã‚¢ãƒ—リを使ã†æ–¹æ³•ã‚’ç†è§£ã™ã‚‹ãŸã‚ã®æ‰‹åŠ©ã‘ã™ã‚‹ãŸã‚ã«ã‚ã‚Šã¾ã™ã€‚ã“ã®ã‚¢ã‚¤ãƒ‡ã‚£ã‚¢ã¯ã€Zurbã®è¨˜äº‹ã«ã‚る次ã®è¨€è‘‰ã®ä¸ã§ã¯ã£ãã‚Šã¨è¡¨ç¾ã•ã‚Œã¦ã„ã¾ã™ã€‚ We’re no longer just designing static screens. We’re designing for how the user gets from those screens
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}