ユーザーã®é€²æ—を明示ã™ã‚‹ã€Œãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒˆãƒ©ãƒƒã‚«ãƒ¼ã€è©³è§£
オンラインストアã§ã®æ³¨æ–‡ã‚„フォームãªã©ã§ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®é€²æ—を明示ã™ã‚‹ãƒ—ãƒã‚°ãƒ¬ã‚¹ãƒˆãƒ©ãƒƒã‚«ãƒ¼ã®æ¦‚è¦ã‚„特長ã€å®Ÿè£…例ã€ã‚ˆãã‚ã‚‹é–“é•ã„ãªã©ã‚’Smashing Magazineã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Progress Trackers in Web Design: Examples and Best Practices 以下ã¯ãã®ãƒã‚¤ãƒ³ãƒˆã‚’æ„訳ã—ãŸã‚‚ã®ã§ã™ã€‚ 1. プãƒã‚°ãƒ¬ã‚¹ãƒˆãƒ©ãƒƒã‚«ãƒ¼ã¨ã¯ï¼Ÿ 2. プãƒã‚°ãƒ¬ã‚¹ãƒˆãƒ©ãƒƒã‚«ãƒ¼ã¨ãƒ‘ンããšã®ç›¸é•ç‚¹ 3. プãƒã‚°ãƒ¬ã‚¹ãƒˆãƒ©ãƒƒã‚«ãƒ¼ã®æ´»ç”¨ 4. プãƒã‚°ãƒ¬ã‚¹ãƒˆãƒ©ãƒƒã‚«ãƒ¼ã®ãƒ™ã‚¹ãƒˆãƒ—ラクティス 5. プãƒã‚°ãƒ¬ã‚¹ãƒˆãƒ©ãƒƒã‚«ãƒ¼ã®å®Ÿè£… 6. プãƒã‚°ãƒ¬ã‚¹ãƒˆãƒ©ãƒƒã‚«ãƒ¼ã®ã‚ˆãã‚ã‚‹é–“é•ã„ 7. プãƒã‚°ãƒ¬ã‚¹ãƒˆãƒ©ãƒƒã‚«ãƒ¼ã®ã‚·ãƒ§ãƒ¼ã‚±ãƒ¼ã‚¹ 1. プãƒã‚°ãƒ¬ã‚¹ãƒˆãƒ©ãƒƒã‚«ãƒ¼ã¨ã¯ï¼Ÿ プãƒã‚°ãƒ¬ã‚¹ãƒˆãƒ©ãƒƒã‚«ãƒ¼ã¨ã¯é€²æ—を明示ã™ã‚‹ã‚‚ã®ã§ã€è¤‡æ•°ã®ã‚¹ãƒ†ãƒƒãƒ—ãŒã‚るプãƒã‚»ã‚¹ã‚’完了ã™ã‚‹ãŸã‚ã«ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®æ‰‹åŠ©ã‘ã¨ãªã‚‹ã‚‚ã®ã§ã™ã€‚ オンラインã®ãƒ—ãƒãƒ€
使ãˆã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ“リティーガイドライン10 – creamu
é…ã„エントリーã§ã™ãŒã€Smashing Magazineã§ä½¿ãˆã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ“リティーガイドラインãŒã¾ã¨ã¾ã£ã¦ã„ã¾ã™ã€‚ ã–ã£ã¨ã”紹介ã—ã¾ã™ã。 1. フォームã®ãƒ©ãƒ™ãƒ«ã¯ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã®ä¸ŠãŒãƒ™ã‚¹ãƒˆ study by UX Mattersã«ã‚ˆã‚‹ã¨ã€ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ©ãƒ™ãƒ«ã¯ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã®ä¸ŠãŒç†æƒ³çš„ã¨ã®ã“ã¨ã€‚多ãã®ãƒ•ã‚©ãƒ¼ãƒ ã§ã€ãƒ©ãƒ™ãƒ«ã¯ãƒ•ã‚£ãƒ¼ãƒ«ãƒ‰ã®å·¦ã«ç½®ã‹ã‚Œã€2カラムã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã«ãªã£ã¦ã„る。ã„ã„デザインã ãŒã€æœ€ã‚‚使ã„ã‚„ã™ã„レイアウトã¨ã¯è¨€ãˆãªã„。ãªãœãªã‚‰ã€ãƒ•ã‚©ãƒ¼ãƒ ã¯ä¸€èˆ¬çš„ã«åž‚ç›´æ–¹å‘ã«ä¸¦ã‚“ã§ãŠã‚Šã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ä¸Šã‹ã‚‰ä¸‹ã«å‘ã‹ã£ã¦å…¥åŠ›ã—ã¦ã„ã。ユーザーã¯è¦–線を下ã®æ–¹å‘ã«å‘ã‘ã¦ã„ãã®ã 。ãã®ãŸã‚ã€ãƒ©ãƒ™ãƒ«ãŒå·¦ã«ã‚るよりもã€åŒã˜æ–¹å‘ã«ã‚ã‚‹æ–¹ãŒèªè˜ã—ã‚„ã™ã„。 2. ユーザーã®è¦–ç·šã¯äººã®é¡”ã«å‘ã Webページを見るã¨ãã€äººã®é¡”ã‚„ç›®ã«è¦–ç·šãŒè¡Œã。マーケッターã«ã¨ã£ã¦ã¯ã€æ³¨ç›®ã‚’集ã‚る有効ãªãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ã€‚ユーザーã¯ç”»åƒã®ä¸ã®äººã®è¦–ç·šãŒå‘ã„ã¦
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
MT4ã®æ“作ã®æ…£ã‚Œã§ MT5ã§èª¤æŠ•ç¨¿ã—ãªã„ãŸã‚ã« - DA[blog]:PhotoPierre
{{#tags}}- {{label}}
{{/tags}}