スマートフォンサイトã®UIデザイン考察 〜ナビゲーション編〜ã“ã‚“ã«ã¡ã¯ã€ã‚¦ãƒŸã®æ£®å±±ã§ã™ã€‚ã‚ã£ãƒ»ãƒ»ã¨ã„ã†é–“ã«å¹´ã®æš®ã‚Œã§ã™ãï¼å…ˆæ—¥ã‚¦ãƒŸã®å¿˜å¹´ä¼šã‚‚終ã‚ã‚Šã¾ã—ã¦ã€æ™‚ãŒéŽãŽã‚‹æ—©ã•ã«ç„¦ã‚Šæ°—味ã®ç§ã§ã™ã€‚ ã•ã¦æœ¬æ—¥ã¯ã€ã€Œã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã«ãŠã‘ã‚‹UIデザインã€ã«ã¤ã„ã¦æ›¸ããŸã„ã®ã§ã™ãŒã€ ãã®ä¸ã§ã‚‚特ã«é‡è¦ãªå½¹å‰²ã‚’æžœãŸã—ã¦ã„る「グãƒãƒ¼ãƒãƒ«ãƒŠãƒ“ゲーション（メインメニュー）ã€ã«ã¤ã„ã¦æŽ˜ã‚Šä¸‹ã’ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ スマホサイトã®ä½¿ã„ã‚„ã™ã•ã‚’å·¦å³ã™ã‚‹ãƒŠãƒ“ゲーションメニューã‚ã‚Œã“ã‚Œ 普段スマートフォンã§ã‚µã‚¤ãƒˆã‚’閲覧ã•ã‚Œã‚‹æ©Ÿä¼šã®å¤šã„æ–¹ã§ã‚ã‚Œã°ã€ã‚ˆã見ã‹ã‘るナビゲーションデザインã®ãƒ‘ターンãŒã„ãã¤ã‹æ€ã„æµ®ã‹ã¶ã‹ã¨æ€ã„ã¾ã™ãŒã€ã“ã“ã§ã¯ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚µã‚¤ãƒˆã§ä½¿ã‚ã‚Œã¦ã„るナビゲーションã®UIパターンをã„ãã¤ã‹ã”紹介ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ 1. ãƒãƒ³ãƒãƒ¼ã‚¬ãƒ¼ãƒœã‚¿ãƒ³ + プルダウン(ドãƒãƒƒãƒ—ダウン)メニュー ã“ã‚ŒãŒã‚‚ã£ã¨ã‚‚一般的ãªã‚¹ã‚¿ã‚¤ãƒ«ã§ãªã„ã‹ã¨æ€ã„ã¾ã™ã€‚「 ≡ ã€ã®ã‚¢ã‚¤ã‚³ãƒ³ã‚’タップã™ã‚‹ã¨
{{#tags}}- {{label}}
{{/tags}}