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

nantan id:nantan

UIã¨UXã«é–¢ã™ã‚‹nantanã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (11)

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

è‹±èªžã®UIã«ãŠã‘ã‚‹ã€ŒYourã€ã¨ã€ŒMyã€ã®ä½¿ã„åˆ†ã‘
è‹±èªžã«ãŠã‘ã‚‹UIã®ãƒ©ãƒ™ãƒªãƒ³ã‚°ã§ã¯ã€ŒYourã€ã‚„ã€ŒMyã€ã¨ã„ã†è¨€è‘‰ãŒã‚ˆãä½¿ã‚ã‚Œã€UIè¦ç´ ã¨ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®é–¢ä¿‚æ€§ãŒç›´æ„Ÿçš„ã«ã‚ã‹ã‚‹ã‚ˆã†ã«ãªã£ã¦ã„ã¾ã™ã€‚è¨€ã‚ãšã‚‚ãŒãªã€æ—¥æœ¬èªžã¨è‹±èªžã§ã¯è¡¨ç¾ã¯é•ã£ã¦ãã¾ã™ãŒã€ã“ã®è‹±èªžã®ä½¿ã„åˆ†ã‘ã®è€ƒãˆæ–¹ã¯ã€UIã‚’ã‚ˆã‚Šãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã‚ã‹ã‚Šã‚„ã™ãæ•´ç†ã™ã‚‹ãƒ’ãƒ³ãƒˆã«ã‚‚ãªã‚‹ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚ UIã¯ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®èº«ä½“ã®æ‹¡å¼µã¨ã„ã†ä½ç½®ã¥ã‘ãªã®ã§ã—ã‚‡ã†ã‹ï¼Ÿã€€ãã‚Œã¨ã‚‚å…¨ãåˆ¥ã®ç«‹ã¡ä½ç½®ã‹ã‚‰ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«å¯¾ã—ã¦èªžã‚Šã‹ã‘ã‚‹å˜åœ¨ã§ã—ã‚‡ã†ã‹ï¼Ÿã€€ã“ã‚Œã¯ã€ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŒãƒ¡ãƒ‹ãƒ¥ãƒ¼ãªã©ã§ãƒ©ãƒ™ãƒ«ã‚’ä»˜ã‘ã‚‹éš›ã«ã€æ‚©ã‚€å•é¡Œã§ã™ã€‚ ã‚‚ã—ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®æ‹¡å¼µã§ã‚ã‚‹ãªã‚‰ã°ã€ãƒ©ãƒ™ãƒ«ã¯ã€ŒMyï¼ˆç§ã®ï¼‰ã€ã¨ã„ã†è¨€è‘‰ãŒä½¿ã‚ã‚Œã‚‹ã§ã—ã‚‡ã†ã—ã€é›¢ã‚ŒãŸå˜åœ¨ãªã‚‰ã°ã€ŒYourï¼ˆã‚ãªãŸã®ï¼‰ã€ã¨ã„ã†è¨€è‘‰ãŒä½¿ã‚ã‚Œã‚‹ã§ã—ã‚‡ã†ã€‚ æ£ã—ã„è¨€è‘‰ã§èª¬æ˜Žæ–‡ã‚’ä»˜ã‘ã‚‹ã“ã¨ã§ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯æŽ¢ã—ã¦ã„ã‚‹ã‚‚ã®ã‚’è¦‹ã¤ã‘ã‚„ã™ããªã‚Šã¾ã™ã€‚åŒæ™‚ã«ã€ã‚µã‚¤ãƒˆã«ã‚ˆã‚Šé›†ã‚ã‚‰ã‚ŒãŸã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã¨ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã‚ˆã‚Šä½œæˆã•
nantan 2016/10/31
ui

ux

english

è‹±èªž
ãƒªãƒ³ã‚¯
å¿«é©ãªUXã‚’å®Ÿç¾ã™ã‚‹Optimistic Updates(æ¥½è¦³çš„æ›´æ–°)ã¨ã¯ä½•ã‹
å…ˆæ—¥ã€ã¨ã‚ã‚‹JavaScripté–¢é€£ã®è¨˜äº‹ã‚’èªã‚“ã§ã„ãŸã¨ã“ã‚ã€"Optimistic Updates" ã¨ã„ã†æŠ€è¡“ãŒç´¹ä»‹ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ æ—¥æœ¬èªžã«ç›´ã™ã¨ "æ¥½è¦³çš„æ›´æ–°" ã¨ã„ã£ãŸã¨ã“ã‚ã§ã—ã‚‡ã†ã‹ã€‚ ã¯ã˜ã‚ã¦èžã„ãŸè¨€è‘‰ã§ã€æ—¥æœ¬èªžã®è¨˜äº‹ã‚‚è¦‹å½“ãŸã‚‰ãªã‹ã£ãŸãŸã‚è¨˜äº‹ã«ã—ã¦ã¿ã¾ã™ã€‚ #Optimistic Updatesã¨ã¯ Optimistic Updatesã¨ã„ã†ã®ã¯ã€ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ—ãƒªã‚„SPA(Single Page Application)ãªã©ã§ä½¿ã‚ã‚Œã‚‹æŠ€è¡“ã§ã€éžåŒæœŸã®é€šä¿¡å‡¦ç†ãŒæˆåŠŸã™ã‚‹ã¨ã„ã†å‰æ(æ¥½è¦³)ã®ã‚‚ã¨ã«ã€é€šä¿¡ã®ãƒ¬ã‚¹ãƒãƒ³ã‚¹ã‚’å¾…ãŸãšã«æ¬¡ã®å‡¦ç†ã‚’è¡Œã†ã¨ã„ã†ã‚‚ã®ã§ã™ã€‚ æœ€ã‚‚å¤šã„Optimistic Updatesã®ä½¿ã„æ–¹ã¯ã€UIã¸ã®åæ˜ ã‚’ãƒªã‚¯ã‚¨ã‚¹ãƒˆã®çµæžœã‚’å¾…ãŸãšã«è¡Œã†ã¨ã„ã†ã‚‚ã®ã§ã—ã‚‡ã†ã€‚ #Optimistic Updatesã®ä¾‹ ä¾‹ãˆã°ã€ã‚ˆãã‚ã‚‹ã€Œã„ã„ãã€ãƒœã‚¿ãƒ³ã®ã‚ˆã†ãªã‚‚ã®ã«Optimis
nantan 2016/10/07
Ajax

SinglePageApplication

JavaScript

UX

UI
ãƒªãƒ³ã‚¯
ã‚³ãƒ³ãƒãƒ¼ã‚¸ãƒ§ãƒ³çŽ‡ã‚’æ”¹å–„ã™ã‚‹å…¥åŠ›ãƒ•ã‚©ãƒ¼ãƒ ã«ãŠã‘ã‚‹10ã®ãƒ«ãƒ¼ãƒ«
Nickã¯ãƒã‚·ã‚¢ã®ã‚»ãƒ³ãƒˆãƒ”ãƒ¼ã‚¿ãƒ¼ã‚ºãƒãƒ¼ã‚°å‡ºèº«ã®ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ãƒ‡ãƒ™ãƒãƒƒãƒ‘ãƒ¼/ãƒ–ãƒã‚¬ãƒ¼ã§ã™ã€‚å½¼ã«ã‚ˆã‚‹ä»–ã®è¨˜äº‹ã¯ã“ã¡ã‚‰ã‚’ã”å‚ç…§ãã ã•ã„ã€‚ Webã‚„ã‚¢ãƒ—ãƒªå†…ã®ãƒ•ã‚©ãƒ¼ãƒ ã¯ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¨ã®æœ€ã‚‚å¤§åˆ‡ãªã‚„ã‚Šå–ã‚Šã®å ´ã®ä¸€ã¤ã§ã™ã€‚ã‚µãƒ¼ãƒ“ã‚¹ã¸ã®ç™»éŒ²ã‚„äºˆç´„ã€ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã€æ±ºæ¸ˆå‡¦ç†ãªã©ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¨ä¼æ¥é–“ã®å–å¼•ã‚’é–‹å§‹ã—ãŸã‚Šã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã„ã«ã‚ã‚‰ã‚†ã‚‹æƒ…å ±ã‚’å…¥åŠ›ã—ã¦ã‚‚ã‚‰ã†ã¹ãã€æ§˜ã€…ãªã¨ã“ã‚ã§ä½¿ã‚ã‚Œã¦ã„ã¾ã™ã€‚ ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒã„ã‹ã«ç´ æ—©ãæ£ç¢ºã«æƒ…å ±ã‚’å…¥åŠ›ã—ã€æ±‚ã‚ã‚‹æƒ…å ±ã‚’æœ€å¾Œã¾ã§å…¥åŠ›ã—ã¦ãã‚Œã‚‹ã‹ã¯ã“ã®ãƒ•ã‚©ãƒ¼ãƒ ã®å‡ºæ¥ã«ã‹ã‹ã£ã¦ã„ã¾ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ãƒ•ã‚©ãƒ¼ãƒ ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«ãŠã„ã¦ã€æ§˜ã€…ãªãƒ†ã‚¹ãƒˆã‚„ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®å£°ãªã©ã‹ã‚‰å°Žãå‡ºã•ã‚ŒãŸã€å®Ÿç”¨çš„ãªæ–½ç–ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ 1. ãƒ•ã‚©ãƒ¼ãƒ ã¯è«–ç†çš„ã«ä¸¦ã¹ã‚‹ ãƒ•ã‚©ãƒ¼ãƒ ã¯å¯¾è©±ãã®ã‚‚ã®ã§ã™ã€‚å¾“ã£ã¦ã€æ™®é€šã®ä¼šè©±ã®æ§˜ã«ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¨ã‚¢ãƒ—ãƒªã®ï¼’è€…é–“ã§ã®ã‚³ãƒŸãƒ¥ãƒ‹ã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã¨ã—ã¦è¡¨ç¾ã•ã‚Œã‚‹ã¹ãã§ã—ã‚‡ã†ã€‚ è³ªå•ã¯ç›´æ„Ÿçš„ãªé †ç•ªã«ã™ã‚‹ã€‚ãƒ¦
nantan 2016/09/20
ui

ux

ãƒ•ã‚©ãƒ¼ãƒ
ãƒªãƒ³ã‚¯
ãƒãƒƒãƒ‰UIã‚’æ”¹å–„ã™ã‚‹æ–¹æ³• â€• UIã®ã€Œ5ã¤ã®çŠ¶æ…‹ã€ã‚’è€ƒãˆã‚‹ | POSTD
(è¨³æ³¨ï¼š2020/08/22ã€ç”»åƒã¨å‹•ç”»ãŒæ£ã—ãè¡¨ç¤ºã•ã‚Œã¦ã„ãªã‹ã£ãŸãŸã‚ãƒªãƒ³ã‚¯ã‚’ä¿®æ£ã—ã¾ã—ãŸã€‚) ã“ã‚“ã«ã¡ã¯ã€‚ã“ã®ãƒ–ãƒã‚°ã¯12æœˆã«Oâ€™Reillyã‹ã‚‰å‡ºç‰ˆäºˆå®šã®ç§ã®è‘—æ›¸ã€Ž Designing Products People Love ã€ã‹ã‚‰ã®æŠœç²‹ã§ã™ã€‚ãœã²æœ¬ã‚‚èªã‚“ã§ã¿ã¦ãã ã•ã„ã€‚ã¾ãŸã€Facebookã‚„Twitterã€ Slackãªã©ã§æ´»èºã•ã‚Œã¦ã„ã‚‹20äººä»¥ä¸Šã®ãƒ—ãƒãƒ€ã‚¯ãƒˆãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã«ã‚¤ãƒ³ã‚¿ãƒ“ãƒ¥ãƒ¼ã‚‚ã—ã¦ã„ã¾ã™ã€‚* ç„¡å‘³ä¹¾ç‡¥ãªUIã‚’çµŒé¨“ã—ãŸã“ã¨ã¯ã‚ã‚Šã¾ã™ã‹ï¼Ÿ ä½•ã‹ ãŒè¶³ã‚Šãªã„ã¨æ„Ÿã˜ã¦ã—ã¾ã†ã‚ˆã†ãªUIã‚’ä½œã£ã¦ã—ã¾ã£ãŸã“ã¨ã¯ã‚ã‚Šã¾ã›ã‚“ã‹ï¼Ÿ ã‚‚ã—ãã†ã§ã‚ã‚Œã°ã€ä½¿ã„å‹æ‰‹ã®æ‚ªã„UIã‚’çµŒé¨“ã—ãŸã®ã ã¨æ€ã„ã¾ã™ã€‚ ä½¿ã„å‹æ‰‹ã®æ‚ªã„UIã«ã¯é€²æ—ã‚¤ãƒ³ã‚¸ã‚±ãƒ¼ã‚¿ãŒã‚ã‚Šã¾ã›ã‚“ã€‚ãƒ¦ãƒ¼ã‚¶ã«ã©ã“ã§éšœå®³ãŒèµ·ããŸã®ã‹çŸ¥ã‚‰ã›ã¦ãã‚Œã¾ã›ã‚“ã€‚æ€–ã„ã‚¨ãƒ©ãƒ¼ãƒ¡ãƒƒã‚»ãƒ¼ã‚¸ã§ã‚‚è¡¨ç¤ºã—ã¦ãã‚Œã‚Œã°ã€ãªãŠè‰¯ã„ã®ã§ã™ãŒã€‚ã‚ãšã‹ãªãƒ‡ãƒ¼ã‚¿ã®ã¿ã®å¥‡å¦™ãªã‚°ãƒ©ãƒ•ã§ã™
nantan 2016/04/05
ui

UX

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
Sketchãƒ–ãƒ¼ãƒ ã«çµ‚æ¢ç¬¦ï¼ï¼Ÿã¤ã„ã«AdobeãŒUXãƒ‡ã‚¶ã‚¤ãƒ³ãƒ„ãƒ¼ãƒ«ã€ŒAdobe XDã€ã‚’å…¬é–‹ï¼ - Tortoise Shell
AdobeãŒã€ã¤ã„ã«UXãƒ‡ã‚¶ã‚¤ãƒ³ã«ç‰¹åŒ–ã—ãŸãƒ„ãƒ¼ãƒ«ã€ŒAdobe XDã€ã‚’å…¬é–‹ã—ã¾ã—ãŸã€‚ ä¸‹ã®å‹•ç”»ã‚’è¦‹ã¦ã¿ã¦ãã ã•ã„ã€‚ Adobe XD (Preview): Quick Demo ã“ã‚Œã¾ã§ã®Adobeã‚‰ã—ã‹ã‚‰ã¬ã€å¤§å¤‰ã‚·ãƒ³ãƒ—ãƒ«ãªUIã§ã™ãã€‚ UIãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ„ãƒ¼ãƒ«ã¨ã„ãˆã°â€¦ Prototypeãƒ¢ãƒ¼ãƒ‰ã¯UIãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼å¾…æœ›ã®æ©Ÿèƒ½ Sketchã®é‹å‘½ã‚„ã„ã‹ã« å½“ãƒ–ãƒã‚°ã®ãŠã™ã™ã‚è¨˜äº‹ UIãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ„ãƒ¼ãƒ«ã¨ã„ãˆã°â€¦ ã¨ã“ã‚ã§UIãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ„ãƒ¼ãƒ«ã¨ã„ãˆã°ã€ã“ã“æ•°å¹´ã§ã€ŒSketchã€ãŒãƒ–ãƒ¼ãƒ ã«ãªã£ã¦ã„ã¾ã™ãã€‚ æœ€è¿‘ã¯ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®æ±‚äººãªã©ã‚’è¦‹ã¦ã„ã¦ã‚‚ã€æ±äº¬ã®ITä¼æ¥ã‚’ä¸å¿ƒã«ã€ŒPhotoshop, Illustrator, Sketchã‚’åˆ©ç”¨ã—ãŸUIãƒ‡ã‚¶ã‚¤ãƒ³ã®å®Ÿå‹™çµŒé¨“ã‚’æœ‰ã™ã‚‹ã“ã¨ã€ã¨ã„ã†è¡¨è¨˜ã‚’ç›®ã«ã™ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ Sketchã¯ã€ç¢ºå®Ÿã«UIãƒ‡ã‚¶ã‚¤ãƒ³ã®ãƒ„ãƒ¼ãƒ«ã¨ã—ã¦æ™®åŠã—ã¦ãã¦ã„ã¾ã™ã€‚ ãã‚“ãªä¸ã§ã€Adobe
nantan 2016/03/18
adobe

ui

UX

WEBãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
ã“ã‚Œã ã‘ã¯æŠ¼ã•ãˆã¦ãŠããŸã„ã‚¢ãƒ—ãƒªã®UXã‚’æ”¹å–„ã™ã‚‹10ã®æ–¹æ³•
ã‚¢ãƒ—ãƒªã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã€‚æ ªå¼ä¼šç¤¾ãƒžã‚¤ãƒŠãƒ¼ã‚¹ã‚¿ã‚¸ã‚ªæ‰€å±žã€‚ä¸»ã«æ‰±ã£ã¦ã„ã‚‹ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°è¨€èªžã¯Swiftã€Rubyã€PHPã€Pythonã€‚ã‚¤ã‚«ãŒå¥½ãã€‚ ãƒ¦ãƒ¼ã‚¶ãƒ¼ã«ã‚¹ãƒˆãƒ¬ã‚¹ãªãã‚ˆã‚Šè‰¯ã„ãƒ¦ãƒ¼ã‚¶ãƒ¼ä½“é¨“ã‚’æä¾›ã™ã‚‹ãŸã‚ã«ã¯ã€ç´°éƒ¨ã®UIãƒ‡ã‚¶ã‚¤ãƒ³ã«ã‚‚æ°—ã‚’ã¤ã‘ãªã‘ã‚Œã°ã„ã‘ã¾ã›ã‚“ã€‚ ä»Šå›žã¯ã“ã‚Œã ã‘ã¯æŠ¼ã•ãˆã¦ãŠããŸã„UIãƒ‡ã‚¶ã‚¤ãƒ³ã‚’ç´¹ä»‹ã—ã¾ã™ã€‚ 1. ã‚¨ãƒ©ãƒ¼æ™‚ã¯å•é¡Œã®è§£æ±ºæ–¹æ³•ã‚‚è¼‰ã›ã‚‹ ãŸã¨ãˆã°ã€ãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã‚¨ãƒ©ãƒ¼æ™‚ãªã©ã«ã¯ã€Œãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã«æŽ¥ç¶šã§ãã¾ã›ã‚“ã§ã—ãŸã€ã¨è¡¨ç¤ºã™ã‚‹ã ã‘ã§ãªãã€ã€Œãƒãƒƒãƒˆãƒ¯ãƒ¼ã‚¯ã«æŽ¥ç¶šã§ãã¾ã›ã‚“ã§ã—ãŸã€‚Wi-fiã®è¨å®šã‚’ç¢ºèªã®ã†ãˆã€ã‚‚ã†ä¸€åº¦ãŠè©¦ã—ãã ã•ã„ã€ã¨ã„ã†ã‚ˆã†ã«ã‚¨ãƒ©ãƒ¼ã®è§£æ±ºã«ã¤ãªãŒã‚‹æ–¹æ³•ã‚’æ˜Žç¤ºã—ãŸæ–¹ãŒã‚ˆã‚Šè¦ªåˆ‡ã§ã™ã€‚ 2. ç”»é¢ã‚’ã‚¹ãƒ¯ã‚¤ãƒ—ã§æˆ»ã‚Œã‚‹ã‚ˆã†ã«ã™ã‚‹ iPhone6, iPhone6 PlusãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã€æœ€è¿‘ã§ã¯å¤§ç”»é¢ã®ãƒ‡ãƒã‚¤ã‚¹ãŒå¢—ãˆã¦ãã¾ã—ãŸã€‚ç‰‡æ‰‹æ“ä½œã®å ´åˆã€ç”»é¢ä¸Šéƒ¨ã«ã‚ã‚‹ãƒœã‚¿ãƒ³ã«å±Šã‹ãªã„ã¨
nantan 2016/03/17
iOS

UX

ui
ãƒªãƒ³ã‚¯
UIè€ƒ â€“ ã–ã£ã¨è¦‹ã‚‹ã€ã˜ã£ã¨è¦‹ã‚‹ | fladdict
è‹±æ–‡ã®é€Ÿèªè¡“ã«ã¯ã€ã‚¹ã‚ãƒŸãƒ³ã‚°ãƒ»ã‚¹ã‚ãƒ£ãƒ‹ãƒ³ã‚°ã¨å‘¼ã°ã‚Œã‚‹æŠ€æ³•ãŒã‚ã‚‹ã€‚ ã‚¹ã‚ãƒŸãƒ³ã‚°ã¨ã¯ã€Œã–ã£ã¨ä¸€è¦§ã—ã¦ã€å…¨ä½“ã‚’æŠŠæ¡ã™ã‚‹ã€ã“ã¨ã€‚å„ç« ã®ã‚¿ã‚¤ãƒˆãƒ«ã‚„ã€ãƒ‘ãƒ©ã‚°ãƒ©ãƒ•ã®ä¸€æ–‡ç›®ã€æœ€çµ‚ã®ã¾ã¨ã‚ãªã©ã€è¦æ‰€è¦æ‰€ã ã‘ã‚’ã‹ã„ã¤ã¾ã‚“ã§ã„ãèªã¿æ–¹ã ã€‚ ä¸€æ–¹ã€ã‚¹ã‚ãƒ£ãƒ‹ãƒ³ã‚°ã¯ã€Œç‰¹å®šã®éƒ¨åˆ†ã‚’ç†Ÿèªã™ã‚‹ã€ã“ã¨ã€‚ã“ã¡ã‚‰ã¯ä¸€è»¢ã—ã¦ã€ä¸€å˜èªžãšã¤ç²¾æŸ»ã—ã¦ã„ãèªã¿æ–¹ã§ã‚ã‚‹ã€‚ ã¾ãšæœ€åˆã«å…¨ä½“ã‚’ã–ã£ã¨è¦‹ã¦ï¼ˆã‚¹ã‚ãƒŸãƒ³ã‚°ï¼‰ã€è‡ªåˆ†ã«å¿…è¦ãªå†…å®¹ãŒã‚ã‚‹ã‹ã‚’ãƒã‚§ãƒƒã‚¯ã™ã‚‹ã€‚ãã®å¾Œã«ã€å¿…è¦ãªéƒ¨åˆ†ã ã‘ã‚’é¸åˆ¥ã—ã¦ã˜ã£ã¨è¦‹ã¦ï¼ˆã‚¹ã‚ãƒ£ãƒ‹ãƒ³ã‚°ï¼‰ã„ãã€‚è‹±æ–‡é€Ÿèªã§ã¯ã€ã“ã®ï¼’ã¤ã®èªã¿æ–¹ã‚’ãƒšã‚¢ã«ã—ã¦æ‰±ã†ã€‚ã¤ã¾ã‚Šé€Ÿèªè¡“ã¨ã¯å…¨æ–‡ã‚’ç´ æ—©ãèªã‚€ã“ã¨ã§ã¯ãªã„ã€‚ç´°éƒ¨ã‚’ç„¡è¦–ã—ã¦ã€è¦ç‚¹ã ã‘ã‚’æ‹¾ã„ä¸Šã’ã¦ã„ãæŠ€æ³•ãªã®ã§ã‚ã‚‹ã€‚ ã“ã®è‹±æ–‡é€Ÿèªè¡“ã®æŠ€æ³•ã€ã‚¹ã‚ãƒŸãƒ³ã‚°ã¨ã‚¹ã‚ãƒ£ãƒ‹ãƒ³ã‚°ã¯ã€ç”»é¢ã®æƒ…å ±è¨è¨ˆã®å¤§ããªãƒ’ãƒ³ãƒˆã¨ãªã‚‹ã€‚æƒ…å ±ã‚’åŠ¹çŽ‡è‰¯ãèªã‚€ãƒ†ã‚¯ãƒ‹ãƒƒã‚¯ãŒç¢ºç«‹ã•ã‚Œã¦ã„ã‚‹ã®ãªã‚‰ã€ãã‚Œã‚’ãƒã‚¸ãƒƒã‚¯åŒ–ã™ã‚Œã°ã‚ˆã„ã€‚ãƒã‚¸ãƒƒã‚¯ã‚’
nantan 2016/01/08
ui

ux

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
æœ€å‰ç·šITä¼æ¥ã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ãŸã¡ãŒå‚è€ƒã«ã—ã¦ããŸã€ŒUIãƒ»UXã®è‰¯æ›¸ã€ã¨ã¯ | nanapi [ãƒŠãƒŠãƒ”]
ä¾¿åˆ©ãªã‚·ã‚¹ãƒ†ãƒ ã‚’ç”Ÿã¿å‡ºã—ã€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã®æ„Ÿå‹•ä½“é¨“ã«æ¬ ã‹ã›ãªã„ã€ŒUI/UXã€ã€‚ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã¨ã—ã¦ãŠå‹¤ã‚ã®æ–¹ã¯ã‚‚ã¡ã‚ã‚“ã®ã“ã¨ã€ITæ¥ç•Œã«é–¢ã‚ã£ã¦ã„ã‚‹ãƒ»é–¢å¿ƒãŒã‚ã‚‹ãªã‚‰ç©æ¥µçš„ã«å¦ã‚“ã§ã„ããŸã„åˆ†é‡Žã§ã™ã€‚ ä»Šå›žè©±ã‚’ã†ã‹ãŒã£ãŸã®ã¯ã€äººæ°—ITä¼æ¥ã«ãŠã¤ã¨ã‚ã®ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã®æ–¹ã€…ã€‚ã€ŒUI/UXã€ã«ã¤ã„ã¦å¦ã³è€ƒãˆã‚‹ä¸Šã§ã€ãŠã™ã™ã‚ã®æ›¸ç±ã‚’æ•™ãˆã¦ã„ãŸã ãã¾ã—ãŸã€‚ ã”å›žç”ã„ãŸã ã„ãŸä¼æ¥ã¯ã“ã¡ã‚‰ 1ã€€ã‚°ãƒªãƒ¼æ ªå¼ä¼šç¤¾ 2ã€€GMOã‚¤ãƒ³ã‚¿ãƒ¼ãƒãƒƒãƒˆæ ªå¼ä¼šç¤¾ 3ã€€GMOãƒšãƒ‘ãƒœæ ªå¼ä¼šç¤¾ 4ã€€ãƒ”ã‚¯ã‚¹ã‚¿æ ªå¼ä¼šç¤¾ 5ã€€æ ªå¼ä¼šç¤¾ãƒ–ãƒ©ã‚±ãƒƒãƒˆ 6ã€€ãƒ¤ãƒ•ãƒ¼æ ªå¼ä¼šç¤¾ 7ã€€æ ªå¼ä¼šç¤¾ãƒªãƒ–ã‚»ãƒ³ã‚¹ ã‚°ãƒªãƒ¼æ ªå¼ä¼šç¤¾ã€€ç´°å·èœã€…æµã•ã‚“ ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚¢ãƒ—ãƒªé–‹ç™ºã‚’æ‹…ã†ã‚¹ã‚¿ã‚¸ã‚ªã€ŒWright Flyer Studiosã€ã«ã¦ã€Art UI UXãƒãƒ¼ãƒ ã®UI/UXãƒ‡ã‚£ãƒ¬ã‚¯ã‚¿ãƒ¼ã‚’å‹™ã‚ã‚‹ç´°å·èœã€…æµã•ã‚“ï¼ˆä»¥ä¸‹ã€ç´°å·ã•ã‚“ï¼‰ã€‚UI/UXã‚’å¦ã¶ã«ã‚ãŸã‚Šã€ãŠã™ã™ã‚ã‚’æ•™ãˆã¦ã„ãŸã ãã¾ã—
nantan 2015/11/13
ui

UX

ã‚¤ãƒ³ã‚¿ãƒ“ãƒ¥ãƒ¼
ãƒªãƒ³ã‚¯
ã“ã‚Œã¯èˆˆå‘³æ´¥ã€…ã€‚ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ•ã‚šãƒªã«ãŠã‘ã‚‹ã€UI/ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã®ãƒˆãƒ¬ãƒ³ãƒˆã‚™ - mobile hack æ¥½ã—ã„ç”Ÿæ´»æƒ…å ±ã‚’æºå¸¯ã—ã‚ˆã†
ãƒã‚¤ãƒ†ã‚£ãƒ–ã‚¢ãƒ•ã‚šãƒªã«ãŠã‘ã‚‹ã€UI/ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã®ãƒˆãƒ¬ãƒ³ãƒˆã‚™ from yosuke sato www.slideshare.net
nantan 2015/06/16
ui

UX
ãƒªãƒ³ã‚¯
Private Presentation
Private content!This content has been marked as private by the uploader.
nantan 2015/06/04
UI

ux

ãƒ‡ã‚¶ã‚¤ãƒ³
ãƒªãƒ³ã‚¯
æ—¥æœ¬ä¸ã®ã€ŒUI/UXã€ã®å‚è€ƒã«ãªã‚‹ã‚¹ãƒ©ã‚¤ãƒ‰è³‡æ–™ã‚’æ°—åˆã„ã§å…¨éƒ¨é›†ã‚ã¾ã—ãŸï¼ï¼ˆãŸã¶ã‚“ï¼‰ | BtoBã‚µãƒ¼ãƒ“ã‚¹ã‚ãƒ¥ãƒ¼ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã€€Boxilï¼ˆãƒœã‚¯ã‚·ãƒ«ï¼‰ã¾ã¨ã‚ï¼
ã€ŒUI/UXã€ã¯ã‚‚ã¯ã‚„WEBãƒ‡ã‚¶ã‚¤ãƒ³ã‚„ã‚¢ãƒ—ãƒªé–‹ç™ºã«ãŠã„ã¦ã€ç„¡ãã¦ã¯ãªã‚‰ãªã„å˜åœ¨ã¨ãªã£ã¦ã„ã¾ã™ã€‚å®Ÿéš›ã«WEBã‚µãƒ¼ãƒ“ã‚¹ã‚„ã‚¢ãƒ—ãƒªã«è§¦ã‚Œã¦ç¢ºèªã™ã‚‹ã“ã¨ã‚‚å¤§äº‹ã§ã™ãŒã€è³‡æ–™ã§ã¾ã¨ã‚ã¦å‹‰å¼·ã™ã‚‹ã®ã‚‚ã‚ã‚Šã§ã™ã‚ˆãï¼ ãã“ã§ä»Šå›žã¯ã€æ—¥æœ¬ä¸ã®ã€ŒUI/UXã€ã«é–¢ã™ã‚‹è³‡æ–™ã‚’æ°—åˆã„ã§å…¨éƒ¨é›†ã‚ã¦ã¿ã¾ã—ãŸï¼ï¼ˆãŸã¶ã‚“ï¼‰ ãã‚Œã§ã¯ã€æ—©é€Ÿã¿ã¦ã„ãã¾ã—ã‚‡ã†ï¼ UIãƒ‡ã‚¶ã‚¤ãƒ³ã¨UXã®è¶…åŸºç¤Žã€ŒUI Design & UX for ENGINEERã€
nantan 2015/05/22
ui

UX

slide
ãƒªãƒ³ã‚¯
1