[B! ui] wablogã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

wablog id:wablog

uiã«é–¢ã™ã‚‹wablogã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (88)

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

æœ€é€Ÿã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ãƒ¼ã‚¹ç ”ç©¶ä¼š :: ãƒ©ã‚¤ãƒ–ãƒ‰ã‚¢ã®ãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã‚»ãƒŸãƒŠãƒ¼ã§ã—ã‚ƒã¹ã£ã¦ãã¾ã—ãŸ
æ˜¨æ™©ã¯ãƒ©ã‚¤ãƒ–ãƒ‰ã‚¢ã§é–‹å‚¬ã•ã‚ŒãŸãƒ†ã‚¯ãƒŽãƒã‚¸ãƒ¼ã‚»ãƒŸãƒŠãƒ¼ã§ã€ŒTechno logies for UIã€ã¨ã„ã†é¡Œã§ãƒ—ãƒ¬ã‚¼ãƒ³ã‚’ã‚„ã‚Šã¾ã—ãŸã€‚ ç™ºè¡¨è³‡æ–™ã¯pdfã‹htmlã§å…¬é–‹ã™ã‚‹äºˆå®šã§ã™ãŒã€ã¨ã‚Šã‚ãˆãšãƒ†ã‚ã‚¹ãƒˆã ã‘å…ˆã«ã‚¢ãƒƒãƒ—ã—ã¦ãŠãã¾ã™ã€‚ http://ma.la/files/livedoor/seminar2006/seminar.txt ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ„ãƒ¼ãƒ«ãŒFirefoxå°‚ç”¨ã ã£ãŸã‚Šã™ã‚‹ã®ã§ã€ã“ã‚Œã‚‚å°‘ã—æ‰‹ç›´ã—ã—ã¦å…¬é–‹äºˆå®šã§ã™ã€‚ ã“ã†ã„ã†æ©Ÿä¼šãŒã‚ã‚‹ãŸã³ã«ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ„ãƒ¼ãƒ«ã‚’ä½œã£ã¦ã‚‹ã‚ˆã†ãªæ°—ãŒã—ã¾ã™ã€‚ ---- è¿½è¨˜:12/15 ãƒ©ã‚¤ãƒ–ãƒ‰ã‚¢ã®tech blogã®æ–¹ã«ç™ºè¡¨è³‡æ–™ã‚’ã‚¢ãƒƒãƒ—ã—ã¾ã—ãŸã€‚ http://blog.livedoor.jp/tech blog/paper/ldtech2006/ ä¸Šä¸‹ã‚«ãƒ¼ã‚½ãƒ«ã‚ãƒ¼ã§ãƒšãƒ¼ã‚¸ã‚’ã‚ãã‚Œã¾ã™ã€‚
wablog 2007/02/12
ã€Œå¿…è¦ãªãƒ‡ãƒ¼ã‚¿ã ã‘ã‚’é€æ¬¡ã€å—ä¿¡ã€æç”»ã€ã€Œç´ æ—©ãã€è¿·ã‚ãšã€æ£ç¢ºã«å®Ÿè¡Œã§ãã‚‹ã‹ã€ã€Œæ£ã—ã•ï¼é€Ÿã•ã€ã€Œèª°ã‚‚Apaceã®å¿œç”é€Ÿåº¦ãªã‚“ã‹æ°—ã«ã—ã¡ã‚ƒã„ãªã„ã€ã€Œä¸¡é¢ã‹ã‚‰ã®ã‚¢ãƒ—ãƒãƒ¼ãƒãŒé‡è¦ã€ã€Œä¸æ–ã€å†é–‹ãŒå¯èƒ½ãªã‚¢ãƒ«ã‚´ãƒªã‚ºãƒ ã€

ui

performance

javascript
ãƒªãƒ³ã‚¯
åˆ†è£‚å‹˜é•ã„å›åŠ‡å ´ - æ€è€ƒã®é€Ÿåº¦ã§ãƒ‘ã‚½ã‚³ãƒ³ã‚’ä½¿ã†æŠ€è¡“
å‰£é“ã®é”äººã¯å‰£ãŒèº«ä½“ã®ä¸€éƒ¨ã«ãªã£ã¦ã„ã¾ã™ã€‚ ã¾ã‚‹ã§ã€å‰£ã®å…ˆã«ã¾ã§ç¥žçµŒãŒç”Ÿãˆã¦ã„ã‚‹ã‚ˆã†ã«ã€å‰£ã§æ„Ÿã˜ã€å‰£ã‚’æ“ã‚Šã¾ã™ã€‚ ã‚‚ã¯ã‚„ã€é“å…·ã‚’ä½¿ã£ã¦ã„ã‚‹ã¨ã„ã†æ„è˜ã¯ãªãã€å‰£ã‚‚å«ã‚ã¦èº«ä½“æ„è˜ãŒå½¢æˆã•ã‚Œã¦ã„ã‚‹ã®ã§ã™ã€‚ åŒã˜ã‚ˆã†ã«ã€ä¸€æµã®ãƒ¬ãƒ¼ã‚µãƒ¼ã¯èº«ä½“ãŒãƒžã‚·ãƒ³ã¨ä¸€ä½“åŒ–ã—ã¦ã„ã¾ã™ã—ã€ ä¸€æµã®ãƒã‚¹ã‚±ãƒƒãƒˆãƒœãƒ¼ãƒ«ãƒ—ãƒ¬ãƒ¼ãƒ¤ãƒ¼ã¯ãƒœãƒ¼ãƒ«ãŒæ‰‹ã«å¸ã„ä»˜ã„ã¦ã„ã¾ã™ã€‚ ãã†ã„ã†é¢¨ã«ãƒ‘ã‚½ã‚³ãƒ³ã‚’èº«ä½“åŒ–ã—ãŸã„ã¨æ€ã„ã€ã‚ãƒ¼ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºãªã©ã€ã„ã‚ã„ã‚ã¨è©¦è¡ŒéŒ¯èª¤ã—ã¦ã¿ã¾ã—ãŸã€‚ ãã®çµæžœã‚ã‹ã£ãŸã®ã¯ã€ã‚‚ã¡ã‚ã‚“ã€ä¾¿åˆ©ãªã‚ãƒ¼ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã‚½ãƒ•ãƒˆã‚’ä½¿ã†ã“ã¨ã¯é‡è¦ãªã®ã§ã™ãŒã€ãã‚Œä»¥ä¸Šã«é‡è¦ãªã®ã¯ã€ã€Œã©ã®ã‚ˆã†ãªæˆ¦ç•¥ã«åŸºã¥ã„ã¦ã‚ãƒ¼ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã‚’è¡Œã†ã‹ã€ã¨ã„ã†ã“ã¨ã§ã—ãŸã€‚ ãã—ã¦ã€ãã‚Œã‚’çªãè©°ã‚ã¦ã„ã£ãŸã‚‰ã€çµå±€ã€ã‚¹ãƒãƒ¼ãƒ„ã‚„æ ¼é—˜æŠ€ã¨åŒæ§˜ã€æ¬¡ã®ï¼“ã¤ã‚’å¾¹åº•è¿½æ±‚ã™ã‚‹ã¹ãã ã¨ã„ã†çµè«–ã«è‡³ã‚Šã¾ã—ãŸã€‚ ã¨ã‚Šã‚ãˆãšã€ã“ã“ã§ã¯ãã‚Œã‚’ã€Œãƒ‘ã‚½ã‚³ãƒ³ã®èº«ä½“åŒ–æŠ€æ³•ã€ã¨å‘¼ã‚“ã§ã¿ã‚‹ã“ã¨ã«ã—ã¾
wablog 2007/02/12
æŒ‡ã®ç§»å‹•ã¨è¦–ç·šã®ç§»å‹•ã®å›³ãŒã„ã„ã€‚ãã“ã¾ã§æ—¥æœ¬èªžå…¥åŠ›ã—ãªã„ã‹ã‚‰å®Ÿæ„Ÿã‚ã‹ãªã„ã‘ã©ã©ã†ã—ã¦ã‚‚ã‚«ãƒ¼ã‚½ãƒ«ã‚ãƒ¼ä½¿ã‚ãªãã‚ƒã„ã‘ãªã„ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã¯å¤šã„ã‹ã‚‰ã„ãã¤ã‹è©¦ã—ã¦ã¿ã‚‹ã€‚ã‚³ãƒ¡ãƒ³ãƒˆãŒæœ‰æ„ç¾©

life

lifehacks

ui

keyboard

userexperience
ãƒªãƒ³ã‚¯
Upload multiple files with a single file element Â» StickBlog
Upload multiple files with a single file element Published July 13th, 2005 STOP PRESS: There is now a new version here, based on Mootools. Please note: As you will notice if you take the time to read this article, you will see no mention of the word â€˜Ajaxâ€™ (apart from the ones in this paragraph). Thatâ€™s because this technique has nothing whatsoever to do with Ajax â€” and I never claimed that it d
wablog 2007/02/11
è¤‡æ•°ãƒ•ã‚¡ã‚¤ãƒ«ã®ã‚¢ãƒƒãƒ—ãƒãƒ¼ãƒ‰

ui

form

javascript
ãƒªãƒ³ã‚¯
http://www.twango.com/browse/mostrecent/channels
wablog 2007/01/08
ãƒãƒ£ãƒ³ãƒãƒ«ã‚’ç¯„å›²é¸æŠžã‹ Ctrl+Click ã§è¤‡æ•°é¸æŠžã—ã¦ Subscribe ã§ãã‚‹ã€‚

ui

anteroom
ãƒªãƒ³ã‚¯
ãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒžã‚¦ã‚¹ã‚¯ãƒªãƒƒã‚¯æ™‚ã®å‹•ä½œ - ãˆã‚€ã‚‚ã˜ã‚‰
*1: Firefox ã¯ Undo Closed Tabs Button ã§ä»£ç”¨ã€‚ ã“ã‚Œã‚’è¦‹ã¦åˆ†ã‚‹ã®ã¯ã€åŸºæœ¬çš„ã« Firefox ã§ã¯ãƒ–ãƒ©ã‚¦ã‚¶ã®çŠ¶æ…‹ã®å¤‰åŒ–ã‚’ä¼´ã†ã‚ˆã†ãªã‚¯ãƒªãƒƒã‚¯ã¯ã™ã¹ã¦ Mouse Up ã«åå¿œã™ã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚Opera ã¨ IE7 ã‚‚ãã‚Œã«è¿‘ã„ã®ã§ã™ãŒã€Opera ã¯ä¸ã‚¯ãƒªãƒƒã‚¯ã¯ã™ã¹ã¦ Mouse Down ã«åå¿œã—ã€IE ã¯ã‚¿ãƒ–ã®ä¸ã‚¯ãƒªãƒƒã‚¯ã ã‘ãªãœã‹ Mouse Down ã«åå¿œã™ã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚Opera ã¨ IE7 ã®å‹•ä½œã¯ä¸€è²«æ€§ã«æ¬ ã‘ã‚‹ã‚ˆã†ã«æ€ãˆã¾ã™ï¼ˆè¡¨ä¸ã€å¤ªå—ã«ãªã£ã¦ã„ã‚‹ç®‡æ‰€ãŒãŠã‹ã—ã„ã¨æ€ãˆã‚‹ã¨ã“ã‚ï¼‰ã€‚ã‚‚ã—ã“ã‚Œã‚‰ã®ç†ç”±ã‚’çŸ¥ã£ã¦ã„ã‚‹äººãŒã„ã‚Œã°æ•™ãˆã¦ãã ã•ã„ã€‚ã‚ã¨ã€Safari ãªã©ã®ä»–ã®ãƒ–ãƒ©ã‚¦ã‚¶ã®æƒ…å ±ã‚‚æ“è¿Žã—ã¾ã™ã€‚ ã¡ãªã¿ã«ã€Mouse Up ã«åå¿œã•ã›ã‚‹ã“ã¨ã®ãƒ¡ãƒªãƒƒãƒˆã¨ã—ã¦ã¯ã€ã‚¯ãƒªãƒƒã‚¯å¾Œã€é–“é•ã„ã«æ°—ãŒã¤ã„ã¦ã‚¯ãƒªãƒƒã‚¯ã—ãŸã¾ã¾ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ã‚’ã¯ãšã›ã°ãã®å‹•
wablog 2007/01/08
é–“é•ã„ã«æ°—ã¥ã„ãŸã¨ãã«ã‚ãƒ£ãƒ³ã‚»ãƒ«ã§ãã‚‹ã‹ã€æ“ä½œã®ã‚µã‚¯ã‚µã‚¯æ„Ÿã‹ã€‚ JavaScript ã§ä½•ã‹ã‚„ã‚‹ã¨ãã«ã‚‚ã¡ã‚ƒã‚“ã¨è€ƒãˆãã°ã€‚

browser

mouse

ui
ãƒªãƒ³ã‚¯
Making Compact Forms More Accessible
A designer recently handed me a compact-form design that included the oft-seen technique of putting field names directly inside of the text fields themselves. The typical method of marking this up is to put the field name in the value attribute of each input element. You would then throw in some JavaScript and server-side scripting to make sure that the user didnâ€™t submit the form with the default
wablog 2007/01/08
ãƒ¦ãƒ¼ã‚¶åã¨ãƒ‘ã‚¹ãƒ¯ãƒ¼ãƒ‰ã®ãƒ•ã‚©ãƒ¼ãƒ ã¯æ¨ªä¸¦ã³ã«ã—ã¦ã€ JavaScript ã§ label ã‚’ä¸Šã«ã‹ã¶ã›ã‚‹

markup

css

javascript

form

accessibility

ui
ãƒªãƒ³ã‚¯
javascript-examples.com
This domain may be for sale!
wablog 2006/12/10
JavaScript ã‚’ç”¨ã„ãŸãƒ•ã‚©ãƒ¼ãƒ ã‚«ã‚¹ã‚¿ãƒžã‚¤ã‚ºã®ã¾ã¨ã‚ã€‚ recommend ã®ã‚‚ã‚‰ã„ã‹ãŸãŒã„ã„

javascript

ui

ã¾ã¨ã‚
ãƒªãƒ³ã‚¯
æŠ˜ã‚ŠãŸãŸã¾ã‚ŒãŸã‚µã‚¤ãƒ‰ãƒãƒ¼ã¯é–‹ã‹ã‚Œãªã„
é–²è¦§è€…ã¯ãã‚“ãªã«æš‡ã˜ã‚ƒãªã„ã®ã§ã€ãƒšãƒ¼ã‚¸åˆ¶ä½œè€…ãŒç”¨æ„ã—ãŸã€Œãƒã‚¿ã€ï¼ˆä¾¿åˆ©ãªæ©Ÿèƒ½ï¼‰ã«ã€ãªã‹ãªã‹æ°—ã¥ã‹ãªã„ã€‚ åˆ¥ã®ã‚µã‚¤ãƒˆã®è©±ã ã‘ã‚Œã©ã€CSSåˆ‡ã‚Šæ›ãˆã®ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ï¼ˆè¶£å‘³ã®Webãƒ‡ã‚¶ã‚¤ãƒ³ã«ã‚ã‚‹ã®ã‚ˆã†ãªã‚‚ã®ï¼‰ã‚’ãƒšãƒ¼ã‚¸ã®å³ä¸Šã«é…ç½®ã—ã¦ã„ãŸã¨ãã€ çŸ¥ã‚Šåˆã„ã«ã©ã®CSSã‚’é©ç”¨ã•ã›ã¦ã„ã‚‹ã‹èžã„ã¦ã¿ã‚‹ã¨ã€ãƒ‰ãƒãƒƒãƒ—ãƒ€ã‚¦ãƒ³ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã®å˜åœ¨è‡ªä½“ã«æ°—ã¥ã„ã¦ã„ãªã‹ã£ãŸã“ã¨ãŒã‚ã‚‹ã€‚ ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã«ãƒã‚§ãƒƒã‚¯ã‚’å…¥ã‚Œã‚‹ã¨åˆ¥ã‚µã‚¤ãƒˆã¸ã®ãƒªãƒ³ã‚¯ãŒåˆ¥çª“ã§é–‹ãã‚ˆã†ã«ãªã‚‹æ©Ÿèƒ½ï¼ˆWebsite Optionsï¼‰ã‚‚åŒæ§˜ã€‚ ã“ã®æ©Ÿèƒ½ã‚’åˆ©ç”¨ã—ã¦ã„ã‚‹ã‹ã®ã‚¢ãƒ³ã‚±ãƒ¼ãƒˆãƒšãƒ¼ã‚¸ã‚’ç”¨æ„ã—ãŸã¨ã“ã‚ã€(1)åˆ©ç”¨ã—ã¦ã„ã‚‹ã€(2)åˆ©ç”¨ã—ã¦ã„ãªã„ã€(3)å˜åœ¨ã«æ°—ã¥ã‹ãªã‹ã£ãŸã€(4)è³ªå•ã®æ„å‘³ãŒã‚ã‹ã‚‰ãªã„ã€ã¨ã„ã†é¸æŠžè‚¢ã®ã†ã¡ã€ åŠæ•°ãŒã€Œå˜åœ¨ã«æ°—ã¥ã‹ãªã‹ã£ãŸã€ã ã£ãŸã€‚ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ã¯ã‚¢ãƒ³ã‚±ãƒ¼ãƒˆãƒšãƒ¼ã‚¸ã¸ã®ãƒªãƒ³ã‚¯ã®ã™ãä¸‹ã«ã‚ã£ãŸã«ã‚‚ã‹ã‹ã‚ã‚‰ãšã€‚ï¼ˆã¡ãªã¿ã«ãã‚Œãžã‚Œã®
wablog 2006/12/10
ã€Œãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ã€Œé–‰ã˜ã¦ã€ã„ã‚‹ãªã‚‰ãã®ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã¯å˜åœ¨ã—ã¦ã„ãªã„ã®ã«ç‰ã—ã„ã€‚ ã€

ui
ãƒªãƒ³ã‚¯
http://d.hatena.ne.jp/happyicecream/20061203
wablog 2006/12/10
ãƒœãƒ¼ãƒªãƒ³ã‚°ã®ãã ã‚Šã§æ³£ã„ãŸã€‚ãŒã‚“ã°ã‚ã†ã€‚

game

Wii

ui

accessibility
ãƒªãƒ³ã‚¯
http://stud.cmd.hro.nl/0773253/notusable/blog/the-ultimate-webdesign-usability-checklist/
wablog 2006/11/04
accessibility

ui

checklist
ãƒªãƒ³ã‚¯
suVeneã®ã‚ã‚Œ: [usability]ã†ã–ã„ï¼ã‚ã‚“ã©ã„ï¼æžœã¦ã—ãªãã†ã£ã¨ãŠã—ã„ï¼
2006å¹´11æœˆ02æ—¥ [usability]ã†ã–ã„ï¼ã‚ã‚“ã©ã„ï¼æžœã¦ã—ãªãã†ã£ã¨ãŠã—ã„ï¼ è¿½è¨˜1: 2006/11/03 22:45 ã„ã‚„ã€ä½•ãŒã£ã¦ã‚¢ãƒ¬ã§ã™ã‚ˆã€‚ ITPro ã¨ã‹ã€CNet ã¨ã‹ã®ãƒšãƒ¼ã‚¸åˆ†ã‘ï¼ ã“ãƒ¼ã„ã†ã®(CNet)ã¨ã‹ ã“ãƒ¼ã„ã†ã®(ITPro)ã§ã™ã‚ˆï¼ï¼ï¼ï¼ï¼ï¼ 2ãƒšãƒ¼ã‚¸ã¨ã‹ã€3ãƒšãƒ¼ã‚¸ã‚’ãƒãƒ§ãƒãƒãƒ§ãƒåŒºåˆ‡ã‚‰ã‚“ã¨ã€ã€ã€ 1ãƒšãƒ¼ã‚¸ã«ã›ã‚“ã‹ãƒ¼ï¼ ã¨æ€ã†è¨³ã§ã™ã€‚ ã‚“ã§ã€å¸¸ã«æˆ¦ã£ã¦ã‚‹è¨³ã§ã™ã‚ˆã€‚ ãˆã€ã©ã‚“ãªé¢¨ã«æˆ¦ã£ã¦ã‚‹ã‹ã£ã¦ï¼Ÿ ã“ã‚“ãªé¢¨ã«ã§ã™ã‚ˆï¼ï¼ï¼ åœ°é“ã«ã€ãƒ–ã‚¯ãƒžã™ã‚‹ã¨ãã«ã€Œãƒšãƒ¼ã‚¸åˆ†ã‘ãŒèªã¿ã«ãã„ï¼ã€ã¨ä¸æº€ã‚’ã¶ã¤ã‘ã‚‹è¨³ã§ã™ã‚ˆï¼ ITPro ãªã‚“ã‹ã¯ã€ãƒ–ã‚¯ãƒžæ•°è¡¨ç¤ºã—ã¦ã‚‹ãã‚‰ã„ã ã‹ã‚‰ã€ãã£ã¨è¦‹ã¦ã‚‹ã¯ãšï¼ ãã—ã¦ã“ã®å£°ãŒã€ä¸€äººã€ã¾ãŸä¸€äººã¨å¢—ãˆã¦ãã¦ã€ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã«ã¤ã„ã¦è€ƒæ…®ã™ã‚‹ã‚ˆã†ã«ãªã‚Šã€ã„ãšã‚Œ 1ãƒšãƒ¼ã‚¸ã«ã—ã¦ãã‚Œã‚‹ã‹ã€ã‚ªãƒ¼ãƒˆãƒšãƒ¼ã‚¸ãƒ£ãƒ¼ã®ã‚ˆã†ãªæ©Ÿèƒ½ãŒè¿½åŠ ã•ã‚Œã‚‹äº‹ã‚’æœŸå¾…ã—ã¦æ´»å‹•ã—ã¦ã‚‹ã‚“ã§ã™
wablog 2006/11/04
ãƒšãƒ¼ã‚¸åˆ†ã‘ã†ã–ã„ã¨ã„ã†è©±ã€‚ç¢ºã‹ã«ã€‚ã‚¿ã‚¤ãƒˆãƒ«ãŒã‚ã‹ã‚Šã«ããã¦ã‚¯ãƒªãƒƒã‚¯ã™ã‚‹ã¾ã§è¨˜äº‹ã®å†…å®¹ãŒã‚ã‹ã‚‰ãªã„ã®ã‚‚ã†ã–ã„ï¼ˆã¨ã‹ã„ã†

ui

web
ãƒªãƒ³ã‚¯
The dashed line in use Touch
In previous work I have advocated for the use of dashed lines, my paper for Mobile HCI 2006 [pdf] represents Touch-based interactions with dashed lines, and work on ubicomp iconography uses the dashed line to represent borders, or seams. Iâ€™ve had trouble justifying my excit ement about this intricate visual detail, so I thought it would be good to collect a bunch of examples from over fifty years o
wablog 2006/11/04
design

ui
ãƒªãƒ³ã‚¯
ä½¿ã„ã‚„ã™ã•æ—¥è¨˜: 308. ã©ã¡ã‚‰ã®è‰²ãŒé€Ÿã„ï¼Ÿï½žä¸å¤®ç·šã®ç™ºè»Šæ¨™
308. ã©ã¡ã‚‰ã®è‰²ãŒé€Ÿã„ï¼Ÿï½žä¸å¤®ç·šã®ç™ºè»Šæ¨™ 2006å¹´4æœˆ17æ—¥ æ–°å®¿é§…ã§JRä¸å¤®ç·šã‚’åˆ©ç”¨ã—ãŸæ™‚ã®ã“ã¨ã§ã™ã€‚éšŽæ®µã‚’ä¸Šã£ã¦ã„ã‚‹æ™‚ã«é›»è»Šã®ç™ºè»Šåˆå›³ãŒé³´ã‚Šã¾ã—ãŸã€‚ ã€Œæ€¥ãŒãªãã‚ƒï¼ã€ ç™ºè»Šæ¨™ã‚’ç¢ºèªã—ã¦ã€ã€Œã‚ªãƒ¬ãƒ³ã‚¸è‰²ã®ãƒ©ãƒ™ãƒ«ã ã‹ã‚‰å„é§…ã«æ¢ã¾ã‚‹æ™®é€šã®é›»è»Šã ã‚ã†ã€ã¨åˆ¤æ–ã—ã€é›»è»Šã«é£›ã³ä¹—ã‚Šã¾ã—ãŸã€‚ã—ã‹ã—ã€ä¹—ã£ãŸé›»è»Šã¯CHUO SPECIAL RAPIDï¼ˆä¸å¤®ç‰¹å¿«ï¼‰ã¨ã„ã†æ€¥è¡Œã®é›»è»Šã ã£ãŸã®ã§ã™ã€‚ã€Œé–“é•ãˆãŸã€œã€ã¨ã€ç›®çš„ã®é§…ã‚’é€šã‚ŠéŽãŽã€ä¸‰é·¹é§…ã¾ã§ä¹—è»Šã™ã‚‹ç¾½ç›®ã«ãªã‚Šã¾ã—ãŸã€‚ è‹±èªžè¡¨ç¤ºã«ãªã£ã¦ã„ãŸãŸã‚ã€æ–‡å—ã‚’ã‚ã¾ã‚Šèªã¾ãšã«é›»è»Šã®é€Ÿã•ã‚’è‰²ã ã‘ã§åˆ¤æ–ã‚’ã—ã¦ã—ã¾ã„ã¾ã—ãŸã€‚ ã€Œã‚ªãƒ¬ãƒ³ã‚¸è‰²ã¯æ™®é€šã®é›»è»Šã ã¨æ€ã£ãŸã®ã«â€¦ã€ ã•ã¦ã€ã“ã“ãŒå•é¡Œã§ã™ã€‚ä½•æ•…ã‚ªãƒ¬ãƒ³ã‚¸è‰²ã‚’æ™®é€šã®é€Ÿã•ã ã¨æ€ã£ã¦ã—ã¾ã£ãŸã®ã§ã—ã‚‡ã†ã‹ã€‚ ç™ºè»Šæ¨™ã‚’è¦‹ã‚‹ã¨ã€èµ¤ã¨ç·‘ã¨ã‚ªãƒ¬ãƒ³ã‚¸ã®ï¼“è‰²ãŒä½¿ã‚ã‚Œã¦ã„ã¾ã™ã€‚ã“ã“ã§æ³¨æ„ã—ã¦é ‚ããŸã„ã®ãŒã€é€Ÿã•ã®è¡¨ç¤ºã§ä½¿ã‚ã‚Œã¦ã„ã‚‹ã‚ªãƒ¬ãƒ³ã‚¸è‰²ãŒã€è¡Œ
wablog 2006/11/04
ç¢ºã‹ã«ãã†è¦‹ãˆã‚‹ã€‚ã¨ã„ã†ã‹ã‚„ã£ã±ã“ã®ã‚µã‚¤ãƒˆç•°æ§˜ã«ä½¿ã„ã‚„ã™ã„

ui

design
ãƒªãƒ³ã‚¯
ä½¿ã„ã‚„ã™ã•ç ”ç©¶æ‰€ã€€ãƒ›ãƒ¼ãƒ ãƒšãƒ¼ã‚¸
ä½¿ã„ã‚„ã™ã•ç ”ç©¶æ‰€ã§ã¯ã€ã€Œä½¿ã„ã‚„ã™ã•ã€ã®æ§˜ã€…ãªæƒ…å ±ç™ºä¿¡ã‚’è¡Œã£ã¦ã„ã¾ã™ã€‚ä½¿ã„ã‚„ã™ã•ç ”ç©¶æ‰€ã¯ã€ã‚«ã‚¿ãƒã‚°ã«æ°¾æ¿«ã™ã‚‹ã€Œä½¿ã„ã‚„ã™ã•ã€ã€Œã‚ã‹ã‚Šã‚„ã™ã•ã€ã‚’å˜ãªã‚‹ã‚ãƒ£ãƒƒãƒãƒ»ã‚³ãƒ”ãƒ¼ã§çµ‚ã‚ã‚‰ã›ãªã„ç‚ºã®æ§˜ã€…ãªãƒ†ã‚¹ãƒˆãƒ»ã‚µãƒ¼ãƒ“ã‚¹ã€é–‹ç™ºæ”¯æ´ã€ã‚³ãƒ³ã‚µãƒ«ãƒ†ã‚£ãƒ³ã‚°ã‚’è¡Œã£ã¦ã„ã‚‹æ ªå¼ä¼šç¤¾ U'eyes DesignãŒæä¾›ã™ã‚‹æƒ…å ±ç™ºä¿¡ã‚µã‚¤ãƒˆã§ã™ã€‚ U'eyesDesignã§ã¯ã€iPhoneè©•ä¾¡ãƒ¬ãƒãƒ¼ãƒˆã‚’è²©å£²ã—ã¦ãŠã‚Šã¾ã™ã€‚ ã€€7/11ï¼ˆé‡‘ï¼‰ã®iPhoneæ—¥æœ¬ä¸Šé™¸ã«ä¼´ã„ã€å¤šãã®ãƒ¡ãƒ‡ã‚£ã‚¢ã§ã®è©•ä¾¡ãŒäºˆæƒ³ã•ã‚Œã¾ã™ã€‚ãã‚Œã«å¯¾ã—æœ¬ãƒ¬ãƒãƒ¼ãƒˆã¯ã€ç‹¬è‡ªé€²åŒ–ã¨æ¶æ„ã•ã‚Œã‚‹å›½ç”£ã‚±ãƒ¼ã‚¿ã‚¤æ–‡åŒ–ã¨ãã®ä½¿ã„å‹æ‰‹ã«æ…£ã‚Œè¦ªã—ã‚“ã ã€Žå®Ÿéš›ã®ãƒ¦ãƒ¼ã‚¶ã€ãŒã€ã©ã®ã‚ˆã†ã«æ„Ÿã˜ã‚‹ã®ã‹ã€ç™ºå£²ç›´å¾Œã®è©•ä¾¡ï¼ˆã‚·ãƒ§ãƒ¼ãƒˆã‚¿ãƒ¼ãƒ ï¼‰ã¨1é€±é–“ã»ã©ã®æ—¥å¸¸ä½¿ç”¨å¾Œã®è©•ä¾¡ï¼ˆãƒãƒ³ã‚°ã‚¿ãƒ¼ãƒ è©•ä¾¡ï¼‰ã®2ã‚¿ãƒ¼ãƒ ã«åˆ†ã‘ã¦å®Ÿæ–½ã™ã‚‹ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£è©•ä¾¡ã‚’é€šã˜æ˜Žã‚‰ã‹ã«ã—ã¾ã™ã€‚ è©³ã—ãã¯ã“ã¡ã‚‰ã‚’ã”è¦§ãã ã•ã„ã€‚
wablog 2006/11/04
accessibility

ui

design
ãƒªãƒ³ã‚¯
NID GALLERY
wablog 2006/10/13
ui

infodesign

fun

design
ãƒªãƒ³ã‚¯
http://www.yasuhisa.com/could/entries/001013.php
wablog 2006/09/13
ã€Œç¾åœ¨ã®ã‚²ãƒ¼ãƒ ã¯ãƒãƒƒãƒˆã‚’ãƒ–ãƒ©ã‚¦ã‚¸ãƒ³ã‚°ã—ãŸã‚Š Word ã‚’ä½¿ã„ã“ãªã™ã‚ˆã‚Šã‚·ãƒ³ãƒ—ãƒ«ãªã‚„ã‚Šæ–¹ã§é«˜åº¦ãªçµæžœã‚’ç”Ÿã¿å‡ºã™ã“ã¨ãŒå‡ºæ¥ã‚‹ã€

ui

game
ãƒªãƒ³ã‚¯
NTT DoCoMoï½¢N702isï½£ï¼šãƒãƒƒãƒ†ãƒªãƒ¼æ®‹é‡ã‚’æ°´ã¨ã—ã¦è¡¨ç¤º
çŸ¥ã£ã¦ã‚‹äººã¯ã‚‚ã†çŸ¥ã£ã¦ã‚‹ã¨æ€ã†ã®ã§ã™ãŒã€æ”¹ã‚ã¦DoCoMoã®N702isã¯ç´ æ™´ã‚‰ã—ã„ã§ã™ãã€‚ N702isã¯ã€ãƒãƒƒãƒ†ãƒªãƒ¼æ®‹é‡ã‚’ã€ã‚°ãƒ©ã‚¹ã®æ°´ã®ã‚ˆã†ãªã‚¤ãƒ¡ãƒ¼ã‚¸ã§è¡¨ç¤ºã—ã¾ã™ã€‚æºå¸¯ã‚’å‚¾ã‘ã‚‹ã¨ã€ãƒ¢ãƒ¼ã‚·ãƒ§ãƒ³ã‚»ãƒ³ã‚µãƒ¼ãŒå‚¾ã‘ãŸè§’åº¦ã‚’æ„ŸçŸ¥ã—ã¦ã€ç”»é¢ä¸Šã®æ°´é¢ã‚‚å³ã‚„å·¦ã«å‚¾ã‘ã‚‹ä»•çµ„ã¿ã€‚ ã“ã®ç¨®ã®éŠã³å¿ƒã¯ç´ æ•µã§ã™ã€‚å¿œç”¨ç·¨ã§ãƒ¤ã‚¸ãƒãƒ™ãƒ¼ã¨ã‹ã‚‚ã‚„ã£ã¦ã¿ãŸã‚‰ã„ã„ã®ã«ã€‚ An Interesting Way of Showing Battery Status [Slashphone]
wablog 2006/08/30
mobile

ui

fun
ãƒªãƒ³ã‚¯
Aral Balkan: Historical Archiveâ€Šâ€”â€ŠUser Interface Design Principles for Web Applications
Do not track! Better is a privacy tool for Safari on iPhone, iPad, and Mac. It protects you from behavioural ads and the companies that track you on the web. Historical content: I wrote this article over 10 years ago on 2006-08-13. You are viewing an archived post from my old WordPress blog. The archive contains over 1,600 articles written over a ten year period. The formatting and contents of the
wablog 2006/08/30
ui

design
ãƒªãƒ³ã‚¯
COULDï¼šã‚¹ã‚¯ãƒãƒ¼ãƒ«ã—ãŸã‚ã¨ã®è¦‹ã›æ–¹
wablog 2006/08/26
design

ui
ãƒªãƒ³ã‚¯
ALPSLAB scroll
ALPSLAB scrollã¯æ¬¡ä¸–ä»£ã®åœ°å›³ã‚¹ã‚¯ãƒãƒ¼ãƒ«å®Ÿé¨“ã§ã™ã€‚ ã‚ˆã‚Šãƒªãƒƒãƒãªåœ°å›³æ“ä½œã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã‚’ã”æä¾›ã—ã¾ã™ã€‚ ã‚‚ã†æ™®é€šã®ãƒ•ãƒªãƒ¼ã‚¹ã‚¯ãƒãƒ¼ãƒ«ã˜ã‚ƒã¤ã¾ã‚‰ãªã„ï¼ï¼Ÿã¨ã„ã†æ–¹ã€ 8ç¨®é¡žã®æ™®é€šã˜ã‚ƒãªã„åœ°å›³ã®ç§»å‹•æ–¹æ³•ã‚’æ˜¯éžè©¦ã—ã¦ã¿ã¦ãã ã•ã„ã€‚
wablog 2006/08/19
ã™ã’ãƒ¼é¢ç™½ã„ä¸Šã«æ™®é€šã«ä¾¿åˆ©ãªã®ã‚‚ã€‚é…”ã£ãŸ ...

map

ui

fun
ãƒªãƒ³ã‚¯
1 2 3 4 5 æ¬¡ã®ãƒšãƒ¼ã‚¸