[B! User interface design] criticabugã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

criticabug id:criticabug

User interface designã«é–¢ã™ã‚‹criticabugã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (9)

${{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}}

ãƒ•ãƒ©ãƒƒãƒˆãªUIè¦ç´ ã¯ã€ç›®ã«ã¤ãã«ããç¢ºä¿¡ã‚’æŒã¡ã«ãã„
ãƒ•ãƒ©ãƒƒãƒˆã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã§ã¯å¼±ã„ã‚·ã‚°ãƒ‹ãƒ•ã‚¡ã‚¤ã‚¢ãŒã‚ˆãç”¨ã„ã‚‰ã‚Œã‚‹ã€‚ã‚¯ãƒªãƒƒã‚¯ã§ãã‚‹ã“ã¨ã®æ‰‹ãŒã‹ã‚Šã‚’æ¯”è¼ƒã™ã‚‹ã‚¢ã‚¤ãƒˆãƒ©ãƒƒã‚ãƒ³ã‚°ã®å®Ÿé¨“ã§ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ã€ã‚·ã‚°ãƒ‹ãƒ•ã‚¡ã‚¤ã‚¢ã®å¼±ã„UIã®ã»ã†ãŒå¼·ã„ã‚‚ã®ã‚ˆã‚Šã‚‚å¤šãã®åŠ´åŠ›ã‚’å¿…è¦ã¨ã—ãŸã€‚ Flat UI Elements Attract Less Attention and Cause Uncertainty by Kate Meyer on September 3, 2017 æ—¥æœ¬èªžç‰ˆ2018å¹´1æœˆ24æ—¥å…¬é–‹ ãƒ‡ã‚¸ã‚¿ãƒ«ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã§ã¯ã€ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ãŒäººæ°—ã ãŒã€ãã‚Œã¨ä¸¦è¡Œã—ã¦ã€ã‚·ã‚°ãƒ‹ãƒ•ã‚¡ã‚¤ã‚¢ãŒä¸ååˆ†ã«ãªã£ã¦ãã¦ã„ã‚‹ã€‚è¿‘å¹´ã€å¤šãã®UIã§ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒã‚¯ãƒªãƒƒã‚¯ã§ãã‚‹ã‚‚ã®ã ã¨ç†è§£ã™ã‚‹ãŸã‚ã«é ¼ã£ã¦ã„ã‚‹çŸ¥è¦šå¯èƒ½ãªæ‰‹ãŒã‹ã‚ŠãŒã¯ãŽå–ã‚‰ã‚Œç¶šã‘ã¦ããŸã‹ã‚‰ã ã€‚ ä»Šå›žã€æˆ‘ã€…ã¯ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ä¸Šã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ç›®ã®å‹•ãã‚’è¿½è·¡ã—ã¦è¦–è¦šåŒ–ã™ã‚‹ã‚¢ã‚¤ãƒˆãƒ©ãƒƒã‚ãƒ³ã‚°è£…ç½®ã‚’ä½¿ã„ã€ã‚¯ãƒªãƒƒã‚¯ã§ãã‚‹ã“ã¨ã®å¼·ã„ã‚·
criticabug 2018/01/26
Microsoft ã®ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã¯ signifier è¶³ã‚Šã¦ãªã„ã®ã§åçœã—ã¦

User interface design
ãƒªãƒ³ã‚¯
ãƒ‡ã‚¶ã‚¤ãƒ³ã®ç†è§£ã«ã¤ãªãŒã‚‹æ„Ÿæƒ…ã®ãƒ¡ã‚«ãƒ‹ã‚ºãƒ
ä¸Šè¨˜ã¯ã€ãƒ‰ãƒ³ãƒ»ãƒŽãƒ¼ãƒžãƒ³è‘—ã€Œã‚¨ãƒ¢ãƒ¼ã‚·ãƒ§ãƒŠãƒ«ãƒ»ãƒ‡ã‚¶ã‚¤ãƒ³â€•å¾®ç¬‘ã‚’èª˜ã†ãƒ¢ãƒŽãŸã¡ã®ãŸã‚ã«ã€ã‹ã‚‰ã®ä¸€ç¯€ã€‚æ©Ÿèƒ½çš„ãªéƒ¨åˆ†ã‚ˆã‚Šã€æ„Ÿæƒ…ã«éŸ¿ããƒ‡ã‚¶ã‚¤ãƒ³ãŒã€ä»Šå¾Œã®è£½å“ãƒ»ã‚µãƒ¼ãƒ“ã‚¹ã‚’æˆåŠŸã¸å°Žãã ã‚ã†ã¨èª¬ã„ã¦ã„ã¾ã™ã€‚ç¢ºã‹ã«ãã†ã ã¨æ€ã„ã¾ã™ãŒã€æ„Ÿæƒ…ã¨ã„ã†ä¸»è¦³çš„ãªã‚‚ã®ã‚’ã€ã„ã‹ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã¸è½ã¨ã—è¾¼ã‚€ã®ã‹æ‚©ã¾ã—ã„ã¨ã“ã‚ã§ã™ã€‚ã€Œã‹ã£ã“ã„ã„ã€ã€Œç¾Žã—ã„ã€ã¨ã„ã†æ„Ÿæƒ…ã ã‘ã§ãƒ‡ã‚¶ã‚¤ãƒ³ã®è©•ä¾¡ã‚’ã™ã‚‹ã®ã¯å¥½ã¾ã—ããªã„ã§ã™ãŒã€ãã®æ„Ÿæƒ…ãŒã©ã“ã‹ã‚‰ã€ã©ã®ã‚ˆã†ã«ç”Ÿã¾ã‚Œã¦ãã‚‹ã®ã‹ã‚’æŽ¢æ±‚ã™ã‚‹ã“ã¨ã¯é‡è¦ã§ã™ã€‚ æ„Ÿæƒ…ã¨ã¯ä¸»è¦³çš„ã§ã‚ã‚‹ã¨åŒæ™‚ã«ã€ä½“ç³»åŒ–ã™ã‚‹ã“ã¨ã‚‚å¯èƒ½ã§ã™ã€‚ Delft University of Techno logy ã§æ•™æŽˆã‚’ã•ã‚Œã¦ã„ã‚‹ Pieter Desmet åšå£«ãŒ 2002 å¹´ã«ã€ŒDesigning Emotionsã€ã¨ã„ã†è«–æ–‡ã‚’ç™ºè¡¨ã—ã¦ã„ã¾ã™ã€‚äººé–“ã¯è£½å“ã‚„æ„Ÿæƒ…ã«å¯¾ã™ã‚‹æ„Ÿæƒ…ã®ãƒ¡ã‚«ãƒ‹ã‚ºãƒ ã‚’ä»¥ä¸‹ã®ã‚ˆã†ãªå›³ã®ã‚ˆã†ã«ã¾ã¨ã‚ã¦ã„ã¾ã™ã€‚ æ„Ÿæƒ…ã¯ã€ä½•ã‹ã«
criticabug 2015/07/24
ã“ã®åˆ†é‡Žã«å…¥é–€ã—ã¦ãŠããŸã„

User interface design

psycology
ãƒªãƒ³ã‚¯
Psychology of waiting and Facebook - Mercury Blog
The psychology of waiting, loading animations, andÂ Facebook Last Friday, I had the pleasure of speaking at Renaissance, an iOS developer conference in San Francisco, about the heightened importance of animation in iOS 7 and how animation can be used to improve usability1. One of the points that I discussed briefly was the use of loading animations to indicate status. Before I dig in, let me start
criticabug 2014/02/17
ã‚¹ãƒ©ã‚¤ãƒ‰PDFãƒ€ã‚¦ãƒ³ãƒãƒ¼ãƒ‰ã—ãŸ

psycology

User interface design
ãƒªãƒ³ã‚¯
èª¤è§£ã‚’æ‹›ãæƒ…å ±ã®åŒ‚ã„ã¯å£²ä¸Šã‚’æ¸›ã‚‰ã™ â€“ U-Site
ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆå†…ã®ä»–ã®ã‚¨ãƒªã‚¢ãŒæœ€é©ãªå ´æ‰€ã§ã‚ã‚‹ã‚ˆã†ã«è¦‹ãˆã‚‹å ´åˆã€æƒ…å ±ã‚„è£½å“ãŒæœ¬å½“ã«ç½®ã„ã¦ã‚ã‚‹å ´æ‰€ã¯è¦‹é€ƒã•ã‚ŒãŒã¡ã ã€‚ã‚¯ãƒã‚¹ãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã¨æ˜Žç¢ºãªãƒ©ãƒ™ãƒ«ãŒã€ã“ã®å•é¡Œã‚’è»½æ¸›ã™ã‚‹ã€‚ Deceivingly Strong Information Scent Costs Sales by Jakob Nielsen on August 2, 2004 æƒ…å ±ã®åŒ‚ã„ã¨ã¯ã€ãƒ¦ãƒ¼ã‚¶ãŒã€ã„ã¾é€²ã‚“ã§ã„ã‚‹æ–¹å‘ã«å‘ã‹ã£ã¦ã„ã‘ã°ã€ãã®å…ˆã«ä½•ãŒã‚ã‚‹ã‹ã‚’äºˆæ¸¬ã•ã›ã‚‹ã‚‚ã®ã®ã“ã¨ã ã€‚ã“ã®è¨€è‘‰ã¯ãƒ¦ãƒ¼ã‚¶ãŒã©ã®ã‚ˆã†ã«ã—ã¦ã‚·ã‚¹ãƒ†ãƒ ã¨ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã‚’è¡Œã†ã‹ã‚’ã€å‹•ç‰©ãŒç²ç‰©ã‚’ç‹©ã‚‹ã®ã«ãŸã¨ãˆã¦èª¬æ˜Žã—ãŸæƒ…å ±æŽ¡é¤Œç†è«–ã®ä¸€éƒ¨ã ã€‚ åŒ‚ã„ã‚’è¿½ã†æ•é£Ÿè€…ã¯ã€ãã®åŒ‚ã„ã®å…ˆã«ç²ç‰©ãŒã„ã‚‹ã“ã¨ã‚’ç¢ºä¿¡ã—ãªãŒã‚‰ãã®å¾Œã‚’è¿½ã£ã¦ã„ã‚‹ã®ã§ã€æ°—ãŒæ•£ã£ã¦ä»–ã®é“ã«å¤–ã‚Œã‚‹ã“ã¨ã¯ã¾ã‚Œã ã€‚ ãã‚Œã¨åŒã˜ã‚ˆã†ã«ã€ãƒ¦ãƒ¼ã‚¶ãŒã‚µã‚¤ãƒˆã®ä¸ã‚’ç‰¹å®šã®è£½å“ã‚„æƒ…å ±ã‚’æŽ¢ã—ã¦ã„ã‚‹å ´åˆã€ç›®çš„ã®ã‚‚ã®ã«è¿‘ã¥ã„ã¦ã„ã‚‹ã¨æ„Ÿ
criticabug 2012/12/06
ã“ã®ã€ŒåŒ‚ã„ã€ã‚’å—…ãŽã¤ã‘ã‚‹ã®ã€ãƒ—ãƒã‚°ãƒ©ãƒ ã§ä½•ã‹ã‚’ã—ã¦ã„ã‚‹ç®‡æ‰€ã‚’ç‰¹å®šã™ã‚‹ã®ã«ä¼¼ã¦ã„ã‚‹

usability

User interface design
ãƒªãƒ³ã‚¯
http://www-3.ibm.com/ibm/easy/eou_ext.nsf/Publish/561
criticabug 2000/06/16
Mozilla Project

Developer Information

User interface design
ãƒªãƒ³ã‚¯
KDE Standards - Basics
This document attempts to specify the look-and-feel for KDE applications. The goal is to provide some rules-of-thumb for developers to create their applications interface so that KDE software will have a consistent look-and-feel. The guidelines in this style guide are only suggestions - they are not set in stone. It is the application designer's duty to create a decent interface. Following rules w
criticabug 2000/06/16
Mozilla Project

Developer Information

User interface design
ãƒªãƒ³ã‚¯
http://developer.apple.com/techpubs/mac/HIGuidelines/HIGuidelines-2.html
criticabug 2000/06/16
Mozilla Project

Developer Information

User interface design
ãƒªãƒ³ã‚¯
Microsoft Learn: Build skills that open doors in your career
Microsoft Learn. Spark possibility. Build skills that open doors. See all you can do with documentation, hands-on training, and certifications to help you get the most from Microsoft products. Learn by doing Gain the skills you can apply to everyday situations through hands-on training personalized to your needs, at your own pace or with our global network of learning partners. Take training Find
criticabug 2000/06/16
Mozilla Project

Developer Information

User interface design
ãƒªãƒ³ã‚¯
1