UIを全て作り変えてユーザーインタビューをしたら中々の不評で、大きく改善した話。

by YutaFujiwara

Slide 1

Slide 1 text

TEFWUBMLTʙαʔϏε։ൃษڧձ TEFWUBMLTʙαʔϏε։ൃษڧձ 㙈㘫㙢㙜㙙㘙㘲 6* Λશͯ࡞Γม͑ͯϢʔβʔΠϯλϏϡʔΛͨ͠ΒதʑͷෆධͰɺ େ͖͘վળͨ͠࿩ɻ

Slide 2

Slide 2 text

TEFWUBMLTʙαʔϏε։ൃษڧձ 㙈㘫㙢㙜㙙㘙㘲 !'VKJZBNB@:VUB αʔϏε։ൃ͕झຯͳϑϩϯτΤϯυͷΤϯδχΞɻ ࢓ࣄҎ֎Ͱ΋ɺݸਓͰαʔϏεΛ։ൃ͍ͯ͠·͢ɻ

Slide 3

Slide 3 text

TEFWUBMLTʙαʔϏε։ൃษڧձ ࡈɛක䜅㗌ሳբ THE BINGO ɾVuejs ɾSemanticUI ɾFirebase ௒ΧϯλϯʹϏϯΰେձ͕։࠵Ͱ͖Δ 8FC αʔϏε SNS を 25 分間開けないようにするクローム拡張 →仕事中についつい Twitter 開いてしまう人にオススメ ɾChromeAPIs ɾSemanticUI IUUQTUIFCJOHPKQ ڈ೥ͷ TEFWUBMT ͰϏϯΰେձͷ -5 Λ͠·ͨ͠ɻ

Slide 4

Slide 4 text

TEFWUBMLTʙαʔϏε։ൃษڧձ 0''*$&$-0$, 㗨㗄㗆ාܡ၍ଣ㗮㘨㖽㙆㘬㘒㗤㗏㗣㗦㗄㗾㗙ɻ ೥ ݄ϦϦʔε ొ࿥ऀ ਓ ೥ ݄ϦϦʔε ొ࿥ऀ ਓ IUUQTP⒏DFDMPDLXPSL BOT 形式で勤怠管理ができる LINEBOT PC・スマートフォンで勤怠管理ができる WEB サービス

Slide 5

Slide 5 text

TEFWUBMLTʙαʔϏε։ൃษڧձ ϋ ˜㗫㙝㙊㙟㘗㘬㗗㗾㗗㗟ɻ ϨεϙϯγϒରԠ IUUQTP⒏DFDMPDLXPSL

Slide 6

Slide 6 text

TEFWUBMLTʙαʔϏε։ൃษڧձ ɾ ϨεϙϯγϒͰ͸ͳ͔ͬͨ ɻ ɾ#PPUTUSBQ ͬΆ͍ ɻ ɾίʔυ͕ෳࡶ͗͢Δ ɻ ɾͪΐͬͱͨ͠ػೳΛ௥Ճ͢Δͷ΋େม ɻ FUD ࡞Γม͑ͨํ͕ૣͦ͏ͩͬͨͷͰɺϑϩϯτΛશͯ࡞Γม͑ͨɻ 㗪㗜㙝㙊㙟㘗㘬㗗㗟㗮㗋k ՝୊͕ଟ͍ ɻ

Slide 7

Slide 7 text

TEFWUBMLTʙαʔϏε։ൃษڧձ ɾAngularJS ɾ jQuery ɾSemanticUI MYSQL Client WEB Github Client LINE RESTFUL API MYSQL Developer Version Control Production Staging Server LINE Developers MessageingAPI 㘪㘬㘹㙓࿴ϓ IUUQTP⒏DFDMPDLXPSL ϦϓϨΠεʂ

Slide 8

Slide 8 text

TEFWUBMLTʙαʔϏε։ൃษڧձ 4FNBOUJD6* 㗫ໄ㗍౬㗈㘋

Slide 9

Slide 9 text

TEFWUBMLTʙαʔϏε։ൃษڧձ 㘺㘩㘗㙦㗯㙈㙟㖽㙓㙢㖽㘢㗫৐㗣㗋㘋 ɾ ᶃ$44 ΛΧελϚΠζ͢Δͱ޻਺͕͔͔Δɻ ɹˠϦιʔε͸ݶΒΕ͍ͯΔͷͰɺϑϨʔϜϫʔΫΛ࢖ͬͯ࡟ݮ ɾ ᶄಛఆͷϒϥ΢βͰൃੜ͢Δόά΋ͳ͍˕ ɹˠ4BGBSJ ΍ *& Ͱൃੜ͢Δಾͷόά΋΄΅ͳ͍ɻ ɾ ᶅϨεϙϯγϒରԠ΋༰қ ɾ ᶆ๛෋ͳϞδϡʔϧ܈ ˠࣗ෼޷ΈͷϑϨʔϜϫʔΫΛ ୳ͯͦ͠ΕΛۃΊΔͷ͸͍͍͔΋͠Εͳ͍ɻ 4FNBOUJD6*ΦεεϝͰ͢ʂ

Slide 10

Slide 10 text

TEFWUBMLTʙαʔϏε։ൃษڧձ ˇ㗗㗠㗑܁ើ㗕㗛㗦㗏㗠㗕㗄 f

Slide 11

Slide 11 text

TEFWUBMLTʙαʔϏε։ൃษڧձ 㙝㙝㖽㘬ܝ㗫㙙㖽㘩㖽㘗㙦㘲㙆㙘㖽㘒㗗㗦㗿㗟 ຊ೔࿩͍ͨ͜͠ͱʂ

Slide 12

Slide 12 text

TEFWUBMLTʙαʔϏε։ൃษڧձ

Slide 13

Slide 13 text

TEFWUBMLTʙαʔϏε։ൃษڧձ ఺ ɺ ఺ ɻ௿͍ɻ

Slide 14

Slide 14 text

TEFWUBMLTʙαʔϏε։ൃษڧձ ࢥͬͯͨ൓ԠͱͪΌ͏΍Μ ɻ

Slide 15

Slide 15 text

TEFWUBMLTʙαʔϏε։ൃษڧձ ۃΫ㙃㖽㘫㙚㙦㙝㙊㙟㘗㘬ܝ ࢖ΘΕ͍ͯͳ͍ͱࢥ͍͕ͬͯͨɺ ࣮͸࢖ΘΕ͍ͯͨɻ ϢʔβʔΠϯλϏϡʔͷޙʹ෮׆ɻ ̀ࠅ㗪㗄㗨ۂ㗣㗟ዚঐ㗌ɺ䕐㗯Դ㘏㘌㗦㗄㗟ɻ

Slide 16

Slide 16 text

TEFWUBMLTʙαʔϏε։ൃษڧձ ݸਓͰ։ൃ͢Δ৔߹ɺࢹ໺͕ڱ͘ͳΔͷͰ٬؍తʹαʔϏεΛݟΔͨΊͷ ϢʔβʔΠϯλϏϡʔ͸༗༻ɻؾ͔ͮͳ͍෦෼ʹؾͮ͘͜ͱ͕Ͱ͖Δɻ ϢʔβʔΠϯλϏϡʔ࣮͸େ੾ ˢͱͯ΋ྑ͔ͬͨɻ IUUQTOPUFNVNJLJPLOOG

Slide 17

Slide 17 text

TEFWUBMLTʙαʔϏε։ൃษڧձ ል਺ɛ㗧 #VH#BTI 㘒㘄㗣㗦㗿㗟ɻ

Slide 18

Slide 18 text

TEFWUBMLTʙαʔϏε։ൃษڧձ #VH#BTI ͱ͸ʁ ෳ਺ਓͰू·ͬͯɺαʔϏεΛ৮ͬͯόάચ͍ग़ָ͍ͨ͢͠Πϕϯτ

Slide 19

Slide 19 text

TEFWUBMLTʙαʔϏε։ൃษڧձ #VH#BTI ΍ͬͯΈͨ ݸਓͰαʔϏε։ൃΛ͍ͯ͠ΔਓͨͪͷίϛϡχςΟʹɺ͓ئ͍ͯ͠΍ͬͯ΋Βͬͨɻ

Slide 20

Slide 20 text

TEFWUBMLTʙαʔϏε։ൃษڧձ ͍ۙ਺ͷվળɾόά͕ ચ͍ग़͞Ε·ͨ͠ ɻ

Slide 21

Slide 21 text

TEFWUBMLTʙαʔϏε։ൃษڧձ 㘴㖽㙓㙟㙆㙘㖽䕐㗯ɽʲ ʰόάʱͱݺͿͱগ͠఍߅͕͋Γ·͕͢ɺΠϕϯτతʹ΍Δͱ ΧδϡΞϧʹָ͘͠όά୳͕͠Ͱ͖Δɻ ϨϏϡΛ͞ΕΔํ΋ؾෛΘͣϑϥϯΫʹ๬Ή͜ͱ͕Ͱ͖Δɻ ʢԿΛݴͬͯ΋Αͦ͞͏ͳงғؾΛͭ͘Δͷ͕େ੾ʣ

Slide 22

Slide 22 text

TEFWUBMLTʙαʔϏε։ൃษڧձ 䕐ყ㗩㗆㗠㗣㗟 k ొ࿥ͯ͠ܧଓతʹ࢖͏Ϣʔβʔ͸૿͍͑ͯΔɻ ৽نొ࿥ऀ਺͸૿͍͑ͯͳ͍ ɻ ొ࿥͸͢Δ͕࢖Θͳ͍Ϣʔβʔ͕΄ͱΜͲɻ CFGPSF BGUFS ՝୊ ࠷ۙɺ؅ཧऀػೳΛ࡞ͬͨͷͰɺ গͮͭ͠૿͑ͯ͘ΔΑ͏ʹͳΓ·ͨ͠ɻ

Slide 23

Slide 23 text

TEFWUBMLTʙαʔϏε։ൃษڧձ ࠅૐ㗧՟㘊㵬㗿㗌ᗭ㗗㗄௅ʱ㗯㙠㖽㘼㙑㘶㙊㘒ʮක αʔϏε͕ݱࡏਐߦܗͰӡ༻͞Ε͍ͯΔ͜ͱΛ఻͍͑ͨɻ Ϣʔβʔͷҙݟ΍ཁ๬͕໨ʹݟ͑ͯ൓ө͞ΕΔΑ͏ʹ͍ͨ͠ɻ

Slide 24

Slide 24 text

TEFWUBMLTʙαʔϏε։ൃษڧձ 㗾㗨㘁 ᶃϢʔβʔΠϯλϏϡʔ͸ (PPHPMF'PSN ͳͲΛ࢖ͬͯ؆୯ʹͰ΋ ɹ΍ͬͨ΄͏͕ྑͦ͞͏ʢࠓߋײ ʣ ɻ ᶄ୭͔ʹϨϏϡΛͯ͠΋Β͏ͷ͸େ੾ʢ౰ͨΓલ ʣ ɻ ᶅݸܧଓతʹ࢖ͬͯ΋Β͏Α͏վળΛ͢Δ͜ͱ͕େ੾ʢؤுΓ·͢ʣ ɻ ᶆ΍͍ͬͯΔײɾߋ৽͞Ε͍ͯΔײΛൃ৴͢Δʢ5SFMMP ΍ 5XJUUFS Λ׆༻ʣ TEFWUBMLT Ͱಘͨ஌ݟΛऔΓࠐΜͰ͍͖͍ͨʂ

Slide 25

Slide 25 text

TEFWUBMLTʙαʔϏε։ൃษڧձ ɿ!'VKJZBNB@:VUB ɿ!:VUB@'VKJXBSB ϑδϫϥϢ΢λ ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ