Jacob Nielsen ã®ã€Œãƒ¦ãƒ¼ã‚¶ãƒ“リティã«é–¢ã™ã‚‹10ã®ãƒ’ューリスティクス (å•é¡Œè§£æ±ºã«å½¹ç«‹ã¤çŸ¥è¦‹) / Ten Usability Heuristics〠| Accessible & Usable
Jacob Nielsen ã®ã€Œãƒ¦ãƒ¼ã‚¶ãƒ“リティã«é–¢ã™ã‚‹10ã®ãƒ’ューリスティクス (å•é¡Œè§£æ±ºã«å½¹ç«‹ã¤çŸ¥è¦‹) / Ten Usability Heuristics〠公開日 : 2009å¹´9月8æ—¥ (2018å¹´1月20æ—¥ æ›´æ–°) カテゴリー : ユーザビリティ Web ユーザビリティã®è©•ä¾¡æ‰‹æ³•ã®ã²ã¨ã¤ã¨ã—ã¦ã€ã€Œãƒ’ューリスティック評価ã€ãŒã‚ã‚Šã¾ã™ã€‚ユーザビリティã®å°‚門家ãŒã€è©•ä¾¡å¯¾è±¡ã®ã‚µã‚¤ãƒˆã‚’見ã¦æ§˜ã€…ãªå•é¡Œç‚¹ã‚’指摘ã™ã‚‹æ‰‹æ³•ã§ã™ãŒã€å°‚門家ã®ä¸»è¦³çš„ãªè¦³ç‚¹ã ã‘ã§ãªãã€ã‚らã‹ã˜ã‚用æ„ã•ã‚Œã¦ã„ã‚‹è©•ä¾¡é …ç›®ã«åŸºã¥ã„ã¦ã€å®¢è¦³çš„ãªè¦³ç‚¹ã§ã®è©•ä¾¡ã‚‚ä½µã›ã¦è¡Œãªã†ã®ãŒä¸€èˆ¬çš„ã§ã™ã€‚ 今回ã¯ã€ãƒ’ューリスティック評価ã«ãŠã‘る具体的ãªè©•ä¾¡é …目を検討ã™ã‚‹éš›ã®ãƒ™ãƒ¼ã‚¹ã¨ã—ã¦ä½¿ãˆã‚‹ã€Jacob Nielsen (ヤコブ・ニールセン) ã®æœ‰åãªã€Œãƒ¦ãƒ¼ã‚¶ãƒ“リティã«é–¢ã™ã‚‹10ã®ãƒ’ューリスティクス (å•é¡Œè§£æ±ºã«å½¹ç«‹ã¤çŸ¥è¦‹) / Ten Usabi
10 Useful Usability Findings and Guidelines — Smashing Magazine
Everyone would agree that usability is an important aspect of Web design. Whether you’re working on a portfolio website, online store or Web app, making your pages easy and enjoyable for your visitors to use is key. Many studies have been done over the years on various aspects of Web and interface design, and the findings are valuable in helping us improve our work. Here are 10 useful usability fi
ä¼ãˆæ–¹ã‚’発明ã™ã‚‹æŽˆæ¥â”€â”€å¤šæ‘©ç¾Žå¤§æ°¸åŽŸæ•™æŽˆã«èžã (1/5)
æƒ…å ±ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ»ãƒ¡ãƒ‡ã‚£ã‚¢ãƒ‡ã‚¶ã‚¤ãƒ³ã«é–¢ã‚る教育機関をå–り上ã’る本連載。美術系ã®ä»£è¡¨ã¨ã—ã¦ä»Šå›žå–æã—ãŸã®ã¯ã€å¤šæ‘©ç¾Žè¡“大å¦ç¾Žè¡“å¦éƒ¨æƒ…å ±ãƒ‡ã‚¶ã‚¤ãƒ³å¦ç§‘ã 。 デジタルテクノãƒã‚¸ãƒ¼ã‚„æƒ…å ±é€šä¿¡ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã«ã‚ˆã£ã¦å¯èƒ½ã«ãªã£ãŸã€æ–°ãŸãªã€Œã‚¢ãƒ¼ãƒˆã€ã‚„「デザインã€ã€‚åŒç§‘ã§ã¯ã€ã“ã®é ˜åŸŸã§æ´»èºã—ã†ã‚‹ã€è¤‡åˆçš„ãªã‚¯ãƒªã‚¨ã‚¤ã‚¿ãƒ¼ã‚’育æˆã—ã¦ã„る。 美術大å¦ã§ã¯ã€æ²¹å½©ã‚„日本画ã€ç‰ˆç”»ã€å½«åˆ»ã€å·¥èŠ¸ã¨ã„ã£ãŸä¼çµ±çš„ãªãƒ•ã‚¡ã‚¤ãƒ³ã‚¢ãƒ¼ãƒˆã®åˆ†é‡Žã ã‘ã§ã¯ãªãã€ç”Ÿç”£ã‚„ビジãƒã‚¹ã«å¯†æŽ¥ã—ãŸã€ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ã‚„プãƒãƒ€ã‚¯ãƒˆã€ãƒ†ã‚スタイルã¨ã„ã£ãŸãƒ‡ã‚¶ã‚¤ãƒ³åˆ†é‡Žã‚‚é‡è¦ãªä½ç½®ã‚’å ã‚ã¦ã„る。ã“ã‚Œã«è¿‘å¹´åŠ ã‚ã£ãŸã®ãŒã€Œæƒ…å ±ãƒ‡ã‚¶ã‚¤ãƒ³ã€ã§ã‚る。 ã“ã“ã§ã¯ã€åŒå¦ç§‘ã«ãŠã‘ã‚‹ã€Œæƒ…å ±ãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã¯ã©ã®ã‚ˆã†ãªã‚‚ã®ã‹ã€ã€ãã—ã¦ã€Œãã“ã§ã¯ã©ã®ã‚ˆã†ãªæ•™è‚²ãŒæŠ¼ã—進ã‚られã¦ã„ã‚‹ã®ã‹ã€ã‚’æƒ…å ±ãƒ‡ã‚¶ã‚¤ãƒ³ã‚³ãƒ¼ã‚¹ã®æ°¸åŽŸåº·å²æ•™æŽˆã«èžã。永原教授ã¯ã€æ°¸åŽŸåº·å²äº‹å‹™æ‰€ã‚’率ã„ã‚‹ç¾å½¹ã®ã‚°ãƒ©ãƒ•ã‚£ãƒƒã‚¯ãƒ»ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã§ã‚ã‚Šã€ä¸»è‘—ã«
CSS-Based Navigation Menus: Modern Solutions | Smashing Magazine
Usability is an essential goal of any website, and usable navigation is something every website needs. It determines where users are led and how they interact with the website. Without usable navigation, content becomes all but useless. Menus need to be simple enough for the user to understand, but also contain the elements necessary to guide the user through the website — with some creativity and
世界最大è¦æ¨¡ã®å°å£²åº—ウォルマートãŒOpenLaszloを採用 | スラド
ストーリー by yoosee 2006å¹´10月30æ—¥ 18時46分 使ã„ã‚„ã™ã„ã‚‚ã®ã‚’é¸ã‚“ã らオープンソースã«ãªã‚Šã¾ã—ãŸ(ã‹ãª) 部門より Yahoo! News ã‚„ InfoWorld ã®è¨˜äº‹ã«ã‚ˆã‚‹ã¨ã€ä¸–ç•Œã§ã‚‚最大è¦æ¨¡ã®å°å£²ã‚Š/ディスカウントストアã§ã‚るウォルマート(Wal Mart)ã®ã‚¦ã‚§ãƒ–サイト Walmart.com ã§ã€ã‚ªãƒ¼ãƒ—ンソースã®ãƒ—ラットフォームã§ã‚ã‚‹OpenLaszloãŒæŽ¡ç”¨ã•ã‚ŒãŸã‚ˆã†ã§ã™ã€‚ OpenLaszloã¯ãƒªãƒƒãƒã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆã‚¢ãƒ—リケーションã®ãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã€Sunã¨IBMãŒãƒ—ッシュã—ã¦ã„ã¾ã™ã€‚Flash/DHTMLã ã‘ã§ãªãã€JavaMEã§ã‚‚動作ã™ã‚‹ã‚ˆã†ã«ãªã‚‹ã‚ˆã†ã ã—ã€æ—¥æœ¬ã§ã®æŽ¡ç”¨äº‹ä¾‹ã‚‚増ãˆã¦ã„ãã§ã—ょã†ã‹ã€‚
Webデザイン エンジニアリング 第16回　ボタンを押ã•ã›ã‚‹ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ï¼šITpro
対象ã¨ã™ã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®â€œæ…£ã‚Œã‚„知è˜â€ã«ã‚ˆã£ã¦ï¼Œç”»é¢ã®æ§‹æˆã‚’変ãˆãŸã»ã†ãŒä¼ã‚ã‚Šã‚„ã™ã„ã¨ã™ã‚‹ãªã‚‰ã°ï¼Œç”»é¢ä¸Šã®ã€Œãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ»ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ï¼ˆUI）部å“ã€ã®è‰²ã‚„形状も，ユーザーã«å¿œã˜ã¦å¤‰ãˆã‚‹ã¹ãã§ã—ょã†ã€‚今回ã¯ï¼Œä»£è¡¨çš„ãªUI部å“ã§ã‚ã‚ŠãªãŒã‚‰ï¼Œãªã‹ãªã‹ä½œã‚Šæ‰‹ã®æ€ã†ã‚ˆã†ã«æŠ¼ã—ã¦ãã‚Œãªã„「ボタンã€ã«ã¤ã„ã¦è€ƒãˆã¾ã™ã€‚ ã‚ã‹ã‚Šã‚„ã™ã„ボタンã®å½¢çŠ¶ã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã‚ˆã£ã¦é•ã† ã¾ãšï¼Œå‰å›žã¨ã»ã¼åŒã˜çµµã‚’用ã„ã¾ã™ã€‚Webシステムã®æ“作方法ã¸ã®ã€Œç†ŸçŸ¥åº¦ï¼ˆPCリテラシ）ã€ã‚’縦軸，「æä¾›ã—ãŸã„サービスã«å¯¾ã™ã‚‹çŸ¥è˜ã€ã‚’横軸ã¨ã—ã¾ã™ã€‚ãã—ã¦ï¼Œãã‚Œãžã‚Œã®ã€Œè»¸ã€ã«å¯¾ã—ã¦ï¼Œå—ã‘入れやã™ã„ã¨æ€ã‚れる「ボタンã€ã®å½¢çŠ¶ã‚’例記ã—ã¾ã—ãŸã€‚ 上図ã®ã€A】やã€B】ã®ã‚¿ã‚¤ãƒ—ã«å½“ã¦ã¯ã¾ã‚‹PCリテラシã®é«˜ã„ユーザーã¯ï¼Œãƒœã‚¿ãƒ³ã®â€œãƒ©ãƒ™ãƒ«â€ã«ã€Œsubmitã€ã¨æ›¸ã‹ã‚Œã¦ã„よã†ãŒã€ŒGOã€ã¨æ›¸ã‹ã‚Œã¦ã„よã†ãŒï¼Œãƒœã‚¿ãƒ³ã‚’èªè˜ã™ã‚‹ã“ã¨ã¯ã•ã»ã©è‹¦ã§ã¯ã‚ã‚Šã¾ã›ã‚“。 ã—ã‹ã—，PCã«
第15回　ユーザーã®â€œæ…£ã‚Œã‚„知è˜â€ã«å¿œã˜ã¦UIを変ãˆã‚‹æ–¹æ³•
今回ã¯ï¼Œå¯¾è±¡ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®çµžã‚Šè¾¼ã¿ã¨ï¼Œãã®å®Ÿè£…方法ã«ã¤ã„ã¦å–上ã’ã¾ã™ã€‚ ã©ã‚“ãªãƒ¦ãƒ¼ã‚¶ãƒ¼ãƒ»ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ï¼ˆUI）も，「対象ユーザーã€ã‚’考慮ã—ãªã„ã“ã¨ã«ã¯ï¼Œä½•ã‚‚スタートã—ã¾ã›ã‚“。誰ã«ä½•ã‚’届ã‘ãŸã„ã®ã‹ï¼Œã“ã‚ŒãŒæœ€åˆã«è€ƒãˆã‚‹ã¹ãã“ã¨ã§ã‚り，ãれを決ã‚ã‚‹ã“ã¨ã§ï¼Œã‚µã‚¤ãƒˆã‚„アプリケーションã®æ§‹é€ ã¯å¤§ãã変ã‚ã‚Šã¾ã™ã€‚ ユーザーを分類ã™ã‚‹æ–¹æ³•ã«ã¯æ§˜ã€…ãªã‚‚ã®ãŒã‚ã‚Šã¾ã™ãŒï¼Œä¸€ç•ªã‚·ãƒ³ãƒ—ルãªã‚‚ã®ã‚’紹介ã—ã¾ã—ょã†ã€‚Webシステムを使ã†ã®ã§ï¼Œãã®æ“作方法ã¸ã®ã€Œç†ŸçŸ¥åº¦ï¼ˆPCリテラシ）ã€ã¨ã„ã†è¦ç´ ã«æ³¨ç›®ã—ã¾ã™ã€‚ãã—ã¦ï¼Œã€Œæä¾›ã—ãŸã„サービスã«å¯¾ã™ã‚‹çŸ¥è˜ã€ã¨ã®çµ„ã¿åˆã‚ã›ã‚’考ãˆã¦å››ã¤ã®ã‚¿ã‚¤ãƒ—ã«åˆ†é¡žã—ã¾ã™ã€‚ PCã®æ“作ã«ã¯æ…£ã‚Œã¦ã„ã‚‹ã‘ã‚Œã©ï¼Œæä¾›ã—ãŸã„サービスã«å¯¾ã—ã¦çŸ¥è˜ãŒå°‘ãªã„タイプ （ãã®ã‚µãƒ¼ãƒ“スã«å¯¾ã™ã‚‹æ„›ç€ãŒãªã„ã®ã§ï¼Œä¸è¦ªåˆ‡ãªãƒ¦ãƒ¼ã‚¶ãƒ“リティã§ã¯ä½¿ã‚ãªã„å¯èƒ½æ€§ãŒé«˜ã„。ãŸã ã—，ãã®ã‚µãƒ¼ãƒ“スã®é…力ã«æ°—ãŒã¤ã„ã¦ã‚‚らãˆã‚Œã°ï¼Œè‡ªåŠ›ã§æ´»ç”¨ã—ã¦ãã‚Œ
1
ãŠçŸ¥ã‚‰ã›
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
https://bold.pixelapse.com/minming/mac-os-x-yosemite-under-the-magnifying-glass
Mobile Patterns - UI UX Inspirational Gallery for iOS and Android
ソシオメディア | UIデザインパターン
{{#tags}}- {{label}}
{{/tags}}