Tough & Competent - Strategically-Driven Digital Marketing
Strategy & Brand Management for Digital-First OrganisationsThe humble tortoise. It's not the obvious choice for any situation. It isn't fast. It's not woman's or man's best friend. You can't teach a young tortoise new tricks. Yet the humble tortoise is not without merit. It's dependable. Tough. Competent. Steady. Long-lasting. That's why we like it. A good idea, executed consistently and intellige
10 Useful Usability Findings and Guidelines — Smashing Magazine
Everyone would agree that usability is an important aspect of Web design. Whether you’re working on a portfolio website, online store or Web app, making your pages easy and enjoyable for your visitors to use is key. Many studies have been done over the years on various aspects of Web and interface design, and the findings are valuable in helping us improve our work. Here are 10 useful usability fi
ユーザビリティã«é–¢ã™ã‚‹ï¼‘ï¼ã®ç™ºè¦‹ã¨ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ - Radium Software
Smashing Magazine - 10 Useful Usability Findings and Guidelines Smashing Magazine ã«ã‚ˆã‚‹ï¼Œã‚¦ã‚§ãƒ–ã®ãƒ¦ãƒ¼ã‚¶ãƒ“リティã«é–¢ã—ã¦å½¹ç«‹ã¤ç™ºè¦‹ã‚’１ï¼å€‹ã¾ã¨ã‚ãŸè¨˜äº‹ã€‚ã©ã‚Œã‚‚ç°¡æ½”ã«ã¾ã¨ã¾ã£ã¦ã„ã¦ï¼ŒãªãŠã‹ã¤ã¡ã‚‡ã£ã¨æ„外ãªè©±ãªã‚“ã‹ã‚‚ã‚ã£ãŸã‚Šã—ã¦é¢ç™½ã„。 個人的ã«èˆˆå‘³æ·±ã‹ã£ãŸã®ã¯ã€Œç”»åƒã®ä¸ã«äººã®é¡”ãŒã‚ã‚‹ã¨ï¼Œãã®é¡”ã®å‘ããŒèªè€…ã®ç›®ã®å‹•ãã«å½±éŸ¿ã‚’与ãˆã‚‹ã€ã¨ã„ã†è©±ã€‚人ã®é¡”（特ã«ç›®ã®éƒ¨åˆ†ï¼‰ã«ç›®ãŒç•™ã¾ã‚Šã‚„ã™ã„ã¨ã„ã†ã®ã¯ã‚ˆãèžã話ã ã‘ã‚Œã©ï¼Œãã®é¡”ã®æ–¹å‘ãŒä»–ã®è¦ç´ ã«å½±éŸ¿ã‚’与ãˆã†ã‚‹ã¨ã„ã†ã®ã¯ï¼Œèžã„ãŸäº‹ã®ãªã„話ã ã£ãŸã€‚
マックã®æ–°ã‚µã‚¤ãƒˆã‚‚å°Žå…¥ã—ãŸã€ŒLPOã€å¯¾ç–ã¨ã¯ï¼Ÿ
Webサイトã®ãƒšãƒ¼ã‚¸ãƒ“ューãŒãªã‹ãªã‹ä¼¸ã³ãªã„。アクセス解æžã‚’ã™ã‚‹ã¨ã€ã›ã£ã‹ãサイトã«æ¥ã¦ãã‚ŒãŸè¨ªå•å®¢ã®å¤šããŒã€ãƒšãƒ¼ã‚¸ã‚’é–‹ã„ã¦ã¯ã™ãã«å¸°ã£ã¦ã—ã¾ã£ã¦ã„るよã†ã ――。 「直帰率ã€ã‚„「離脱率ã€ã®å•é¡Œã‚’解決ã—ã€ã‚µã‚¤ãƒˆå†…ã®æ»žåœ¨æ™‚間を伸ã°ã—ãŸã‚Šã€æœ€çµ‚çš„ãªã‚³ãƒ³ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚’高ã‚る方法ã¨ã—ã¦æ³¨ç›®ã•ã‚Œã¦ã„ã‚‹ã®ãŒã€ŒLPO（Landing Page Optimization）ã€ã 。LPOã¨ã¯ã€æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ãªã©ã®å¤–部サイトã‹ã‚‰è¨ªã‚Œã‚‹äººãŒæœ€åˆã«é–‹ã“ç€åœ°ãƒšãƒ¼ã‚¸â€ã‚’最é©åŒ–ã™ã‚‹ã“ã¨ã€‚ã‚‚ã†å°‘ã—具体的ã«ã„ãˆã°ã€æ¤œç´¢ã‚ーワードã«ã‚ˆã£ã¦ãƒšãƒ¼ã‚¸ã®å†…容を一部を書ãæ›ãˆãŸã‚Šã€é–¢é€£æ€§ã®é«˜ã„ページã¸èª˜å°Žã™ã‚‹æ–¹æ³•ã 。 ã“ã®LPOã®ä»•çµ„ã¿ã‚’æ–°ãŸã«å–り入れãŸã®ãŒã€9月25æ—¥ã«ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã•ã‚ŒãŸæ—¥æœ¬ãƒžã‚¯ãƒ‰ãƒŠãƒ«ãƒ‰ã®Webサイト（http://www.mcdonalds.co.jp/）ã 。以å‰ã®ç™½ã‚’基調ã¨ã—ãŸãƒãƒƒãƒ—ãªã‚¤ãƒ¡ãƒ¼ã‚¸ã‹ã‚‰ã€ãƒ–ラウンをベースã«ã—
フォームã®ãƒ•ãƒªã‚¬ãƒŠã‚’自動入力ã•ã›ã‚‹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
CAPTCHAã¯æ„šç–:江島å¥å¤ªéƒŽ / Kenn's Clairvoyance - CNET Japan
最近よã†ã‚„ãåˆç´šãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã‚’å’æ¥ã§ããŸæ‰‹å¿œãˆã®ã‚ˆã†ãªã‚‚ã®ã‚’æ„Ÿã˜ã¦ãŠã‚Šã€ã„よã„よコードをèªã¿æ›¸ãã™ã‚‹ã®ãŒæ¥½ã—ãã¦ã—ょã†ãŒãªã„段階ã«ãªã£ã¦ã¾ã„ã‚Šã¾ã—ãŸã€‚ ã“ã†ã„ã†ã¨ãã€Rubyã¯åˆå¿ƒè€…ã«ã‚‚ã‚„ã•ã—ã„ã‘ã©ã€ä¸Šé”ã™ã‚Œã°ã©ã“ã¾ã§ã‚‚上ã®ã‚¹ãƒ†ãƒ¼ã‚¸ãŒç”¨æ„ã•ã‚Œã¦ã„るよã†ãªã€ã¾ã‚‹ã§è‡ªç„¶è¨€èªžã®ã‚ˆã†ãªãªã‚らã‹ã•ãƒ»ã—ãªã‚„ã‹ã•ãŒã‚ã£ã¦ã€ã»ã‚Œã¼ã‚Œã¨ã—ã¾ã™ã€‚デザインã®ç¾Žã—ã„ã‚‚ã®ã«è§¦ã‚Œã¦ã„ã‚‹ã¨ãã«ã¯äººé–“ã¯ã“ã‚“ãªã«ã‚‚幸ã›ã«ãªã‚Œã‚‹ã®ã‹ã€ã¨ã„ã†æ„Ÿã˜ã§ã™ã。ã¨ãã«ã€ä»Šå›žã®ãƒ–ãƒã‚°ãƒã‚¿ã¯ã€ãƒ‡ã‚¶ã‚¤ãƒ³ã®æ‚ªã„ã‚‚ã®ã«å‡ºä¼šã†ã¨ã“ã‚“ãªã«ã‚‚気分ãŒæ‚ªããªã‚‹ã®ã‹ã€ã¨ã„ã†è©±ãªã®ã§ã™ãŒã€‚ ãªãŠã€æ–°ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã§ã¯ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®ã‚¯ãƒªã‚¹ã®å‹§ã‚ã§Hamlを使ã†ã“ã¨ã«ã—ãŸã‚Šã€ã‚¢ãƒ¼ã‚テクトã®ãƒ€ãƒ‹ãƒ¼ã®è¨è¨ˆã§Javascriptã«Publish-Subscribeåž‹ã®ï¼ˆã¤ã¾ã‚Šä¸€å¯¾å¤šã®ï¼‰ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯ã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークを作ã£ã¦ã¿ãŸã‚Šã€ReallySimpleHistoryを使ã„
目次：ITpro - 技術者視点ã®ãƒ¦ãƒ¼ã‚¶ãƒ“リティ考
使ã„ã‚„ã™ã„サイトを作るã®ã¯ï¼Œãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã ã‘ã®å•é¡Œã§ã¯ã‚ã‚Šã¾ã›ã‚“。エンジニアã¨ã—ã¦ã‚µã‚¤ãƒˆæ§‹ç¯‰ã«ã‹ã‹ã‚ã£ã¦ã„ã‚‹ç†è€…ãŒï¼Œæ—¥ã”ã‚ã¶ã¤ã‹ã£ãŸå•é¡Œã‚’ãƒã‚¿ã«ã˜ã£ãり考ãˆã¦ã„ãã¾ã™ã€‚ ・第33å›žã€€ãƒªãƒ”ãƒ¼ã‚¿ãƒ¼å¢—åŠ ã‚’é˜»ã‚€ã€Œé¢å€’ãã•ã•ã€ã®å£ã€€ã‚るウェブサービスをåˆã‚ã¦ä½¿ã£ãŸäººãŒã€Œã—ã°ã‚‰ã使ã£ã¦ã¿ã‚ˆã†ã€ã¨æ€ã£ã¦ãã‚Œã¦ã‚‚，「é¢å€’ãã•ã•ã€ã®å£ã«é˜»ã¾ã‚Œã¦æ¬¡ç¬¬ã«ã‚µãƒ¼ãƒ“スã®åˆ©ç”¨ã‹ã‚‰é ã–ã‹ã£ã¦ã„ãã“ã¨ã¯ã‚ˆãã‚ã‚Šã¾ã™ã€‚ブラウザを利用ã—ãªã„ã‚‚ã®ã‚’å«ã‚€ï¼Œã•ã¾ã–ã¾ãªã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã‚’æä¾›ã™ã‚‹ã“ã¨ã§ï¼Œãã®é¢å€’ãã•ã•ã‚’乗り越ãˆã‚‰ã‚Œã‚‹ã®ã§ã¯ãªã„ã‹ï¼Œã¨ã„ã†ä»®èª¬ã®ã‚‚ã¨ï¼Œã„ãã¤ã‹ã®ä¾‹ã‚’紹介ã—ã¾ã™ã€‚ ・第32回　リダイレクトã®æ£ã—ã„使ã„æ–¹ã¨ã¯ã€€ã‚るページ（URL）ã«ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ã¨ï¼Œè‡ªå‹•çš„ã«ã»ã‹ã®ãƒšãƒ¼ã‚¸ã«ã‚¸ãƒ£ãƒ³ãƒ—ã™ã‚‹ãƒªãƒ€ã‚¤ãƒ¬ã‚¯ãƒˆã¯ï¼Œã‚¦ã‚§ãƒ–サイトを構築ã™ã‚‹ã†ãˆã§éžå¸¸ã«é‡è¦ãªä»•çµ„ã¿ã§ã™ã€‚ã—ã‹ã—，ユーザーã®çŸ¥ã‚‰ãªã„ã†ã¡ã«ãƒšãƒ¼ã‚¸ã®ç§»å‹•ã‚’è¡Œã†ãŸã‚，ユーザーを戸
ウノウラボ Unoh Labs: フォームã®ãƒ¦ãƒ¼ã‚¶ãƒ“リティを改善ã™ã‚‹10ã®Tips
GT Nitro: Car Game Drag Raceã¯ã€å…¸åž‹çš„ãªã‚«ãƒ¼ã‚²ãƒ¼ãƒ ã§ã¯ã‚ã‚Šã¾ã›ã‚“。ã“ã‚Œã¯ã‚¹ãƒ”ードã€ãƒ‘ワーã€ã‚¹ã‚ル全開ã®ã‚«ãƒ¼ãƒ¬ãƒ¼ã‚¹ã‚²ãƒ¼ãƒ ã§ã™ã€‚ブレーã‚ã¯å¿˜ã‚Œã¦ã€ã“ã‚Œã¯ãƒ‰ãƒ©ãƒƒã‚°ãƒ¬ãƒ¼ã‚¹ã€ãƒ™ã‚¤ãƒ“ーï¼å¤å…¸çš„ãªã‚¯ãƒ©ã‚·ãƒƒã‚¯ã‹ã‚‰æœªæ¥çš„ãªãƒ“ーストã¾ã§ã€æœ€ã‚‚クールã§é€Ÿã„車ã¨ã‚«ãƒ¼ãƒ¬ãƒ¼ã‚¹ã§ãã¾ã™ã€‚スティックシフトをマスターã—ã€ãƒ‹ãƒˆãƒã‚’è³¢ã使ã£ã¦ç«¶äº‰ã‚’打ã¡ç ´ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã“ã®ã‚«ãƒ¼ãƒ¬ãƒ¼ã‚¹ã‚²ãƒ¼ãƒ ã¯ãã®ãƒªã‚¢ãƒ«ãªç‰©ç†å¦ã¨ç´ 晴らã—ã„グラフィックスã§ã‚ãªãŸã®å¿ƒã‚’爆発ã•ã›ã¾ã™ã€‚ã“ã‚Œã¾ã§ãƒ—レイã—ãŸã“ã¨ã®ãªã„よã†ãªã‚‚ã®ã§ã™ã€‚ GT Nitroã¯ã€ãƒªãƒ•ãƒ¬ãƒƒã‚¯ã‚¹ã¨ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã‚’試ã™ã‚«ãƒ¼ãƒ¬ãƒ¼ã‚¹ã‚²ãƒ¼ãƒ ã§ã™ã€‚æ£ã—ã„瞬間ã«ã‚®ã‚¢ã‚’シフトã—ã€ã‚¬ã‚¹ã‚’æ€ã„切りè¸ã‚€å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã¾ãŸã€å¤§ç‰©ãŸã¡ã¨ç«¶ã„ã¤ã¤ã€è»Šã®ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã¨ã‚¢ãƒƒãƒ—グレードも行ã‚ãªã‘ã‚Œã°ãªã‚Šã¾ã›ã‚“。世界ä¸ã§æœ€é«˜ã®ãƒ‰ãƒ©ã‚¤ãƒãƒ¼ã¨è»Šã¨ã‚«ãƒ¼ãƒ¬ãƒ¼ã‚¹ã«æŒ‘ã‚€ã“ã¨ã«ãªã‚Šã€ãƒ‰ãƒ©ãƒƒã‚°ãƒ¬ãƒ¼ã‚¹ã®çŽ‹å†
スクリプトOFFã§ã‚‚ã¡ã‚ƒã‚“ã¨é–²è¦§ã§ãるよã†ã«ã€€ã‚µãƒ–ウインドウを開ã弊害ã¨å¯¾ç– - ［ホームページ作æˆï¼½All About
JavaScriptを使ã†ã¨ã€ã‚µã‚¤ã‚ºã®å°ã•ãªã‚¦ã‚¤ãƒ³ãƒ‰ã‚¦ãªã©ã€Œã‚µãƒ–ウインドウã€ã‚’é–‹ãã“ã¨ãŒã§ãã¾ã™ã€‚ 使ã„æ–¹ã«ã‚ˆã£ã¦ã¯ä¾¿åˆ©ãªæ©Ÿèƒ½ã§ã™ãŒã€ã„ã‚ã„ã‚ã¨å•é¡Œã‚‚ã‚ã‚Šã¾ã™ã€‚ JavaScriptã‚’OFFã«ã—ã¦ã„ã‚‹ã¨ãƒªãƒ³ã‚¯å…ˆãŒé–²è¦§ã§ããªã„ 別ウインドウã§è¡¨ç¤ºã•ã›ãŸã„ã¨æ€ã£ã¦ã‚‚ã§ããªã„ ステータスãƒãƒ¼ã«ãƒªãƒ³ã‚¯å…ˆURLãŒè¡¨ç¤ºã•ã‚Œãªã„ …ãªã©ã®å•é¡ŒãŒã‚ã‚Šã¾ã™ã€‚ 今回ã¯ã€ã“れらã®å•é¡Œã‚’ã™ã¹ã¦è§£æ±ºã—ãŸã‚µãƒ–ウインドウã®é–‹ã方をã”紹介致ã—ã¾ã™ã€‚
ウノウラボ Unoh Labs: ユーザビリティã£ã¦ä½•ã ã‚ã†ï¼Ÿï¼ˆåŸºæœ¬ã®ã¾ã¨ã‚）
GT Nitro: Car Game Drag Raceã¯ã€å…¸åž‹çš„ãªã‚«ãƒ¼ã‚²ãƒ¼ãƒ ã§ã¯ã‚ã‚Šã¾ã›ã‚“。ã“ã‚Œã¯ã‚¹ãƒ”ードã€ãƒ‘ワーã€ã‚¹ã‚ル全開ã®ã‚«ãƒ¼ãƒ¬ãƒ¼ã‚¹ã‚²ãƒ¼ãƒ ã§ã™ã€‚ブレーã‚ã¯å¿˜ã‚Œã¦ã€ã“ã‚Œã¯ãƒ‰ãƒ©ãƒƒã‚°ãƒ¬ãƒ¼ã‚¹ã€ãƒ™ã‚¤ãƒ“ーï¼å¤å…¸çš„ãªã‚¯ãƒ©ã‚·ãƒƒã‚¯ã‹ã‚‰æœªæ¥çš„ãªãƒ“ーストã¾ã§ã€æœ€ã‚‚クールã§é€Ÿã„車ã¨ã‚«ãƒ¼ãƒ¬ãƒ¼ã‚¹ã§ãã¾ã™ã€‚スティックシフトをマスターã—ã€ãƒ‹ãƒˆãƒã‚’è³¢ã使ã£ã¦ç«¶äº‰ã‚’打ã¡ç ´ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã“ã®ã‚«ãƒ¼ãƒ¬ãƒ¼ã‚¹ã‚²ãƒ¼ãƒ ã¯ãã®ãƒªã‚¢ãƒ«ãªç‰©ç†å¦ã¨ç´ 晴らã—ã„グラフィックスã§ã‚ãªãŸã®å¿ƒã‚’爆発ã•ã›ã¾ã™ã€‚ã“ã‚Œã¾ã§ãƒ—レイã—ãŸã“ã¨ã®ãªã„よã†ãªã‚‚ã®ã§ã™ã€‚ GT Nitroã¯ã€ãƒªãƒ•ãƒ¬ãƒƒã‚¯ã‚¹ã¨ã‚¿ã‚¤ãƒŸãƒ³ã‚°ã‚’試ã™ã‚«ãƒ¼ãƒ¬ãƒ¼ã‚¹ã‚²ãƒ¼ãƒ ã§ã™ã€‚æ£ã—ã„瞬間ã«ã‚®ã‚¢ã‚’シフトã—ã€ã‚¬ã‚¹ã‚’æ€ã„切りè¸ã‚€å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã¾ãŸã€å¤§ç‰©ãŸã¡ã¨ç«¶ã„ã¤ã¤ã€è»Šã®ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã¨ã‚¢ãƒƒãƒ—グレードも行ã‚ãªã‘ã‚Œã°ãªã‚Šã¾ã›ã‚“。世界ä¸ã§æœ€é«˜ã®ãƒ‰ãƒ©ã‚¤ãƒãƒ¼ã¨è»Šã¨ã‚«ãƒ¼ãƒ¬ãƒ¼ã‚¹ã«æŒ‘ã‚€ã“ã¨ã«ãªã‚Šã€ãƒ‰ãƒ©ãƒƒã‚°ãƒ¬ãƒ¼ã‚¹ã®çŽ‹å†
fladdict.net blog: 質å•åŽ¨æˆ¿ãŒã‚¦ã‚¶ã‚¤ã®ã¯ã€ã‚µã‚¤ãƒˆã®è¨è¨ˆã«å•é¡ŒãŒã‚ã‚‹ã‚“ã˜ã‚ƒãªã„ã®ã‹
ãŸã¾ã«flashç³»ã®è³ªå•ãƒ•ã‚©ãƒ¼ãƒ©ãƒ ã¨ã‹è¦‹ã¦ã‚‹ã¨ã€ç‰©å‡„ã„レベルã®ä¸æ¯›ãªã‚„ã‚Šå–ã‚Šã°ã‹ã‚Šã‚’目撃ã™ã‚‹ã€‚ 「ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒåˆ¤ã‚Šã¾ã›ã‚“ã€æ˜Žè¨˜ã—ã¦ãã ã•ã„〠「ãªã«ã‚’ã©ã†æ¤œè¨¼ãªã•ã£ãŸã®ã§ã—ょã†ã‹ã€ 「テスト環境をãŠæ•™ãˆã—ã¦ãã ã•ã„〠「ãã‚Œã§ã¯åˆ¤ã‚Šã¾ã›ã‚“ã€ã‚‚ã£ã¨å…·ä½“çš„ã«æ•™ãˆã¦ãã ã•ã„〠ã‚ã‚Œã£ã¦ã€è³ªå•è€…以å‰ã«ã‚µã‚¤ãƒˆã®è¨è¨ˆã«æ€ æ…¢ã‹ã€å•é¡ŒãŒã‚ã‚‹ã‚“ã˜ã‚ƒãªã„ã®ï¼Ÿã¨ã‹æ€ã†ä»Šæ—¥ã“ã®ã”ã‚。 ã„ãら注æ„ã—ã¦ã‚‚直らãªã„ã€èª°ã‚‚ãŒãã†ã™ã‚‹ã€ã¨ã„ã†ã®ãªã‚‰ã°æ‚ªã„ã®ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ã§ã¯ãªãデザインã ã¨ã€ãƒ€ãƒ‹ã‚¨ãƒ«ãƒ»ãƒŽãƒ¼ãƒžãƒ³å…ˆç”Ÿã‚‚ä»°ã£ã¦ã‚‹ã€‚ フォームã§ãã‚Œã¯æ”¹å–„ã§ãã‚‹ã®ã§ã¯ãªã„ã‹ã¨ã€‚ 例ãˆã°åˆå¿ƒè€…ヘルプフォームã®ã€åˆæœŸæŠ•ç¨¿ã‚’ã“ã‚“ãªé¢¨ã«ã™ã‚‹ã ã‘ã§ã‚‚ã€ã‚„ã‚Šå–ã‚Šã¯ã ã„ã¶ã‚¹ãƒ ーズã«ãªã‚‹ã¯ãšï¼ˆï¼‘ï¼åˆ†ãらã„ã§é©å½“ã«ä½œã£ãŸã‚„ã¤ã ã‘ã©ï¼‰
ユーザーã¯ã‚µã‚¤ãƒˆã®ã“ã“を見ã¦ã„ã‚‹ | ユーザー視点ã®ã‚¦ã‚§ãƒ–デザインガイド | Web担当者Forum
サイトを訪れãŸãƒ¦ãƒ¼ã‚¶ãƒ¼ã®æƒ…å ±é–²è¦§ã«ã¯ã€ã„ãã¤ã‹ã®åŸºæœ¬çš„ãªè¡Œå‹•ãƒ‘ターンãŒå˜åœ¨ã™ã‚‹ã€‚サイトã®æ€§è³ªã«ã‚‚å·¦å³ã•ã‚Œã‚‹éƒ¨åˆ†ã¯ã‚ã‚‹ãŒã€ä»¥ä¸‹ã«æŒ™ã’ã‚‹ãƒã‚¤ãƒ³ãƒˆã‚’è¸ã¾ãˆã¦ç”»é¢ã‚’作æˆã™ã‚‹ã“ã¨ã§ã€ã‚¹ãƒ ーズã«ã‚µã‚¤ãƒˆã‚’見ã¦ã‚‚らãˆã‚‹ã‚ˆã†ã«ãªã‚‹æ©Ÿä¼šãŒãã£ã¨å¢—ãˆã‚‹ã¯ãšã 。 ï¼»1］ナビゲーションã§ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚’誘導ã§ãã‚‹ã¨æ€ã£ãŸã‚‰å¤§é–“é•ã„「グãƒãƒ¼ãƒãƒ«ãƒŠãƒ“ゲーションãŒè¨ç½®ã•ã‚Œã¦ã„ã‚‹ã®ã ã‹ã‚‰ã€å½“然ユーザーã¯ãã“ã‹ã‚‰ãƒªãƒ³ã‚¯ã‚’辿ã£ã¦ãれるã¯ãšã ã€ã¨æ€ã£ã¦ã„ã‚‹æ–¹ã¯ã„ãªã„ã ã‚ã†ã‹ã€‚ 数多ãã®ãƒ¦ãƒ¼ã‚¶ãƒ“リティテストを実施ã—ã¦ã„ã¦æ¯Žå›žç—›æ„Ÿã™ã‚‹ã®ãŒã€ã€Œãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ãƒŠãƒ“ゲーションをãªã‹ãªã‹è¦‹ãªã„ã€ã¨ã„ã†ç‚¹ã§ã‚る。ã“ã‚Œã¯ãªãœã‹ã€‚ ユーザーã¯ã€ã‚ãã¾ã§ã‚µã‚¤ãƒˆã®ã€Œã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã€ã‚’見ã«æ¥ã¦ã„る。ãã®ãŸã‚ã€ãƒŠãƒ“ゲーションã¯å¸¸ã«å¾Œå›žã—ã«ã•ã‚Œã¦ã—ã¾ã†ã®ã§ã‚る。後回ã—ã«ã•ã‚Œã¦ã€ãã‚Œã§ã‚‚å¿…ãšè¦‹ã¦ãれるã®ã§ã‚ã‚Œã°ã¾ã よã„。ã—ã‹ã—ç¾å®Ÿã«ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ã‚³ãƒ³ãƒ†ãƒ³ãƒ„部分をã–ã£ã¨è¦‹ã¦
「使ãˆã‚‹ã€ä½¿ã„ã‚„ã™ã„ã€ä½¿ã„ãŸã„ã€ã¨æ€ãˆã‚‹UIã¨ã¯ï¼Ÿ - @IT
最新トレンドやã‚ーワードをã‚ã‹ã‚Šã‚„ã™ã解説 WCR Watch ï¼»15ï¼½ 「使ãˆã‚‹ã€ä½¿ã„ã‚„ã™ã„ã€ä½¿ã„ãŸã„〠ã¨æ€ãˆã‚‹UIã¨ã¯ï¼Ÿ アドビシステムズ ä¸Šæ¡ æ™ƒå® 2006/8/31 ã“ã“æ•°å¹´ã€ãƒªãƒƒãƒã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆæŠ€è¡“ã¨ã—ã¦Flashã‚„Flexを採用ã™ã‚‹ä¾‹ãŒæ€¥é€Ÿã«å¢—åŠ ã—ã¦ã„る。ã“ã®çŠ¶æ³ã®èƒŒæ™¯ã¨ã—ã¦ã¯ã€ã‚¢ãƒ—リケーション開発ã«ãŠã‘る“使ã„ã‚„ã™ã•â€ã®å®Ÿç¾ãŒé‡è¦ãªè¦ä»¶ã®1ã¤ã¨ã—ã¦èªçŸ¥ã•ã‚Œã¤ã¤ã‚ã‚‹ã“ã¨ãŒæŒ™ã’られるã ã‚ã†ã€‚ ã—ã‹ã—ã€å˜ã«Flashï¼Flexを使ã£ãŸã‹ã‚‰ã¨ã„ã£ã¦ä½¿ã„å‹æ‰‹ã®è‰¯ã„ユーザーインターフェイスãŒã§ãã‚‹ã‚ã‘ã§ã¯ãªã„。例ãˆã°ã€ä½¿ã„ã«ãã‹ã£ãŸç”»é¢ã‚’“ãã®ã¾ã¾â€Flexã§ç½®ãæ›ãˆãŸã¨ã—ãŸã‚‰ã€å¾“æ¥ã‹ã‚‰ã®å•é¡Œç‚¹ã‚‚å†ç¾ã™ã‚‹ã“ã¨ã«ãªã‚‹ã€‚ã“ã‚Œã§ã¯æ”¹å–„ã¯æœ›ã‚ãªã„。画é¢è¨è¨ˆã‚’è¡Œã†å´ã«ã‚‚使ã„ã‚„ã™ã•ã‚’実ç¾ã™ã‚‹ãŸã‚ã®ã‚¢ãƒ—ãƒãƒ¼ãƒãŒæ±‚ã‚られるã ã‚ã†ã€‚ ã“ã“ã§æ³¨ç›®ã•ã‚Œã‚‹ã®ãŒã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ãƒ‡ã‚¶ã‚¤ãƒ³ï¼ˆXD）ã 。エクスペリエン
Webデザイン エンジニアリング---目次：ITpro
ã“ã®æ•°å¹´é–“ã§ï¼Œï¼ˆã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã®ç·ç§°ã¨ã—ã¦ã®ï¼‰Webã¯ç§ãŸã¡ã®ç”Ÿæ´»ã«æ·±ã関係ã™ã‚‹èº«è¿‘ãªãƒ„ールã«ãªã‚Šã¾ã—ãŸã€‚様々ãªæƒ…å ±ã‚’ï¼Œã“ã®ç’°å¢ƒã®ä¸Šã§é–²è¦§ã‚„æ“作ã§ãã‚‹ã“ã¨ã¯ï¼Œç‰¹åˆ¥ãªã‚‚ã®ã‹ã‚‰ï¼Œå¾ã€…ã«å½“ãŸã‚Šå‰ã§ï¼Œãªãã¦ã¯ãªã‚‰ãªã„モノã«å¤‰ã‚ã‚ã†ã¨ã—ã¦ã„ã‚‹ã¨è¨€ãˆã‚‹ã§ã—ょã†ã€‚ 特別ãªã‚‚ã®ã‹ã‚‰æ—¥å¸¸ã®ã‚‚ã®ã¸ã¨ã‚·ãƒ•ãƒˆã—ã¦ã„ãä¸ã§ï¼ŒWeb自体も大ãã変ã‚ã‚‹ã¹ãã¨ã“ã‚ãŒè¦‹ãˆã¦ãã¦ã„ã¾ã™ã€‚様々ãªã“ã¨ãŒæŒ™ã’られã¾ã™ãŒï¼Œåˆ©ç”¨è€…ã¨ã„ã†ç«‹å ´ã‹ã‚‰ã™ã‚Œã°ï¼Œã‚„ã¯ã‚Šã€Œãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ»ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ï¼ˆUI）ã€ãŒä¸€ç•ªã®é–¢å¿ƒäº‹ã§ã™ã€‚ 特定ã®ITリテラシã®é«˜ã„人ãŸã¡ã ã‘ãŒä½¿ã†ã‚‚ã®ã§ã¯ãªã„世界ã«çªå…¥ã™ã‚‹ä»¥ä¸Šï¼Œä½œã‚Šæ‰‹ã®å´ã®æ„è˜ã‚‚変化ã—ãªã‘ã‚Œã°ï¼Œãƒ‹ãƒ¼ã‚ºã«å¯¾å¿œã§ãã¾ã›ã‚“。ãã—ã¦ï¼Œã“ã†ã—ãŸWebアプリケーションã®å¤§é‡ç”Ÿç”£ã®æ™‚代ã«ã‚‚å…¥ã£ã¦ã„ã¾ã™ã€‚今ã‚ã‚‹Webアプリケーションã¯ï¼Œç§ãŸã¡ã®ç”Ÿæ´»ã‚’便利ã«ã—ã¦ãã‚Œã¦ã„ã¾ã™ãŒï¼Œã“ã‚Œã§å分ã§ã¯ãªã„ã®ã§ã™ã€‚ã‚‚ã£ã¨å¤šãã®åˆ†é‡Žã§ï¼Œã‚‚ã£ã¨
Webデザイン エンジニアリング 第16回　ボタンを押ã•ã›ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï¼šITpro
対象ã¨ã™ã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®â€œæ…£ã‚Œã‚„知è˜â€ã«ã‚ˆã£ã¦ï¼Œç”»é¢ã®æ§‹æˆã‚’変ãˆãŸã»ã†ãŒä¼ã‚ã‚Šã‚„ã™ã„ã¨ã™ã‚‹ãªã‚‰ã°ï¼Œç”»é¢ä¸Šã®ã€Œãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ»ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ï¼ˆUI）部å“ã€ã®è‰²ã‚„形状も，ユーザーã«å¿œã˜ã¦å¤‰ãˆã‚‹ã¹ãã§ã—ょã†ã€‚今回ã¯ï¼Œä»£è¡¨çš„ãªUI部å“ã§ã‚ã‚ŠãªãŒã‚‰ï¼Œãªã‹ãªã‹ä½œã‚Šæ‰‹ã®æ€ã†ã‚ˆã†ã«æŠ¼ã—ã¦ãã‚Œãªã„「ボタンã€ã«ã¤ã„ã¦è€ƒãˆã¾ã™ã€‚ ã‚ã‹ã‚Šã‚„ã™ã„ボタンã®å½¢çŠ¶ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã‚ˆã£ã¦é•ã† ã¾ãšï¼Œå‰å›žã¨ã»ã¼åŒã˜çµµã‚’用ã„ã¾ã™ã€‚Webシステムã®æ“作方法ã¸ã®ã€Œç†ŸçŸ¥åº¦ï¼ˆPCリテラシ）ã€ã‚’縦軸，「æä¾›ã—ãŸã„サービスã«å¯¾ã™ã‚‹çŸ¥è˜ã€ã‚’横軸ã¨ã—ã¾ã™ã€‚ãã—ã¦ï¼Œãã‚Œãžã‚Œã®ã€Œè»¸ã€ã«å¯¾ã—ã¦ï¼Œå—ã‘入れやã™ã„ã¨æ€ã‚れる「ボタンã€ã®å½¢çŠ¶ã‚’例記ã—ã¾ã—ãŸã€‚ 上図ã®ã€A】やã€B】ã®ã‚¿ã‚¤ãƒ—ã«å½“ã¦ã¯ã¾ã‚‹PCリテラシã®é«˜ã„ユーザーã¯ï¼Œãƒœã‚¿ãƒ³ã®â€œãƒ©ãƒ™ãƒ«â€ã«ã€Œsubmitã€ã¨æ›¸ã‹ã‚Œã¦ã„よã†ãŒã€ŒGOã€ã¨æ›¸ã‹ã‚Œã¦ã„よã†ãŒï¼Œãƒœã‚¿ãƒ³ã‚’èªè˜ã™ã‚‹ã“ã¨ã¯ã•ã»ã©è‹¦ã§ã¯ã‚ã‚Šã¾ã›ã‚“。 ã—ã‹ã—，PCã«
1
ãŠçŸ¥ã‚‰ã›
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
https://www.openvista.jp/archives/note/257/?257/
ソシオメディア | UIデザインパターン
ãªã¤ã¿ã‹ã‚“ï¼ ã¯ã¦ãª - ユーザビリティ関連記事 ã¾ã¨ã‚
un-q.net
{{#tags}}- {{label}}
{{/tags}}