「ランディングページã€ã®ç›²ç‚¹ (ユーザビリティ実践メモ)â– 1ページ完çµåž‹ã€Œãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸ã€ã¯ã‚³ãƒ³ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¾ã§ã«è©³ç´°ãªæ¤œè¨Žã‚’è¦ã™ã‚‹å•†æã«å¼±ã„ è¿‘å¹´ã€åºƒå‘Šã‚’クリックã—ãŸéš›ã«è¡¨ç¤ºã•ã‚Œã‚‹ãƒšãƒ¼ã‚¸ã¨ã—ã¦ã€ã‚³ãƒ³ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¸ã®ãƒªãƒ³ã‚¯ä»¥å¤–を極力張らãšã€1ページ内ã§è¨´æ±‚を完çµã•ã›ã‚‹ã€ã„ã‚ゆる「ランディングページã€ãŒæ™®åŠã—ã¦ã„ã¾ã™ã€‚ ã“ã®1ページ完çµåž‹ã®ã€Œãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸ã€ã«ã¯ã€ä»–ページã¸ã®é›¢è„±ã‚’防ãã¨ã„ã†ãƒ¡ãƒªãƒƒãƒˆãŒã‚ã‚Šã€åŸºæœ¬çš„ã«ã¯ï¼‘回ã®è¨ªå•ã§ç›´æŽ¥ã‚³ãƒ³ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã•ã›ã‚‹ã“ã¨ã‚’ç‹™ã£ã¦ã„ã¾ã™ã€‚ ã—ã‹ã—ã€ã“ã®1ページ完çµåž‹ã®ã€Œãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸ã€ãŒå…¨ã¦ã®å•†æã«æœ‰åŠ¹ã ã¨ã¯é™ã‚Šã¾ã›ã‚“。ã¾ãšã¯ã€ã“ã®ã€Œãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸ã€ãŒæœ‰åŠ¹ãªå•†æã¨ã€æœ‰åŠ¹ã§ã¯ãªã„商æã®ä¾‹ã‚’以下ã«æ•´ç†ã—ã¾ã—ãŸã€‚ ＜有効ãªå•†æ＞ ・直感的ã«ã‚³ãƒ³ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã—ã‚„ã™ã„商æ （例）コスメ・食å“ç‰ã®æ¶ˆè€—å“ã€ã‚ャッシングãªã© シンプルãªæ¯”較軸ã§é¸ã¹ã‚‹å•†æã‚„ã€è¡å‹•è²·ã„ã—ã‚„ã™ã„商æãªã©ã€ï¼‘ページã®æƒ…å ±é‡ã§ã‚³ãƒ³ãƒãƒ¼ã‚¸ãƒ§ãƒ³å¯èƒ½
Webサイトã®ã€Œã‚ˆãã‚る質å•ã€ã®é•å’Œæ„Ÿ - kensakumaigoã®æ—¥è¨˜
色覚異常ã«ã‚ˆã‚‹ã‚«ãƒ©ãƒ¼ã‚¹ã‚¿ãƒ¼ã®è‰²ã®è¦‹ãˆæ–¹ - no.10
モãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆæ§‹ç¯‰å‰ã«çŸ¥ã£ã¦ãŠããŸã„ユーザビリティ10ã®ãƒã‚¤ãƒ³ãƒˆï¼ˆç¬¬1回） | モãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆæ§‹ç¯‰ã®ãƒ¦ãƒ¼ã‚¶ãƒ“リティã„ã‚ã¯
コンテンツæ¥ç•Œã®åº•è¾ºã§ã‚¤ãƒžã‚’ã¼ã‚„ã：第15回 「ã“ã®ã‚±ãƒ¼ã‚¿ã‚¤ã‚µã‚¤ãƒˆã€é•·ã£ï¼ã€ã«ã¤ã„ã¦ã®ä¸€è€ƒå¯Ÿ - ITmedia D モãƒã‚¤ãƒ«
HTML ã® label ã‚¿ã‚°ã«å¿…ãšã¤ã‘ãŸã„ CSS
フォームデザイン虎ã®å·»ï¼šãƒ•ã‚©ãƒ¼ãƒ ã®åŸºç¤Žã‚’ãŠã•ãˆã‚‹ - builder by ZDNet Japan
gooランã‚ング - ã‚らゆるもã®ã‚’ランã‚ングã§ç´¹ä»‹ï¼ãƒ©ãƒ³ã‚ングã®ç·åˆã‚µã‚¤ãƒˆ
jsmap - JavaScriptã«ã‚ˆã‚‹éƒ½é“府県入力補助
実践アクセシブルHTML - フォームã¯é€ä¿¡ã—ã¦ã‚‚らãˆã°ã“ã
Accessibility
Usability Guidelines for Accessible Web Design: a Report by NN/g
30 Usability Issues To Be Aware Of — Smashing Magazine
Top 10 Application-Design Mistakes
ヤコブ・ニールセンã®è€ƒãˆã‚’ã¾ã¨ã‚ãŸWebユーザビリティガイドライン::ホームページ制作::NPO法人ã—ゃらã
https://www.openvista.jp/archives/note/2008/links-for-web-usability/?2008/links-for-web-usability/
本気ã§ã‚„ã‚‹ãªã‚‰onclick属性ã¯é¿ã‘ã¦ãƒ©ã‚¤ãƒ–ラリを活用ã™ã¹ã - id:HolyGrailã¨id:HoryGrailã®åŒºåˆ¥ãŒã¤ã‹ãªã„日記
自治体サイトã®ã€Œä½¿ã„ã‚„ã™ã•ã€ã€ãƒˆãƒƒãƒ—3ã¯æµœæ¾å¸‚ã€æ —原市ã€æ–°æ½ŸçœŒ
逆引ãCSSãƒãƒƒã‚¯(IE8,Firefox,Opera,Safariã‚’å«ã‚ãŸãƒ–ラウザ別CSSãƒãƒƒã‚¯)
背景色ã¨æ–‡å—色ã®çµ„ã¿åˆã‚ã›ã§ç›®ã«å„ªã—ã„ã®ã¯ï¼Ÿ | スラド ãƒãƒ¼ãƒ‰ã‚¦ã‚§ã‚¢
{{#tags}}- {{label}}
{{/tags}}