モãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆæ§‹ç¯‰ã®ãƒ¦ãƒ¼ã‚¶ãƒ“リティã„ã‚㯠コーナーã®è¨˜äº‹ä¸€è¦§ | Web担当者Forum
WEBサービスã«ãŸã¾ã«ï¼ˆï¼Ÿï¼‰è¦‹ã‚‰ã‚Œã‚‹ã€ã„ãŸã ã‘ãªã„仕様７㤠- WEBプãƒã‚°ãƒ©ãƒŸãƒ³ã‚° NOW!
自分自身もプãƒã‚°ãƒ©ãƒžãƒ¼ã§ã™ãŒã€ã‚„ã¯ã‚Šåˆ©ç”¨è€…ã®ç«‹å ´ã«ãªã‚‹ã“ã¨ã‚‚多ã„ã®ã§ã€ãã†ã„ã†å ´åˆã€ã€Œäººã®æŒ¯ã‚Šè¦‹ã¦ã‚ãŒæŒ¯ã‚Šç›´ã›ã€ã§æ•™è¨“ã¨ã•ã›ã¦ã„ãŸã ãã“ã¨ã‚‚多ã„ã§ã™ã€‚ãã‚Œã«ã—ã¦ã‚‚ã€ã€Œä½•ã§ï¼Ÿã€ã¨æ€ã„ãŸããªã‚‹ã“ã¨ã‚‚ã‚ã‚‹ã“ã¨ï¼ˆã¶ã£ã¡ã‚ƒã‘ãŸè©±ã€ã€Œã‚»ãƒ³ã‚¹æ‚ªã„ã€ã¨æ„Ÿã˜ã‚‹ã“ã¨ï¼‰ãŒã‚ã‚‹ã®ã‚‚事実ã§ã™ã€‚ １．éŽå‰°ãªå…¥åŠ›ãƒã‚§ãƒƒã‚¯ï¼ˆåž‹ç·¨ï¼‰ （フリガナ編） 「ç§ã¯ã€ãŠå®¢æ§˜ãŒãƒ•ãƒªã‚¬ãƒŠã‚’カタカナã§å…¥åŠ›ã—ãŸã‹å¹³ä»®åã§å…¥åŠ›ã—ãŸã‹çŸ¥ã£ã¦ã„ã‚‹ãžã€ã¨è‡ªæ…¢ã‚’ã—ãŸã„ã®ã‹ãªã‚“ãªã®ã‹ã€ã“ã†ã„ã†ãƒã‚§ãƒƒã‚¯ã‚’ã—ã¦ã„るサイトçµæ§‹ã‚ã‚Šã¾ã™ã€‚フリガナã¨æ›¸ã„ã¦ã„ã‚‹ã®ã«æ¼¢å—ã§å…¥åŠ›ã—ã¦ããŸã‚Šï¼ˆå§“åã®ã€Œåã€ã‚’ã“ã®æ¬„ã«å…¥ã‚Œã¦ãã‚‹å ´åˆã€ãŸã¾ã«ã‚り。）ã™ã‚‹ã®ã¯ç¢ºã‹ã«æƒ…å ±ã¨ã—ã¦å½¹ã«ç«‹ã¡ã¾ã›ã‚“ãŒã€å¹³ä»®åã‹ã‚«ã‚¿ã‚«ãƒŠã‹ãŒå•é¡Œã«ãªã‚‹ã‚±ãƒ¼ã‚¹ã¯å°‘ãªã„よã†ã«æ€ã„ã¾ã™ã€‚ソートや検索ã™ã‚‹æ©Ÿèƒ½ã‚’付ã‘ãŸã„å ´åˆã¯ã€å¹³ä»®åã‹ã‚«ã‚¿ã‚«ãƒŠã§çµ±ä¸€ã•ã‚Œã¦ã„ã‚‹ã¹ãã§ã—ょã†ãŒã€ãã†ã§ã‚ã£ã¦ã‚‚ã€ä¾‹ãˆã°ã‚«ã‚¿ã‚«ãƒŠã§å…¥åŠ›ã—ã¦æ¬²
パンããšè©³è§£ | コリス
パンããšã®ç”±æ¥ã‚„概è¦ã€ç‰¹é•·ã‚’ã¯ã˜ã‚ã€è¨ç½®ã®åˆ¤æ–基準ã€å®Ÿè£…ã®ã‚ˆãã‚ã‚‹é–“é•ã„ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒã‚¤ãƒ³ãƒˆã€ã‚¯ãƒ©ã‚·ãƒƒã‚¯ãªã‚‚ã®ã‚„進化ã—ãŸãƒ‘ンããšã®ã‚·ãƒ§ãƒ¼ã‚±ãƒ¼ã‚¹ãªã©ã‚’Smashing Magazineã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Breadcrumbs In Web Design 以下ã€ãã®æ„訳ã§ã™ã€‚ パンã㚠ナビゲーションã¯ã€å¤§é‡ã®ãƒšãƒ¼ã‚¸ã‚’ä¿æŒã™ã‚‹ã‚¦ã‚§ãƒ–サイトã§ã€ãƒŠãƒ“ゲーション機能を拡張ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ パンããšã®å¤§ããªæœ‰ç”¨æ€§ã¯ã€ã‚¦ã‚§ãƒ–サイトã®è¨ªå•è€…ãŒä¸Šã®éšŽå±¤ã«ç§»å‹•ã™ã‚‹éš›ã€å°‘ãªã„アクションã§å®Ÿç¾ã•ã›ã‚‹ã“ã¨ã§ã™ã€‚ ã“ã®ã“ã¨ã¯ã‚¦ã‚§ãƒ–サイトã®ã‚»ã‚¯ã‚·ãƒ§ãƒ³ã‚„ページã®ãƒ•ã‚¡ã‚¤ãƒ³ãƒ€ãƒ“リティ（見ã¤ã‘ã‚„ã™ã•ï¼‰ã‚’改善ã™ã‚‹ã‚‚ã®ã¨ãªã‚Šã¾ã™ã€‚ ã¾ãŸã€ãƒ©ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ãƒšãƒ¼ã‚¸ï¼ˆæ¤œç´¢ãªã©ã‹ã‚‰è¨ªã‚ŒãŸæœ€åˆã®ãƒšãƒ¼ã‚¸ï¼‰ã«ã‚‚éžå¸¸ã«åŠ¹æžœçš„ã§ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ç¾åœ¨ã®å ´æ‰€ã‚’明示ã™ã‚‹ã ã‘ã§ãªãã€æ–‡è„ˆã®ãƒ’ントã¨ãªã‚‹ã‚¤ãƒ³ãƒ•ã‚©ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚‚æä¾›ã—ã¾ã™ã€‚ What is a bre
ã‚µã‚¤ãƒœã‚¦ã‚ºæ ªå¼ä¼šç¤¾
サイボウズã¯ã‚¯ãƒ©ã‚¦ãƒ‰ãƒ™ãƒ¼ã‚¹ã®ã‚°ãƒ«ãƒ¼ãƒ—ウェアやæ¥å‹™æ”¹å–„サービスを軸ã«ã€ç¤¾ä¼šã®ãƒãƒ¼ãƒ ワークå‘上を支æ´ã—ã¦ã„ã¾ã™ã€‚
MdN Design｜ç·åˆæƒ…å ±ã‚µã‚¤ãƒˆ
デザインã™ã‚‹ グラフィックアプリã®ä½¿ã„æ–¹ã‹ã‚‰ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®åŸºç¤Žã€æœ€æ–°ã®è¡¨ç¾æ‰‹æ³•ã¾ã§ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã€ã‚¤ãƒ©ã‚¹ãƒˆãƒ¬ãƒ¼ã‚¿ãƒ¼ã€å†™çœŸå®¶ãŒçŸ¥ã‚ŠãŸã„æƒ…å ±ãŒæº€è¼‰ï¼
フォームã®ãƒ•ãƒªã‚¬ãƒŠã‚’自動入力ã•ã›ã‚‹AutoRuby.js | ホームページ制作・é‹å–¶ã®ãƒ’ント
<script Language=â€javascript†src=â€http://ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2456113&pid=877160106″></script><noscript><a href=â€http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2456113&pid=877160106″ target=â€_blank†><img src=â€http://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=2456113&pid
jsmap - JavaScriptã«ã‚ˆã‚‹éƒ½é“府県入力補助
Q - ãªãœã€å…¨å›½åœ°å›³ã«ã—ãªã„ã®ã§ã™ã‹? 4ã¤ã»ã©ç†ç”±ãŒã‚ã‚Šã¾ã™ã€‚ ãƒãƒƒãƒ—アップãŒå ´æ‰€ã‚’ã¨ã‚Šã™ãŽã‚‹ã‹ã‚‰ ç¾åœ¨ã€åœ°å›³éƒ¨åˆ†ã¯185x120pxã«ãŠã•ã‚ã¦ã„ã¾ã™ãŒã€æ¨™æº–çš„ãªãƒ¢ãƒ‹ã‚¿è§£åƒåº¦ã§ã¯ã“ã®è¾ºãŒé™ç•Œã§ã™ã€‚ ã‚ーボードæ“作時ã®æŠ¼ä¸‹å›žæ•°ã‚’減らã™ãŸã‚ jsmapãŒãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã™ã‚‹ã®ã¯SugarCRMãªã©ã®WEBアプリã§ã™ã€‚使ã„切りã®WEBフォームã¨é•ã„ã€æ…£ã‚Œã«ã‚ˆã‚‹ã‚¹ãƒ”ードアップãŒæœ›ã‚ã‚‹UIã§ã‚ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ 多言語対応ã®ãŸã‚ 日本ã¯47都é“府県ãªã®ã§ã€ã‹ã‚ã†ã˜ã¦å¯èƒ½ã ã¨æ€ã†æ–¹ã‚‚ã„ã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€ã“ã‚ŒãŒã‚¤ã‚®ãƒªã‚¹(ç¾åœ¨è£½ä½œä¸)ã¨ã‹ã§ã¯100を超ãˆã¾ã™ã€‚ èªçŸ¥çš„é™ç•Œã®ãŸã‚ ã“れもé‡è¦ã€‚ã±ã£ã¨è¦‹ã¦æŽ¢ã›ã‚‹æ•°ã¨ã„ã†ã®ã¯ã€15ã‚„20ãŒã›ã„ãœã„ã§ã™ã€‚ ãŸã ã€ä¸Šè¨˜ã®è©±ã¨ã¯åˆ¥ã«ã€åœ°æ–¹é¸æŠžç”¨ã®å…¨å›½å›³ã¯ã‚ã£ã¦ã‚‚ã„ã„ã¨è€ƒãˆã¦ã„ã¾ã™ã®ã§ã€ãã‚Œã¯å°†æ¥ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã§ã€‚ Q - 地図ã¯ã‚‚ã£ã¨è©³ç´°åŒ–/å˜ç´”化ã—ãªã„ã®ã§ã™ã‹? 詳細
検索サイトã®èˆžå°è£--グーグル幹部ãŒæ˜Žã‹ã™æ”¹å–„手法
サンフランシスコ発--Googleã¯ã€ã“ã¨æ¤œç´¢ã‚¯ã‚ªãƒªãƒ†ã‚£ã«é–¢ã—ã¦ã¯è¤‡æ•°ã®é¡”ã‚’æŒã£ã¦ã„るよã†ã 。 Googleã¯ã€ABスプリットã¨å‘¼ã°ã‚Œã‚‹æ‰‹æ³•ã‚’使ã£ã¦ã€åŒç¤¾ã®ãƒ¡ã‚¤ãƒ³æ¤œç´¢ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆï¼ˆç°¡ç´ ãªæ¤œç´¢ãƒœãƒƒã‚¯ã‚¹ã¨æ¤œç´¢çµæžœã®ä¸¡æ–¹ã«ã¤ã„ã¦ï¼‰ã©ã®ã‚ˆã†ãªå¤‰æ›´ã‚’åŠ ãˆã‚‹ã¹ãã‹æ¤œè¨Žã—ã¦ã„る。Googleã®æ¤œç´¢ãƒ—ãƒãƒ€ã‚¯ãƒˆãŠã‚ˆã³ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹æ‹…当ãƒã‚¤ã‚¹ãƒ—レジデントã§ã‚ã‚‹Marissa Mayeræ°ã¯ç±³å›½æ™‚é–“5月29æ—¥ã€ã‚µãƒ³ãƒ•ãƒ©ãƒ³ã‚·ã‚¹ã‚³ã§é–‹å‚¬ã•ã‚Œã¦ã„ã‚‹Google I/Oカンファレンスã§è¬›æ¼”ã—ãŸã€‚ãã®ä¸ã§åŒæ°ã¯ã€ä¸Šè¨˜ã®æ‰‹æ³•ã«ã¤ã„ã¦ã€Googleã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«å¯¾ã—ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®ç•°ãªã‚‹è¤‡æ•°ã®ãƒšãƒ¼ã‚¸ã‚’表示ã—ã€ãã®å応を測ã£ã¦ã„ã‚‹ã¨èª¬æ˜Žã—ãŸã€‚ Mayeræ°ã«ã‚ˆã‚‹ã¨ã€ä¾‹ãˆã°Googleã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«å¯¾ã—ã¦è¡¨ç¤ºã™ã‚‹æ¤œç´¢çµæžœã‚’何件ã«ã™ã¹ãã‹ã‚’探りãŸã‹ã£ãŸã¨ã„ã†ã€‚通常ã¯ã€10件ã‹20件ã€25件ã‹30件ã¨ã„ã£ãŸã¨ã“ã‚ã ã‚ã†ã€‚ã“ã®ç‚¹ã«
ä¼æ¥å‘ã‘アプリケーションã®ãƒ¦ãƒ¼ã‚¶ãƒ“リティガイドラインTop10 - Cheese Pie
ノã‚ã‚¢ã®ãƒ•ã‚©ãƒ¼ãƒ©ãƒ サイトã«è¼‰ã£ã¦ãŸãƒ¦ãƒ¼ã‚¶ãƒ“リティガイドラインãŒã¨ã¦ã‚‚分ã‹ã‚Šã‚„ã™ã‹ã£ãŸã®ã§è¨³ã—ãŸã‚‚ã®ã‚’メモ。 ã€Top 10 Usability Guidelines for Enterprise Applications】 ・分ã‹ã‚Šã‚„ã™ã„ナビゲーションモデルã®æä¾› - コアãªæ©Ÿèƒ½ã¯ãƒ¡ã‚¤ãƒ³ç”»é¢ã‹ã‚‰åˆ©ç”¨ã§ãã‚‹ - メニューã®é¸æŠžæ•°ã¯çµžã‚‹ - ユーザーã®ãƒ¡ã‚¤ãƒ³ã‚¿ã‚¹ã‚¯ã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã—ãŸãƒŠãƒ“ゲーション - 高度ãªæ©Ÿèƒ½ã¯åˆå¿ƒè€…ユーザーã‹ã‚‰éš 㙠・ãŠãªã˜ã¿ã®è¨€èªžã®åˆ©ç”¨ - ユーザーã®ã‚¿ã‚¹ã‚¯ã€ç›®çš„ã«é–¢é€£ã—ãŸç”¨èªžã‚’使ㆠ- ãƒãƒ¼ã‚«ãƒ©ã‚¤ã‚º(ターゲットã®æ¯å›½èªžãŒä½¿ã‚ã‚Œã¦ã„ã‚‹) ・接続ã®è¤‡é›‘ã•ã‚’éš ã™ - ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã‚«ãƒãƒ¬ãƒƒã‚¸ã®çŸã•ãŒãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ä»•äº‹ã®æ失ã€æ¥å‹™ã®åœæ¢ã« ãªã‚‰ãªã„よã†ã«ã™ã‚‹ - 接続状態をã¯ã£ãり表示ã™ã‚‹ - ユーザーã®åˆ¶å¾¡ã®ä¸‹ã€åŒæœŸã¯è‡ªå‹•åŒ–ã•ã‚Œã‚‹ã¹ã ・役ã«ç«‹ã¤ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã‚’æä¾›ã™ã‚‹ - アクショ
Re:ユーザーã®å‹•ã。
ã¡ã‚‡ã£ã¨å‰ã«æ›¸ã„ãŸã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®å‹•ã。ã§ã™ãŒã€ã‚¢ãƒ¬ã¯ãŸã ã®è‡ªåˆ†å°‚用メモã ã£ãŸã®ã§ã€è‡ªåˆ†ã ã£ãŸã‚‰ã“ーã™ã‚‹ã‹ã‚‚ã£ã¦äº‹ã¨è¨€è‘‰è¶³ã‚‰ãšã ã£ãŸéƒ¨åˆ†ã®è£œè¶³ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§ã™ã€‚ ã„ã‚ゆるã€ãƒ¦ãƒ¼ã‚¶ãƒ“リティテストã£ã¦ã„ã†ã®ã«å‚åŠ ã—ã¦ãã¾ã—ãŸã€‚ ç›®ã®å‰ã§ã‚¿ãƒ¼ã‚²ãƒƒãƒˆå±¤ã«æ¯”較的近ã„ユーザãŒã‚µã‚¤ãƒˆã‚’見ã¦ã„る様åを見るã®ã¯æ»…多ã«ãªã„経験ã ã£ãŸã®ã§ã€éžå¸¸ã«æœ‰ç”¨ãªä¸€æ—¥ã§ã—ãŸã€‚ å¹´é½¢ã¯ã€20代å‰å¾Œãらã„ã§ã€æ™®æ®µã‹ã‚‰å½“ãŸã‚Šå‰ã®ã‚ˆã†ã«ãƒãƒƒãƒˆã‚„ã£ã¦ã‚‹äººã¯æ®†ã©å±…ãªãã€æ™‚々調ã¹äº‹ã«ä½¿ã†ç¨‹åº¦ãらã„ã®æ–¹ã€…ãŒå¤§åŠã£ã¦ã„ã†çŠ¶æ³ã§ã®çµæžœã§ã™ã€‚ ã ã‹ã‚‰ã€ã‚¿ãƒ¼ã‚²ãƒƒãƒˆå±¤ã«ã‚ˆã£ã¦ã¯ã€ã“ã®çµæžœã¯ã‚ã‚“ã¾ã‚Šå½¹ã«ç«‹ãŸãªã„ã‹ã‚‚知れãªã„ã—ã€è¦‹äº‹ãªã¾ã§ã«åˆè‡´ã—ã¦ã‚‹å ´åˆã¯ã€ãã‚Œãªã‚Šã«ä½¿ãˆã‚‹æƒ…å ±ã‹ã‚‚ã‚ã‹ã‚Šã¾ã›ã‚“ã。 ãƒã‚´ã‚¯ãƒªãƒƒã‚¯ï¼ãƒˆãƒƒãƒ—ページã«æˆ»ã‚‹ã¨ã„ã†èªè˜ã¯æ®†ã©ç„¡ã„。 ã ã‹ã‚‰ã€ãƒªãƒ³ã‚¯ã¯å¼µã‚Šã¾ã›ã‚“ã£ã¦çµè«–ã«ã¯ãªã‚‰ãªã„ã®ã§ã€å¯¾ç–ã¨ã—ã¦ã¯ã‚„ã£ã±ã‚Šã‚°ãƒãƒ¼ãƒãƒ«ãƒŠãƒ“ゲーションやãƒã‚´ã®è¿‘
ユーザビリティã®å¤§åˆ‡ã•ã«æ°—ã¥ã„ã¦ã‚‚らㆠ- inucaraã®æ—¥è¨˜
ã“ãªã„ã ã®ã€Œã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã£ã¦ã©ã†ã„ã†ä»•çµ„ã¿ã§å‹•ã„ã¦ã„ã‚‹ã®ï¼Ÿã€ã«æ›¸ã„ãŸäº‹å‰ç ”ä¿®ã§ãƒ¦ãƒ¼ã‚¶ãƒ“リティã®å¤§åˆ‡ã•ã«ã¤ã„ã¦ã‚‚話ã—ãŸã„ã¨æ€ã£ã¦ç°¡å˜ãªãƒ•ã‚©ãƒ¼ãƒ を作ã£ã¦ã¿ãŸã‚ˆã€‚ 想定ターゲットã¯ãƒ¦ãƒ¼ã‚¶ãƒ“リティã®ãƒ¦ã®å—も知らãªã„よã†ãªäººã‚„ã€ã“ã‚Œã‹ã‚‰ã‚¦ã‚§ãƒ–サイトã®è¨è¨ˆã€æ§‹ç¯‰ã®ä»•äº‹ã‚’ã—よã†ã¨ã—ã¦ã„る人。ã“れらã®äººã«ãƒ¦ãƒ¼ã‚¶ãƒ“リティã®å¤§åˆ‡ã•ã«æ°—ã¥ã„ã¦ã‚‚らã†ãŸã‚ã«ã€å‰å›žã¨åŒã˜ã‚ˆã†ã«è©±ã™å†…容をã¨ã‚Šã‚ãˆãšæ›¸ã„ã¦ã£ã¦ã¿ã‚‹ã€‚ ã¡ãªã¿ã«å‰å›žã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã®ä»•çµ„ã¿ã‹ã‚‰ãƒ¦ãƒ¼ã‚¶ãƒ“リティã£ã¦è©±ãŒé£›ã‚“ã§ã‚‹ã‘ã©ã€ãã†ã„ã†ã“ã¨ã¯æ°—ã«ã—ãªã„ã§æ€ã„ã¤ãã“ã¨ã‚’メモ的ã«ã©ã‚“ã©ã‚“書ã„ã¦ã£ã¦ã€æµã‚Œã¯æœ€å¾Œã«è€ƒãˆã‚ˆã†ã‹ãªã£ã¦æ„Ÿã˜ã€‚ ã˜ã‚ƒã‚ã€ã•ã£ãã始ã‚ã‚‹ï¼ ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã£ã¦ä½•ï¼Ÿ ã¾ãšå§‹ã‚ã«ã€ã¿ã‚“ãªã¯ã€Œãƒ¦ãƒ¼ã‚¶ãƒ“リティã€ã£ã¦è¨€è‘‰ã¯èžã„ãŸã“ã¨ã‚ã‚‹ã‹ãªï¼Ÿã€€æ—¥æœ¬èªžã§ã€Œä½¿ã„ã‚„ã™ã•ã€ã£ã¦æ„味ãªã‚“ã ã‘ã©ã€åˆ©ç”¨è€…ãŒã„ã‹ã«ã‚¹ãƒˆãƒ¬ã‚¹ãªãã€ä¾¿åˆ©ã§ç°¡å˜ã§ç›´æ„Ÿçš„ãªæ“作ãŒã§ãã‚‹ã‹ã€ã£
RED LINE : ã“ã©ã‚‚ã®ã„ã‚“ãŸãƒ¼ãã£ã¨ãã†ã• - livedoor Blog（ブãƒã‚°ï¼‰
åä¾›å‘ã‘ã®ã‚µã‚¤ãƒˆã‚’作るã¨ãã®å供視点ã§ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚„æ“作ã®è©±ãªã‚“ã‹ã¯ãŸã¾ã«è¦‹ã‹ã‘ãŸã‚Šã™ã‚‹ã‚“ã ã‘ã©ã€å®Ÿéš›è‡ªåˆ†ã®åä¾›ãŒã©ã†ã‚„ã£ã¦ã‚µã‚¤ãƒˆæ“作を行ã£ã¦ã„ã‚‹ã‹ã‚’観察ã—ãŸãƒ¡ãƒ¢ã€‚ ã€å¯¾è±¡ã€‘ ・４æ³å… ・èªã‚ã‚‹æ–‡å—ã¯ã²ã‚‰ãŒãªã€ã‚«ã‚¿ã‚«ãƒŠã€ã‚¢ãƒ«ãƒ•ã‚¡ãƒ™ãƒƒãƒˆï¼ˆå¤§æ–‡å—） ・クリックã€ãƒ€ãƒ–ルクリックã¯ç¿’得済㿠â—自分ã«é–¢ä¿‚ã‚ã‚‹ã‚‚ã®ã‹ã€ãã†ã§ãªã„ã‚‚ã®ã‹è¦‹æ¥µã‚る（決ã‚付ã‘る）ã®ãŒæ—©ã„。 â—自分ã«é–¢ä¿‚ãªã„ã¨åˆ¤æ–ã—ãŸã‚‚ã®ã«ã¯è¦‹å‘ãã‚‚ã—ãªã„。 â—ãŸã¨ãˆç°¡å˜ãªæ–‡ç« ã§ã‚‚é•·æ–‡ã¯èªã¾ãªã„（èªã‚ãªã„）。 â—åŒã˜ãらã„ã®é‡ã®ãƒ†ã‚ストã§ã‚‚ç”»åƒåŒ–ã•ã‚ŒãŸæ–‡å—ã¯èªã‚€ãŒæ™®é€šã®ãƒ†ã‚ストã¯èªã¾ãªã‹ã£ãŸã‚Šã™ã‚‹ã€‚ â—フラッシュã€éŸ³ã€å‹•ãã‚‚ã®å…¨èˆ¬ãŒå¥½ã。 â—クリックã§ãã‚‹å ´æ‰€ã®å…ˆå…¥è¦³ãŒã¾ã ãªã„ã®ã§è‡ªåˆ†ã§æŽ¢ã—ã¾ãる。ã„ãらã§ã‚‚クリックã—ãªãŒã‚‰æŽ¢ã—ã¾ãる。 â—テã‚ストリンクよりも画åƒãƒªãƒ³ã‚¯ãŒå¥½ã。 â—ãƒãƒƒãƒˆã®å¸¸è˜ã‚’知らãªã„ã®ã§ãƒªãƒ³ã‚¯ãƒ†ã‚ストãŒã©ã®éƒ¨åˆ†ã‹æŠŠæ¡ã—ãã‚Œã¦
検索æ¡ä»¶ã®å…¥åŠ›ç”»é¢ã§é…æ…®ã—ãŸã„インターフェース例 (ユーザビリティ実践メモ)
ユーザã«2ã¤ã®é¸æŠžæ–¹æ³•ã‚’æ示ã™ã‚‹ã“ã¨ãŒã€ã‹ãˆã£ã¦ãƒ¦ãƒ¼ã‚¶ã‚’é©åˆ‡ã§ãªã„行動ã«å°Žã„ã¦ã—ã¾ã†ã“ã¨ã‚‚ã‚ã‚Šã¾ã™ã€‚今回ã¯æ¤œç´¢æ¡ä»¶ã®å…¥åŠ›ç”»é¢ã‚’用ã„ã¦ã€ãã®ä¸€ä¾‹ã‚’ã”紹介ã—ã¾ã™ã€‚ 図1ã®ã‚ˆã†ãªç”»é¢æ§‹æˆã§ã€ ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚’é¸ã‚“ã§ã‹ã‚‰é¸æŠžãƒœã‚¿ãƒ³ã‚’クリックã™ã‚‹ã¨ã€ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ãŒOnã¨ãªã£ã¦ã„る駅åã§æ¤œç´¢ã‚’実行（=複数é¸æŠžãŒå¯èƒ½ï¼‰é’å—下線をクリックã™ã‚‹ã¨ã€ãã®é§…åã®ã¿ã§æ¤œç´¢ã‚’実行ã¨ã„ã†æ©Ÿèƒ½ã«ãªã£ã¦ã„ãŸã¨ã—ã¾ã™ã€‚ ã“ã®éš›ã«è¡Œã£ãŸãƒ¦ãƒ¼ã‚¶ãƒ“リティ調査ã§ã¯ã€æ¸‹è°·ã‹æ–°å®¿ã‹æ± 袋ã§ã‚ã‚Œã°ã©ã“ã§ã‚‚構ã‚ãªã„ã€ã¨ã„ã£ãŸã‚ˆã†ãªè¤‡æ•°ã®é¸æŠžè‚¢ã‚’æŒã¤ãƒ‹ãƒ¼ã‚ºãŒå¤šã見られãŸã«ã‚‚é–¢ã‚らãšã€é’å—下線ã®ãƒªãƒ³ã‚¯ã‚’最åˆã«ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã‚±ãƒ¼ã‚¹ãŒåº¦ã€…観察ã•ã‚Œã¾ã—ãŸã€‚� ã“ã®ç”»é¢æ§‹æˆã®å ´åˆã€ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã‚ˆã‚Šã‚‚é’å—下線リンクã®æ–¹ãŒã‚¢ãƒ•ã‚©ãƒ¼ãƒ€ãƒ³ã‚¹ãŒé«˜ã„ãŸã‚ã€å¤šãã®ãƒ¦ãƒ¼ã‚¶ã¯é ã«æ€ã„æµ®ã‹ã‚“ã 駅åをページ内ã§è¦‹ã¤ã‘ã‚‹ã¨ã€æ¬¡ã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã¨ã—ã¦é’å—下線リンクをクリック
æºå¸¯ã‚µã‚¤ãƒˆã§ã¯èª¤ã‚¯ãƒªãƒƒã‚¯ã«ã”用心 (ユーザビリティ実践メモ)
æºå¸¯ã‚µã‚¤ãƒˆã‚’使ã£ã¦ã„ã‚‹ã¨ãã€æ“作ã‚ーを連打ã—ã™ãŽã¦ãƒªãƒ³ã‚¯ã‚’押ã—é–“é•ãˆãŸçµŒé¨“ã¯ã‚ã‚Šã¾ã›ã‚“ã‹ã€‚æºå¸¯ã‚µã‚¤ãƒˆã‚’è¨è¨ˆã™ã‚‹éš›ã¯ã€ã“ã®ã‚ˆã†ãªã€Œèª¤ã‚¯ãƒªãƒƒã‚¯ã€ã«é…æ…®ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ ã“ã®ã‚ˆã†ãªç”»é¢ã§ã¯ã€Œæˆ»ã‚‹ã€ã‚„「ã‚ャンセルã€ãƒœã‚¿ãƒ³ãŒã‚»ãƒƒãƒˆã§é…ç½®ã•ã‚Œã¦ã„ã‚‹ã“ã¨ãŒä¸€èˆ¬çš„ã§ã‚ã‚Šã€ç”»é¢ã‚’作る際ã¯ã€Œæˆ»ã‚‹ã€ãƒœã‚¿ãƒ³ãŒé–“é•ã£ã¦ã‚¯ãƒªãƒƒã‚¯ã•ã‚Œãªã„よã†é…æ…®ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã—ã‹ã—ã€æºå¸¯ã‚µã‚¤ãƒˆã§ã¯ãƒªãƒ³ã‚¯ã®ä¸€ã¤ä¸€ã¤ã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ãŒå½“ãŸã£ã¦ã—ã¾ã†ãŸã‚ã€ãƒªãƒ³ã‚¯ãŒéš£æŽ¥ã—ã¦é…ç½®ã•ã‚Œã¦ã„ã‚‹å ´åˆã¯ç‰¹ã«ã€Œå‹¢ã„ä½™ã£ã¦ã®èª¤ã‚¯ãƒªãƒƒã‚¯ã€ãŒç™ºç”Ÿã™ã‚‹æã‚ŒãŒé«˜ããªã‚‹ã®ã§ã™ã€‚ æ“作ã‚ーã§æ“作をã™ã‚‹é™ã‚Šã€ã“ã®å•é¡Œã®æŠœæœ¬çš„ãªè§£æ±ºã¯é›£ã—ã„ã®ã§ã™ãŒã€ä»¥ä¸‹ã®ã‚ˆã†ãªæ¬¡å–„ã®ç–ã‚’ã¨ã‚‹ã“ã¨ã¯ã§ãã¾ã™(※効果ã¯æ©Ÿç¨®ã«ä¾å˜ã—ã¾ã™)。 「戻るã€ã‚„「ã‚ャンセルã€ã¯ãƒœã‚¿ãƒ³ã§ã¯ãªãリンクã«ã™ã‚‹ ボタンよりもリンクã®æ–¹ãŒã€ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ãŒå½“ãŸã£ã¦ã„ã‚‹ã“ã¨ã‚’èªè˜ã—ã‚„ã™ã„ãŸã‚ã§ã™ã€‚ 「申ã—è¾¼
RobotReplay - The Next Generation of Web Analytics
Where Are Your Visitors Going? RobotReplay lets you record and watch your website visitors in action. View recorded sessions of every mouse movement, click and keystroke: Improve your site's usability See where your readers get bored Convert more visitors to buyers It's usability testing for the rest of us. Add RobotReplay to your site! It's free and super easy to use! Mouse Gestures Rep
FormAssembly: Secure Online Forms - Data Collection and Form Builder
Transform your outdated processes and empower essential business initiatives with FormAssembly forms and Workflow. FormAssembly Workflow The new age of data collection Imagine a world where work just flows. It's possible with FormAssembly Workflow, the new solution that'll change the way you work for the better. With Workflow, teams can visually map out the flow of data to enable better decision m
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
https://www.openvista.jp/archives/note/2009/flexible-web/?2009/flexible-web/
https://www.openvista.jp/archives/note/257/?257/
The Tabbed Breadcrumb Navigation
ソシオメディア | UIデザインパターン
{{#tags}}- {{label}}
{{/tags}}