Collection: Design Patterns
Reuse, recycle, but don’t reinvent the wheel unless necessary. by Brian Christiansen at UI Engineering. Via. This collection captures findings of consistent, unique or interesting interfaces and design flows from across the web. Please note that the content of these sets is not representative of all of the patterns I've captured. I tend to use tags more religiously and recommend that you look ther
UI-patterns.com
User Interface Design patterns are recurring solutions that solve common design problems. Design patterns are standard reference points for the experienced user interface designer. Product Insights at your fingertips. Our confidence-boosting product tools for business growth are practical guides and strategies that will immediately amplify the expertise of you and your team.
ä»®é¢ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼â€œãƒšãƒ«ã‚½ãƒŠâ€å‚ä¸Šï¼ | ゼãƒå††ã§ã‚‚ã§ãã‚‹ï¼ï¼Ÿã€€çœã‚³ã‚¹ãƒˆãƒ¦ãƒ¼ã‚¶ãƒ“リティå‘上術
ユーザーをグループ分ã‘ã—よã†å‰å›žèª¬æ˜Žã—ãŸã‚ˆã†ã«ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«å¼Ÿå入りã—ã¦ã¦ã„ãã„ã«è©±ã‚’èžãã¨ã„ã†èª¿æŸ»ã‚’æ ¹æ°—å¼·ãç¹°ã‚Šè¿”ã—ã¦ã„ã‚‹ã¨ã€ã‚る時点ã§ã‚ãªãŸã¯æ°—ã¥ãã ã‚ã†â€•â€•ã€ŒåŒã˜ã‚ˆã†ãªè©±ã‚’ã—ã¦ã„るユーザーãŒè¤‡æ•°ã„ã‚‹ï¼ã€ã€‚ã‚‚ã¡ã‚ã‚“ã¾ã£ãŸãåŒã˜è©±ã‚’ã™ã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ã„ãªã„。細部を比ã¹ã‚Œã°å€‹ã€…ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ä½“験談ã¯ã™ã¹ã¦ç•°ãªã‚‹ã€‚ã—ã‹ã—ユーザーã®ç›®çš„や行動パターンã«æ³¨ç›®ã™ã‚Œã°ã€èµ¤ã®ä»–人åŒå£«ã§ã‚るユーザーã®é–“ã«ã„ãã¤ã‹ã®å…±é€šç‚¹ãŒè¦‹ãˆã¦ãã‚‹ã®ã 。 ã¾ãšãƒ¦ãƒ¼ã‚¶ãƒ¼ã®æƒ…å ±ã‚’1人分ãšã¤1æžšã®ã‚«ãƒ¼ãƒ‰ã«æ›¸ã出ã—ã¦ã¿ã‚ˆã†ã€‚åå‰ã€æ€§åˆ¥ã€å¹´é½¢ã€è·æ¥ã€è¡Œå‹•ã®ç‰¹å¾´ã€ä¸€ç•ªå°è±¡ã«æ®‹ã£ãŸè¨€è‘‰ãªã©ãªã©ã€‚インタビューã—ãŸã¨ãã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®é›°å›²æ°—ã‚‚æ€ã„出ãã†ã€‚ãã—ã¦ã€ãã®ã‚«ãƒ¼ãƒ‰ã‚’並ã¹æ›¿ãˆã¦ä¼¼ãŸã‚ˆã†ãªãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚’ã²ã¨ã¾ã¨ã‚ã«ã—よã†ã€‚ ã¡ã‚‡ã†ã©ã„ã„å…·åˆã«ã‚°ãƒ«ãƒ¼ãƒ—分ã‘ãŒã§ããŸã‚‰ã€æ¬¡ã¯ãれらã®ã‚°ãƒ«ãƒ¼ãƒ—ã«ã‚¿ã‚¤ãƒˆãƒ«ã‚’付ã‘よã†ã€‚ãŸã¨ãˆã°ã€è¡£æ–™å“サイトã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ãªã‚‰ã°ã€Œæµè¡Œ
DESIGN IT! Talk #001 (UX) Yukio Andoh
This document provides an overview of user experience (UX) design. It discusses UX and user interface (UI) design, prototyping tools for mobile devices like the iPhone, usability testing, and resources for UX designers including books, blogs, and tools. Key topics covered include paper prototyping, mockups, personas, the user experience design process, and usability testing best practices.Read les
ï¼ IT：UCDï¼åˆ©ç”¨è€…ä¸å¿ƒè¨è¨ˆã®ãƒ—ãƒã‚»ã‚¹ã¨ã¯ï¼Ÿ
Webアプリケーションã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹[3] UCDï¼åˆ©ç”¨è€…ä¸å¿ƒè¨è¨ˆã®ãƒ—ãƒã‚»ã‚¹ã¨ã¯ï¼Ÿ ソシオメディア　上野 å¦ 2005/8/9 「ユーザーã«ã¨ã£ã¦ã¯ “ユーザーインターフェイスâ€ã“ããŒè£½å“ãã®ã‚‚ã®ã€ã€Œãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒé¸ã³ã‚„ã™ã„フォームã®ã‚«ã‚¿ãƒã‚’考ãˆã‚ˆã†ã€ã«ç¶šãã€é€£è¼‰ç¬¬3回ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ãƒ‡ã‚¶ã‚¤ãƒ³ã®ä¸Šæµå·¥ç¨‹ã«ç€ç›®ã—ã¦ã€åˆ©ç”¨åŠ¹çŽ‡ãŒé«˜ãユーザーãŒç›®çš„ã‚’å分ã«é”æˆã§ãるシステムを作り上ã’ã‚‹ã®ã«å¿…è¦ãªã€ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆåˆæœŸã®å–り組ã¿ã«ã¤ã„ã¦è€ƒãˆã¦ã„ãã¾ã™ã€‚ ã¾ãšå‰æã¨ã—ã¦ã€ã‚·ã‚¹ãƒ†ãƒ を利用ã™ã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯ä½•ã‚‰ã‹ã®ç›®çš„ã‚’æŒã£ã¦ã„ã‚‹ã€ã¨ã„ã†ã“ã¨ã‚’æ„è˜ã™ã‚‹ã“ã¨ãŒå¤§åˆ‡ã§ã™ã€‚ユーザーインターフェイスを評価ã™ã‚‹ã†ãˆã§ã¯ã€ã“ã®ç›®çš„ãŒã©ã‚Œãらã„スムーズã«é”æˆã•ã‚ŒãŸã‹ã¨ã„ã†è¦–点ãŒé‡è¦ã«ãªã‚Šã¾ã™ã€‚個々ã®ç”»é¢ãŒã©ã‚Œã ã‘è«–ç†çš„ã«ãƒ‡ã‚¶ã‚¤ãƒ³ã•ã‚Œã¦ã„ãŸã¨ã—ã¦ã‚‚ã€ãã®ã‚·ã‚¹ãƒ†ãƒ を利用ã—ãŸçµæžœã¨ã—ã¦ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒæœ¬æ¥ã®ç›®çš„ã‚’é”æˆ
次世代UI構築メソッド PART 3 | IT Leaders
2012/04/10 08:05ユーザーインタフェース（UI）ã¯ã€ã‚¢ãƒ—リケーションを通ã˜ãŸãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ï¼ˆUX）を考ãˆã‚‹ã†ãˆã§éžå¸¸ã«é‡è¦ãªè¦ç´ ã§ã‚る。ユーザーãŒå¼•ãèµ·ã“ã™ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã¨ãã‚Œã«å¯¾ã™ã‚‹ã‚·ã‚¹ãƒ†ãƒ ã‹ã‚‰ã®ãƒ¬ã‚¹ãƒãƒ³ã‚¹ã¯ã€ã™ã¹ã¦UIを介ã—ã¦ã‚„ã‚Šã¨ã‚Šã•ã‚Œã‚‹ã‹ã‚‰ã （図3-1）。ã¨ã“ã‚ãŒã€ä¼æ¥ã‚·ã‚¹ãƒ†ãƒ ã®é–‹ç™ºã«ãŠã„ã¦ã¯ã“ã‚Œã¾ã§ã€æ©Ÿèƒ½ã®å®Ÿè£…ã«é›†ä¸ã™ã‚‹ã‚ã¾ã‚ŠUIã¯ã‚ã¾ã‚Šæ„è˜ã•ã‚Œã¦ã“ãªã‹ã£ãŸã€‚ 図3-1　アプリケーションã«ãŠã„ã¦ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚„ãã‚Œã«å¯¾ã™ã‚‹ã‚µãƒ¼ãƒ“スã‹ã‚‰ã®ãƒ¬ã‚¹ãƒãƒ³ã‚¹ã¯ã™ã¹ã¦UIを通ã˜ã¦ä¼é”ã•ã‚Œã‚‹ 多ãã®ä¼æ¥å†…ユーザーã¯æ˜Žç¢ºã«æ„è˜ã—ã¦ã„ã‚‹ã‹ã©ã†ã‹ã¯ã•ã¦ãŠãã€ä»Šæ—¥ã¾ã§ã€ä½¿ã„ã«ãã„UIã«ã˜ã£ã¨è€ãˆã¦ããŸã€‚コンシューマå‘ã‘アプリケーションã®ã‚ˆã†ã«ã€ã€Œä½¿ã‚ãªã„ã€ã¨ã„ã†é¸æŠžè‚¢ãŒãªã„ã‹ã‚‰ã§ã‚る。ãŸã¨ãˆã¦è¨€ã†ãªã‚‰ã€ã€å›½éš›ç©ºæ¸¯ã«ãŠã‘る税関検査ã®ã‚ˆã†ãªã‚‚ã®ã 。税関検査ã§ã¯ã€é•·ã„行列ã«ä¸¦ã¶ã“ã¨
秀逸ãªãƒ¦ãƒ¼ã‚¶ãƒ“リティã®ãƒœã‚¿ãƒ³ã‚’デザインã™ã‚‹ãŸã‚ã®5ã¤ã®ç§˜ä¼ - GIGAZINE
ユーザビリティを考ãˆã‚‹ä¸Šã§ã‹ãªã‚Šé‡è¦ãªã®ãŒãƒœã‚¿ãƒ³ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã€‚èžã„ãŸè©±ã ã¨ã€æŸã©ã“ã‹ã®ãƒãƒ¼ãƒ³ãŠç”³ã—è¾¼ã¿ãƒšãƒ¼ã‚¸ã§ã¯ãƒœã‚¿ãƒ³ã®ã‚µã‚¤ã‚ºã‚’極端ã«å¤§ããã—ã¦ç›®ç«‹ã¤ã‚ˆã†ã«ã—ã¦ã€ãƒœã‚¿ãƒ³ã«ã€ŒOKã€ã¨ã‹ã€ŒæŠ•ç¨¿ã€ã§ã¯ãªãデカデカã¨ã€Œä»Šã™ã申ã—込むã€ã¨ã„ã†ã‚ˆã†ã«ãƒ©ãƒ™ãƒªãƒ³ã‚°ã—ãŸã¨ã“ã‚ã€æ•°ç™¾ãƒ‘ーセント増ã—ã§ç”³è¾¼ã¿ãŒã‚ã£ãŸã¨ã®ã“ã¨ã€‚ã»ã‚“ã®å°‘ã—ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã®å·®ã§ã‚‚ãƒã‚«ã«ã¯ã§ãã¾ã›ã‚“。 ã¨ã„ã†ã‚ã‘ã§ã€ã„ã‚ã„ã‚ãªæœ‰åサイトã®ã‚¢ã‚¤ãƒ‡ã‚£ã‚¢ãŒè©°ã¾ã£ã¦ç·´ã‚Šè¾¼ã¾ã‚ŒãŸãƒœã‚¿ãƒ³ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’見ã¦ã¿ã‚‹ã¨ã€ã©ã‚Œã‚‚ã“れも一見ã™ã‚‹ã¨æ™®é€šã«è¦‹ãˆã‚‹ã‚ˆã†ã§ã‚‚ã€å®Ÿã¯ãã†ã§ã¯ãªã„ã“ã¨ãŒã‚ã‹ã‚Šã¾ã™ã€‚ãれらã«ã¯å…±é€šã—ã¦5ã¤ã®ãƒ«ãƒ¼ãƒ«ãŒé©ç”¨ã•ã‚Œã¦ã„ã¾ã™ã€‚ 秘ä¼ã®æ³•å‰‡ã¯ä»¥ä¸‹ã‹ã‚‰ã€‚ ■秘ä¼ãã®1：色 ボタンã®è‰²ã¯ãƒšãƒ¼ã‚¸ã®ä»–ã®ã‚‚ã®ã‚ˆã‚Šã‚‚目立ãŸã›ã€ã‚ˆã‚Šæ˜Žã‚‹ãã€ãã—ã¦ã‚³ãƒ³ãƒˆãƒ©ã‚¹ãƒˆã‚’効ã‹ã›ã¦ãƒšãƒ¼ã‚¸ã®ã‚«ãƒ©ãƒ¼ã¨ã¯å¯¾ç…§ã®è‰²ã‚’使ã„ã¾ã—ょã†ã€‚ ■秘ä¼ãã®2ï¼šå ´æ‰€ ユーザーãŒã™ãã«è¦‹ã¤ã‘ã‚‹ã“ã¨ãŒ
The evolution of the web
The web today is a growing universe of interlinked web pages and web apps, teeming with videos, photos, and interactive content. What the average user doesn't see is the interplay of web technologies and browsers that makes all this possible.� Over time web technologies have evolved to give web developers the ability to create new generations of useful and immersive web experiences. Today's web is
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
実際ã®åˆ†æžæ‰‹é †ï½œCGM BUZZR
usablog.jp
UIデザインã«å½¹ç«‹ã¤ãƒ„ール
{{#tags}}- {{label}}
{{/tags}}