[B! usability] lesson5ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

lesson5 id:lesson5

usabilityã«é–¢ã™ã‚‹lesson5ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (15)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

Webã¯ç´™ã‚ˆã‚Šã€ãƒªãƒ¼ãƒ€ãƒ“ãƒªãƒ†ã‚£ãŒå•ã‚ã‚Œã‚‹ã€€é›¢è„±ã‚’é˜²ãã€ã€Œæµã—èªã¿ã§ã©ã†ãžã€ã‚³ãƒ”ãƒ¼ã®æ›¸ãæ–¹ã¨ã¯ï¼Ÿï¼šMarkeZineï¼ˆãƒžãƒ¼ã‚±ã‚¸ãƒ³ï¼‰
ã€ŽMarkeZineã€ãŒä¸»å‚¬ã™ã‚‹ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ãƒ»ã‚¤ãƒ™ãƒ³ãƒˆã€ŽMarkeZine Dayã€ã€ŽMarkeZine Academyã€ã€ŽMarkeZine ãƒ—ãƒ¬ãƒŸã‚¢ãƒ ã‚»ãƒŸãƒŠãƒ¼ã€ã® æœ€æ–°æƒ…å ±ã‚’ã¯ã˜ã‚ã€æ§˜ã€…ãªã‚¤ãƒ™ãƒ³ãƒˆæƒ…å ±ã‚’ã¾ã¨ã‚ã¦ã”ç´¹ä»‹ã—ã¾ã™ã€‚ MarkeZine Day
lesson5 2011/11/22
writing

usability
ãƒªãƒ³ã‚¯
ãƒ†ã‚ã‚¹ãƒˆãƒªãƒ³ã‚¯è‰²ã®å¤‰æ›´ã§ã€70å„„å††ï¼ˆï¼ï¼‰ã‚’ç¨¼ãŽã ã™ã“ã¨ã«æˆåŠŸã—ãŸãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆ - Feel Like A Fallinstar
ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã®ä¸ã§ã‚‚ç‰¹ã«ç‹ç¾©ã®ã€Œãƒ†ã‚ã‚¹ãƒˆãƒªãƒ³ã‚¯è‰²ã€ã‚’å¤‰ãˆãŸã ã‘ã§ã€æã‚‹ã¹ããƒ“ã‚¸ãƒã‚¹ã‚¤ãƒ³ãƒ‘ã‚¯ãƒˆãŒç¾ã‚ŒãŸã¨ã„ã†äº‹ä¾‹ã§ã™ã€‚ å®Ÿéš›ã«æˆæžœã®å¤‰åŒ–ãŒèµ·ã“ã£ãŸã®ã¯ã€ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆãŒé‹æ„å£²ã‚Šå‡ºã—ä¸ã®æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ã€ŒBingã€ã§ã™ã€‚ ãƒ†ã‚ã‚¹ãƒˆãƒªãƒ³ã‚¯ã‚’ã€å…¥å¿µã«ãƒ†ã‚¹ãƒˆã—ã€8000ä¸‡ãƒ‰ãƒ«ã®å£²ã‚Šä¸Šã’å¢— ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆã¯å¾“æ¥ã€ã€ŒLive Searchã€ã¨ã„ã†å½¢ã§ã‚‚ã†å°‘ã—æ˜Žã‚‹ã„é’ï¼ˆæ°´è‰²ã«è¿‘ã„ï¼‰ã‚’æŽ¡ç”¨ã—ã¦ã„ã¾ã—ãŸã€‚ Â Bingã‚ˆã‚Šã‚‚ã€æ˜Žã‚‹ã„ã¨ã„ã†ã‹ã™ã“ã—ç·‘ã«è¿‘ã„æ„Ÿã˜ã®è‰²ãŒãƒ™ãƒ¼ã‚¹ã«ãªã£ã¦ã„ã¾ã™ãã€‚ ã¡ã‚‡ã£ã¨æ¯”ã¹ã¦ã¿ã¾ã—ãŸã€‚ ï¼ˆâ€»Live Searchã¯ç”»åƒæ¤œç´¢ã‹ã‚‰ã‚ãƒ£ãƒ—ãƒãƒ£ã‚’å–ã£ã¦ã„ã¾ã™ï¼‰ ã“ã†è¦‹ã‚‹ã¨ç¢ºã‹ã«è‰²ã¯ã‹ãªã‚Šå¤‰åŒ–ã—ã¦ã„ã¾ã™ã€‚ CNETã®è¨˜äº‹ã«ã‚ˆã‚‹ã¨ã€ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆã¯Bingã‚’ä½œã‚‹éŽç¨‹ã§ã‹ãªã‚Šã®æ•°ã®è‰²ã‚’ãƒ†ã‚¹ãƒˆã—ãŸã‚ˆã†ã§ã™ã€‚ Microsoftã¯æœ€çµ‚çš„ã«ã€ŒBingã€ã¨ãªã‚‹ã‚‚ã®ã‚’è¨è¨ˆã—ã¦ã„ãŸã¨ãã€è†¨å¤§ãªæ•°ã®è‰²ã‚’æ¤œè¨¼ã—ã€
lesson5 2010/03/19
å˜ã«ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã«è¿‘ã„ã ã‘ã§ã¯ãªãã€ç¾åœ¨ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®çµŒé¨“ã«åŸºã¥ãè‰²ãªã‚“ã ã‚ã†ã€‚ã¡ã‚‡ã£ã¨å¤‰æ›´ã—ãŸã ã‘ã§ãã‚Œã ã‘å£²ä¸ŠãŒä¸ŠãŒã‚‹ã»ã©ã®åˆ©ç”¨è€…ãŒå¤šã„ã®ãŒã™ã”ã„ã€‚

usability
ãƒªãƒ³ã‚¯
ã€Œãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãªã„ã€ã¯ã‚¦ã‚½ã€â€Above the foldâ€ã‚ˆã‚Šä¸‹ã‚’è¦‹ã›ã‚‹3ã¤ã®ã‚µã‚¤ãƒˆãƒ‡ã‚¶ã‚¤ãƒ³TIPS
ã€ŒAbove the foldï¼ˆã‚¢ãƒãƒ–ãƒ»ã‚¶ãƒ»ãƒ•ã‚©ãƒ¼ãƒ«ãƒ‰ï¼‰ã€ã¨ã„ã†ã®ã¯ã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãªãã¦ã‚‚è¦‹ã‚‹ã“ã¨ãŒã§ãã‚‹ç”»é¢ã®é ˜åŸŸã®ã“ã¨ã‚’è¨€ã„ã¾ã™ã€‚ Above the foldã«ã¤ã„ã¦ã¯ã€ä»¥å‰ã«è¨˜äº‹è§£èª¬ã—ãŸã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚ â€aboveâ€ã¯ã€Œï½žã‚ˆã‚Šä¸Šã€ã€â€foldâ€ã¯ã€ã€ŒæŠ˜ã‚Šç›®ã€ã¨ã„ã†æ„å‘³ã§ã€â€above the foldâ€ã¯ç›´è¨³ã™ã‚‹ã¨ã€ŒæŠ˜ã‚Šç›®ã‚ˆã‚Šä¸Šã€ã¨ã„ã†æ„å‘³ã«ãªã‚Šã¾ã™ã€‚ æ–°èžã®æŠ˜ã‚Šç›®ã‚ˆã‚Šä¸ŠåŠåˆ†ã¯ã€äººã®æ°—ã‚’å¼•ãã‚ˆã†ãªè¦‹å‡ºã—ã®ãƒ‹ãƒ¥ãƒ¼ã‚¹ã‚’æŽ²è¼‰ã—ã¾ã™ã€‚ è³¼å…¥æ„æ¬²ã‚’ããã‚‹ãŸã‚ã§ã™ã€‚ ã‚¹ãƒâ—‹ãƒã®ï¼‘é¢ã®è¦‹å‡ºã—ãªã‚“ã‹ã¯ã€ãã†ã§ã™ã‚ˆãã€‚ ã€Œã‚¤ãƒãƒãƒ¼ã€ãƒžãƒªãƒŠãƒ¼ã‚ºã‹ã‚‰è§£é›‡é€šå‘Šã€ ãˆã‡ãƒ¼ã£ï¼ ã¨ä»°å¤©ã—ã¦ã€é–‹ã„ã¦ç¶šãã‚’èªã‚€ã¨ ã€Œã‚’å—ã‘ãŸåŒåƒšã¨ã‚´ãƒ«ãƒ•ã«æŒ‘æˆ¦ã€ã€ ã¿ãŸã„ãªã€‚ï¼ˆç¬‘ï¼‰ ãƒã‚«ã¯ã“ã®ãã‚‰ã„ã«ã—ã¦ãŠã„ã¦ã€ã€ŒAbove the foldã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«è¨´ãˆã‹ã‘ã‚‹ãŸã‚ã«é‡è¦ãªã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ç½®ãã¹ãã€ã§ã€åå¯¾ã«ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãªã‘ã‚Œã°ãª
lesson5 2009/10/21
usability
ãƒªãƒ³ã‚¯
ã‚ã¨ã¡ã‚‡ã£ã¨è‰¯ã„ã‚µã‚¤ãƒˆ ATOCHOTTO
ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆãƒ™ãƒ¼ã‚¹ã®UIãƒ‡ã‚¶ã‚¤ãƒ³è¡“ã€‚ åŸºæœ¬ 1.ãƒ‡ã‚¶ã‚¤ãƒ³ãƒªã‚µãƒ¼ãƒã§ã‚´ãƒ¼ãƒ«ã‚„ã‚¿ã‚¹ã‚¯ã‚’æŠŠæ¡ 2.ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã¨ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã«åˆ†ã‘ãƒ¢ãƒ‡ãƒªãƒ³ã‚° 3.ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’ä½¿ã„ãªãŒã‚‰ãƒ¡ã‚¤ã‚ãƒ³ã‚° è£œè¶³ ã™ã¹ã¦ã¯ç«‹è¨¼ã§ã¯ãªãã²ã‚‰ã‚ãã®ãŸã‚ã«è¡Œã†ã€‚ ãƒãƒ¼ãƒŸãƒ³ã‚°ã¨æ¦‚å¿µã®å®šç¾©ãŒé‡è¦ã€‚ ãƒªã‚µãƒ¼ãƒã‚„ãƒ¢ãƒ‡ãƒªãƒ³ã‚°ã®çµæžœã‚’è©°ã‚è¾¼ã‚€ã®ã§ã¯ãªãã€åŒæ™‚é€²è¡Œã§ã‚¢ã‚¤ãƒ‡ã‚¢ã‚’è€ƒãˆã€ç€åœ°ã«ã„ãŸã‚‰ãªã„ã‚‚ã®ã¯å¤–ã—ã¦ã„ãã€‚ è©³ç´°ã¯OOUX â€“ ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆãƒ™ãƒ¼ã‚¹ã®UIãƒ¢ãƒ‡ãƒªãƒ³ã‚° ãƒ¢ãƒ‡ãƒ«ã®èƒŒæ™¯ ãƒ‡ã‚¶ã‚¤ãƒ³çµ„ç¹”ã®æ”¯æ´ã®ç›¸è«‡ã«ã¯è‡ªç¤¾ã®çµ„ç¹”ã«ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãªã„ã—ãƒ‡ã‚¶ã‚¤ãƒ³ã«è¦ªå’Œæ€§ãŒé«˜ã„äººæãŒã„ãªã„ã¨ã„ã†ã“ã¨ãŒã‚ã‚‹ã€‚ å®Ÿéš›ã«ã¯äººæ•°ã®å¤šã„çµ„ç¹”ã§ã‚ã‚Œã°ã€å…¨ãã„ãªã„ã¨ã„ã†ã“ã¨ã‚‚ãªãã€ãƒ¯ãƒ¼ã‚¯ã‚·ãƒ§ãƒƒãƒ—ãªã©ã‚’ã™ã‚‹ã¨è¦ªå’Œæ€§ã®é«˜ãã†ãªäººæãŒã„ã‚‹ã“ã¨ã‚‚ã‚ã‚‹ã€‚ã—ã‹ã—è£½å“ãƒ¬ãƒ™ãƒ«ã§å½±éŸ¿ã‚’ä¸Žãˆã¦ã„ã‚‹ã¨ã„ã†ã“ã¨ã¯ãªã„ã®ã§ã‚ã‚‹ã€‚ æµå‡ºãƒ¢ãƒ‡ãƒ« ãã“ã§ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãªã„ã—ãƒ‡ã‚¶ã‚¤ãƒ³ã¨è¦ªå’Œæ€§ã®é«˜ã„äººæã®
lesson5 2009/09/29
è¿‘å¹´ã¾ã‚Œã«è¦‹ã‚‹ã„ã„ã‚µã‚¤ãƒˆï¼ˆåƒ•ã«ã¨ã£ã¦ã¯ï¼‰æ¯Žæ—¥æ¥½ã—ã¿ã«ã—ã¦ã„ã¾ã™ã€‚

blog

marketing

usability
ãƒªãƒ³ã‚¯
ã‚¢ã‚¤ãƒˆãƒ©ãƒƒã‚ãƒ³ã‚°ã‹ã‚‰æ¤œè¨¼ã—ãŸã€ä½¿ã„ã‚„ã™ã„ãƒ•ã‚©ãƒ¼ãƒ ã®10ã®ãƒã‚¤ãƒ³ãƒˆ
Google Mailã€Hotmailã€Yahoo! Mailã€eBayã®å„ã‚µã‚¤ãƒ³ã‚¢ãƒƒãƒ—ã®ãƒ•ã‚©ãƒ¼ãƒ ã‚’ä½¿ç”¨ã—ã¦ã€22ï½ž33æ‰ã¾ã§ã®å¹³å‡27æ‰ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼8äººã‚’è¢«é¨“è€…ã«ã—ãŸã‚¢ã‚¤ãƒˆãƒ©ãƒƒã‚ãƒ³ã‚°ã‹ã‚‰æ¤œè¨¼ã—ãŸã€ä½¿ã„ã‚„ã™ã„ãƒ•ã‚©ãƒ¼ãƒ ã®10ã®ãƒã‚¤ãƒ³ãƒˆã‚’cxpartnersã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Web forms design guidelines an eyetracking study ä»¥ä¸‹ã€10ã®ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã‹ã‚‰ãƒã‚¤ãƒ³ãƒˆã®ãƒ”ãƒƒã‚¯ã‚¢ãƒƒãƒ—ã§ã™ã€‚ 1. Vertical, not horizontal æ°´å¹³ã§ã¯ãªãã€åž‚ç›´ã« ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã¯ã€æ°´å¹³æ–¹å‘ã®é…ç½®ã‚„ãã‚ŒãŒæ··åœ¨ã—ãŸã‚‚ã®ã§ã¯ãªãã€å˜ç´”ã«åž‚ç›´æ–¹å‘ã«é…ç½®ã—ãŸã‚‚ã®ãŒåŠ¹æžœçš„ã§ã™ã€‚ å¯èƒ½ã§ã‚ã‚Œã°ã€å„ãƒ©ãƒ™ãƒ«ã‚‚åž‚ç›´æ–¹å‘ã«æƒãˆã¦é…ç½®ã—ã¦ãã ã•ã„ã€‚ 2. Left-aligned labels are clearer (anecdotally) ãƒ©ãƒ™ãƒ«ã¯å·¦å¯„ã›ã«ã™ã‚‹ã¨ã€ã‚ˆ
lesson5 2009/06/04
usability

form
ãƒªãƒ³ã‚¯
ã‚µã‚¤ãƒˆãƒžãƒƒãƒ—ã‚’ãƒ•ãƒƒã‚¿ã«é…ç½®ã™ã‚‹éš›ã®ãƒã‚¤ãƒ³ãƒˆã¨ãã®åŠ¹æžœ
ã‚µã‚¤ãƒˆãƒžãƒƒãƒ—ã‚’ç‹¬ç«‹ã—ãŸãƒšãƒ¼ã‚¸ã¨ã—ã¦ã§ã¯ãªãã€ãƒ•ãƒƒã‚¿ã«é…ç½®ã™ã‚‹éš›ã®ãƒã‚¤ãƒ³ãƒˆã¨ãã®åŠ¹æžœã‚’Web Designer Wallã‹ã‚‰ç´¹ä»‹ã—ã¾ã™ã€‚ Modern Sit emap and Footer ä¸‹è¨˜ã¯ã€ãã®æ„è¨³ã§ã™ã€‚ æ˜”ã¯ã»ã¨ã‚“ã©ã™ã¹ã¦ã®ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã§ã€ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã‚’ãƒªã‚¹ãƒˆã‚¢ãƒƒãƒ—ã—ãŸã‚µã‚¤ãƒˆãƒžãƒƒãƒ—ã‚’ç‹¬ç«‹ã—ãŸãƒšãƒ¼ã‚¸ã¨ã—ã¦è¨ç½®ã—ã¦ã„ã¾ã—ãŸã€‚ ã‚µã‚¤ãƒˆãƒžãƒƒãƒ—ã®é‡è¦ãªç›®çš„ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚„æ¤œç´¢ã‚¨ãƒ³ã‚¸ãƒ³ï¼ˆã‚¹ãƒ‘ã‚¤ãƒ€ãƒ¼ï¼‰ãŒã‚µã‚¤ãƒˆå†…ã®æƒ…å ±ã‚’æŽ¢ã—å‡ºã™ã®ã«å½¹ç«‹ã¤ã“ã¨ã§ã™ã€‚ ç¾åœ¨ã¯ã€å¤šãã®ãƒ¢ãƒ€ãƒ³ãªã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã§ã‚µã‚¤ãƒˆãƒžãƒƒãƒ—ãƒšãƒ¼ã‚¸ã‚’è¨ç½®ã—ã¦ã„ã¾ã›ã‚“ã€‚ä»£ã‚ã‚Šã«ã€ã‚µã‚¤ãƒˆãƒžãƒƒãƒ—ã‚’ãƒ•ãƒƒã‚¿ã«é…ç½®ã—ã¦ã„ã¾ã™ã€‚ ã‚µã‚¤ãƒˆãƒžãƒƒãƒ—ã‚’ãƒ•ãƒƒã‚¿ã«è¨ç½®ã™ã‚‹åŠ¹æžœ ã‚¯ãƒªãƒƒã‚¯æ•°ã‚„ãƒšãƒ¼ã‚¸ãƒ“ãƒ¥ãƒ¼ã®å¢—åŠ ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ãƒšãƒ¼ã‚¸ã‚’éš…ã€…ã¾ã§ã˜ã£ãã‚Šè¦‹ã‚‹ã‚ã‘ã§ãªãã€ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãªãŒã‚‰ã–ã£ã¨è¦‹ã‚‹ã“ã¨ãŒã»ã¨ã‚“ã©ã§ã™ã€‚ ãã—ã¦ã€å¤šãã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ã¦æœ€å¾Œã«è¦‹ã‚‹å ´æ‰€ã¯ã€ãƒ•ãƒƒã‚¿ã§ã™
lesson5 2009/03/25
usability
ãƒªãƒ³ã‚¯
ã‚¦ã‚§ãƒ–ãƒšãƒ¼ã‚¸ã®é«˜é€ŸåŒ–ã«å¿…è¦ãªã‚‚ã®
ãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã¯ã€2023å¹´10æœˆ1æ—¥ã«LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã«ãªã‚Šã¾ã—ãŸã€‚LINEãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ã®æ–°ã—ã„ãƒ–ãƒã‚°ã¯ã“ã¡ã‚‰ã§ã™ã€‚LINEãƒ¤ãƒ•ãƒ¼ Tech Blog ã“ã‚“ã«ã¡ã¯ã€ã‚ªãƒ¼ã‚¯ã‚·ãƒ§ãƒ³äº‹æ¥éƒ¨ã®ã•ã‹ã„ã§ã™ã€‚ ãƒãƒƒãƒˆã‚µãƒ¼ãƒ•ã‚£ãƒ³ã«æ…£ã‚Œã¦ã„ã‚‹ tech blog èªè€…ã®ã¿ãªã•ã‚“ã®ä¸ã«ã¯ã€ã‚ã¡ã“ã¡è¦‹ã¦å›žã£ã¦ã„ã‚‹ã†ã¡ã«é‡ã„ãƒšãƒ¼ã‚¸ã«è¡Œãå½“ãŸã‚Šã€ã‚¤ãƒ©ã‚¤ãƒ©ã—ãªãŒã‚‰å¿œç”ã‚’å¾…ã£ãŸã‚Šã€å®¹èµ¦ãªããƒãƒƒã‚¯ã‚¹ãƒšãƒ¼ã‚¹ã‚ãƒ¼ã§å‰ã®ãƒšãƒ¼ã‚¸ã«æˆ»ã£ãŸã‚Šâ€¦ã¨ã„ã†çµŒé¨“ã‚’ã•ã‚ŒãŸæ–¹ãŒå¤šãã„ã‚‰ã£ã—ã‚ƒã‚‹ã¨æ€ã„ã¾ã™ã€‚ ãã†ã„ã£ãŸã‚¹ãƒˆãƒ¬ã‚¹ã®ãªã„ãƒ¬ã‚¹ãƒãƒ³ã‚¹ãŒè¡Œãˆã‚‹ã‚ˆã†ã€ãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã®ãƒ—ãƒã‚°ãƒ©ãƒ ã®æœ€é©åŒ–ã‚„ã€ã‚µãƒ¼ãƒãƒ¼ã®ãƒãƒ¥ãƒ¼ãƒ‹ãƒ³ã‚°ã‚’è¡Œã†ã®ã¯ç§ãŸã¡æŠ€è¡“è€…ã®ä»•äº‹ã®ã²ã¨ã¤ã§ã™ã€‚ ã—ã‹ã—ã€ã‚ã‚‹ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã¦ã€ãã®ã‚µã‚¤ãƒˆã‚’é–²è¦§ã§ãã‚‹çŠ¶æ…‹ã«ãªã‚‹ã¾ã§ã®æ™‚é–“ã®ã†ã¡ã€ãã†ã„ã£ãŸãƒãƒƒã‚¯ã‚¨ãƒ³ãƒ‰ã§ã®å‡¦ç†ã«å¿…è¦ãªæ™‚é–“ã¯ 1ã€œ2 å‰²ã§ã—ã‹ãªã„ã¨ã„ã†ãƒ‡ãƒ¼ã‚¿ãŒã‚ã‚Šã¾ã™ã€‚æ®‹ã‚Š
lesson5 2009/03/13
browser

usability
ãƒªãƒ³ã‚¯
Geekãªãºãƒ¼ã˜ : ã“ã‚Œã¯ã²ã©ã„ æ…¶æ‡‰å¤§å¦æ¹˜å—è—¤æ²¢ã‚ãƒ£ãƒ³ãƒ‘ã‚¹(SFC)ã®ãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«Web
è¿½è¨˜2008/12/20 : æ—§HTMLç‰ˆã¨æ–°Flashã®ä¸¡æ–¹ãŒè¡¨ç¤ºã§ãã‚‹ã‚ˆã†ã«ä¿®æ£ã•ã‚Œã¦ã„ã¾ã™ã€‚ ã¾ã ã„ãã¤ã‹ãƒªãƒ³ã‚¯ãŒåˆ‡ã‚Œã¦ã„ã‚‹ãªã©ã®å•é¡Œã¯ã‚ã‚Šã¾ã™ãŒã€ä»Šå¾Œå¾ã€…ã«ä¿®æ£ã•ã‚Œã¦ã„ãã¨äºˆæƒ³ã—ã¦ã„ã¾ã™ã€‚ ä¸ã®ã‹ãŸã€ç´ æ—©ã„ä¿®æ£ãŠç–²ã‚Œæ§˜ã§ã™ã€‚ æ˜¨æ—¥ã€ç§ã®æ¯æ ¡ã§ã‚ã‚‹æ…¶æ‡‰ç¾©å¡¾å¤§å¦æ¹˜å—è—¤æ²¢ã‚ãƒ£ãƒ³ãƒ‘ã‚¹(SFC)ã®Webã‚µã‚¤ãƒˆãŒãƒªãƒ‹ãƒ¥ãƒ¼ã‚¢ãƒ«ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ ã—ã‹ã—ã€æ®‹å¿µãªãŒã‚‰ç§ã®ã¾ã‚ã‚Šã§ã¯éžå¸¸ã«è©•åˆ¤ãŒæ‚ªã„ã§ã™ã€‚ ä»¥ä¸‹ã€ã©ã®ã‚ˆã†ã«å¤‰ã‚ã£ã¦ã€ä½•ãŒæ‰¹åˆ¤ã•ã‚Œã¦ã„ã‚‹ã®ã‹ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸã€‚ ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã‚¼ãƒ JavaScriptã‚’OFFã«ã™ã‚‹ã¨ä½•ã‚‚è¦‹ã‚‰ã‚Œã¾ã›ã‚“ã€‚ ãŠä½¿ã„ã®ãƒ–ãƒ©ã‚¦ã‚¶ã§ã¯ å½“ã‚µã‚¤ãƒˆã‚’ã”è¦§ã„ãŸã ãã“ã¨ãŒã§ãã¾ã›ã‚“ã€‚ æœ€æ–°ç‰ˆã®Flashãƒ—ãƒ¬ãƒ¼ãƒ¤ãƒ¼ã‚’ãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ã¦ã„ãŸã ã JavaScriptã‚’æœ‰åŠ¹ã«ã—ã¦ã„ãŸã ãå¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ HTMLã‚’è¦‹ã‚‹ã¨bodyéƒ¨åˆ†ã¯ä»¥ä¸‹ã®ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚ <body> <di
lesson5 2008/12/19
ã“ã†ã„ã†ã“ã¨ã‚„ã£ã¡ã‚ƒã†å‹¢ã„ã ã‘ã¯è¦‹ç¿’ã„ãŸã„

usability
ãƒªãƒ³ã‚¯
é€†å¼•ãCSSãƒãƒƒã‚¯(IE8,Firefox,Opera,Safariã‚’å«ã‚ãŸãƒ–ãƒ©ã‚¦ã‚¶åˆ¥CSSãƒãƒƒã‚¯)
cat888 live à¹€à¸§à¹‡à¸šà¹„à¸‹à¸•à¹Œà¸‚à¸à¸‡à¹€à¸£à¸²à¹„à¸”à¹‰à¸£à¸±à¸šà¸à¸²à¸£à¸£à¸±à¸šà¸£à¸à¸‡à¸§à¹ˆà¸²à¹€à¸›à¹‡à¸™à¹€à¸§à¹‡à¸šà¸žà¸™à¸±à¸™à¸—à¸µà¹ˆà¸¡à¸µà¸„à¸¸à¸“à¸ à¸²à¸žà¹€à¸¢à¸µà¹ˆà¸¢à¸¡à¸—à¸µà¹ˆà¸ªà¸¸à¸”à¹ƒà¸™à¸›à¸£à¸°à¹€à¸—à¸¨à¹„à¸—à¸¢à¸ªà¸³à¸«à¸£à¸±à¸šà¸à¸²à¸£à¸žà¸™à¸±à¸™à¸à¸à¸™à¹„à¸¥à¸™à¹Œ à¹€à¸§à¹‡à¸šà¸žà¸™à¸±à¸™à¸—à¸µà¹ˆà¸¡à¸±à¹ˆà¸™à¸„à¸‡à¹à¸¥à¸°à¸›à¸¥à¸à¸”à¸ à¸±à¸¢à¸—à¸µà¹ˆà¸ªà¸¸à¸”à¸ªà¸³à¸«à¸£à¸±à¸šà¸à¸²à¸£à¹€à¸”à¸´à¸¡à¸žà¸±à¸™à¸à¸à¸™à¹„à¸¥à¸™à¹Œà¸—à¸µà¹ˆà¸—à¸³à¸à¸²à¸£à¹€à¸‡à¸´à¸™à¸à¸¢à¹ˆà¸²à¸‡à¸¡à¸±à¹ˆà¸™à¸„à¸‡à¹à¸¥à¸°à¸›à¸¥à¸à¸”à¸ à¸±à¸¢à¹à¸¥à¸°à¸£à¸±à¸šà¸£à¸à¸‡à¸„à¸§à¸²à¸¡à¹€à¸›à¹‡à¸™à¸ªà¹ˆà¸§à¸™à¸•à¸±à¸§à¸‚à¸à¸‡à¸„à¸¸à¸“à¹ƒà¸™à¸à¸²à¸£à¹€à¸¥à¹ˆà¸™à¹€à¸à¸¡à¸žà¸™à¸±à¸™à¸—à¸µà¹ˆà¸™à¸µà¹ˆ. à¸—à¸²à¸‡à¹€à¸£à¸²à¸¡à¸¸à¹ˆà¸‡à¹€à¸™à¹‰à¸™à¹ƒà¸«à¹‰à¸›à¸£à¸°à¸ªà¸šà¸à¸²à¸£à¸“à¹Œà¸à¸²à¸£à¸žà¸™à¸±à¸™à¸à¸à¸™à¹„à¸¥à¸™à¹Œà¸—à¸µà¹ˆà¹„à¸¡à¹ˆà¸‹à¹‰à¸³à¸‹à¸²à¸à¹à¸¥à¸°à¸™à¹ˆà¸²à¸ªà¸™à¸¸à¸à¸—à¸µà¹ˆà¸ªà¸¸à¸”à¹€à¸¥à¸¢à¸„à¹ˆà¸°! cat888 à¸«à¸§à¸¢ à¹€à¸¡à¸·à¹ˆà¸à¸„à¸¸à¸“à¸¡à¸µà¸„à¸§à¸²à¸¡à¸£à¸°à¸¡à¸±à¸”à¸£à¸°à¸§à¸±à¸‡à¹ƒà¸™à¸à¸²à¸£à¸žà¸™à¸±à¸™à¸à¸à¸™à¹„à¸¥à¸™à¹Œ à¸„à¸¸à¸“à¸ˆà¸°à¸¡à¸±à¹ˆà¸™à¹ƒà¸ˆà¹„à¸”à¹‰à¸§à¹ˆà¸²
lesson5 2008/04/24
ui

data

usability
ãƒªãƒ³ã‚¯
ECã‚µã‚¤ãƒˆã®ç”»é¢è¨è¨ˆ--ç”·ã¨å¥³ã€è²·ã„ç‰©ã®è¡Œå‹•ãƒ‘ã‚¿ãƒ¼ãƒ³ã¯ã©ã†é•ã†ï¼Ÿ:ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚° - CNET Japan
ä¾¿åˆ©ã•ã€æ‰‹è»½ã•ã‹ã‚‰ã€ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚·ãƒ§ãƒƒãƒ”ãƒ³ã‚°ã¯ä»Šã‚„ç§ãŸã¡ã®ç”Ÿæ´»ã®ä¸ã«æ·±ãæµ¸é€ã—ã¦ã„ã¾ã™ã€‚ãã—ã¦ã€Œå£²ã‚Œã‚‹ã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚·ãƒ§ãƒƒãƒ—ã€ã‚’ç›®æŒ‡ã—ã¦ã€å„Eã‚³ãƒžãƒ¼ã‚¹ï¼ˆECï¼‰ã‚µã‚¤ãƒˆãŒå‡ŒãŽã‚’å‰Šã£ã¦ã„ã¾ã™ã€‚ECã‚µã‚¤ãƒˆã®æ§‹ç¯‰ã«ã‚ãŸã£ã¦ã€ã¾ãšã¯ãã®ã‚·ãƒ§ãƒƒãƒ—ã®ã‚¿ãƒ¼ã‚²ãƒƒãƒˆã‚’è¨å®šã—ã€ãã‚Œãžã‚Œã®æ”»ç•¥æ–¹æ³•ã‚’è€ƒãˆã‚‹ã“ã¨ãŒå¤§åˆ‡ã§ã™ã€‚æ”»ç•¥æ–¹æ³•ã‚’è€ƒãˆã‚‹ã«ã¯ã€ã‚¿ãƒ¼ã‚²ãƒƒãƒˆãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ã‚µã‚¤ãƒˆå†…è¡Œå‹•ã‚’çŸ¥ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ ã“ã“ã§1ã¤ã®ç–‘å•ãŒæµ®ã‹ã³ã¾ã™ã€‚ã¯ãŸã—ã¦ã€ç”·æ€§ã¨å¥³æ€§ã§ã€ECã‚µã‚¤ãƒˆå†…ã®è¡Œå‹•ã«é•ã„ã¯ã‚ã‚‹ã‚‚ã®ãªã®ã§ã—ã‚‡ã†ã‹ã€‚ ã€Œæ¥½å¤©å¸‚å ´ã§ã‚®ãƒ•ãƒˆã‚’è²·ã£ã¦ãã ã•ã„ã€ ä»Šå›žã®ã‚¢ã‚¤ãƒˆãƒ©ãƒƒã‚ãƒ³ã‚°åˆ†æžã§ã¯ã€ã€ŒECã‚µã‚¤ãƒˆã«ãŠã„ã¦ç”·å¥³ã®è¡Œå‹•ã«é•ã„ã¯ã‚ã‚‹ã®ã‹ã€ã‚’æ¤œè¨¼ã™ã¹ãã€ä»¥ä¸‹ã®ãƒ†ã‚¹ãƒˆã‚’è¡Œã„ã¾ã—ãŸã€‚å¯¾è±¡ã‚µã‚¤ãƒˆã¯ã€æ—¥æœ¬æœ€å¤§ã®ECã‚µã‚¤ãƒˆã€æ¥½å¤©å¸‚å ´ã¨ã—ã¾ã—ãŸã€‚ å¯¾è±¡ã‚µã‚¤ãƒˆï¼šæ¥½å¤©å¸‚å ´ è¢«é¨“è€…ï¼šã‚ªãƒ³ãƒ©ã‚¤ãƒ³ã‚·ãƒ§ãƒƒãƒ”ãƒ³ã‚°çµŒé¨“ã®ã‚ã‚‹20ä»£ã€œ30ä»£ç”·å¥³ã€å„3å ã‚¿ã‚¹ã‚¯ï¼šãƒãƒ¬ãƒ³ã‚¿ã‚¤ãƒ³
lesson5 2008/03/29
marketing

usability

ui
ãƒªãƒ³ã‚¯
ã‚³ãƒ¡ãƒ³ãƒˆãƒªã‚¹ãƒˆã§è€ƒãˆã‚‰ã‚Œã‚‹ãƒ‘ã‚¿ãƒ¼ãƒ³
Webã‚µã‚¤ãƒˆã®åŸºæœ¬ï¼“è¦ç´ ã®ã²ã¨ã¤ã§ã‚ã‚‹ã€ŒRelationshipã€ã€‚ãƒ–ãƒã‚°ã§ã¯é‡è¦ãªéƒ¨åˆ†ã§ã™ã—ã€ä¾‹ãˆä¼æ¥ã‚µã‚¤ãƒˆã‚’æ§‹ç¯‰ã™ã‚‹éš›ã«ã‚‚é‡è¦ãªè¦ç´ ã«ãªã£ã¦ã„ãã¾ã™ï¼ˆã‚‚ã¡ã‚ã‚“ãƒ–ãƒã‚°ã¨åŒã˜è¦‹ã›æ–¹ã§ã¯ãªã„ã§ã™ãŒï¼‰ã€‚ãƒ–ãƒã‚°ã§æœ€ã‚‚ç°¡å˜ã«é–¢ä¿‚ã‚’ç¯‰ãæ–¹æ³•ãŒã‚³ãƒ¡ãƒ³ãƒˆã§ã™ã€‚ãã‚Œãžã‚Œã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã«ã‚³ãƒ¡ãƒ³ãƒˆãƒ•ã‚©ãƒ¼ãƒ ã‚’ç½®ã„ã¦èªè€…ãŒã„ã¤ã§ã‚‚æ„Ÿã˜ãŸã“ã¨ã‚’è‡ªç”±ã«æ›¸ãè¾¼ã‚€ã“ã¨ãŒå‡ºæ¥ã‚‹ã‚ˆã†ã«ã—ã¾ã™ã€‚ã‚³ãƒ¡ãƒ³ãƒˆã‚’é€šã˜ã¦ç†è€…ã¨èªè€…ã®é–¢ä¿‚ãŒã‚ˆã‚Šæ¿ƒã„ã‚‚ã®ã«ãªã‚‹ã ã‘ã§ãªãã€ãã®ã‚³ãƒ¡ãƒ³ãƒˆã‚’èªã‚€ä»–ã®èªè€…ã¨ã‚‚å…±æ„Ÿã¨ã„ã†é–“æŽ¥çš„ãªç¹‹ãŒã‚Šã‚’ã‚‚ã¤ã“ã¨ãŒå‡ºæ¥ã¾ã™ã€‚ ã²ã¨ã¤ã®çª“å£ã¨ã—ã¦ã‚³ãƒ¡ãƒ³ãƒˆã¯è‰¯ã„æ©Ÿèƒ½ã ã¨æ€ã„ã¾ã™ãŒã€ä¸æº€ç‚¹ãŒãªã„ã‚ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ã‚³ãƒ¡ãƒ³ãƒˆæ•°ãŒé•·ã„ã¨è¦‹ãŸç›®ãŒå˜èª¿ã«ãªã‚Šã€èªã¿é›£ã„ã¨ã„ã†å°è±¡ã‚‚ã‚ã‚Šã¾ã™ã—ã€å¤šãã®æ–¹ã«èªã‚“ã§ã‚‚ã‚‰ã†ã¹ãè²´é‡ãªæƒ…å ±ã‚‚ã‚³ãƒ¡ãƒ³ãƒˆã«ã‚ã‚‹ãŒãŸã‚ã«èªã¾ã‚Œãªã„ã¨ã„ã†ã‚±ãƒ¼ã‚¹ãŒã‚ã‚Šã¾ã™ã€‚è‡ªåˆ†ã®ã‚µã‚¤ãƒˆã¯è‡ªåˆ†ãŒç®¡ç†ã—ã¦ã„ã‚‹ã®ã§æ°—ã«ã¯ãªã‚Šã¾ã›ã‚“
lesson5 2008/02/27
usability
ãƒªãƒ³ã‚¯
ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®å‹•ãã€‚ï½œCSS HappyLife
ãƒœã‚¯ãŸã¡ã¿ãŸã„ãªã€ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã‚’é–²è¦§ã™ã‚‹ã®ãŒå½“ãŸã‚Šå‰ã®äººé–“ã‹ã‚‰ã™ã‚‹ã¨ã€å…¨ãæ°—ã¥ã‹ãªã„äº‹ã«æ°—ã¥ã‹ã•ã‚ŒãŸã‚Šã—ãŸã®ã§ã€è‡ªåˆ†ç”¨ãƒ¡ãƒ¢ã€‚ 2008å¹´2æœˆ14æ—¥ã®22ï¼š47é ƒã«è¿½è¨˜ ãƒœã‚¯ã®ãŸã ã®ãƒ¡ãƒ¢æ›¸ãã‚’ã‚‚ã†ã¡ã‚‡ã£ã¨ã¡ã‚ƒã‚“ã¨ä»¥ä¸‹ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã§æ›¸ã„ã¦ã‚‚ã‚‰ã£ã¦ã‚‹ã®ã§ã€ã‚ã‚ã›ã¦ã”è¦§ã«ãªã£ã¦é ‚ãã¨ã€è‰¯ã„ã‹ã¨æ€ã„ã¾ã™ã€‚ Webã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£ã«ã¤ã„ã¦ã®è¦šæ›¸ - ãã‚“ãŒã‚“ã®Webãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ãƒ†ã‚¹ãƒˆã«å‚åŠ ã—ãŸ ãƒã‚´ã‚¯ãƒªãƒƒã‚¯ï¼ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã«æˆ»ã‚‹ã¨ã„ã†èªè˜ã¯æ®†ã©ç„¡ã„ã€‚ ãƒˆãƒƒãƒ—ãƒšãƒ¼ã‚¸ã«æˆ»ã‚‹å ´åˆã¯ã€ãƒ–ãƒ©ã‚¦ã‚¶ã®ã€Œæˆ»ã‚‹ã€ãƒœã‚¿ãƒ³ã€‚ ã‚µã‚¤ãƒ‰ãƒãƒ¼ã®ãƒãƒŠãƒ¼ã¯ã€èªçŸ¥ã™ã‚‰ã•ã‚Œãªã„å‚¾å‘ãŒå¼·ã„ã€‚ ãã‚‚ãã‚‚ãƒãƒŠãƒ¼ã¨ã—ã¦æŠ¼ã›ã‚‹ã‚‚ã®ã§ã¯ãªãã€ãƒ‡ã‚¶ã‚¤ãƒ³ä¸Šã®é£¾ã‚Šã¨ã—ã¦è¦‹ã‚‰ã‚Œã‚‹å ´åˆã‚‚ã€‚ ãƒªã‚¹ãƒˆã®ãƒžãƒ¼ã‚¯ã¨ã‹ã®ãƒžãƒ¼ã‚¯éƒ¨åˆ†ã‚’ã‚¯ãƒªãƒƒã‚¯ã—ã‚ˆãƒ¼ã¨ã™ã‚‹äººãŒå±…ã‚‹ã€‚ ãã‚Œã«ã‚ˆã‚Šã€ã‚¯ãƒªãƒƒã‚¯ã§ããªã„ã¨è«¦ã‚ã‚‹ã‚±ãƒ¼ã‚¹ã‚‚ã€‚ ãƒ—ãƒ«ãƒ€ã‚¦ãƒ³ï¼ˆãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ï¼‰åž‹ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¯ã€è¿‘ãã®ãƒœã‚¿ãƒ³ã‚’æŠ¼
lesson5 2008/02/13
usability
ãƒªãƒ³ã‚¯
http://www.e-research.biz/column/col_5/001285.html
lesson5 2007/05/17
usability

accessibility
ãƒªãƒ³ã‚¯
COULDï¼šWebãƒ‡ã‚¶ã‚¤ãƒ³ã«é–¢ã™ã‚‹ 15 ã®èª¿æŸ»çµæžœ
lesson5 2007/01/19
accessibility

usability

data
ãƒªãƒ³ã‚¯
ãƒ“ãƒ¼ãƒ“ãƒƒãƒˆ ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã«ç‰¹åŒ–ã—ãŸã‚¦ã‚§ãƒ–ã‚³ãƒ³ã‚µãƒ«ãƒ†ã‚£ãƒ³ã‚°
ãƒ“ãƒ¼ãƒ“ãƒƒãƒˆã€ãƒ¦ãƒ¼ã‚¶è¡Œå‹•åˆ†æžãƒ»UXæ”¹å–„SaaSã€ŒUSERGRAMã€ã«ã¦ã€AIãŒå®šæ€§åˆ†æžã‚’ã‚µãƒãƒ¼ãƒˆã™ã‚‹æ–°æ©Ÿèƒ½ Î²ç‰ˆã‚’ãƒªãƒªãƒ¼ã‚¹
lesson5 2006/11/10
webåˆ¶ä½œä¼šç¤¾

usability
ãƒªãƒ³ã‚¯
1