The myth of the page fold: evidence from user testing | cxpartners
As web professionals, we all know that the concept of the page fold being an impenetrable barrier for users is a myth. Over the last 6 years we’ve watched over 800 user testing sessions between us and on only 3 occasions have we seen the page fold as a barrier to users getting to the content they want. In this article we’re going to break down the page fold myth and give some tips to ensure conten
Webデザイン エンジニアリング 第16回　ボタンを押ã•ã›ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï¼šITpro
対象ã¨ã™ã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®â€œæ…£ã‚Œã‚„知è˜â€ã«ã‚ˆã£ã¦ï¼Œç”»é¢ã®æ§‹æˆã‚’変ãˆãŸã»ã†ãŒä¼ã‚ã‚Šã‚„ã™ã„ã¨ã™ã‚‹ãªã‚‰ã°ï¼Œç”»é¢ä¸Šã®ã€Œãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ»ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ï¼ˆUI）部å“ã€ã®è‰²ã‚„形状も，ユーザーã«å¿œã˜ã¦å¤‰ãˆã‚‹ã¹ãã§ã—ょã†ã€‚今回ã¯ï¼Œä»£è¡¨çš„ãªUI部å“ã§ã‚ã‚ŠãªãŒã‚‰ï¼Œãªã‹ãªã‹ä½œã‚Šæ‰‹ã®æ€ã†ã‚ˆã†ã«æŠ¼ã—ã¦ãã‚Œãªã„「ボタンã€ã«ã¤ã„ã¦è€ƒãˆã¾ã™ã€‚ ã‚ã‹ã‚Šã‚„ã™ã„ボタンã®å½¢çŠ¶ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã‚ˆã£ã¦é•ã† ã¾ãšï¼Œå‰å›žã¨ã»ã¼åŒã˜çµµã‚’用ã„ã¾ã™ã€‚Webシステムã®æ“作方法ã¸ã®ã€Œç†ŸçŸ¥åº¦ï¼ˆPCリテラシ）ã€ã‚’縦軸，「æä¾›ã—ãŸã„サービスã«å¯¾ã™ã‚‹çŸ¥è˜ã€ã‚’横軸ã¨ã—ã¾ã™ã€‚ãã—ã¦ï¼Œãã‚Œãžã‚Œã®ã€Œè»¸ã€ã«å¯¾ã—ã¦ï¼Œå—ã‘入れやã™ã„ã¨æ€ã‚れる「ボタンã€ã®å½¢çŠ¶ã‚’例記ã—ã¾ã—ãŸã€‚ 上図ã®ã€A】やã€B】ã®ã‚¿ã‚¤ãƒ—ã«å½“ã¦ã¯ã¾ã‚‹PCリテラシã®é«˜ã„ユーザーã¯ï¼Œãƒœã‚¿ãƒ³ã®â€œãƒ©ãƒ™ãƒ«â€ã«ã€Œsubmitã€ã¨æ›¸ã‹ã‚Œã¦ã„よã†ãŒã€ŒGOã€ã¨æ›¸ã‹ã‚Œã¦ã„よã†ãŒï¼Œãƒœã‚¿ãƒ³ã‚’èªè˜ã™ã‚‹ã“ã¨ã¯ã•ã»ã©è‹¦ã§ã¯ã‚ã‚Šã¾ã›ã‚“。 ã—ã‹ã—，PCã«
ã‚µã‚¤ãƒœã‚¦ã‚ºæ ªå¼ä¼šç¤¾
サイボウズã¯ã‚¯ãƒ©ã‚¦ãƒ‰ãƒ™ãƒ¼ã‚¹ã®ã‚°ãƒ«ãƒ¼ãƒ—ウェアやæ¥å‹™æ”¹å–„サービスを軸ã«ã€ç¤¾ä¼šã®ãƒãƒ¼ãƒ ワークå‘上を支æ´ã—ã¦ã„ã¾ã™ã€‚
ユーザーエクスペリエンスã®adaptive path訪å•è¨˜
Ajaxã¨ã„ã†è¨€è‘‰ã‚’発明ã—ãŸadaptive pathãŒã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ã®æœ€å‰ç·šã‚’ã©ã®ã‚ˆã†ã«èµ°ã‚Šç¶šã‘ã¦ã„ã‚‹ã‹ã‚’èžã„ã¦ãã¾ã—ãŸã€‚æ°—ã«ãªã‚‹ãƒ–レスト方法ã¯ï¼Ÿ 「Ajaxã€ã¨ã„ã†è¨€è‘‰ã‚’創出ã—ãŸã€Œadaptive path〠adaptive pathã¨ã„ã†ä¼šç¤¾ã‚’ã”å˜ã˜ã§ã—ょã†ã‹ï¼Ÿ 日本ã§ã‚‚ユーザビリティã®å…ˆé§†è€…ã¨ã—ã¦ã‚»ãƒŸãƒŠãƒ¼æ´»å‹•ã‚’è¡Œã£ãŸã‚Šã€â€œAjaxâ€ã¨ã„ã†è¨€è‘‰ã§å¤ã„JavaScriptã®æŠ€è¡“を真新ã—ã表ç¾ã™ã‚‹ã“ã¨ã«æˆåŠŸã—ãŸã‚Šã—ã¦ã„ã¾ã™ã€‚ 3月ä¸æ—¬ã«ã€JTPA（Japanese Technology Professionals Association）ã®ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã«å‡ºå¸ã™ã‚‹ãŸã‚ã«ã‚·ãƒªã‚³ãƒ³ãƒãƒ¬ãƒ¼ã«è¡Œã機会ãŒã‚ã£ãŸã®ã§ã€æ°—ã«ãªã‚‹ç¾åœ°ä¼æ¥ã‚’ã„ãã¤ã‹è¨ªå•ã™ã‚‹ã“ã¨ã«ãªã‚Šã¾ã—ãŸã€‚ãã®éš›ã€å¤šãã®äººã«ã€Œãœã²è¦‹ã¦ãŠã„ãŸæ–¹ãŒã„ã„ã€ã¨å‹§ã‚られãŸã®ãŒã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ã‚’テーマã«ã‚³ãƒ³ã‚µãƒ«ãƒ†ã‚£ãƒ³ã‚°æ´»å‹•ã‚’
Blasting the Myth of the Fold - Boxes and Arrows
The Above-the-Fold Myth We are all well aware that web design is not an easy task. There are many variables to consider, some of them technical, some of them human. The technical considerations of designing for the web can (and do) change quite regularly, but the human variables change at a slower rate. Sometimes the human variables change at such a slow rate that we have a hard time believing tha
アップル ヒューマンインタフェースガイドライン
アップル ヒューマンインタフェースガイドライン 原文：Apple Computer Inc. 訳：ã‹ã‚ã§ã‚“☆ã¿ã‚…ー゠2006-06-28 ã¯ã˜ã‚㫠アップル ヒューマンインタフェースガイドラインåºæ–‡ アップルã¯ã€å¼·åŠ›ãªã‚³ã‚¢ãƒ•ã‚¡ã‚¦ãƒ³ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã€ãã—ã¦ã‚¢ã‚¯ã‚¢ã¨å‘¼ã°ã‚Œã‚‹ã€ç›®ã®é›¢ã›ãªã„ユーザインタフェースをçµã³ã¤ã‘ãŸã€ä¸–ç•Œã§æœ€ã‚‚先進的ãªã‚ªãƒšãƒ¬ãƒ¼ãƒ†ã‚£ãƒ³ã‚°ã‚·ã‚¹ãƒ†ãƒ ã€Mac OS X を手ã«ã—ã¾ã—ãŸã€‚ 進化ã—ãŸæ©Ÿèƒ½ã¨ã€ç¾Žçš„ã«æ´—ç·´ã•ã‚ŒãŸè‰²ä½¿ã„ã€ãã—ã¦é€éŽå‡¦ç†ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«ã‚ˆã£ã¦ã€Mac OS Xã¯æ–°è¦ã®ãƒ¦ãƒ¼ã‚¶ã«ã¯ã‚³ãƒ³ãƒ”ュータæ“作をより容易ã«ã€åŒæ™‚ã«ãƒ—ãƒãƒ•ã‚§ãƒƒã‚·ãƒ§ãƒŠãƒ«ãƒ¦ãƒ¼ã‚¶ã«ã¯å½¼ã‚‰ãŒMacintoshã«æœŸå¾…ã™ã‚‹é€šã‚Šã®ç”Ÿç”£æ€§ã‚’æä¾›ã—ã¾ã™ã€‚ ユーザインタフェースã€ã™ãªã‚ã¡ãµã‚‹ã¾ã„ã¨å¤–見ã¯ã€ã‚ˆã練られãŸç·Šå¯†ãªãƒ¦ãƒ¼ã‚¶ä½“験をã€Mac OS Xå‘ã‘ã«é–‹ç™ºã•ã‚ŒãŸå…¨ã¦ã®ã‚¢ãƒ—リケーションã«åˆ©ç”¨ã§ãるよã†ã«ã—ã¾ã™ã€‚ ã“ã‚Œ
「空ä¸ã§æ“作ã§ãã‚‹ã€ã‚¸ã‚§ã‚¹ãƒãƒ£ãƒ¼åˆ¶å¾¡ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ï¼šå‹•ç”» | WIRED VISION
「空ä¸ã§æ“作ã§ãã‚‹ã€ã‚¸ã‚§ã‚¹ãƒãƒ£ãƒ¼åˆ¶å¾¡ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ï¼šå‹•ç”» 2008å¹´11月10æ—¥ IT コメント： トラックãƒãƒƒã‚¯ (0) Brian X. Chen 俳優ã®ãƒˆãƒ ・クルーズæ°ã¯ã€ç±³å›½ã®æ–°èˆˆå®—教団体『サイエントãƒã‚¸ãƒ¼æ•™ä¼šã€(Church of Scientology)ã«ã®ã‚ã‚Šã“ã‚€å‰ã€æ˜ 画『マイノリティ・レãƒãƒ¼ãƒˆã€ã§ã¨ã¦ã‚‚æ ¼å¥½ã„ã„コンピューターを使ã£ã¦ã„ãŸã€‚マウスもタッãƒã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚‚ãªãã€ç©ºä¸ã§æ‰‹ã‚’振り動ã‹ã™ã ã‘ã§æ“作ã§ãるマシンã 。 Mgestyk Technologies社ã¯ã€ãã®ã‚¢ã‚¤ãƒ‡ã‚¢ã‚’ç¾å®Ÿã®ã‚‚ã®ã«ã—ã¦ã€ã‚¸ã‚§ã‚¹ãƒãƒ£ãƒ¼ã§åˆ¶å¾¡ã§ãるインターフェースを作り上ã’よã†ã¨ã—ã¦ã„る。ã“ã®ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã¯ã€3Dカメラã¨ã€æ‰‹ã®å‹•ãを解釈ã—ã¦ã‚³ãƒžãƒ³ãƒ‰ã«å¤‰æ›ã—アプリケーションをæ“作ã™ã‚‹ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã‹ã‚‰æˆã‚Šç«‹ã£ã¦ã„る。 上ã®å‹•ç”»ã§ã¯ã€å®Ÿé¨“å”力者ãŒã€è‡ªåˆ†ã®æ‰‹ä»¥å¤–ã®é“å…·ã¯ä¸€åˆ‡ä½¿ã‚ãšã«ã€ã‚²ãƒ¼ãƒ ã‚’ã—ãŸã‚Šã€ã‚¦ã‚§ãƒ–サ
1
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
Utilizing the Cut-off Look to Encourage Users To Scroll » UIE Brain Sparks
http://www.yasuhisa.com/could/entries/001173.php
Twitter / 津田大介: 梅田ã•ã‚“ã®ä¾‹ã®twitter発言ã¸ã®ã‚³ãƒ¡ãƒ³ãƒˆã‚’æ–°ã¯ã¦ãƒ–ã§è¦‹ã‚‹ã¨ã€ãŸã‚らã„ãªãéžè¡¨ç¤ºãƒ¦ãƒ¼ã‚¶ãƒ¼ã¨ãŠæ°—ã«å…¥ã‚ŠãŒå³»åˆ¥ã§ãã¦ã¨ã¦ã‚‚便利ã 。UIã®åŠ›ã£ã¦ã»ã‚“ã¨ãƒã‚«ã«ã—ã¡ã‚ƒã„ã‘ãªã„
{{#tags}}- {{label}}
{{/tags}}