ir_taktã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ / 2016å¹´1æœˆ5æ—¥ - ã¯ã¦ãªãƒ

UXã®ãŸã‚ã®UIãƒ‡ã‚¶ã‚¤ãƒ³

5. UXã¨UIã®å¢ƒç•Œ UX = ãƒ¦ãƒ¼ã‚¶ãƒ¼ä½“é¨“ èªžã‚‰ã‚Œã‚‹è¨€è‘‰ã¯ã€ä½“é¨“ã§ã™ã€‚ UI = ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ èªžã‚‰ã‚Œã‚‹è¨€è‘‰ã¯ã€ã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã§ã‚ã‚Šã€ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ã§ã‚ã‚Šã€ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã§ã™ã€‚ UX UI UX=UIã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒUIã‚’é€šã—ã¦ä½“é¨“ã™ã‚‹ã“ã¨ãŒUXã§ã™ã€‚ UIã§èªžã‚‰ã‚Œã‚‹è¨€è‘‰ãŒã©ã‚“ãªã«ç´ æ™´ã‚‰ã—ãã¦ã‚‚ã€ãã‚ŒãŒã™ãªã‚ã¡UXã‚’å®Ÿç¾ã—ã¦ã„ã‚‹ã¨ã¯è¨€ãˆã¾ã›ã‚“ã€‚ UIãƒ‡ã‚¶ã‚¤ãƒ³ã®ç†ç”± ãƒ‡ã‚¶ã‚¤ãƒ³ã«ã¯ç†ç”±ãŒå¿…è¦ã§ã™ã€‚ UXã®å®Ÿç¾ã‚’UIã®ç›®çš„ã¨ã—ãŸå ´åˆã€ã€Žãƒ‡ã‚¶ã‚¤ãƒ³ã®ç†ç”±=UXã‚’å®Ÿç¾ã—ã¦ã„ã‚‹ã“ã¨ã€ã§ã™ã€‚ ã—ã‹ã—ã€ä½“é¨“ã‚’UIã®è¨€è‘‰ã§èªžã‚‹ã«ã¯é™ç•ŒãŒã‚ã‚Šã¾ã™ã€‚ãã®ãŸã‚ã€UXã¨UIã‚’ã¤ãªãè¨€è‘‰ãŒå¿…è¦ã«ãªã‚Šã¾ã™ã€‚ 5

ir_takt 2016/01/05

UI
UX

ãƒªãƒ³ã‚¯

ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ç„¡ã—ã®UIã‚®ãƒ£ãƒ©ãƒªãƒ¼ Empty States

ir_takt 2016/01/05

æƒ…å ±ãŒãªã„ã“ã¨ã‚’ä¼ãˆã‚‹UIã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³é›†

UI

ãƒªãƒ³ã‚¯

æƒ…å ±ãŒãªã„ã“ã¨ã‚’ä¼ãˆã‚‹UIãƒ‡ã‚¶ã‚¤ãƒ³ | UXãƒ‡ã‚¶ã‚¤ãƒ³ä¼šç¤¾Standardã®ãƒ–ãƒã‚°

ã€ŒEmpty Dataï¼ˆã¾ãŸã¯Empty Statusï¼‰ã€ã¨ã„ã†UIãƒ‘ã‚¿ãƒ¼ãƒ³ãŒã‚ã‚Šã¾ã™ã€‚ã‚¿ã‚¤ãƒ ãƒ©ã‚¤ãƒ³ã‚„ãƒ‰ãƒãƒ¯ãƒ¼ãªã©ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã§ã‚ã‚Œã°çŸ¥ã£ã¦ã„ã‚‹UIãƒ‘ã‚¿ãƒ¼ãƒ³ã®åç§°ã«æ¯”ã¹ã‚‹ã¨ã€ã‚ã¾ã‚Šæ—¥æœ¬ã§ã¯èžãæ…£ã‚Œãªã„ã®ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ã€‚Empty Dataã¯ç°¡å˜ã«è¨€ã†ã¨ãƒ‡ãƒ¼ã‚¿ãŒãªã„æ™‚ã®UIã«ãªã‚Šã¾ã™ï¼ˆWebã§ã®404ã«è¿‘ã„ã§ã™ãŒã€å°‘ã—é•ã„ã¾ã™ï¼‰ã€‚ã§ã¯ã€Empty Dataã‚’çŸ¥ã‚‹ãŸã‚ã«ã‚‚ã†å°‘ã—è©³ã—ãç´¹ä»‹ã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ã€‚ å‚è€ƒï¼šãƒ¢ãƒã‚¤ãƒ«ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ ç¬¬2ç‰ˆ â€•ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã®ãŸã‚ã®ãƒ‘ã‚¿ãƒ¼ãƒ³é›† Empty Dataã¯UIã§ã‚ã‚‹ Empty Dataã¯ãŸã ãƒ¦ãƒ¼ã‚¶ã«ãƒ‡ãƒ¼ã‚¿ãŒãªã„ã“ã¨ã‚’ç¤ºã™ã ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ãƒ¦ãƒ¼ã‚¶ã«ãƒ‡ãƒ¼ã‚¿ãŒå˜åœ¨ã—ãªã„ã¨ã„ã†æƒ…å ±ã‚’ãƒ•ã‚£ãƒ¼ãƒ‰ãƒãƒƒã‚¯ã—ã€ã©ã†ã—ãŸã‚‰ã“ã“ã«æƒ…å ±ãŒå…¥ã‚‹ã‹ã®ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã«ç¹‹ã’ã‚‹ç«‹æ´¾ãªUIã§ã™ã€‚ã‚‚ã—Empty Dataã®UIãŒå˜åœ¨ã—ãªã‹ã£ãŸã‚‰ãƒ¦ãƒ¼ã‚¶ã¯ã©ã®ã‚ˆã†ã«æ„Ÿã˜ã‚‹ã§ã—

ir_takt 2016/01/05

ãƒªãƒ³ã‚¯

UXArchive - Made by Waldo

Introducing Sessions: the latest product from Waldo!

ir_takt 2016/01/05

iOSã®UIãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³é›†ã€‚22ã®ãƒ¦ãƒ¼ã‚¶ã‚¢ã‚¯ã‚·ãƒ§ãƒ³ã‚’å„ç¨®iOSã‚¢ãƒ—ãƒªãŒã©ã®ã‚ˆã†ã«å®Ÿç¾ã—ã¦ã„ã‚‹ã‹ã€ã‚¹ã‚¯ãƒªãƒ¼ãƒ³ã‚ãƒ£ãƒ—ãƒãƒ£ã§èª¬æ˜Žã—ã¦ã„ã‚‹

ãƒªãƒ³ã‚¯

â€œUI/UXâ€ï¼Ÿï½žæ¥ã‚’ã‹ã‹ãªã„ãŸã‚ã®15åˆ†UXDå…¥é–€

1. 2013å¹´1æœˆ28æ—¥ â€œï¼µï¼©ï¼ï¼µï¼¸â€ï¼Ÿ ï½žæ¥ã‚’ã‹ã‹ãªã„ãŸã‚ã®15åˆ†ï¼µï¼¸ï¼¤å…¥é–€ åƒè‘‰å·¥æ¥å¤§å¦ ãƒ‡ã‚¶ã‚¤ãƒ³ç§‘å¦ç§‘ Chiba Institute of Techno logy Department of Design å®‰è—¤ æ˜Œä¹Ÿ ando@sky.it-chiba.ac.jp Copyright Â© Masaya Ando 2. 1 ã‚¿ã‚¤ãƒˆãƒ«ã®èª¬æ˜Ž ï½žSlideShareç”¨èª¬æ˜Ž ï® ã€Œæ¥ã‚’ã‹ã‹ãªã„ãŸã‚ã®ã€ã¨ã„ã†ã®ã¯ã€UI/UXã«ä¿‚ã£ã¦ã„ã‚‹ ã‚ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ ï® â€œUXâ€ã«å®šç¾©ãŒå®šã¾ã£ã¦ã„ã‚‹ã‚ã‘ã§ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ ï® ç§ã®æƒ³ã„ã¨ã—ã¦ã¯ã€â€œUXâ€ã‚’ã‚ˆãç†è§£ã›ãšå•†å£²ã®ã‚ãƒ¼ ãƒ¯ãƒ¼ãƒ‰ã¨ã—ã¦æ¶ˆè²»ã—ã¦ã»ã—ããªã„ã€‚ ï® ç†è§£ã®ãªã„ã¾ã¾â€œUXâ€ã¨ã„ã†ã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ã‚’ä½¿ã„ã€ã‚¯ãƒ©ã‚¤ã‚¢ ãƒ³ãƒˆã‚’ãŒã£ã‹ã‚Šã•ã›ã€ã²ã„ã¦ã¯ã€ŒUXãªã‚“ã¦ãƒ€ãƒ¡ã ã‚ˆã€ã¨ã„ã† æƒ³ã„ãŒæ‹¡æ•£ã—ã¦ã—ã¾ã†ã“ã¨ã‚’é¿ã‘ãŸã„ã€‚ ï® å®šç¾©ã¯çš†ã•ã‚“è‡ªèº«ã®ç†è§£ã®ç¯„å›²ã§ã‚

ir_takt 2016/01/05

ä½“é¨“ãƒ¯ãƒ¼ã‚¯ã‚·ãƒ§ãƒƒãƒ— = è‡ªèº«ãŒã©ã‚“ãªåˆ©ç”¨ä½“é¨“ã—ã¦ã‚‹ã‹ã¨å‘ãåˆã†ã“ã¨ã§ã€ã€Œã‚ˆã„ä½“é¨“ã€ã‚’åˆ¤æ–ã™ã‚‹ãƒ•ã‚£ãƒ«ã‚¿ãƒ¼ã‚’é›ãˆã‚‹

UX
UI

ãƒªãƒ³ã‚¯

æ©Ÿèƒ½è¦æ±‚ã‚’ã€Œãƒ¦ãƒ¼ã‚¹ã‚±ãƒ¼ã‚¹ã€ï¼ˆåˆ©ç”¨è€…ï¼ã‚¢ã‚¯ã‚¿ãƒ¼ã‹ã‚‰è¦‹ãŸã‚·ã‚¹ãƒ†ãƒ ã®åˆ©ç”¨å ´é¢ï¼‰ã¨ã—ã¦ã¾ã¨ã‚ï¼Œãã‚Œã‚’åŸºã«åˆ†æžè¨è¨ˆã™ã‚‹ã“ã¨ãŒä¸€èˆ¬åŒ–ã—ã¦ããŸã€‚ã¨ã“ã‚ãŒã€Œãƒ“ã‚¸ãƒã‚¹ãƒ»ãƒ«ãƒ¼ãƒ«ã‚’å…¥ã‚Œè¾¼ã‚“ã ã‚Šï¼Œifï½žthenãƒ¬ãƒ™ãƒ«ã®ãƒã‚¸ãƒƒã‚¯ã¾ã§æ›¸ãè¾¼ã‚“ã ã‚Šã¨ï¼Œèª¤ã£ãŸæ›¸ãæ–¹ã‚’ã—ã¦ã„ã‚‹äººãŒçµæ§‹å¤šã„ã€ã¨ï¼Œæ—¥æœ¬ã‚’ä»£è¡¨ã™ã‚‹ITã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒˆã®1äººï¼Œæ¦ŠåŽŸå½°æ°ï¼ˆæ—¥æœ¬IBM æ±äº¬åŸºç¤Žç ”ç©¶æ‰€ IBMãƒ‡ã‚£ã‚¹ãƒ†ã‚£ãƒ³ã‚°ã‚¤ãƒƒã‚·ãƒ¥ãƒˆãƒ»ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ï¼‰ã¯æŒ‡æ‘˜ã™ã‚‹ã€‚ã©ã‚“ã©ã‚“è©³ç´°åŒ–ã—ï¼Œå¿…è¦ãªã„æƒ…å ±ã¾ã§ç››ã‚Šè¾¼ã‚“ã§ã—ã¾ã†ã®ã ã€‚ ã€Œè©³ç´°åŒ–ã—ãªã„ã¨æ°—ãŒæ¸ˆã¾ãªã„ã®ã ã‚ã†ã€‚ã€Žåˆ†æžéº»ç—ºï¼ˆAnalysis Paralysisï¼‰ã€ã¨è¨€ãˆã‚‹ã€ã¨åŒæ°ã€‚ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆæŒ‡å‘åˆ†æžè¨è¨ˆã¨ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã®ã€Œè¦‹ãˆã‚‹åŒ–ã€ã‚’å®Ÿè·µãƒ»æŽ¨é€²ã™ã‚‹ãƒã‚§ãƒ³ã‚¸ãƒ“ã‚¸ãƒ§ãƒ³ã®å¹³é‹å¥å…æ°ï¼ˆä»£è¡¨å–ç· å½¹ï¼‰ã‚‚åŒæ„è¦‹ã€‚ã€Œç”»é¢ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆãªã©æƒ…å ±é‡ãŒå¤šéŽãŽã‚‹ã“ã¨ãŒçµæ§‹ã‚ã‚‹ã€‚ãƒ¦ãƒ¼ã‚¹ã‚±ãƒ¼ã‚¹ã¯ã‚·ã‚¹ãƒ†ãƒ ã®ç›®çš„ãªã®ã«ï¼Œãƒ¦ãƒ¼ã‚¹ã‚±ãƒ¼ã‚¹ï¼æ©Ÿèƒ½ã¨è€ƒãˆã‚‹ã‹ã‚‰ã

[è¨è¨ˆç·¨]ãƒ¦ãƒ¼ã‚¹ã‚±ãƒ¼ã‚¹ã«è©³ç´°ã‚’æ›¸ã„ã¦ã¯ã„ã‘ãªã„

ir_takt 2016/01/05

ãƒªãƒ³ã‚¯

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

ã‚¿ã‚°

2016å¹´1æœˆ5æ—¥ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6ä»¶)

UXã®ãŸã‚ã®UIãƒ‡ã‚¶ã‚¤ãƒ³

ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ç„¡ã—ã®UIã‚®ãƒ£ãƒ©ãƒªãƒ¼ Empty States

æƒ…å ±ãŒãªã„ã“ã¨ã‚’ä¼ãˆã‚‹UIãƒ‡ã‚¶ã‚¤ãƒ³ | UXãƒ‡ã‚¶ã‚¤ãƒ³ä¼šç¤¾Standardã®ãƒ–ãƒã‚°

UXArchive - Made by Waldo

â€œUI/UXâ€ï¼Ÿï½žæ¥ã‚’ã‹ã‹ãªã„ãŸã‚ã®15åˆ†UXDå…¥é–€

[è¨è¨ˆç·¨]ãƒ¦ãƒ¼ã‚¹ã‚±ãƒ¼ã‚¹ã«è©³ç´°ã‚’æ›¸ã„ã¦ã¯ã„ã‘ãªã„

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬2é€±ï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬1é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

ã‚¿ã‚°

2016å¹´1æœˆ5æ—¥ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6ä»¶)

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬2é€±ï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬1é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚­ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆï¼‰

å…¬å¼Twitter

ã‚­ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹

2016å¹´1æœˆ5æ—¥ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (6ä»¶)

ãŠçŸ¥ã‚‰ã›

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬2é€±ï¼‰

ä»Šé€±ã®ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´12æœˆç¬¬1é€±ï¼‰

æœˆé–“ã¯ã¦ãªãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯æ•°ãƒ©ãƒ³ã‚ãƒ³ã‚°ï¼ˆ2024å¹´11æœˆï¼‰

å…¬å¼Twitter

ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã‚·ãƒ§ãƒ¼ãƒˆã‚«ãƒƒãƒˆä¸€è¦§

å…¬å¼Twitter

ã¯ã¦ãªã®ã‚µãƒ¼ãƒ“ã‚¹