Critique a Web Page in 30 Seconds or Less
When you're ready to launch your website, you'll want to give visitors the best user experience possible. Learning to evaluate a website effectively is part art and part science, but it's a skill that can be learned. To develop an eye for what works on a website and what doesn't, there are few simple techniques that help you critique your website in 30 seconds or less. **Note where your eyes go fi
ファクトリー ファクトリー ファクトリー API ã®ãƒ¦ãƒ¼ã‚¶ãƒ“リティテスト
å‰ã« 欲ã—ã„ã¨æ›¸ã„㟠API ã®ãƒ¦ãƒ¼ã‚¶ãƒ“リティテスト. 実際ã«ã‚„ã£ã¦ã¿ãŸãœã¨ã„ã†è©±ã‚’èªã‚“ã . "The Factory Pattern in API Design: A Usability Evaluation (PDF)" ã¨ã„ã†è¨˜äº‹ãŒãã‚Œ. 俎上ã«è¼‰ã£ãŸã®ã¯ factory パターン. ç´ ã®ã‚³ãƒ³ã‚¹ãƒˆãƒ©ã‚¯ã‚¿ã¨ã©ã¡ã‚‰ãŒä½¿ã„ã‚„ã™ã„ã‹ã‚’比ã¹ã¦ã¿ãŸã¨ã„ã†. ãã‚“ãªã®, Factory ãŒè…ã£ã¦ã‚‹ã ãªã‚“㦠Joel...ã˜ã‚ƒãªã㦠Joel ã®èªè€…も言ã£ã¦ã„ã‚‹. 実際ã“ã®èª¿æŸ»ã§ã‚‚ "factory ã¯ä½¿ã„ã«ãã„" ã¨ã„ã†æ€ã£ãŸã¨ãŠã‚Šã®çµè«–. é¢ç™½ã•ã¯ãƒ¦ãƒ¼ã‚¶ãƒ“リティテストをã—ãŸäº‹å®Ÿãã®ã‚‚ã®ã«ã‚ã‚‹. 調査ã§ã¯ 12 人ã®è¢«é¨“者をã‚ã¤ã‚, 5 ã¤ã®èª²é¡Œã‚’ã“ãªã—ã¦ã‚‚らã†. コードã¯ãœã‚“㶠Java. 課題1: メールをé€ä¿¡ã™ã‚‹. ライブラリを使ã£ã¦ã“ã‚“ãªé¢¨ã«æ›¸ã‘ãŸã‚‰ã„ã„ãªã¨æ€ã†ã‚³ãƒ¼ãƒ‰ã‚’ notepad ã§
37 Signalsã®è£½å“ã«å®Ÿè£…ã•ã‚Œã¦ã„る『Autoscrolling〠| SIMPLE*SIMPLE
ã‚ã„ã‹ã‚らãšå°ç²‹ãªè£½å“を作ã£ã¦ã„ã‚‹37 Signalsã§ã™ãŒã€ã€ŒAutoscrollingã€ãªã‚‹ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã‚’実装ã—ã¦ã„るよã†ã§ã™ã€‚ã¨ã‚“ã§ã‚‚ãªãç´°ã‹ã„挙動ãªã®ã§ã™ãŒã€ã€Œç¥žã¯ç´°éƒ¨ã«å®¿ã‚‹ã€ã‚’モットーã«æ´»å‹•ã—ã¦ã„ã‚‹åŒç¤¾ã ã‘ã«ãã£ã¡ã‚Šä½œã‚Šã“ã¾ã‚Œã¦ã„ã¾ã™ã。 ↑ ビデオã§è¦‹ãŸã»ã†ãŒã‚ã‹ã‚Šã‚„ã™ã„ã‹ãªã€‚ ã•ã¦ã‚„ã£ã¦ã„る内容ã§ã™ãŒã€‚ Flickrãªã©ã«ã‚‚実装ã•ã‚Œã¦ã„る「クリックã™ã‚‹ã¨ç·¨é›†ç”»é¢ã«ã€ã¨ã„ã†ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ã§ãƒ•ã‚©ãƒ¼ãƒ ãŒç”»é¢ã®å¤–ã«è¡Œã£ã¦ã—ã¾ã†å•é¡ŒãŒã‚ã‚Šã¾ã™ã‚ˆã。画é¢ã®ä¸‹ã®ã»ã†ã®ãƒ†ã‚ストをクリックã™ã‚‹ã¨ä¸é€”åŠç«¯ã«ãƒ•ã‚©ãƒ¼ãƒ ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã‚ã‚Œã§ã™ã€‚ ãã†ã—ãŸã¨ãã«ç”»é¢ã‚’ãšãšã£ã¨ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã•ã›ã¦ãƒ•ã‚©ãƒ¼ãƒ ã‚’ã™ã¹ã¦è¡¨ç¤ºã—ã€ç·¨é›†ã—ã‚„ã™ã„よã†ã«ã—ã¦ã„ã¾ã™ã€‚ãŸã—ã‹ã«ã€ã“ã†ã—ãŸå°ã•ãªé•ã„ã“ããŒä½¿ã„å‹æ‰‹ã‚’大ããå‘上ã•ã›ã‚‹ã®ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã。 » Designing Details: Autoscrolling the
WIRED VISION / 増井俊之ã®ã€Œç•Œé¢æ½®æµã€ / 第13回 貧ä¹ãªè¨˜éŒ²
第13回 貧ä¹ãªè¨˜éŒ² 2007å¹´10月26æ—¥ IT コメント： トラックãƒãƒƒã‚¯ (0) é ‘å¼µã£ã¦ä½œæˆã—ãŸæ–‡ç« ãŒä½•ã‹ã®ãƒˆãƒ©ãƒ–ルã§å…¨éƒ¨æ¶ˆãˆã¦ã—ã¾ã£ãŸ!ã¨ã„ã†çµŒé¨“ã‚’æŒã¤äººã¯å¤šã„ã¨æ€ã„ã¾ã™ã€‚昔ã®è¨ˆç®—æ©Ÿã¯ã‚らゆるリソースãŒä¸è¶³ã—ã¦ã„ãŸãŸã‚ã€é‡è¦ãªãƒ‡ãƒ¼ã‚¿ã‚’編集ã—ã¦ã„ã‚‹å ´åˆã§ã‚‚ã€æ˜Žç¤ºçš„ã«ãƒ‡ãƒ¼ã‚¿ã‚’時折ファイルã«ã‚»ãƒ¼ãƒ–ã—ã¦ä½¿ã†ã®ãŒæ™®é€šã§ã—ãŸãŒã€ç¾åœ¨ã®è¨ˆç®—æ©Ÿã®é€Ÿåº¦ã‚„記憶容é‡ã‚’考ãˆã‚‹ã¨ã€ä½•ã§ã‚‚常ã«ã‚»ãƒ¼ãƒ–ã™ã‚‹ã‚ˆã†ã«ã—ã¦ã‚‚å•é¡Œç„¡ã„ã¯ãšã§ã™ã€‚ 極端ãªè©±ã€1秒ã«10回ã‚ーボードをタイプã™ã‚‹ã¨ã„ã†è¡Œç‚ºã‚’1æ—¥10時間ã€100年間実行ã—続ã‘ãŸã¨ã—ã¦ã‚‚ã€10æ–‡å—×60秒×60分×10時間×365日×100å¹´ = 13ギガãƒã‚¤ãƒˆã—ã‹å…¥åŠ›ã§ããªã„ã‚ã‘ã§ã™ã‹ã‚‰ã€äººé–“ãŒå…¥åŠ›/編集ã§ãã‚‹é‡ã¯ãŸã‹ãŒçŸ¥ã‚Œã¦ã„ã¾ã™ã€‚計算機ã®æ“作をã™ã¹ã¦è¨˜éŒ²ã—ã¦ãŠãよã†ã«ã™ã‚Œã°ã€ä½œæˆã—ãŸãƒ‡ãƒ¼ã‚¿ãŒæ¶ˆãˆã¦å›°ã‚‹ã“ã¨ãªã©ãªããªã‚‹ã§ã—ょã†ã—ã€ä»¥å‰ä½œæˆã—ãŸæƒ…å ±ã‚’å–り出ã™ã“
富士通ウェブ・アクセシビリティ指é‡
å¯Œå£«é€šã‚¦ã‚§ãƒ–ãƒ»ã‚¢ã‚¯ã‚»ã‚·ãƒ“ãƒªãƒ†ã‚£æŒ‡é‡ æ—¥æœ¬èªžã‚µã‚¤ãƒˆå‘㑠第2.01版（2006å¹´5月26日） PDFå°åˆ·ç‰ˆï¼ˆ102ページ / 2.33MB）をダウンãƒãƒ¼ãƒ‰ï¼ˆAcrobat Reader 5.0以上ã§ã”覧ãã ã•ã„） 第2.01版ã«ã¤ã„㦠富士通ã®ã‚¦ã‚§ãƒ–・アクセシビリティ・ãƒãƒªã‚·ãƒ¼ 指é‡ç–定ã®çµŒç·¯ 指é‡ã®ç–å®šæ–¹é‡ æ—¥æœ¬å·¥æ¥è¦æ ¼ JIS X8341-3 高齢者・障害者ç‰é…æ…®è¨è¨ˆæŒ‡é‡ã¨ã®é–¢ä¿‚ 指é‡ã®ä½¿ã„æ–¹ å‰æã¨ãªã‚‹æ³¨æ„点 ウェブコンテンツã«é–¢ã™ã‚‹è¦æ ¼ã‚„技術仕様を守る。 [対応ã™ã‚‹JIS：5.1aï¼ˆå¿…é ˆï¼‰] æƒ…å ±ãƒ‡ã‚¶ã‚¤ãƒ³ï¼ˆæƒ…å ±ã®æ•´ç†ã‚„ページ構æˆã®æ¤œè¨Žãªã©ï¼‰ã«é…æ…®ã™ã‚‹ã€‚ ユーザビリティ（使ã„ã‚„ã™ã•ï¼‰ã«é…æ…®ã™ã‚‹ã€‚ ã‚»ã‚ュリティã€ãƒ—ライãƒã‚·ãƒ¼ã«é…æ…®ã™ã‚‹ã€‚ プãƒã‚»ã‚¹ã«é–¢ã™ã‚‹æŒ‡é‡ï¼ˆ7é …ç›®ï¼‰
アップル ヒューマンインタフェースガイドライン
アップル ヒューマンインタフェースガイドライン 原文：Apple Computer Inc. 訳：ã‹ã‚ã§ã‚“☆ã¿ã‚…ー゠2006-06-28 ã¯ã˜ã‚㫠アップル ヒューマンインタフェースガイドラインåºæ–‡ アップルã¯ã€å¼·åŠ›ãªã‚³ã‚¢ãƒ•ã‚¡ã‚¦ãƒ³ãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã€ãã—ã¦ã‚¢ã‚¯ã‚¢ã¨å‘¼ã°ã‚Œã‚‹ã€ç›®ã®é›¢ã›ãªã„ユーザインタフェースをçµã³ã¤ã‘ãŸã€ä¸–ç•Œã§æœ€ã‚‚先進的ãªã‚ªãƒšãƒ¬ãƒ¼ãƒ†ã‚£ãƒ³ã‚°ã‚·ã‚¹ãƒ†ãƒ ã€Mac OS X を手ã«ã—ã¾ã—ãŸã€‚ 進化ã—ãŸæ©Ÿèƒ½ã¨ã€ç¾Žçš„ã«æ´—ç·´ã•ã‚ŒãŸè‰²ä½¿ã„ã€ãã—ã¦é€éŽå‡¦ç†ã€ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«ã‚ˆã£ã¦ã€Mac OS Xã¯æ–°è¦ã®ãƒ¦ãƒ¼ã‚¶ã«ã¯ã‚³ãƒ³ãƒ”ュータæ“作をより容易ã«ã€åŒæ™‚ã«ãƒ—ãƒãƒ•ã‚§ãƒƒã‚·ãƒ§ãƒŠãƒ«ãƒ¦ãƒ¼ã‚¶ã«ã¯å½¼ã‚‰ãŒMacintoshã«æœŸå¾…ã™ã‚‹é€šã‚Šã®ç”Ÿç”£æ€§ã‚’æä¾›ã—ã¾ã™ã€‚ ユーザインタフェースã€ã™ãªã‚ã¡ãµã‚‹ã¾ã„ã¨å¤–見ã¯ã€ã‚ˆã練られãŸç·Šå¯†ãªãƒ¦ãƒ¼ã‚¶ä½“験をã€Mac OS Xå‘ã‘ã«é–‹ç™ºã•ã‚ŒãŸå…¨ã¦ã®ã‚¢ãƒ—リケーションã«åˆ©ç”¨ã§ãるよã†ã«ã—ã¾ã™ã€‚ ã“ã‚Œ
フォームã®å…¥åŠ›ã‚¨ãƒ©ãƒ¼ã‚’å¹ã出ã—ã§æ•™ãˆã¦ãれる JavaScript
■フォームã®å…¥åŠ›ã‚¨ãƒ©ãƒ¼ã‚’å¹ã出ã—ã§æ•™ãˆã¦ãれる JavaScript フォーム㮠validation 関連ã®ãƒ©ã‚¤ãƒ–ラリã¯ã„ãã¤ã‹ã‚ã‚Šã¾ã™ãŒã€ç§ã¯ä»¥ä¸‹ã«ç´¹ä»‹ã™ã‚‹ã‚„ã¤ã‚’ãšã£ã¨ä½¿ã£ã¦ã¾ã—ã¦ã€ã“ã‚ŒãŒã‹ãªã‚Šæ°—ã«å…¥ã£ã¦ã¾ã™ã€‚ãŸã ã€ã‚ªãƒ¬ãƒŠã‚¤ã‚ºã•ã‚ŒãŸã‚³ãƒ¼ãƒ‰ãŒéšæ‰€ã«å«ã¾ã‚Œã¦ã„ãŸã‹ã‚‰ç´¹ä»‹ã™ã‚‹äº‹ãŒå‡ºæ¥ãªã„ã§ã„ãŸã®ã§ã™ãŒã€ä»Šå›žã‚„ã£ã¨æ›¸ãç›´ã—ãŸã®ã§ãŠç›®è¦‹ãˆã§ã™ã€‚ AJAX を使ã£ã¦ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ã¨é€£æºã€ã¨ã‹ãã†ã„ã†äº‹ã‚‚å…¨ãã‚„ã£ã¦ãªãã¦ã€æ™®é€šã« JavaScript ã®ã¿ã§å…¥åŠ›ã®ãƒã‚§ãƒƒã‚¯ã‚’ã—ã¦ã‚‹ã ã‘ãªã‚“ã§ã€çœŸæ–°ã—ã„事ã¯ãªã„ã‚“ã§ã™ãŒã€‚ 実際ã®å‹•ä½œã‚µãƒ³ãƒ—ル ã¨ã‚Šã‚ãˆãš submit ボタンを押ã›ã°ã€å…¨ã¦ç†è§£å‡ºæ¥ã‚‹ã‹ã¨æ€ã„ã¾ã™ã€‚ 今回㯠CSS ã®ãƒ•ã‚¡ã‚¤ãƒ«ã¨ç”»åƒã®ãƒ•ã‚¡ã‚¤ãƒ«ã¨ã„ã£ã±ã„出æ¥ã¦ãã¦ã—ã¾ã£ã¦ã„ã¦ã€ã„ã¤ã‚‚ã®ã€Œèªã¿è¾¼ã¾ã›ã‚‹ã ã‘ã€ã¨ã¯ã¡ã‚‡ã£ã¨æ¯›è‰²ã‚‚é•ã„ã€ä½¿ã†ã®ã«ã¯äº‹å‰ã®æº–å‚™ãŒå¿…è¦ã§é¢å€’ã§ã™ã€‚ ã„ã¤ã‚‚ã® JavaScri
80年代ã®Appleã«å¦ã¶UIã®éƒ¨å“化ã¨ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ ï¼ ï¼ IT
インタラクションデザインパターン（1） 80年代ã®Appleã«å¦ã¶UIã®éƒ¨å“化ã¨ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ ソシオメディア　上野 å¦ 2007/2/7 ソフトウェアã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã«é–¢ã—ã¦ã€ãã®æ§‹æˆè¦ç´ を体系的ã«éƒ¨å“化ã—ã€çŠ¶æ³ã«å¿œã˜ãŸç”¨æ³•ã‚’ユーザーã®è¦–点ã‹ã‚‰è¦å®šã™ã‚‹ã¨ã„ã†å–り組ã¿ã¯ã€1984å¹´ã«Apple Computer社ã®MacintoshãŒæŽ¡ç”¨ã—ãŸGUIリソースã®ç®¡ç†æ–¹æ³•ã¨ã€è¿½ã£ã¦é–‹ç™ºè€…å‘ã‘ã«æä¾›ã•ã‚ŒãŸãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã®å˜åœ¨ã«ã‚ˆã£ã¦ä¸€èˆ¬åŒ–ã—ãŸã¨ã„ãˆã¾ã™ã€‚ 1985å¹´ã«å‡ºã•ã‚ŒãŸé–‹ç™ºè€…å‘ã‘ドã‚ュメント『Inside Macintoshã€ã«ã¯ã™ã§ã«ã€ŒUser Interface Guidelinesã€ã¨ã„ã†ç« ãŒè¨ã‘られã¦ãŠã‚Šã€ãã®å¾Œã“ã®éƒ¨åˆ†ã¯åŠ ç†ã•ã‚Œã€ç‹¬ç«‹ã—ãŸæ›¸ç±ã¨ã—ã¦ã‚‚出版ã•ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ ã“れらã«ã‚ˆã‚Šé–‹ç™ºè€…ã¯ã€OSã®APIã‹ã‚‰ã‚·ã‚¹ãƒ†ãƒ 標準ã®GUIã®éƒ¨å“（ウィンドウ
Prototype Window Class : Samples
Here is a list of sample codes to show different ways to create windows and dialogs. You can view source of each example, even edit it and test your modification immediatly in your browser. Just click again on the link to open a new window/dialog with the modified code. Each window uses a javascript function to get a new id and DO NOT call setDestroyOnClose(). You can open the debug window if you
SLOBSERVER - L'actualité de Second Life
App development is certainly an exciting but challenging process. Several factors are involved in developing an app, due to which the final cost to develop an app greatly varies from project to project. It is important to be familiar with the entire process of creating a comprehensive app development budget because it is common for developers, especially new programmers, to exceed the budget while
U-site
åˆæˆãƒ¦ãƒ¼ã‚¶ãƒ¼ï¼šAI生æˆã®ã€Œèª¿æŸ»ã€ã‚’ã€ã„ã¤ã€ã©ã®ã‚ˆã†ã«åˆ©ç”¨ã™ã‚‹ã‹ ニールセンåšå£«ã®Alertbox 11月19æ—¥ èªäº†ã¾ã§ã«ç´„18分 åˆæˆãƒ¦ãƒ¼ã‚¶ãƒ¼ã¨ã¯ã€AIã«ã‚ˆã£ã¦ç”Ÿæˆã•ã‚ŒãŸæž¶ç©ºã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã§ã‚る。ã“ã‚Œã«ã¤ã„ã¦ã¯ã„ãã¤ã‹ã®ãƒ¦ãƒ¼ã‚¹ã‚±ãƒ¼ã‚¹ãŒã‚ã‚‹ã‚‚ã®ã®ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼èª¿æŸ»ã«ã¯å®Ÿéš›ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒæ¬ ã‹ã›ãªã„。 ã“ã®ã‚µã‚¤ãƒˆã«ã¤ã„㦠UXリサーãƒã‚„å¸‚å ´èª¿æŸ»ã®æ‰‹æ³•ã‚„コツã€çµæžœã‚„知見を紹介ã—ã¦ã„ã¾ã™ã€‚ 詳細 新記事公開ã¯ã€Twitter・Facebook・RSSã§éšæ™‚ã€ãƒ¡ãƒ«ãƒžã‚¬ã§æœˆ1回通知ã—ã¾ã™ã€‚ Twitter Facebook RSS メルマガ ユーザーã®æ¥å‹™ã‚’æ·±ãç†è§£ã™ã‚‹ã“ã¨ã‹ã‚‰ã¯ã˜ã‚る「ãŠå®¢ã•ã¾ã®è¦–点ã«ç«‹ã¤ã€æ–°è¦ãƒ—ãƒãƒ€ã‚¯ãƒˆã®ãƒ‡ã‚¶ã‚¤ãƒ³ ã€œå¼¥ç”Ÿæ ªå¼ä¼šç¤¾ã®æ–°è¦SaaSプãƒãƒ€ã‚¯ãƒˆé–‹ç™ºã«ãŠã‘ã‚‹ã€äººé–“ä¸å¿ƒè¨è¨ˆã®ã‚¢ãƒ—ãƒãƒ¼ãƒã€œ 実践HCD 11月12æ—¥ èªäº†ã¾ã§ã«ç´„8分 毎年æ’例ã€HCD-Netèªå®šäººé–“ä¸å¿ƒè¨è¨ˆå°‚門家・スペシャ
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
ãŸã‚†ãŸã†ã€‚
ソシオメディア | UIデザインパターン
http://www.arraystudio.com/as-workshop/the-captcha-alternatives.html
{{#tags}}- {{label}}
{{/tags}}