Yoko Nishida
æè¿ã®èšäº
ãŠãŒã¶ãŒã€ã³ã¿ãã¥ãŒã§ã«ãŒããœãŒãã£ã³ã°ããããšãã«å¿ãããŠããããš
Ubieã§ãããã¯ããã¶ã€ããŒãããŠãã西ç°ïŒ@nikoko45ïŒã§ãã ãã®èšäºã§ã¯ãã«ãŒããœãŒãã£ã³ã°ãšããUXãªãµãŒãææ³ã«ã€ããŠæžããŠããããšæããŸãã ã«ãŒããœãŒãã£ã³ã°ã¯ããããã¯ãã§è¡šç€ºãããæ å ±/ããŒã¿ã®åè£ããããããã£ãŠãã©ã®æ å ±ãåºãã¹ããè¿·ã£ãŠãããšãã«ãããšãåèã«ãªãã¢ã€ãã¢ãåŸãããããã®ã§ããããã§ãã ã«ãŒããœãŒãã£ã³ã°ãšã¯ã«ãŒããœãŒãã£ã³ã°ãšã¯ããŠãŒã¶ãŒã«ã«ãŒããåé¡ïŒãœãŒãã£ã³ã°ïŒããŠãããUX調æ»ææ³ã§ãã ã«ãŒãã«æžãããŠããæ
ãã¶ã€ããŒäžåšã®ã¹ã¿ãŒãã¢ããã§ãã£ãããš
æè¿ãšã³ãã€ãšããFintechã¹ã¿ãŒãã¢ããã§å¯æ¥ããŠããã®ã§ãäœããã£ããããŸãšããŠãããUIUXé¢é£ã®ãããã¯ããã¶ã€ããŒã足ããªãç¶æ ã§ãã©ããã£ãŠãããã¯ãéçºããããã®åèã«ãªãã°å¹žãã§ãð ãã£ããå ååã§ãšã³ãã€CTOããã£ãŠããç°éããããã®ãèªãã§ããã æšå¹Žå€é ã«ããã¶ã€ããŒãããªããŠå°ã£ãŠããããå©ããŠæ¬²ããããšãã£ãçžè«ããããå¯æ¥ãšãã圢ã§ãæäŒãããããšã«ãªããŸããã Figmaãžã®ç§»è¡ãããŸã§ãšã³ãã€ã§ã¯ãAdobe XDã§UIãã¶ã€ã³ãå¶
Quipperã«å ¥ã£ãŠ3幎çµã£ã
ããããQuipperã«å ¥ç€ŸããŠ3幎ã«ãªããå°è±¡æ·±ãã£ãåºæ¥äºãæ¯ãè¿ã£ãŠã¿ããã ã©ããªäŒç€ŸïŒæè²ç³»ã®äºæ¥äŒç€Ÿãå ã ã€ã®ãªã¹ã§åµæ¥ãããã¹ã¿ãŒãã¢ããã§ã2015幎ã«ãªã¯ã«ãŒããè²·åãæ¥æ¬åœå ã§ã¯ã¹ã¿ãã£ãµããªãæµ·å€ã§ã¯Quipperå矩ã§æè²ãµãŒãã¹ãå±éããŠããã æè¿ãã£ãŠãããšãã2幎ãããã¯ãäž»ã«ã¹ã¿ãã£ãµã㪠for TEACHERSãšããåŠæ ¡æåž«åããããã¯ãã®UI/UXãã¶ã€ã³ãæ åœäžã å ¥ç€Ÿåœæç§ãå ¥ç€Ÿãã2016幎å€é ã¯ãã¡ããã©é«æ ¡çåããšå°äžåŠ
UIãã¶ã€ããŒãæ¬ãæžããã
WebãµãŒãã¹ã®éçšã»UIæ¹åã«ã€ããŠèãããUIãã¶ã€ã³ - ã¿ããªã§èããã«ã€ãŒã³ããããšããæ¬ãæžããŸããã ä»åã®ããã°èšäºã§ã¯ãæ¬ã®äŒç»ãåçš¿ãã§ãããŸã§ã®éçšãæžãèšããŠãããŸããFigmaãšãããã¶ã€ã³ããŒã«ã䜿ããªããåçš¿ãæžããã®ã§ãå°ãäžæè°ãªå·çã¹ã¿ã€ã«ãããããŸããã ãã£ãããŸã¡ããããããã®çŽ¹ä»ããã£ããã§ããã åœæäŒç»ãšçžæ§è¯ããããªnoteèšäºãæžããŠããã®ãšããŸã¡ããããã¯ç£äŒåã ã£ãããšãããŸããŸå¶ç¶ãéãªã£ããšããçµç·¯ã ããŒã
ãªããžã§ã¯ãããŒã¹ãªUIãã¶ã€ã³
WEB+DB PRESS Vol.107æ²èŒã®ãªããžã§ã¯ãããŒã¹èšèšã«ããUIãã¶ã€ã³æ¹åãèªãã ãããžã¿ã«ãªãµãŒãã¹ã®UIãèšèšããŠããäžã§ããšãŠãåèã«ãªãç¥èŠãªã®ã§ãŸãšããŠã¿ãã ãªããžã§ã¯ãããŒã¹UIèšèšãšã¯ãŠãŒã¶ãŒãããããšïŒã¿ã¹ã¯ïŒã®æé ããã®ãŸãŸç»é¢ã«åæ ãããã®ã§ã¯ãªãããŠãŒã¶ãŒã®é¢å¿å¯Ÿè±¡ïŒãªããžã§ã¯ãïŒãç»é¢ãšããŒã¿ã«å¯Ÿå¿ãããªããèããŠããææ³ã ãªããžã§ã¯ãããŒã¹UIèšèšã®è¯ããšãããã®ãªããžã§ã¯ãããŒã¹UIèšèšã¯ãç¹ã«è€éãªã¿ã¹ã¯ïŒèŠæ±ãæ··åšããæ¥
ãµãŒãã¹éçºã«ããããã¶ã€ããŒã®åœ¹å²ã#DXEL
DXEL.2 ãšã³ãžãã¢ãšãã¶ã€ããŒããããé¢ä¿ããç¯ãããã«ãšããã€ãã³ãã§ç»å£ããŸããããªãŒãã³ãªå Žã§LTããã®ã¯åããŠã§ãç·åŒµã§ããŸãåããªãã£ããšããããã£ãã®ã§ãè£è¶³ããªãã玹ä»ã§ããã°ãšã ã©ããªã€ãã³ãïŒãç°æ¥çš®ã»ç°æåãç解ãåããããšãã趣æšã§éå¬ãããåå è ãç»å£è ããšã³ãžãã¢ãšãã¶ã€ããŒããããåããããªãããã«é æ ®ãããå匷äŒã§ããã ç»å£ããŒã äŒç€Ÿã§ãã£ããã¢ãããé¢çœãã£ãã®ã§ããã®ãŸãŸå¢ãã§ç»å£ç³ã蟌ãã§ã¿ãŸããã ãã æ¹ããŠããŒããç·Žã£
CSãåãçµãtoBãµãŒãã¹ã®æ¹å
BtoBÃSaaSÃCS LightningTalksãšãããtoBãµãŒãã¹ã®CSæ åœè åãã®ã€ãã³ãã«åå ããŸããã CSã®åãéçºã«ååºåããŠèŠããŠããããšããºãªãŒãã§HRMOSæ¡çšç®¡çãæ åœããŠããåå±±ããã®è©±ã éçºããŒã ã«ååºåããŠä»¥äžã®ããšã«åãçµãã ããã§ãã ã»ãããã¯ããããŒãžã£ãŒãšæœçæ€èš ã»ãããã¯ãã®ãWillããã¿ããªã§èãã ã»éçºã¡ã³ããŒã«ãã顧客æ¥åãããŒã®æŽãåºã ã»ä»æ§æ€èšããåå ããŠé¡§å®¢ç®ç·ã®ã¢ã€ãã¢ãåºã å人çã«ã¯ç¹ã«éçºã¡ã³
ãã¶ã€ã³ããŒã«ãæ¯ã¹ãŠã¿ã
WebãµãŒãã¹ã¥ããã«ããããã¶ã€ã³ããŒã«ã¯ããããã¯ãã®è¡šçŸãããŒã ã®ã³ãã¥ãã±ãŒã·ã§ã³ãçç£æ§ã«å€§ããªåœ±é¿ãããããå ŽåããããŸããæµè¡ãã¯ãŒã¯ãããŒã調ã¹ãªãããã©ããªãã¶ã€ã³ããŒã«ãè¯ããããèããŠã¿ãŸãã åããŒã«ã®ç¹åŸŽPrototyping Toolsãšãããµã€ãã§ããããã¿ã€ãã³ã°ããŒã«ãã€ã³ã¿ã©ã¯ã·ã§ã³ããŠãŒã¶ãŒãã¹ããã³ã©ãã¬ãŒã·ã§ã³ãªã©ã®èŠ³ç¹ã§æ¯èŒã§ããŸããã Affordability à Interactivity à Export to Code
ãŠãŒã¶ãŒãªãµãŒããèããïŒ2018幎å€ãŸãšãïŒ
2018幎å€ã¯ãŠãŒã¶ãŒãªãµãŒãã«ã€ããŠèããæ©äŒãå€ãã£ãã®ã§ãå°è±¡çã ã£ãåŠã³ãæ¯ãè¿ã£ãŠã¿ãŸãã ã»ãããžã§ã¯ãïŒå°åŠæ ¡ããã£ãªãã³ ã»CIID : ã·ã³ã¬ããŒã«ãStudio OptããµããŒã¹ã¯ãŒã«å ±æäŒ ã»Podcast : AutomagicãTakram Cast ã»å匷äŒïŒTHE GUILD STUDYãs-dev talks ã»ããã°ïŒãã¶ã€ããŒãã¹ã¿ãŒãã¢ãããã€ãããEXITãããšããããš ã»æžç±ïŒUXãªãµãŒãã®éå ·ç®±ããŠãŒã¶ããªãã£ãšã³ãžãã¢ãªã³ã°ããŠ
Barã§åºäŒã£ãã¹ã¿ãŒãã¢ããã®ããã«ãã¶ã€ã³ãäœã£ã話
飲ã¿å±ã§ãWebãµãŒãã¹ã®ãã¶ã€ã³ã©ããããããšåããŠããæ¹ãããã®ã§ã Adobe XDã§éããã«ãããã¿ã€ããäœã£ãŠã¿ãŸããã ä»åã®èšäºã§ã¯Adobe XDã䜿ã£ããã¶ã€ã³ããã»ã¹ã«ã€ããŠçŽ¹ä»ããŠãããŸãã ç®æ¬¡ ã»ãã£ãã ã»ãã¢ãªã³ã° ã»ã ãŒãããŒãïŒPinterest ã»ããŽïŒIllustratorãšã®çžæ§ ã»UIãã¶ã€ã³ïŒããã€ã¹ãã¬ãã¥ãŒãé²ç»æ©èœ ã»ã¹ã¿ã€ã«ã¬ã€ãïŒã¢ã»ãããã«ã©ãŒãã¬ãããZeplinãšã®é£æº ã»ããã¥ã¡ã³ãïŒä»æ§èª¬æãUse Case
CIIDã®ãã¶ã€ã³ãªãµãŒããåŠã³ãªãããã·ã³ã¬ããŒã«ã®äº€éãµãŒãã¹ãèãã話
CIIDãšãããã³ããŒã¯ã«ãããã¶ã€ã³ã¹ã¯ãŒã«ãäž»å¬ããå匷äŒãã·ã³ã¬ããŒã«ã§ãã£ãã®ã§ãèå³æ¬äœã§åå ããŠããŸããã3æ¥éãããŠãã¶ã€ã³æèã«åºã¥ãããªãµãŒããåæããããã¿ã€ãããã¹ããåŠã¶ã¯ãŒã¯ã·ã§ããã§ããã ã ç®æ¬¡ ã 1. æŠèŠïŒåå çç±ãããã°ã©ã ããªãµãŒãããŒããããŒã æ§æ 2. ãã¶ã€ã³æèïŒå®çŸ©ããã€ã³ãã»ãããããã»ã¹ãã¿ãããã€ã³ã 3. ãªãµãŒãïŒãªãµãŒãææ³ãTips 4. åæïŒSynthesisãHow Might WeãCRAZY 8S
ãŠãŒã¶ãŒãã¹ãã§ãããã¯ãã磚ã蟌ã
æ¥é UIãã¶ã€ã³ãã€ãã£ãŠããŠãããããããã®UIããããŒã§ããŠãŒã¶ãŒã«äŸ¡å€ãæäŸã§ããã®ãã䜿ãã¥ãããŠäžå¿«æãäžããªãã ããããç§ãã¡ãèãã仮説ã¯ã©ãã ãçãåŸãŠããã®ããããããããããã ã®èªå·±æºè¶³ãªåŠæ³ãªã®ãããããªããã...ãªããŠæã£ãŠããããã æè¿ãŠãŒã¶ãŒã€ã³ã¿ãã¥ãŒãããæ©äŒãå¢ããŠããã®ã§ãä»åã¯ãŠãŒã¶ãŒãšçŽæ¥é¢ãããªããããããã¯ããæ€èšŒã»æ¹åãããŠããã¢ãããŒãã«ã€ããŠèããŠã¿ãŸãã 1. ãŠãŒã¶ããªãã£ãè©äŸ¡ããUIãã¶ã€ã³ã®åœ¹å²ãããŠãŒã¶ãŒã
CI&UIãªãã¥ãŒã¢ã«ããªãããã¶ã€ã³ã·ã¹ãã ãäœã£ã話
ãã³ãã¢ã«ããšããæ±äººãµãŒãã¹ã®ãã¶ã€ã³ã·ã¹ãã ãäœã£ãŠã¿ãŸãããCIãªãã¥ãŒã¢ã«ã«äŒŽãå šã¹ã¿ã€ã«ïŒã³ã³ããŒãã³ãã®å·æ°ããšã³ãžãã¢ïŒãã¶ã€ããŒéã®åæ¥ããããŠçŽ3ã¶æéçšããŠã¿ãææ³ãã€ã¥ã£ãŠã¿ãŸãã å®éã«äœ¿ã£ãŠããããã¥ã¡ã³ããSketchãã¡ã€ã«ã¯ãã¡ãâ ã»Codeal Design Guideline ã»Codeal UI Kit.sketch ã»Sketch Tips for Codeal Design Guideline Codeal Design Gu
ãšããæ±äººãµã€ãããã¶ã€ã³ãªãã¥ãŒã¢ã«ãã話
å¯æ¥ã§ãã³ãã¢ã«ããšããæ±äººãµã€ãã®ãã¶ã€ã³ãªãã¥ãŒã¢ã«ãããŸããããã®ãªãã¥ãŒã¢ã«ã§ã¯ãäœããã£ãã®ããæ¯ãè¿ã£ãŠã¿ãããšæããŸãã 1. ãããžã§ã¯ãæŠèŠã³ãã¢ã«ã¯ãªã¢ãŒãã¯ãŒã¯ã§å¯æ¥ããããæ¹åãã®æ±äººãµãŒãã¹ã§ããäž»ã«ãšã³ãžãã¢ããã¶ã€ããŒã«æäŒã£ãŠæ¬²ããITç³»ã¹ã¿ãŒãã¢ããã®æ±äººæ¡ä»¶ã玹ä»ããŠããŸãã â»ãªãã¥ãŒã¢ã«åã®ãã¶ã€ã³ ããã·ã§ã³ ãã®ãããžã§ã¯ãã§èªåèªèº«ã«èª²ããŠããããã·ã§ã³ã¯3ã€ã 1. æ å ±èšèšã®èŠçŽã ãŠãŒã¶ãŒãæ±äººãæ¢ããããïŒå¿åã
ãã¶ã€ã³ã¹ãã«è©äŸ¡ã¢ã³ã±ãŒããäœã£ãŠåãã£ãããš
ãã¶ã€ããŒã䌞ã³æ©ãŸãªãããã®ã¹ãã«27åé¡ãã¢ã¬ã³ãžããã¹ãã«è©äŸ¡ã¢ã³ã±ãŒããäœã£ãŠã¿ãŸãããã¢ã³ã±ãŒããåºæ¥äžãããŸã§ã®éçšã玹ä»ãã€ã€ãåççµæããèŠããŠãããã£ãªã¢ã®æ¹åæ§ãŸã§èããŠããããšæããŸãã ã©ããªã¢ã³ã±ãŒããäœã£ãã®ãïŒäºæ¥äŒç€Ÿã§WebãµãŒãã¹ã®UIãã¶ã€ã³ãäœãããšãã¡ã€ã³ã«ããŠãã人ãªã®ã§ãçŸç¶ã®èªåã«æ±ããããŠããããªã¹ãã«é ç®ã質åããŠã¿ãŸããã ãªãã¹ãåçè ã®æ¹ã«è² æ ããããªãããã«ã4段éãããã§ãã¯ããã ãã®åç圢åŒã«ããŠãå€æãã«ãã
ãšã¢ãããŒããã©ãªãªã®äœãæ¹
@ryo_panããäž»å¬ã®ããŒããã©ãªãªãã€ãã«åå ããŸããã ãã®ã€ãã³ãã§ã¯äž»ã«ãããŒããã©ãªãªã¯äœåãçŸ åããã ãã§ã¯ãªãããã®å¶äœããã»ã¹ãèªã£ãŠãã¹ãã«ãåæ§ãè¡šçŸããŠãããããšããããšã話ããŠããæ°ãããŸãã ãã£ãããŸãšãããšãããªæããªã®ããªâ ããŒããã©ãªãªã®ãŽãŒã«ãèããã»wariemonããïŒCI&VI&UIç³»ïŒïŒç»å£è³æãããŒããã©ãªãª ã»ç®çãšæ段ãæ確ã«ããïŒèªåãæã€æŠåšã§ãç®æšã«å°éããæ段ãéžã¶ ã»äœå以å€ã®åŒ·ã¿ïŒããã°ïŒç»å£è³æãèªå