[B! UI] shirasyã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

shirasy id:shirasy

UIã«é–¢ã™ã‚‹shirasyã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (41)

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

iOS ãªäººãŒ Android ã‚¢ãƒ—ãƒªã‚’é–‹ç™ºã™ã‚‹ã¨ãã«æ°—ã‚’ã¤ã‘ãŸã„ã“ã¨ | SmartNewsé–‹ç™ºè€…ãƒ–ãƒã‚°
Android ã®æ¬¡æœŸãƒãƒ¼ã‚¸ãƒ§ãƒ³ 4.4 ã®åç§°ãŒã€ŠKitKatã€‹ã ã¨ç™ºè¡¨ã•ã‚Œã¾ã—ãŸã€‚Android ã¯æ´ä»£ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã«ã€Œã‚¢ãƒ«ãƒ•ã‚¡ãƒ™ãƒƒãƒˆé †ã®ãŠè“åã®åå‰ã€ã‚’ä»˜ã‘ã¦ã„ã‚‹ã“ã¨ã§æœ‰åã§ã™ãŒã€ä»Šå›žã¾ã•ã‹ã®ä¼æ¥ã‚³ãƒ©ãƒœã€‚ã€ŒKã€ã¯ã€ŒKey Lime Pieã€ã«ãªã‚‹ã ã‚ã†ã¨è¨€ã‚ã‚Œã¦ã„ãŸã®ã«ã€ã•ã™ãŒã®æ–œã‚ä¸Šã§ã™ã€‚ã€‚ ç€å®Ÿã«é€²åŒ–ã‚’ç¶šã‘ã€ã„ã¾ã‚„ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã®ä¸–ç•Œã‚·ã‚§ã‚¢ã®8å‰²è¿‘ãã‚’å ã‚ã‚‹[1]ã‚ˆã†ã«ãªã£ãŸ Android ã§ã™ãŒã€å¤šãã®ã‚µãƒ¼ãƒ“ã‚¹ã¯ä¾ç„¶ã¨ã—ã¦ã€ŒiOS ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆã€ã§é–‹ç™ºã—ã¦ã„ã‚‹[2]ã‚ˆã†ã«æ€ã„ã¾ã™ã€‚ã‹ãã„ã† SmartNews ã‚‚ã€ã¾ãš iOSç‰ˆã‹ã‚‰å§‹ã¾ã‚Šã€Androidç‰ˆãŒå‡ºãŸã®ã¯ãã®æ•°ãƒ¶æœˆå¾Œã§ã—ãŸã€‚ ãã†ã„ã£ãŸå ´åˆã€ã€ŒiOS ã‚’å‡ºã—ã¦ã€ãã‚ŒãŒã†ã¾ãã„ã£ãŸã‚‰ã€Android ã«ãã®ã¾ã¾ç§»æ¤ã™ã‚Œã°ã„ã„ã€ã¨ã„ã†ã‚ˆã†è€ƒãˆæ–¹ã‚’ã—ã¦ã—ã¾ã„ãŒã¡ãªã®ã§ã™ãŒã€ãã‚Œã§ã¯å¤šãã®å ´åˆã‚ˆã„ã‚‚ã®ã«ãªã‚Šã¾ã›ã‚“ã€‚ã©ã†ã—ã¦ã‚‚
shirasy 2013/10/10
ãƒ‡ã‚¶ã‚¤ãƒ³

iOS

Android

UI
ãƒªãƒ³ã‚¯
Goodpatchæµã€ãƒ¦ãƒ¼ã‚¶ãƒ¼è¦–ç‚¹ã®uiã¨ãƒ‡ã‚¶ã‚¤ãƒ³è¨è¨ˆ_2013/07/24_ç¬¬2å›žãƒ¡ãƒ³ãƒãƒ¼ã‚ºãƒ¢ãƒã‚¤ãƒ«ã‚»ãƒŸãƒŠãƒ¼
ç¬¬2å›žãƒ¡ãƒ³ãƒãƒ¼ã‚ºãƒ¢ãƒã‚¤ãƒ«ã‚»ãƒŸãƒŠãƒ¼ æ–°ãŸãªé¡§å®¢æŽ¥ç‚¹ã‚’ç²å¾—ï¼ï½žï¼“ã¤ã®äº‹ä¾‹ã‹ã‚‰å¦ã¶ã‚¹ãƒžãƒ›ã‚¢ãƒ—ãƒªã®ãŠã•ãˆã‚‹ã¹ããƒã‚¤ãƒ³ãƒˆã¨ã¯ï½ž ã€ç¬¬2éƒ¨ã€‘Goodpatchæµã€ãƒ¦ãƒ¼ã‚¶ãƒ¼è¦–ç‚¹ã®uiã¨ãƒ‡ã‚¶ã‚¤ãƒ³è¨è¨ˆ æœ€è¿‘ã€Webã‚„ã‚¢ãƒ—ãƒªãªã©ã‚’åˆ¶ä½œã™ã‚‹éš›ã«ä»¥å‰ã‚ˆã‚Šã‚‚UIã¨ã„ã†æ¦‚å¿µãŒé‡è¦ã¨ãªã£ã¦ãã¦ãŠã‚Šã¾ã™ã€‚UIã¨ã¯äººé–“ã¨æ©Ÿæ¢°ã®é–¢ä¿‚ã‚’å††æ»‘ã«ã™ã‚‹ã‚‚ã®ã§ã™ã€‚AppleãŒMacintoshã§åˆã‚ã¦GUIãŒå®Ÿè£…ã•ã‚ŒãŸãƒ‘ã‚½ã‚³ãƒ³ã‚’å‡ºã—ã¦ã‹ã‚‰ç´„30å¹´ã€ãªãœä»Šå†ã³UIã«æ³¨ç›®ãŒé›†ã¾ã£ã¦ã„ã‚‹ã®ã‹ã€‚ ä¼æ¥ãŒWebã‚µãƒ¼ãƒ“ã‚¹ã‚„ã‚¢ãƒ—ãƒªãªã©ã§é•·æœŸçš„ã«ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¨ç¹‹ãŒã£ã¦ã„ãä¸Šã§å¤§äº‹ãªã“ã¨ãªã©ã€Gunosyã®ä¾‹ãªã©ã‚’äº¤ãˆã¦ãŠè©±ã—ã¾ã™ã€‚ ã€è¬›å¸«ã€‘æ ªå¼ä¼šç¤¾ã‚°ãƒƒãƒ‰ãƒ‘ãƒƒãƒ ä»£è¡¨å–ç· å½¹ï¼CEO åœŸå±‹ å°šå²æ°
shirasy 2013/08/07
UX

ãƒ‡ã‚¶ã‚¤ãƒ³

UI

Slideshare
ãƒªãƒ³ã‚¯
ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ”ãƒ³ã‚°ã«é–¢ã™ã‚‹ãƒ¡ãƒ¢ã€‚æ›¸ããªãŒã‚‰è€ƒãˆã‚‹ã€æ›¸ã„ã¦å½¢ã«ã™ã‚‹ã€å½¢ã«ã—ã¦è¦‹ãˆã¦ããŸã‚‚ã®ã‚’æ–°ãŸã«ä½œã‚‹ã€‚ã‚¹ãƒ‘ã‚¤ãƒ©ãƒ«çš„ãªã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã®å“è³ªå‘ä¸Šã«å‘ã‘ãŸãƒ„ãƒ¼ãƒ«ã‚„è€ƒãˆæ–¹ã®å‚™å¿˜éŒ²ã€‚
prototyping.md ã“ã“ã§ã„ã†ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ã¯ã€æœ€çµ‚è£½å“ã‚’ä½œã‚‹å‰ã«å¤±æ•—ã—ãªã„ã‚ˆã†è©¦è¡ŒéŒ¯èª¤ã‚„æ¤œè¨¼ã‚’è¡Œã†ãŸã‚ã«ä½œã‚‹è©¦ä½œå“ã€ä»–ã®äººã¨ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ã¨ã‚‹ãŸã‚ã«å½¢ã«ã—ãŸå³å¸å“ç¨‹åº¦ã§è€ƒãˆã¦ã„ã¾ã™ã€‚ãƒšãƒ¼ãƒ‘ãƒ¼ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ã€WYSIWIGçš„ãªãƒ„ãƒ¼ãƒ«ã€HTMLãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ã€Flashãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ—ãªã©ç²¾åº¦ã‚„ç›®çš„ã«ã‚ˆã£ã¦è‰²ã€…ãªå½¢æ…‹ãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ ãªãŠã€æ›¸ç±ã€Žãƒ¢ãƒã‚¤ãƒ«ãƒ•ãƒãƒ³ãƒ†ã‚£ã‚¢ã€ã§ã¯ã€ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ”ãƒ³ã‚°ã‚’ä½“é¨“çš„ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ”ãƒ³ã‚°ã¨æˆ¦è¡“çš„ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ”ãƒ³ã‚°ã®2ç¨®é¡žã«åˆ†ã‘ã¦ã„ã¾ã™ã€‚ä½“é¨“çš„ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ”ãƒ³ã‚°ã¯ãƒ¦ãƒ¼ã‚¶ã®ä½“é¨“ã‚’ã‚·ãƒŸãƒ¥ãƒ¬ãƒ¼ãƒˆã—ã¦è©•ä¾¡ã—ï¼ˆã‚¹ãƒˆãƒ¼ãƒªãƒ¼ãƒœãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã€ãƒœãƒ‡ã‚£ã‚¹ãƒˆãƒ¼ãƒŸãƒ³ã‚°ï¼‰ã€æˆ¦è¡“çš„ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ”ãƒ³ã‚°ã§ã¯UIã‚’ã‚¹ã‚±ãƒƒãƒã—ã¦è©•ä¾¡ã—ã¾ã™ï¼ˆã‚¹ã‚±ãƒƒãƒã€ãƒšãƒ¼ãƒ‘ãƒ¼ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ”ãƒ³ã‚°ã€HTMLãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ”ãƒ³ã‚°ï¼‰ã€‚ã“ã“ã§ã¯ãã®ä¸¡æ–¹ã«ã¤ã„ã¦è¦‹ã¦ã„ã“ã†ã¨æ€ã„ã¾ã™ã€‚ ä½“é¨“çš„ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ”ãƒ³ã‚°ï¼ˆUXã«ãƒ•ã‚©ãƒ¼ã‚«ã‚¹ï¼‰ è€ƒãˆæ–¹ ã‚µ
shirasy 2013/08/07
ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ”ãƒ³ã‚°

UI

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
IxD*2013 | ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ãƒ‡ã‚¶ã‚¤ãƒ³åŸºç¤Žæ¼”ç¿’2013 Home
shirasy 2013/08/07
UI

è¬›ç¾©è³‡æ–™

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
fladdictã•ã‚“ãŒè€ƒãˆã‚‹ã€Œæ‰‹è§¦ã‚Šã®ã‚ã‚‹ã‚¢ãƒ—ãƒªã€ï¼ˆå‰ç·¨ï¼‰ã€€iOS 7ã®ãƒ•ãƒ©ãƒƒãƒˆãƒ‡ã‚¶ã‚¤ãƒ³ã¨ã€ã“ã‚Œã‹ã‚‰ã®UIãƒ‡ã‚¶ã‚¤ãƒ³
ã€ŽMarkeZineã€ãŒä¸»å‚¬ã™ã‚‹ãƒžãƒ¼ã‚±ãƒ†ã‚£ãƒ³ã‚°ãƒ»ã‚¤ãƒ™ãƒ³ãƒˆã€ŽMarkeZine Dayã€ã€ŽMarkeZine Academyã€ã€ŽMarkeZine ãƒ—ãƒ¬ãƒŸã‚¢ãƒ ã‚»ãƒŸãƒŠãƒ¼ã€ã® æœ€æ–°æƒ…å ±ã‚’ã¯ã˜ã‚ã€æ§˜ã€…ãªã‚¤ãƒ™ãƒ³ãƒˆæƒ…å ±ã‚’ã¾ã¨ã‚ã¦ã”ç´¹ä»‹ã—ã¾ã™ã€‚ MarkeZine Day
shirasy 2013/08/07
ãƒ‡ã‚¶ã‚¤ãƒ³

UI
ãƒªãƒ³ã‚¯
ãƒ¢ãƒã‚¤ãƒ«ãƒ•ãƒãƒ³ãƒ†ã‚£ã‚¢ (The Mobile Frontier) | Accessible & Usable
å…¬é–‹æ—¥ : 2012å¹´9æœˆ2æ—¥ (2020å¹´8æœˆ30æ—¥ æ›´æ–°) ã‚«ãƒ†ã‚´ãƒªãƒ¼ : ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ ã€ŒThe Mobile Frontier : A Guide For Designing Mobile Experiences (by Rachel Hinman)ã€ã‚’èªã¿ã¾ã—ãŸã€‚ ãƒ¢ãƒã‚¤ãƒ«æ©Ÿå™¨ (ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚„ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆ) ã®ç™»å ´ã«ã‚ˆã£ã¦ã€å¾“æ¥ã®ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ— (PC) ã¨ã¯ç•°ãªã‚‹æ–°ã—ã„ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ (UX) ãŒã‚‚ãŸã‚‰ã•ã‚Œã‚ˆã†ã¨ã—ã¦ã„ã¾ã™ã€‚ãã®çŠ¶æ³ã‚’ã€Œãƒ•ãƒãƒ³ãƒ†ã‚£ã‚¢ (æœªé–‹æ‹“åœ°å¸¯)ã€ã¨è¦‹ç«‹ã¦ã¦ã€ä»Šå¾Œã©ã†ãƒ‡ã‚¶ã‚¤ãƒ³ã—ã¦ã‚†ã‘ã°ã‚ˆã„ã‹è€ƒãˆã¦ã‚†ã“ã†...ã¨ã„ã†æœ¬ã§ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€æœ¬æ›¸ã®ä¸ã§èˆˆå‘³æ·±ã‹ã£ãŸå†…å®¹ã‚’ã€ã„ãã¤ã‹ã”ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ UI ã®ãƒ‘ãƒ©ãƒ€ã‚¤ãƒ ã‚·ãƒ•ãƒˆ å¾“æ¥ã®ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ— (PC) ã«åŠ ãˆãƒ¢ãƒã‚¤ãƒ« (ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ã‚„ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆ) ã§ã®ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ãƒ†ã‚£ãƒ³ã‚°ãŒã€Œå½“ãŸã‚Šå‰ã€ã«ãªã‚‹ã«ã¤
shirasy 2013/04/14
blog

ãƒ¢ãƒã‚¤ãƒ«

UX

UI

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
http://www.jpaa.or.jp/activity/publication/patent/patent-library/patent-lib/201206/jpaapatent201206_080-088.pdf
shirasy 2013/04/14
ç‰¹è¨±

UI
ãƒªãƒ³ã‚¯
ä¼ç”»ãŒè€ƒãˆã‚‹ã‚¹ãƒžãƒ›UIãƒ‡ã‚¶ã‚¤ãƒ³
3. â€œDead Spaceâ€ ã‚ãƒ£ãƒ©ã®èƒŒä¸ã«ãƒ©ã‚¤ãƒ•ã‚²ãƒ¼ã‚¸ã‚’ åŸ‹ã‚è¾¼ã‚€ã³ã£ãã‚Šã‚¢ã‚¤ãƒ‡ã‚¢ ã»ã¨ã‚“ã©ã®UIã‚’ï¼“Dç©ºé–“ã®ä¸ã«æ§‹ç¯‰ â€œFall Out 3â€ ãƒ—ãƒ¬ã‚¤ãƒ¤ãƒ¼ã‚ãƒ£ãƒ©ã®è…•ã«ã¤ã„ãŸ ãƒ‡ãƒã‚¤ã‚¹ï¼ˆPip-Boyï¼‰ã‚’ãã®ã¾ã¾UIåŒ– ãã‚Œä»¥å¤–ã®UIã¯æ¥µåŠ›ã‚·ãƒ³ãƒ—ãƒ«ã«ã¾ã¨ã‚ã‚‹
shirasy 2013/04/14
ã‚²ãƒ¼ãƒ

UI

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
æ”¾é€å¤§å¦ æŽˆæ¥ç§‘ç›®æ¡ˆå†… ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ã¨äººé–“ã®æŽ¥ç‚¹ï¼ˆ'13ï¼‰
ä¸»ä»»è¬›å¸« é»’é ˆ æ£æ˜ŽÂ ï¼ˆæ”¾é€å¤§å¦æ•™æŽˆï¼‰ æš¦æœ¬ ç´”ä¸€Â ï¼ˆæ”¾é€å¤§å¦å®¢å“¡æ•™æŽˆï¼Œæ±äº¬å¤§å¦æ•™æŽˆï¼‰ æ”¾é€ãƒ¡ãƒ‡ã‚£ã‚¢ ãƒ†ãƒ¬ãƒ“ æ”¾é€æ™‚é–“ï¼ˆå¹³æˆ25å¹´åº¦ï¼‰ ç¬¬1å¦æœŸï¼šï¼ˆé‡‘æ›œï¼‰15æ™‚15åˆ†ã€œ16æ™‚00åˆ† è¬›ç¾©æ¦‚è¦ ãƒ’ãƒ¥ãƒ¼ãƒžãƒ³ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã¨ã„ã†é ˜åŸŸã¯ã€æƒ…å ±ç§‘å¦ã‚’ä¸å¿ƒã«ã—ã¦æ¯”è¼ƒçš„æœ€è¿‘ç™ºé”ã—ã¦ããŸã‚‚ã®ã§ã™ã€‚ã“ã“ã§ã¯ã€ãã®é ˜åŸŸã«ã¤ã„ã¦ã€ã¾ãšã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã¨ã„ã†åŸºæœ¬æ¦‚å¿µã‚’ã€æ¬¡ã„ã§äººé–“ã«ã¤ã„ã¦ãã®å¤šæ§˜æ€§ã‚„ç¤¾ä¼šçš„å´é¢ãªã©ã‚’å¦ã³ã¾ã™ã€‚ã•ã‚‰ã«ã€ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹è¨è¨ˆã®ãŸã‚ã®äººé–“ä¸å¿ƒè¨è¨ˆã¨ã„ã†è€ƒãˆæ–¹ã‚’ã€ã¾ãŸã“ã“30å¹´ã»ã©ã®é–“ã«é–‹ç™ºã•ã‚Œã¦ããŸæ§˜ã€…ãªæŠ€è¡“ã«ã¤ã„ã¦å¦ã³ã¾ã™ã€‚ â€»é–¢é€£æŽˆæ¥ã¨ã—ã¦ã€Œæƒ…å ±æ©Ÿå™¨åˆ©ç”¨è€…ã®èª¿æŸ»æ³•ã€ã‚’å±¥ä¿®ã™ã‚‹ã“ã¨ãŒæœ›ã¾ã—ã„ã€‚ â€»è©³ã—ãã¯ã‚·ãƒ©ãƒã‚¹ã¸ é–‹è¨å¹´åº¦ å¹³æˆ25å¹´åº¦
shirasy 2013/04/07
æ”¾é€å¤§å¦

UI

ãƒ‡ã‚¶ã‚¤ãƒ³

HCD
ãƒªãƒ³ã‚¯
ç›´æ„Ÿçš„ãªUIã¨ã¯äºˆæƒ³ã—ãŸé€šã‚Šã®çµæžœãŒå¾—ã‚‰ã‚Œã‚‹ã‚‚ã®ã®ã“ã¨ - ãƒã‚³ãƒ¡ã‚·CEOãƒ–ãƒã‚°
UIãƒ‡ã‚¶ã‚¤ãƒ³ã®å‚è€ƒã«ï¼æ–¬æ–°ã§ç¾Žã—ã„UIã‚’ã‚‚ã£ãŸiPhoneã‚¢ãƒ—ãƒªã¾ã¨ã‚ ã¨ã„ã†è¨˜äº‹ã§ã¯ã€ç´¹ä»‹ã—ã¦ã„ã‚‹ã‚¢ãƒ—ãƒªã®ã“ã¨ã”ã¨ãã«ã€ã€Œãƒœã‚¿ãƒ³ãŒç„¡ãã¦ã‚·ãƒ³ãƒ—ãƒ«ã€ã€Œç›´æ„Ÿçš„ã§ä½¿ã„ã‚„ã™ã„ã€ãªã©ã¨æ›¸ã„ã¦ã‚ã‚‹ãŒã€Clearã®UIã¿ãŸã„ãªã®ã‚’ã€Œèª°ã§ã‚‚ç›´æ„Ÿçš„ã«æ“ä½œã§ãã‚‹ã€ãªã©ã¨è©•ä¾¡ã™ã‚‹ç†ç”±ãŒã•ã£ã±ã‚Šç†è§£ã§ããªã„ã€‚ ã“ã†ã„ã†UIã¯åŸºæœ¬çš„ã«ã©ã‚Œã‚‚çŽ„äººå‘ã‘ã§ã€æ“ä½œãŒã‚¸ã‚§ã‚¹ãƒãƒ£ã®å¡Šã«ãªã£ã¦ã—ã¾ã£ã¦ã„ã‚‹ã‚‚ã®ã¯ã€ãã‚ŒãŒä½¿ã„ã“ãªã›ã‚‹ä¿ºã‚«ãƒƒã‚±ãƒ¼æ„ŸãŒé«˜ãã¦è‡ªå·±é¡•ç¤ºæ¬²ã‚’æº€ãŸã—ã‚„ã™ã„ã€‚"ãã®ã‚ˆã†ã«æ“ä½œã§ãã‚‹UIãƒ‡ã‚¶ã‚¤ãƒ³"ãŒæ°—æŒã¡ã„ã„ã®ã§ã¯ãªãã€"ãã®ã‚ˆã†ã«æ“ä½œã—ã¦ã„ã‚‹è‡ªåˆ†"ãŒæ°—æŒã¡ã„ã„ã®é–“é•ã„ãªã‚“ã˜ã‚ƒãªã„ã ã‚ã†ã‹ã€‚ ãƒœã‚¿ãƒ³ãŒä¸€åˆ‡ãªãã¦ã‚·ãƒ³ãƒ—ãƒ«ã ã¨æ°—æŒã¡ãŒã„ã„UIã«ãªã‚‹ã ã£ã¦ï¼Ÿã€€ãã‚“ãªã‚ã‘ãŒã‚ã‚‹ã¯ãšãªã„ã€‚ç¾å®Ÿä¸–ç•Œã¯ãƒœã‚¿ãƒ³ãŒä¸€åˆ‡ãªãã¦ã‚·ãƒ³ãƒ—ãƒ«ãªUIã§æº¢ã‚Œã¦ã„ã‚‹ã—ã€ãã®ãŠã‹ã’ã§æ¯Žæ—¥ã„ã‚ã‚“ãªå ´é¢ã§ã„ã‚‰ã„ã‚‰ã•ã›ã‚‰ã‚Œã¦ã„ã‚‹ã€‚ãŸã‹ãŒ1å€‹ã®ãƒ¬ãƒãƒ¼ã‚’ä¸Šã’
shirasy 2013/03/30
blog

ãƒ‡ã‚¶ã‚¤ãƒ³

UI

ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
Creating immersive experiences with diegetic interfaces
Subscribe to our mailing list and stay up to date on our latest thought leadership and learning opportunities. I like to think of Interaction Design in its purest form as being about shaping the perception of an environment of any kind. Yes, today the discipline is so closely tied to visual displays and software that it almost seems to revolve around that medium alone, but thatâ€™s only because as o
shirasy 2013/03/11
Diegesis

UI

ãƒ‡ã‚¶ã‚¤ãƒ³

ã‚²ãƒ¼ãƒ
ãƒªãƒ³ã‚¯
ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ã¨ã¯ä½•ã‹ï¼Ÿã€ã‚¤ãƒ³ã‚¿ãƒ“ãƒ¥ãƒ¼ã€‘ãƒ›ãƒ¯ã‚¤ãƒˆãƒã‚¦ã‚¹ã‚‚æ³¨ç›®ã®UXãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼Janice Fraseræ°ï¼ˆå‰ç·¨ï¼‰ ãƒ‡ã‚¶ã‚¤ãƒ³ä¼šç¤¾ ãƒ“ãƒ¼ãƒˆãƒ©ãƒƒã‚¯ã‚¹: ãƒ–ãƒã‚°
ä¸–ç•Œä¸ã§è¬›æ¼”ã‚’è¡Œã„ã€ãƒ›ãƒ¯ã‚¤ãƒˆãƒã‚¦ã‚¹ã§ã‚‚ãƒ—ãƒ¬ã‚¼ãƒ³ãƒ†ãƒ¼ã‚·ãƒ§ãƒ³ã‚’è¡Œã£ãŸã¨ã„ã†ã€ŒUXã®ç¬¬ä¸€äººè€…ã€Janice Fraseræ°ã€‚ UXã«ç‰¹åŒ–ã™ã‚‹ä¼šç¤¾ã‚’ç«‹ã¡ä¸Šã’ãŸå½¼å¥³ã®çµŒé¨“ãƒ»ãƒãƒƒã‚¯ã‚°ãƒ©ã‚¦ãƒ³ãƒ‰ã‚„ã€å½¼å¥³ãŒèªžã‚‹ã€ŒLean UXã€ãªã©ã«é–¢ã—ã¦ã¯åŒè¨˜äº‹ã®å¾Œç·¨ã«è²ã‚‹ã¨ã—ã¦ã€ã¾ãšã¯å½¼å¥³ãŒå®šç¾©ã™ã‚‹ã€ŒUXã¨ã¯ä½•ã‹ï¼Ÿã€ã¨ã„ã†ã“ã¨ã‚„ã€ã‚ˆãæ··åŒã•ã‚ŒãŒã¡ãªã€ŒUIã¨UXã®é•ã„ã€ã€æ›´ã«ã¯ã€Œå›½ã‚’è¶…ãˆã‚‹ã¨UXã«é•ã„ã¯ã‚ã‚‹ã®ã‹ï¼Ÿã€ã€Œè‰¯ã„UXã‚’æ¸¬ã‚‹ãŸã‚ã®æŒ‡æ¨™ã€ã«ã¤ã„ã¦ä¼ºã£ãŸã€‚ â—†ç›®æ¬¡ï¼ˆå‰ç·¨ï¼‰â—†UXã¨ã¯ï¼Ÿæ··åŒã•ã‚ŒãŒã¡ãªUIã¨UX UXã«å›½ã”ã¨ã®é•ã„ã¯ã‚ã‚‹ã‹ï¼Ÿè‰¯ã„UXã‹ã©ã†ã‹ã‚’æ¸¬ã‚‹æŒ‡æ¨™ã¯ï¼Ÿâ—†è©±è€…ãƒ—ãƒãƒ•ã‚£ãƒ¼ãƒ«â—† ã‚²ã‚¹ãƒˆãƒˆãƒ¼ã‚«ãƒ¼ï¼šJanice Fraser LUXr, Inc. CEOÂ @clevergirl UXãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã€èµ·æ¥å®¶ã€‚UXã‚’é‡è¦–ã—ãŸã‚¦ã‚§ãƒ–ã‚µãƒ¼ãƒ“ã‚¹ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’æ‰‹ãŒã‘ã‚‹Adaptive Pathç¤¾ã®å…±åŒå‰µæ¥è€…ã€åˆä»£CEOã€‚ 15å¹´ã«æ¸¡ã‚‹
shirasy 2012/09/12
UX

ãƒ‡ã‚¶ã‚¤ãƒ³

UI
ãƒªãƒ³ã‚¯
Wireframes Magazine Â» Fluid UI, Mobile App Prototyping
Fluid UI is a new browser based, HTML5, mobile app prototype tool released the other month by a small and skillful team from Dublin and Berlin. The tool is blazing fast and at the outset allows users to work in two modes. One of which provides an overview of various screens and their links from a birdâ€™s eye view â€“ great for screen flow design. The other more detailed page level view is accessed by
shirasy 2012/08/25
ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ

IA

UI

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã®ãŠçŸ¥ã‚‰ã› - NAVER ã¾ã¨ã‚
ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã®ãŠçŸ¥ã‚‰ã› NAVERã¾ã¨ã‚ã¯2020å¹´9æœˆ30æ—¥ã‚’ã‚‚ã¡ã¾ã—ã¦ã‚µãƒ¼ãƒ“ã‚¹çµ‚äº†ã„ãŸã—ã¾ã—ãŸã€‚ ç´„11å¹´é–“ã€NAVERã¾ã¨ã‚ã‚’ã”åˆ©ç”¨ãƒ»ã”æ„›é¡§ã„ãŸã ãèª ã«ã‚ã‚ŠãŒã¨ã†ã”ã–ã„ã¾ã—ãŸã€‚
shirasy 2012/08/19
ãƒ¯ã‚¤ãƒ¤ãƒ¼ãƒ•ãƒ¬ãƒ¼ãƒ

Wireframe

ç”»é¢é·ç§»å›³

UI

ãƒ‡ã‚¶ã‚¤ãƒ³

HCD

NAVER
ãƒªãƒ³ã‚¯
Telescope Magazine
æœ¬ã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆã§åˆ©ç”¨ã™ã‚‹Cookieã«ã¯ã€ç¬¬ä¸‰è€…ã®Cookieã‚‚å«ã¾ã‚Œã‚‹å¯èƒ½æ€§ãŒã‚ã‚Šã¾ã™ã€‚Cookieã®è¨å®šã¯ã€ã„ã¤ã§ã‚‚ã”åˆ©ç”¨ã®ãƒ–ãƒ©ã‚¦ã‚¶ã®è¨å®šã‚ˆã‚Šã”å¤‰æ›´ã„ãŸã ã‘ã¾ã™ã€‚ ã“ã®ã‚µã‚¤ãƒˆã‚’ä½¿ç”¨ã™ã‚‹ã“ã¨ã«ã‚ˆã‚Šã€å½“ç¤¾ã® Cookieãƒãƒªã‚·ãƒ¼ ã«åŒæ„ã—ãŸã‚‚ã®ã¨ã¿ãªã•ã‚Œã¾ã™ã€‚
shirasy 2012/07/11
UI

ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³
ãƒªãƒ³ã‚¯
ãƒ¢ãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆ vs. ãƒ•ãƒ«ã‚µã‚¤ãƒˆ
ãƒ¢ãƒã‚¤ãƒ«ã®è‰¯è³ªãªãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¨ã‚¯ã‚¹ãƒšãƒªã‚¨ãƒ³ã‚¹ï¼ˆUXï¼‰ã«å¿…è¦ãªãƒ‡ã‚¶ã‚¤ãƒ³ã¯ã€ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚’æº€è¶³ã•ã›ã‚‹ãŸã‚ã«å¿…è¦ãªã‚‚ã®ã¨ã¯ç•°ãªã‚‹ã€‚2ç¨®é¡žã®ãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ã—ã¦ã€ã‚µã‚¤ãƒˆã‚’2å€‹ã«ã—ã€ç›¸äº’ãƒªãƒ³ã‚¯ã™ã‚‹ã“ã¨ã«ã‚ˆã£ã¦ã€ã™ã¹ã¦ã¯ã†ã¾ãã„ãã€‚ Mobile Site vs. Full Site by Jakob Nielsen on April 10, 2012 æ—¥æœ¬èªžç‰ˆ2012å¹´5æœˆ8æ—¥å…¬é–‹ æ•°ç™¾ã®ã‚µã‚¤ãƒˆã«ã¤ã„ã¦ã®ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ãƒ†ã‚¹ãƒˆã‹ã‚‰åˆ¤æ–ã™ã‚‹ã¨ã€ãƒ¢ãƒã‚¤ãƒ«ã«æœ€é©åŒ–ã—ãŸã‚¦ã‚§ãƒ–ã‚µã‚¤ãƒˆå‘ã‘ã®ä¸»ãªã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³ã¯æ˜Žã‚‰ã‹ã§ã‚ã‚‹ï¼š ä½™è£•ãŒã‚ã‚Œã°ã€ãƒ¢ãƒã‚¤ãƒ«ã«æœ€é©åŒ–ã—ãŸã‚µã‚¤ãƒˆï¼ˆã‚ã‚‹ã„ã¯ãƒ¢ãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆï¼‰ã‚’åˆ¥å€‹ã«æ§‹ç¯‰ã—ã‚ˆã†ã€‚ãƒ¢ãƒã‚¤ãƒ«ãƒ‡ãƒã‚¤ã‚¹ã‚’åˆ©ç”¨ã—ã¦ã‚µã‚¤ãƒˆã«ã‚¢ã‚¯ã‚»ã‚¹ã™ã‚‹ã¨ãã€ãƒ¦ãƒ¼ã‚¶ãƒ“ãƒªãƒ†ã‚£ã®æ¸¬å®šçµæžœã¯ãƒ•ãƒ«ã‚µã‚¤ãƒˆã®ã‚‚ã®ã‚ˆã‚Šã‚‚ãƒ¢ãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆã®ã»ã†ãŒãšã£ã¨é«˜ã„ã€‚ ãƒ¢ãƒã‚¤ãƒ«ã®ã‚¢ãƒ—ãƒªãªã‚‰ã•ã‚‰ã«ã„ã„ã ã‚ã†ã€å°‘ãªãã¨ã‚‚ç¾æ™‚ç‚¹ã§ã¯ã€‚ ãƒ¢ãƒã‚¤ãƒ«ã®ãƒ¦
shirasy 2012/05/09
UX

ãƒ‡ã‚¶ã‚¤ãƒ³

UI
ãƒªãƒ³ã‚¯
å…¥åŠ›æ©Ÿå™¨ã¨ã—ã¦ã®ãƒžã‚¦ã‚¹ vs. æŒ‡
ç¾åœ¨ã€äººæ°—ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹å‘ã‘ã®ä¸»ãªå…¥åŠ›æ©Ÿå™¨ã¯ãƒžã‚¦ã‚¹ã¨æŒ‡ã§ã‚ã‚‹ã€‚ä¸¡è€…ã®é•ã„ã«ã¤ã„ã¦ã€è©•ä¾¡è¦ç´ ã”ã¨ã«ã€ã©ã¡ã‚‰ãŒã‚ˆã‚Šå„ªã‚Œã¦ã„ã‚‹ãƒã‚¤ãƒ³ãƒ†ã‚£ãƒ³ã‚°ãƒ‡ãƒã‚¤ã‚¹ã§ã‚ã‚‹ã‹è¦‹ã¦ã¿ã‚ˆã†ã€‚ Mouse vs. Fingers as Input Device by Jakob Nielsen on April 10, 2012 æ—¥æœ¬èªžç‰ˆ2012å¹´5æœˆ8æ—¥å…¬é–‹ ï¼ˆ2012å¹´4æœˆã®Jakob Nielsenã®ã€Œãƒ¢ãƒã‚¤ãƒ«ã‚µã‚¤ãƒˆ vs. ãƒ•ãƒ«ã‚µã‚¤ãƒˆã€ã«é–¢ã™ã‚‹ã‚³ãƒ©ãƒ ã¸ã®è£œè¶³è¨˜äº‹ï¼‰ ãƒ‡ã‚¹ã‚¯ãƒˆãƒƒãƒ—ã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ãƒ¼ï¼ˆã¨ãƒ©ãƒƒãƒ—ãƒˆãƒƒãƒ—ï¼‰ã§ã¯å…¥åŠ›ã«ãƒžã‚¦ã‚¹ãŒä¸»ã«ä½¿ã‚ã‚Œã€ãƒ¢ãƒã‚¤ãƒ«æ©Ÿå™¨ã¨ã‚¿ãƒ–ãƒ¬ãƒƒãƒˆã§ã¯å…¥åŠ›ã«äººã®æŒ‡ãŒä¸»ã«ä½¿ã‚ã‚Œã‚‹ã€‚ ãã†ã€å¤§ããªã‚³ãƒ³ãƒ”ãƒ¥ãƒ¼ã‚¿ãƒ¼ã«ã¯ãƒˆãƒ©ãƒƒã‚¯ãƒœãƒ¼ãƒ«ãŒã‚ã‚‹ã“ã¨ã‚‚ã‚ã‚‹ã—ã€ãƒ©ãƒƒãƒ—ãƒˆãƒƒãƒ—ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯å…¥åŠ›ã«ãƒˆãƒ©ãƒƒã‚¯ãƒ‘ãƒƒãƒ‰ã‚’ä½¿ã†ã“ã¨ã‚‚å¤šã„ã€‚ãã—ã¦ã€ãƒ¢ãƒã‚¤ãƒ«æ©Ÿå™¨ã«ã¯ã‚¹ã‚¿ã‚¤ãƒ©ã‚¹ï¼ˆã‚¿ãƒƒãƒãƒšãƒ³ï¼‰ãŒä»˜ã„ã¦ã„ã‚‹ã‚‚ã®ã•ãˆã€ã„ãã¤ã‹ã‚ã‚‹ã€‚ã—
shirasy 2012/05/09
UI

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ãƒ‡ã‚¶ã‚¤ãƒ³ Â |Â Android Developers
Get started Start by creating your first app. Go deeper with our training courses or explore app development on your own.
shirasy 2012/01/13
ã€ãƒ¡ãƒ¢ã€‘http://firespeed.org/diary.php?diary=kenz-1462

Android

ãƒ‡ã‚¶ã‚¤ãƒ³

UI
ãƒªãƒ³ã‚¯
éžå…¬é–‹ã‚µã‚¤ãƒˆ
ã‚µã‚¤ãƒˆã®æ§‹ç¯‰ã€‚ä½œå“ã®è²©å£²ã€‚ãƒ–ãƒã‚°ã®æŠ•ç¨¿ã€‚ã“ã®ä»–ã«ã‚‚ã•ã¾ã–ã¾ãªæ©Ÿèƒ½ãŒã‚ã‚Šã¾ã™ã€‚ ãƒã‚°ã‚¤ãƒ³ ã‚µã‚¤ãƒˆã‚’ã¯ã˜ã‚ã‚ˆã† éžå…¬é–‹ã‚µã‚¤ãƒˆ ã“ã®ã‚µã‚¤ãƒˆã¯ç¾åœ¨ãƒ—ãƒ©ã‚¤ãƒ™ãƒ¼ãƒˆè¨å®šã«ãªã£ã¦ã„ã¾ã™ã€‚
shirasy 2011/10/19
Android

ãƒ‡ã‚¶ã‚¤ãƒ³

UI
ãƒªãƒ³ã‚¯
ï¼»ã‚¹ãƒžãƒ›2011æ˜¥ï¼½ã€Œã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã¨ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼å…±åŒã§ã‚„ã‚‹ã€----ã€Œã¯ã¦ãƒ–ã€ã‚¢ãƒ—ãƒªé–‹ç™ºè€…ãŒèªžã‚‹UIè¨è¨ˆ
2011å¹´4æœˆ26æ—¥ã‹ã‚‰28æ—¥ã«ã‹ã‘ã¦ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³åˆ†é‡Žã®ã‚«ãƒ³ãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹ã€Œã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³2011æ˜¥ã€ãŒé–‹å‚¬ã•ã‚Œã¦ã„ã‚‹ã€‚æœ€çµ‚æ—¥ã®4æœˆ28æ—¥ã¯ã€ã¯ã¦ãªã®é–‹ç™ºè€…ãŒè¬›æ¼”ã—ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³ç”¨ã‚¢ãƒ—ãƒªé–‹ç™ºã®ãƒã‚¤ãƒ³ãƒˆã‚’è§£èª¬ã—ãŸã€‚é¡Œæã¯ã€ã‚½ãƒ¼ã‚·ãƒ£ãƒ«ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã€Œã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ã€ç”¨ã«é–‹ç™ºã—ãŸã€å…¬å¼iPhoneï¼Androidã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã ï¼ˆå†™çœŸ1ï¼‰ã€‚ ç™»å£‡ã—ãŸã®ã¯ã€åŒã‚¢ãƒ—ãƒªã®é–‹ç™ºã‚’æ‹…å½“ã—ãŸã€ã¯ã¦ãªã®æµ…é‡Žæ…§æ°ï¼ˆå†™çœŸ2ï¼‰ã€‚ä»•æ§˜æ±ºã‚ã‹ã‚‰ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ï¼ˆUIï¼‰ã®è¨è¨ˆã€å®Ÿè£…ã«è‡³ã‚‹ã¾ã§ã®å„ãƒ—ãƒã‚»ã‚¹ã‚„ã€iPhoneã‚¢ãƒ—ãƒªã¨Androidã‚¢ãƒ—ãƒªé–‹ç™ºã®é•ã„ãªã©ã‚’è§£èª¬ã—ãŸã€‚ æµ…é‡Žæ°ãŒå”èª¿ã—ãŸã®ã¯ã€UIè¨è¨ˆã®é‡è¦æ€§ã€‚ã€ŒiPhoneã€Androidãã‚Œãžã‚Œã®ãƒ—ãƒ©ãƒƒãƒˆãƒ•ã‚©ãƒ¼ãƒ ã§ã€ã€ŽiPhoneã‚‰ã—ã„UIã€Androidã‚‰ã—ã„UIã€ã‚’å®Ÿè£…ã™ã‚‹ã“ã¨ãŒå¤§åˆ‡ã€ã¨èªžã‚‹ã€‚ã¾ãŸã€ã¯ã¦ãªç¤¾å†…ã§ã¯ã€ä»Šæµè¡Œã—ã¦ã„ã‚‹iPhoneï¼Andr
shirasy 2011/08/07
ãƒ‡ã‚¶ã‚¤ãƒ³

ãƒšãƒ¼ãƒ‘ãƒ¼ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ”

UI

ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ”ãƒ³ã‚°
ãƒªãƒ³ã‚¯
1 2 3 æ¬¡ã®ãƒšãƒ¼ã‚¸