- éå¶ããŠããã¯ãªãšã€ã¿ãŒ
#UXãã¶ã€ã³
ðïž Design MaterialsïŒãã¶ã€ããŒãéžã¶ïŒããããã®UXUIãªãœãŒã¹2022幎ç
ãã¶ã€ããŒãšããŠé©åãªãªãœãŒã¹ãé©åãªã¿ã€ãã³ã°ã§èŠã€ããããšãã¹ãã«ã®äžã€ã§ããæ¯åæ€çŽ¢ããŠçŽ æãæ¢ãåºãããšãã§ããŸããããã£ããèŠã€ããçŽ æãææã§ãã£ããããŸã£ããç°ãªããã®ãå«ãŸããŠããå ŽåããããŸãã ä»åã¯ãã€ã³ã¹ãã¬ãŒã·ã§ã³ãæµ®ãã°ãªãã£ãããè¡ãè©°ãŸã£ããšãã«äœ¿ããUXUIãªãœãŒã¹ãã玹ä»ããŸãã UXãªãœãŒã¹åªããUXã³ã³ãã³ããèŠã€ããæã¯ããšãŠããšããããŸããä»ãŸã§ã«ãå€ãã®çŽ æŽããããªã³ã©ã€ã³ãªãœãŒã¹ã«åºããããŸãããçŽ æŽããããã®ããããŠãªããŠ
ðïž Design MaterialsïŒããžã¿ã«ãã¶ã€ããŒã«ãšã£ãŠéåžžã«è²ŽéãªãªãœãŒã¹Google Fontsããªã¹ã¹ã¡ããªãŒãã©ã³ããŸãšã
ãã®èšäºã§ã¯ãGoogle Fontsã§äœ¿ãããªã¹ã¹ã¡ããªãŒãã©ã³ãããŸãšããŠã玹ä»ããŸãã Google Fontsãšã¯ïŒGoogle Fonts ãšã¯ãGoogleãæäŸããWebãã©ã³ãã®ãµãŒãã¹ã§ãã 2010幎ã«ãªãªãŒã¹ãããŠãç¡æã§å©çšå¯èœããŸãæ§ã ãªèšèªã®ãã©ã³ãã«ã察å¿ããŠããç¹ã倧ããªç¹åŸŽã§ãã Google Fontsã¯ãããžã¿ã«ãã¶ã€ããŒã«ãšã£ãŠéåžžã«è²ŽéãªãªãœãŒã¹ã§ããWebãã©ã³ããçŽæçã«å©çšã§ããå®å®ãããªãŒãã³ãœãŒã¹ ãã£ã¬ã¯ããªãšãªã£ãŠã
ãã¶ã€ã³ã·ã¹ãã ãšã¯ïŒåèã«ããããã¶ã€ã³ã·ã¹ãã ãŸãšã
ãã¶ã€ã³ã·ã¹ãã ã¯ãããŸããŸãªããŒãžããã£ãã«éã§å ±æèšèªãšèŠèŠçãªäžè²«æ§ãäœæããªãããåé·æ§ãæžãããŠãã¶ã€ã³ã倧èŠæš¡ã«ç®¡çããããã«äœãããŠããŸãã ãã€ã¯ããœãããAppleãUberãAirbnbãªã©ãæµ·å€ã®å€§äŒæ¥ã掻çšãå§ãããã®æçšæ§ãèªç¥ããå°å ¥ããäŒæ¥ãå¢ããŠããŸããã ç¹°ãè¿ã䜿çšã§ããã³ã³ããŒãã³ããæ倧éã«æŽ»çšããããšã§ãã³ã©ãã¬ãŒã·ã§ã³ã®ã¹ããŒããŸãå¹çæ§ãåäžããããšãã§ããŸãã ãã¶ã€ã³ã·ã¹ãã ã®ã¡ãªãããã¶ã€ã³ã·ã¹ãã ã¯ãé©åã«å®è£ ããã
ðïž Design MaterialsïŒã¢ã¯ã»ã·ããªãã£ã»ã¬ã€ãã©ã€ã³ïŒãšã³ãžãã¢ã®ããã®ãã§ãã¯ãªã¹ã
ãã®ãã§ãã¯ãªã¹ãã䜿çšããŠããããžã§ã¯ãã§ã®åœ¹å²ã段éã«é¢ä¿ãªããããã»ã¹ã«ã¢ã¯ã»ã·ããªãã£ãçµã¿èŸŒãããšãã§ããŸãã ãããžã§ã¯ãã«é©çšãããã¬ã€ãã©ã€ã³ã®ãã§ãã¯ããã¯ã¹ããªã³ã«ããŸãã ãã§ãã¯ãªã¹ãããã¬ãã¥ãŒããŠã¯ãªããããŒãã«ã³ããŒããŸãã ãã§ãã¯ãªã¹ããããã¥ã¡ã³ããã¯ãªãã¯ã¢ãããSlackãTrelloãªã©ã®ãããŒãžã¡ã³ããœããã«è²Œãä»ããŸãããã以å€ã®å Žåã¯ãããŒã ããããžã§ã¯ããç·šæããŸãã ãšã³ãžãã¢â¡ ã³ã³ãã³ãã«é©åãªHTMLèŠçŽ ã䜿çš
ðïž Design MaterialsïŒã¢ã¯ã»ã·ããªãã£ã»ã¬ã€ãã©ã€ã³ïŒãã¶ã€ããŒã®ããã®ãã§ãã¯ãªã¹ã
ãã®ãã§ãã¯ãªã¹ãã䜿çšããŠããããžã§ã¯ãã§ã®åœ¹å²ã段éã«é¢ä¿ãªããããã»ã¹ã«ã¢ã¯ã»ã·ããªãã£ãçµã¿èŸŒãããšãã§ããŸãã ãããžã§ã¯ãã«é©çšãããã¬ã€ãã©ã€ã³ã®ãã§ãã¯ããã¯ã¹ããªã³ã«ããŸãã ãã§ãã¯ãªã¹ãããã¬ãã¥ãŒããŠã¯ãªããããŒãã«ã³ããŒããŸãã ãã§ãã¯ãªã¹ããããã¥ã¡ã³ããã¯ãªãã¯ã¢ãããSlackãTrelloãªã©ã®ãããŒãžã¡ã³ããœããã«è²Œãä»ããŸãããã以å€ã®å Žåã¯ãããŒã ããããžã§ã¯ããç·šæããŸãã ãã¶ã€ããŒâ¡ ããã¹ããšãã®èæ¯è²ã®éã«ååãªã³ã³
ðïž Design MaterialsïŒã¢ã¯ã»ã·ããªãã£ãããã¶ã€ã³ãåŠãŒããã¢ã¯ã»ã·ãã«ãªãã©ãŒã ãäœæããããã®ãã¹ããã©ã¯ãã£ã¹
Webã¢ã¯ã»ã·ããªãã£ãšã¯ãé害è ãªã©å¿èº«ã®æ©èœã«å¶çŽã®ãã人ã§ããããŸããŸãªæ¡ä»¶ã«é¢ãããããŠã§ãã§æäŸãããŠããæ å ±ã«ã¢ã¯ã»ã¹ãå©çšã§ããããšãæå³ããŸãã ããããçŸåšã®ã€ã³ã¿ãŒãããã®å€ãã¯ããŸã é害ãæã€ãŠãŒã¶ãŒã«å¯Ÿå¿ããããã«ãã¶ã€ã³ãããŠããŸããã ããšãã°ãDeque Systemsã®èª¿æ»ã«ãããšãèŠèŠé害ãæã€äººã ã¯Webãµã€ãã®70ïŒ ã«ã¢ã¯ã»ã¹ã§ããŸããã§ããã ã¢ã¯ã»ã¹ã§ããªããã©ãŒã ã¯ãåã«æãããããªãã ãã§ãªããããžãã¹ã®åŠšãã«ãªããŸããéã«ã¢
ðïž Design MaterialsïŒæ©èœçãªãã©ã·ãŒãæããªã人ã ã®ããã®UXã©ã€ãã£ã³ã°Easy Englishãšã¯ïŒ
ã€ã³ã¯ã«ãŒã·ãã¯å æ¬çãšããæå³ã§ãäžäººã®ããŒãºã«å¯Ÿå¿ããå æ¬çãªãã¶ã€ã³ãæœããšããæå³ã§äœ¿çšãããŠããŸããããŸããŸãªæ©é¢ã§é害ã®ããæ¹ã ã®ç€ŸäŒåå ã«åãããã¶ã€ã³ã®ç 究ãªã©ãç 究ãããŠããŸãã UXãã¶ã€ããŒã«ãšã£ãŠãã©ã€ãã£ã³ã°ã»ã¹ãã«ããããããšã倧åãªçŸ©åã ãšèšãããŠããŸããããã¯ãŠãŒã¶ãŒãããžã¿ã«ãµãŒãã¹ãæäœããéã«å¿ èŠãšãªãããã¹ããæžãæè¡ã§ãããããŠãã¶ã€ããŒã«ãšã£ãŠã¢ã¯ã»ã·ãã«ã§ç解ããããèšèã§æžãããšããšãŠã倧åã§ãã æè¿ããEasy Engl
ðïž Design MaterialsïŒæ¥åå¹çåãããããŒã¿ã®å¶äœãšç®¡çããããããã¡ã€ã«ããã¡ããšæŽçããæ¹æ³ããã¡ã€ãªã³ã°ã»ã·ã¹ãã ã®ç°¡åãªã«ãŒã«ã
ããªãã¯ãã¡ã€ã«ã®æ€çŽ¢ã«æéãè²»ãããçµéšããããŸããïŒ äŸãã°ããã¡ã€ã«åããããžã§ã¯ããšç¡é¢ä¿ã§ãã£ããããæ¢ãã®ã«æéãããã£ãããé©åãªãã¡ã€ã«ãæ¢ãã®ã«æéãããã£ãŠããŸã£ãããç¹ã«æéãè¿«ã£ãŠããå Žåããã¡ã€ã«ã®æ¬ èœãæžäœã®çŽå€±ãããã³é©åã«ãœãŒããããŠããªããã©ã«ããŒãåé¡ã«ãªãå¯èœæ§ããããŸãã ãã¶ã€ããŒãšããŠä»äºãããäžã§æã€ã¹ãèœåã®äžã€ã«ãããŒã¿ã®å¶äœãšç®¡çãããããŸããäžèšã®ãããªåé¡ã解決ããããããã¶ã€ã³äœæ¥ã ãã§ãªããæ確ããšé åºãæããã
ðïž Design MaterialsïŒè²ã®ã¢ã¯ã»ã·ããªãã£âã€ã³ã¯ã«ãŒã·ããªãããã¯ããã¶ã€ã³ã«åœ¹ç«ã€ããŒã«ãšãªãœãŒã¹
ã¢ã¯ã»ã·ãã«ãªãããã¯ããäœæããå€ãã®æ¹æ³ã®1ã€ã¯ãè²èŠç°åžžã®ãã人ã®ããã«ãã¶ã€ã³ããããšã§ãã ä»åãè²ã®ã¢ã¯ã»ã·ããªãã£ã«ç¹åããŠãã€ã³ã¯ã«ãŒã·ããªãããã¯ããã¶ã€ã³ã«åœ¹ç«ã€ããŒã«ãšãªãœãŒã¹ãã玹ä»ããããŸãããã®èšäºã¯å®æçã«ã¢ããããŒãããŠãããããšæããŸãã è²èŠç°åžžãšã¯ïŒè²èŠç°åžžãšã¯ãæ£åžžãšãããä»ã®å€§å¢ã®äººãšã¯è²ãç°ãªã£ãŠèŠããŠããŸã£ãããè²ãç°ãªã£ãŠãããšæããŠããŸãç¶æ ã®ããšããããŸãããã®ããã«è²ã®åºå¥ãã€ãã«ããå Žåãããããã®ãããªæ¹ã ã¯æ¥åžžç
ðïž Design MaterialsïŒã€ã³ã¿ãŒã»ã¯ã·ã§ããªãã£ãšã¯ïŒâšäº€å·®æ§ãç解ããããšããå§ãããã€ã³ã¯ã«ãŒã·ããã¶ã€ã³ã
ã€ã³ã¯ã«ãŒã·ããã¶ã€ã³ãšã¯ããŠãŒã¶ãŒã®å€æ§ãªèŠç¹ãæ°ãã«çºèŠããã§ããã ãå€ãã®äººã䜿çšã§ããããã«ãã¶ã€ã³ããŸãã¢ãŠããããã«çãããã¶ã€ã³ã®ããã»ã¹ã§ãã ããžã¿ã«ãããã¯ããžã®ã¢ã¯ã»ã¹ããå¥ã®æ¹æ³ã§ã®äœ¿çšã«åé¡ãããå¯èœæ§ã®ãããŠãŒã¶ãŒãèªèããããšããå§ãŸããããžã¿ã«ãããã¯ãã人ã ãã©ã®ããã«æåããŠããããèªèãç¶ãããŸã§ç¶ããŸãã ããã«ä»ãå ããã€ã³ã¿ãŒã»ã¯ã·ã§ããªãã£ãšã¯ãå人ã®ã¢ã€ãã³ãã£ãã£ãè€æ°çµã¿åãããããšã«ãã£ãŠèµ·ããç¹æã®å·®å¥ãæå§ãç解ã
ðïž Design MaterialsïŒã¹ããªã³ããã©ã³ãã³ã°ãšã¯ïŒãã®æ§ææ¹æ³ãšãã¹ããã©ã¯ãã£ã¹ã
ã¹ããªã³ããã©ã³ãã³ã°ãšã¯ãã¹ããªã³ããéå§ããã¹ã¯ã©ã ã«ãããã€ãã³ãã§ãã éžæããããããã¯ãã»ããã¯ãã°ã¢ã€ãã ãããããå®è¡ããã¹ããªã³ãå ã§å®çŸããããã«ãããã¹ãããšãã¿ã¹ã¯ã«å解ãããã®ã¿ã¹ã¯ãèŠããåããã¹ã¯ã©ã ã®ã»ã¬ã¢ããŒã®ïŒã€ã§ãã ã¹ããªã³ããã©ã³ãã³ã°ã®ç®çã¯ãã¹ããªã³ãã®å®è¡å 容ãäœæ¥ã®éææ¹æ³ãå®çŸ©ããããšã§ããã¹ããªã³ãèšç»ã¯ãã¹ã¯ã©ã ããŒã å šäœã§ã®ã³ã©ãã¬ãŒã·ã§ã³ãéããŠå®è¡ãããŸãã ã¹ããªã³ããã©ã³ãã³ã°ã®æ§æã¹ããªã³ããã©ã³ãã³ã°
ðïž Design MaterialsïŒWebã¢ã¯ã»ã·ããªãã£è©äŸ¡ã«é害ã®ãããŠãŒã¶ãŒã察象ãšãããŠãŒã¶ããªãã£ãã¹ããè©äŸ¡ã«é¢ããèæ ®äºé
Webã¢ã¯ã»ã·ããªãã£è©äŸ¡ã¯ãWCAGãªã©ã®ã¢ã¯ã»ã·ããªãã£æšæºãžã®æºæ ã«çŠç¹ãåœãŠãŠããããšããããããŸãã é©åæ§ã¯éèŠã§ãããå®éã®ãŠãŒã¶ãŒãšäžç·ã«è©äŸ¡ããããšã«ã¯å€ãã®å©ç¹ããããŸããããšãã°ããµã€ããŸãã¯ããŒã«ããŠãŒã¶ãŒã«ãšã£ãŠå®éã«ã©ã®ããã«æ©èœããããåŠã³ãã¢ã¯ã»ã·ããªãã£ã®åé¡ãããããç解ããããšãã§ããŸãããŸãé害ã®ãããŠãŒã¶ãŒã幎é ã®ãŠãŒã¶ãŒãšäžç·ã«è©äŸ¡ããããšã§ãé©åæ§è©äŸ¡ã ãã§ã¯çºèŠãããªããŠãŒã¶ããªãã£ã®åé¡ãç¹å®ã§ããŸãã ä»åã¯é害ã®ãããŠ
ðïž Design MaterialsïŒå¹ççã«ã¢ã€ãã¢ãçã¿åºããã¯ã¬ã€ãžãŒ8ããšã¯ïŒã¯ãŒã¯ã·ã§ãããå®è¡ããéã®ãã¡ã·ãªããŒã¿ãŒã®ããã®ã¬ã€ã
ç§ãã¡UXãã¶ã€ããŒãšããŠåãäžã§ãæ¥ã æ§ã ãªã¡ãœãããããŒã«ãåéããããã䜿çšãã¿ãŠããã¹ãããŠãããŒã«ãèªåçšã«æ¹åããŠããŸãã ä»åã¯ãã¯ã¬ã€ãžãŒ8ããšåŒã°ããŠããããã¶ã€ã³ã¹ããªã³ãã»ããã»ã¹ã§ãã䜿çšããææ³ã«ã€ããŠã玹ä»ããããšæããŸãããã¬ãŒã³ã¹ããŒãã³ã°ãã¹ã±ããããŸãã³ããŒã©ã€ãã£ã³ã°ãããŽã®ãã¶ã€ã³ãããéã«ããã䜿çšããŸãã SPRINT æéä»äºè¡âããããä»äºãããŸãããæãåççãªæ¹æ³ ã¯ã¬ã€ãžãŒ8ãšã¯ã1ã€ã®ã¢ã€ãã¢ãã8ã€ã®ããªãšãŒã·ã§
ðïž Design MaterialsïŒã¿ããªã«åªãããã¶ã€ã³ãå±ããããWCAGãšã¯ïŒã¢ã¯ã»ã·ããªãã£ã®ååããã¶ã€ããŒã®ããã®ããŒã«ããªãœãŒã¹
Webã¢ã¯ã»ã·ããªãã£ãšã¯ãé害ãæã€äººã ãWebã䜿çšã§ããããšãæå³ããŸããäžçäžã§13å人ïŒ5人ã«1人ïŒãäœããã®é害ãæ±ããŠç掻ããŠããŸãã ä»åã¯ä»¥åã玹ä»ãããã§ãã¯ãªã¹ãã«å ããã¢ã¯ã»ã¹ããããåªããWebãµã€ããšã¢ãã€ã«ã€ã³ã¿ãŒãã§ã€ã¹ã®äœæãä»ããéå§ããããã«äœ¿çšã§ãã10ã®ååããŸããã¶ã€ããŒã®ããã®ããŒã«ããŸããªãœãŒã¹ãã玹ä»ããŸãã WCAGãšã¯ïŒWCAGã¯ãWeb Content Accessibility Guidelinesã®ç¥ã§ãããã¯W