Finger-Friendly Design: Ideal Mobile Touch Target Sizes
In darts, the bulls-eye is harder to hit than any other part of the dartboard. This is because the bullseye is the smallest target. The same principle also applies to touch targets on mobile devices. Smaller touch targets are harder for users to hit than larger ones. When you’re designing mobile interfaces, it’s best to make your targets big so that they’re easy for users to tap. But exactly how b
ユーザーã«ã¨ã£ã¦ã¯UIãŒã™ã¹ã¦ï¼šUIデザイン原則をソシオメディアãŒèªžã‚‹ - builder by ZDNet Japan
シーãƒãƒƒãƒˆãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã‚¹ã‚¸ãƒ£ãƒ‘ンã¯9月29æ—¥ã€builderã¨ã—ã¦ã¯2回目ã®ã‚¤ãƒ™ãƒ³ãƒˆã¨ãªã‚‹ã€Œbuilder tech dayã€ã‚’開催ã—ãŸã€‚今回ã¯ã€ŒUser Interface & beyondã€ã‚’テーマã«ã€ã‚½ã‚·ã‚ªãƒ¡ãƒ‡ã‚£ã‚¢ã€ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆã€ã‚¢ãƒ‰ãƒ“システムズã€ã‚«ãƒ¼ãƒ«ã®ã‚¹ãƒ”ーカーãŒç™»å£‡ã—ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã®ç¾åœ¨ã¨æœªæ¥ã«ã¤ã„ã¦è¬›æ¼”ã—ãŸã€‚ 本稿ã§ã¯ã€ã‚½ã‚·ã‚ªãƒ¡ãƒ‡ã‚£ã‚¢å–ç· å½¹ã§ã‚る上野å¦æ°ã®åŸºèª¿è¬›æ¼”「ユーザーã«ã¨ã£ã¦ã¯UIãŒã™ã¹ã¦ã€ã‚’紹介ã—よã†ã€‚ トイレã«ã²ãã‚€UIã®ãƒ’ント 講演ã®å†’é ã€ä¸Šé‡Žæ°ã¯ç±³å›½ã®è‘—åãªãƒ‡ã‚¶ã‚¤ãƒ³ãƒ»ã‚³ãƒ³ã‚µãƒ«ãƒ†ã‚£ãƒ³ã‚°ãƒ»ãƒ•ã‚¡ãƒ¼ãƒ ã€Adaptive Pathã«2008å¹´ã¾ã§åœ¨ç±ã—ã¦ã„ãŸDan Safferæ°ã¨å¯¾è©±ã—ãŸéš›ã®ã‚¨ãƒ”ソードを披露。 Safferæ°ãŒã€Œãƒˆã‚¤ãƒ¬ã«ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ»ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³ã®æ§˜ã€…ãªãƒ’ントãŒã‚ã‚‹ã€ã¨è©±ã—ã¦ã„ãŸã“ã¨ã‚’紹介ã—ã€ä¸‹ã®ç”»åƒã‚’示ã—ãŸã€‚ 上野æ°ã¯èµ¤è‰²ã®æ³¨æ„書
High Performance Web Design ~デザインã‹ã‚‰è€ƒãˆã‚‹ãƒã‚¤ãƒ‘フォーマンスWebサイト~ | warikiru
2009-11-24 High Performance Web Design ~デザインã‹ã‚‰è€ƒãˆã‚‹ãƒã‚¤ãƒ‘フォーマンスWebサイト~ ラベル: performance CSS Nite in ISHIKAWAã§è©±ã‚’ã—ã¦ã‹ã‚‰1ヶ月経ã£ãŸã®ã§ã€è–„れゆã記憶ã®å¾©ç¿’ã‚‚å…¼ãã¦æ€ã„ã®ä¸ˆã‚’綴ã£ã¦ã¿ãŸï½— High Performance Web Design 1. What's High Performance?ã“ã“ã§ã„ã†ãƒ‘フォーマンスã¨ã„ã†ã®ã¯Webサイトã®è¡¨ç¤ºé«˜é€ŸåŒ–ã«ã¤ã„ã¦ã§ã™ã€‚ã¤ã¾ã‚Šã€ãƒšãƒ¼ã‚¸ã‚’ã„ã‹ã«æ—©ã表示ã•ã›ã‚‹ã‹ã¨ã„ã†èª²é¡Œã§ã™ã€‚ã§ã‚‚ã€ãã†ã‚†ã†ã®ã£ã¦ã‚µãƒ¼ãƒãƒ¼å´ã®å•é¡Œã§ã—ょ？システムエンジニアã®ç®¡è½„ã˜ã‚ƒãªã„ã®ï¼Ÿã¨æ€ã‚ã‚ŒãŒã¡ã§ã™ãŒã€Œãƒã‚¤ãƒ‘フォーマンスWebサイトã€ã®è‘—者ã§ã‚ã‚‹Steve Soudersã®èª¿æŸ»ã«ã‚ˆã‚‹ã¨ã€80:20。一般的ã«ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®å¾…ã¡æ™‚é–“ã®å®Ÿã«80%ãŒãƒ–ラウザå´ã€ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã§è²»ã‚„ã•ã‚Œã¦
1分間ã§å¦ã¶ã€ã‚¦ã‚§ãƒ–サイトã®ãƒ¦ãƒ¼ã‚¶ãƒ“リティ | コリス
Interactive Marketing Blogã‹ã‚‰ã€1分間ã§å¦ã¶ã‚¦ã‚§ãƒ–サイトã®ãƒ¦ãƒ¼ã‚¶ãƒ“リティを紹介ã—ã¾ã™ã€‚ One Minute Guide to Usability 下記ã¯ã€1分間ã§å¦ã¶ã‚¦ã‚§ãƒ–サイトã®ãƒ¦ãƒ¼ã‚¶ãƒ“リティã®æ„訳ã§ã™ã€‚ Who are you? 何者ã§ã™ã‹ï¼Ÿ 例：ãƒã‚´ã€ãƒ–ランディング Are you trustworthy? ä¿¡é ¼ã§ãã¾ã™ã‹ï¼Ÿ 例：ベリサイン・Trust-eã€ä¿¡é ¼ã§ãるデザインã€ã‚µãƒãƒ¼ãƒˆ What do you do? 何をã—ã¦ã„ã‚‹ã®ã§ã™ã‹ï¼Ÿ 例：å–り扱ã£ã¦ã„る商å“・サービスã€ä¼šç¤¾ç´¹ä»‹ Where to next? 次ã«ã€ä½•ã‚’ã™ã‚‹ã¹ãã§ã™ã‹ï¼Ÿ 例：見ç©è«‹æ±‚ã€å–¶æ¥æ‹…当ã¸é›»è©± Exit Panic: Where do I go now? パニック：ç§ã¯ã©ã®ãƒšãƒ¼ã‚¸ã‚’ã¿ã‚Œã°ã„ã„ã§ã™ã‹ï¼Ÿ 例：ヘルプã€ãƒã‚°ã‚¤ãƒ³ã€ã‚³ãƒ³ã‚¿ã‚¯ãƒˆãƒ»ã‚¤ãƒ³ãƒ•ã‚©ãƒ¼ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³
未経験者ãŒãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ†ã‚¹ãƒˆã‚’è¡Œã†éš›ã®10ã®ãƒã‚¤ãƒ³ãƒˆ - livedoor ディレクター Blog
ã“ã‚“ã«ã¡ã¯ã€ãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ã®ã»ã†ã®è°·å£ã§ã™ï¼ˆä½™è«‡ã§ã™ãŒã€ãƒ©ã‚¤ãƒ–ドアã«ã¯3åã®è°·å£ãŒã„ã¦ã€ç§ã¯ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã˜ã‚ƒãªã„ã»ã†ã®è°·å£ã§ã™ï¼‰ã€‚今回ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ†ã‚¹ãƒˆã«ã¤ã„ã¦ãŠè©±ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ユーザーテストã¯ã€ã‚¦ã‚§ãƒ–サイトã®æ–°è¦ç«‹ã¡ä¸Šã’やリニューアルã®éš›ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒã‚¦ã‚§ãƒ–サイトやプãƒãƒˆã‚¿ã‚¤ãƒ—を実際ã«æ“作ã—ã¦ã‚‚らã†æ§˜åã‚’ç›®ã®å½“ãŸã‚Šã«ã™ã‚‹ã“ã¨ã§ã€å•é¡Œç‚¹ã‚’発見ã™ã‚‹æ–¹æ³•ã§ã™ã€‚ ライブドアã®ã‚µãƒ¼ãƒ“スã¯ã€ä½œã‚‹å´ã¨ãƒ¦ãƒ¼ã‚¶ãƒ¼åƒãŒè¿‘ã„ã“ã¨ãŒå¤šã‹ã£ãŸã®ã§ã€é »ç¹ã«ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ†ã‚¹ãƒˆã‚’ã—ã¦ãã¾ã›ã‚“ã§ã—ãŸã€‚ã—ã‹ã—ã€ä»Šå¾Œã¯è‡ªåˆ†ãŸã¡ã¨é•ã†ãƒ¦ãƒ¼ã‚¶ãƒ¼åƒã‚‚対象ã¨ã—ã¦ã„ããŸã„ã“ã¨ã‹ã‚‰ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ†ã‚¹ãƒˆã®æ•°ã‚’増やã—ã¦ã„ããŸã„ã¨æ€ã£ã¦ã„ã¾ã™ã€‚ ユーザーテストã®å°‚門会社ã«é ¼ã‚€ã¨ã„ã†æ‰‹ã‚‚ã‚ã‚Šã€ãã†ã™ã‚‹ã“ã¨ã§åŽ³å¯†ã«èª¿æŸ»ã‚’ã—ã¦ãã‚Œã¾ã™ã€‚ã—ã‹ã—ã€ãƒã‚¤ãƒ³ãƒˆã‚’ã—ã¼ã£ã¦å¤–注ã›ãšã«ã™ã‚€æ–¹æ³•ã‚‚ã‚ã‚‹ã®ã§ã€ã“ã“ã«ç´¹ä»‹ã—ã¾ã™ã€‚ 1. 被験者ã¯å‹äººã‹çŸ¥ã‚Šåˆã„ã§ã„ㄠ専門会
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}