$30 off During Our Annual Pro Sale. View Details »

paymo UI/UX改善ケーススタディー

Avatar for duck3injapan duck3injapan
December 01, 2017
Design
2
4.8k

paymo UI/UX改善ケーススタディー

Avatar for duck3injapan

duck3injapan

December 01, 2017
Tweet

More Decks by duck3injapan

See All by duck3injapan
ディレクター・エンジニアもデザインする時代へ
Avatar for duck3injapan duck3injapan
1
2.9k

Other Decks in Design

See All in Design
Ana Cortes Visual Development Portfolio 2025
Avatar for Ana Belen Cortes Diaz haruanleb
0
140
kintone Style Book
Avatar for kintone kintone
5
8k
デザインシステムの「種」を使って、受託開発を加速させる
Avatar for akane akane___ui
0
12k
プロダクトリニューアルと同時に進める初めてのデザインシステム
Avatar for PERSOL CAREER Dev | techtekt techtekt
PRO
0
320
Ralph Penel Portfolio
Avatar for ralphpenel ralphpenel
PRO
0
150
Crisp Code inc.｜ブランドガイドライン - Brand guidelines
Avatar for So Kotani / Crisp Code inc. CEO so_kotani
1
250
自分たちがターゲットになりにくい業務アプリケーションのユーザビリティを担保する取り組み / Initiatives to ensure the usability of business applications that are difficult for us to target
Avatar for Hiromi Morikawa hiromitsuuuuu
1
1.1k
Marpで推しCSSスライドを作ろう！ / marp-with-favorite-css
Avatar for ふじえもん fujiemon
0
800
これからの「Webデザイン」の話をしよう～デザイナーの私が考えるブロックテーマへの対応で変わりゆくデザインの価値～
Avatar for ミヤケアツシ ds35mm
0
440
越境するデザイン人材：デザイナーが社会資本となる世界へ
Avatar for Goodpatch Inc. goodpatch
1
410
mount_company_profile
Avatar for mount inc. mount_inc
0
3.9k
Memory Man v3 (WIP)
Avatar for Chad Welson storybychad
PRO
0
3k

Featured

See All Featured
The Curious Case for Waylosing
Avatar for Cassini Nazir cassininazir
0
190
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
Avatar for Helen Beal helenjbeal
1
75
Are puppies a ranking factor?
Avatar for Jono Alderson jonoalderson
0
2.3k
The Illustrated Children's Guide to Kubernetes
Avatar for Chris Short chrisshort
51
51k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2.2k
Reflections from 52 weeks, 52 projects
Avatar for Jefferson Lam jeffersonlam
355
21k
30 Presentation Tips
Avatar for Ian Lurie portentint
PRO
1
160
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
359
30k
Organizational Design Perspectives: An Ontology of Organizational Design Elements
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
38
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
Avatar for Eileen M. Uchitelle eileencodes
26
3.3k
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
24
3.8k

Transcript

  1. QBZNP6*69վળέʔεελσΟʔ ʙϦϦʔε͔Βݱࡏ·Ͱʙ "OZ1BZ*OD ਆ࡚୓ւ

  2. ࣗݾ঺հ ਆ࡚୓ւʢ!EVDLJOKBQBOʣ QBZNPɹ1. ɹ$ZCFS"HFOU %JSFDUPS ɹ'J/$ 104.%JSFDUPS ɹɹɹɹɹ"OZ1BZ 1SPKFDU.BOBHFS

  3. "OZ1BZגࣜձࣾͱ͸ʁ &NQPXFS"MM1BZNFOUT QBZNPCJ[ QBZNP *$0$POTVMUJOH ళฮܾࡁ ݸਓܾؒࡁ ίϯαϧςΟϯά ςΫϊϩδʔͷྗͰ೔ຊͷࢧ෷͍Λศརʹɺָ͘͠

  4. QBZNPͱ͸ʁ εϚϗͰ؆୯ΫϨΧܾࡁ ݸਓܾؒࡁΞϓϦ

  5. ·ͩ࢖͍ͬͯͳ͍ਓ͸%-ʂ ট଴ίʔυɿ1,69&,1

  6. ຊ೔ͷ͓඼ॻ͖ QBZNP͕࣮ݱ͍ͨ͠ະདྷ QBZNP͕௚໘ͨͭ͠ͷ՝୊ QBZNPϦϦʔε͔Βݱࡏ·Ͱͷѱઓۤಆ ͦΕͰ΋QBZNPνʔϜ͕໨ࢦ͢ະདྷͷ ɹΩϟογϡϨεࣾձ QBZNP6*69վળέʔεελσΟʔ ʙϦϦʔε͔Βݱࡏ·Ͱʙ

  7. ˞஫ҙ˞ ͜Ε͔Β঺հ͢Δͷ͸ QBZNPνʔϜͷѱઓۤಆͷྺ࢙Ͱ͋Γ ๻ࣗ਎ͷ΍ͬͨ͜ͱͰ͸͋Γ·ͤΜ

  8. QBZNP͕࣮ݱ͍ͨ͠ະདྷ

  9. QBZNP͕࣮ݱ͍ͨ͠ະདྷ Ͳ͜Ͱ΋εϚϗͭͰ ࢧ෷͍͕׬ྃ͢Δࣾձ QBZNP͕࣮ݱ͍ͨ͠ະདྷ

  10. QBZNP͕࣮ݱ͍ͨ͠ະདྷ QBZNP͕࣮ݱ͍ͨ͠ະདྷ ΦϯϥΠϯɾΦϑϥΠϯશ෦εϚϗͰܾࡁΛ׬݁

  11. QBZNP͕௚໘ͨͭ͠ͷ՝୊

  12. αʔϏεͷܗଶ͕๏཯ʹେ͖͘ࠨӈ͞ΕΔ QBZNP͕௚໘ͨͭ͠ͷ՝୊ ๏཯΍ຊਓ֬ೝख๏ͳͲ΋ॏཁ

  13. αʔϏεͷܗଶ͕๏཯ʹେ͖͘ࠨӈ͞ΕΔ QBZNP͕௚໘ͨͭ͠ͷ՝୊ Ͳͷ๏຿εΩʔϜͰ ಧ͚ΒΕΔϢʔβʔମݧ͕มԽ͢Δ ๏຿εΩʔϜؚΊͯzσβΠϯz͕ඞཁ

  14. ೔ຊͷݱۚจԽ QBZNP͕௚໘ͨͭ͠ͷ՝୊ ଞࠃʹൺ΂ͯݸਓͷݱܾۚࡁൺ཰͕ߴΊ ೔ຊɿ ถࠃɿ தࠃɿʢϞόΠϧܾࡁɿʣ

  15. ೔ຊͷݱۚจԽ QBZNP͕௚໘ͨͭ͠ͷ՝୊ ଞࠃͱ͸ҟͳΔൃలΛ͢ΔՄೳੑ͕ߴ͍ ελʔτΞοϓʹνϟϯε͋Γ

  16. ݸਓܾؒࡁͷϢʔεέʔε͕গͳ͍ QBZNP͕௚໘ͨͭ͠ͷ՝୊ 64 γΣΞϦϯάΤίϊϛʔ ΦϯϥΠϯܾࡁɾૹۚ தࠃ ϨετϥϯɾλΫγʔͳͲ Ͳ͜Ͱ΋ϞόΠϧܾࡁ

  17. ݸਓܾؒࡁͷϢʔεέʔε͕গͳ͍ QBZNP͕௚໘ͨͭ͠ͷ՝୊ ೔ຊ͸ଞࠃͱ͸ҟͳΔൃలΛ͢Δ Մೳੑ͕ߴ͍ ελʔτΞοϓʹνϟϯε͋Γ

  18. QBZNPϦϦʔε͔Βݱࡏ·Ͱͷѱ ઓۤಆ

  19. ࠓճ͸࠷΋جຊతͳػೳͰ͋Δ l੥ٻɾࢧ෷͍ػೳzΛ୊ࡐʹ ๻Βͷѱઓۤಆͷྺ࢙Λ঺հ͍ͨ͠ QBZNPνʔϜͷѱઓۤಆͷྺ࢙

  20. ϦϦʔε࣌ QBZNPϦϦʔε͔Βݱࡏ·Ͱͷѱઓۤಆ ᶃ৽ن࡞੒ ᶄهೖ ᶅγΣΞ

  21. ϦϦʔε࣌ʢWʣ QBZNPϦϦʔε͔Βݱࡏ·Ͱͷѱઓۤಆ ԿΛೖྗ͢΂͖͔Ұཡʹ͢Δ ϙΠϯτ XIBUͷ໌֬Խ

  22. ೰ΜͩϙΠϯτᶃɿεςοϓܕͱҰཡܕ QBZNPϦϦʔε͔Βݱࡏ·Ͱͷѱઓۤಆ εςοϓܕ FYJOTUBHSBN 

  23. ೰ΜͩϙΠϯτɿεςοϓܕͱҰཡܕ QBZNPϦϦʔε͔Βݱࡏ·Ͱͷѱઓۤಆ Ұཡܕ FYHNBJM 

  24. ϦϦʔε࣌ʢWʣ QBZNPϦϦʔε͔Βݱࡏ·Ͱͷѱઓۤಆ ೖྗࡁΈͷ߲໨ΛڧΊʹڧௐ ϙΠϯτ Կ͕ೖྗ͞Ε͍ͯΔ͔ Λ໌֬Խ

  25. ϦϦʔε࣌ʢWʣ QBZNPϦϦʔε͔Βݱࡏ·Ͱͷѱઓۤಆ ୭ʹ੥ٻͰ͖Δ͔ΛϖʔδͰදݱ ϙΠϯτ ᶃԿΛᶄ୭ʹͷॱ൪Ͱ ੥ٻͤ͞Δ

  26. ೰ΜͩϙΠϯτɿࡉ͔͍Ϣʔεέʔε΁ͷରԠ QBZNPϦϦʔε͔Βݱࡏ·Ͱͷѱઓۤಆ ᶃQBZNPϢʔβʔPSඇQBZNPϢʔβʔ ᶄ໨ͷલʹ͍ΔPSԕ͘ʹ͍Δ ᶅQBZNPͰ༑ͩͪPS༑ͩͪ͡Όͳ͍ ͻͱ·ͣສೳͷ੥ٻ63-γΣΞͰΧόʔ

  27. ݄ʢWʣʹϦχϡʔΞϧ QBZNPϦϦʔε͔Βݱࡏ·Ͱͷѱઓۤಆ ᶃ৽ن࡞੒ը໘ ᶄѼઌબ୒ ᶅి࿩൪߸੥ٻ

  28. ݄ʢWʣ QBZNPϦϦʔε͔Βݱࡏ·Ͱͷѱઓۤಆ ʮ୭ʹԿΛ͢Δʯ·Ͱ̍ը໘ʹʂ ϙΠϯτ ೖྗ߲໨ͷҰཡੑΛ༏ઌ

  29. ݄ʢWʣ QBZNPϦϦʔε͔Βݱࡏ·Ͱͷѱઓۤಆ Ѽઌબ୒΋ը໘ʹͨ͠ ϙΠϯτ ৽ن࡞੒ը໘ͱࢥ૝Λ౷Ұ

  30. ݄ʢWʣ QBZNPϦϦʔε͔Βݱࡏ·Ͱͷѱઓۤಆ ి࿩൪߸ͰQBZNPΛ࢖͍ͬͯͳ͍ Ϣʔβʔʹ΋੥ٻɾࢧ෷͍Մೳʹʂ ϙΠϯτ ෯޿͍Ϣʔεέʔε΁ͷ ରԠΛՄೳʹʂ

  31. վमͷ݁ՌͲ͏ͳ͔ͬͨʁ QBZNPϦϦʔε͔Βݱࡏ·Ͱͷѱઓۤಆ ʮૢ࡞ํ๏͕෼͔Βͳ͍ʯͱ͍͏Ϣʔβʔͷ੠͕ ଟ͖ͯ͘͠·ͬͨ ͦͷ ᶃి࿩൪߸͚ͩͩͱෆे෼ ᶄͦ΋ͦ΋ి࿩൪߸Λ೔ৗతʹަ׵͠ͳ͍

  32. վमͷ݁ՌͲ͏ͳ͔ͬͨʁ QBZNPϦϦʔε͔Βݱࡏ·Ͱͷѱઓۤಆ 63-΍23ίʔυͰγΣΞͰ͖ͣ ෆศͩͱ͍͏੠΋ଟ਺͖ͨ ͦͷ ᶃి࿩൪߸͚ͩͩͱෆे෼ ᶄͦ΋ͦ΋ి࿩൪߸Λ೔ৗతʹަ׵͠ͳ͍

  33. ݱࡏʢWʣ QBZNPϦϦʔε͔Βݱࡏ·Ͱͷѱઓۤಆ ᶃ৽ن࡞੒ ᶄѼઌબ୒ ᶅ੥ٻޙ

  34. ݱࡏʢWʣ QBZNPϦϦʔε͔Βݱࡏ·Ͱͷѱઓۤಆ ը໘্ͷจݴΛݮΒ͠ ೖྗதͷεςʔλεΛ໌֬ʹͨ͠ ϙΠϯτ Ұཡੑͷγϯϓϧ͞Λ௥ٻ

  35. ݱࡏʢWʣ QBZNPϦϦʔε͔Βݱࡏ·Ͱͷѱઓۤಆ վमޙ վमલ

  36. ݱࡏʢWʣ QBZNPϦϦʔε͔Βݱࡏ·Ͱͷѱઓۤಆ ࠷ۙ΍ΓͱΓͨ͠ϢʔβʔΛ ԣεϥΠυ΁ ϙΠϯτ ॎͷεϖʔεΛ ͏·͘࢖͑ΔΑ͏ʹͨ͠

  37. ݱࡏʢWʣ QBZNPϦϦʔε͔Βݱࡏ·Ͱͷѱઓۤಆ 63-23ίʔυͰͷγΣΞΛ෮׆ ϙΠϯτ ඇQBZNPϢʔβʔ΁ͷ Ϣʔεέʔε࠷దԽ

  38. ͦΕͰ΋QBZNPνʔϜ͕໨ࢦ͢ ະདྷͷΩϟογϡϨεࣾձ

  39. ࠓ͸·ͩͳ͍͕ ະདྷͰ͸ී௨ͷίτΛ࢓ֻ͚Α͏ ͦΕͰ΋QBZNPνʔϜ͕໨ࢦ͢ະདྷͷΩϟογϡϨεࣾձ ΩϟογϡϨεࣾձ͸དྷΔ΂͖ະདྷ lී௨zΛ࡞ΔͨΊʹ σβΠϯͷྗ͕ඞཁ

  40. Ұॹʹ೥ޙͷϑπ΢Λ૑Γ·ͤΜ͔ʁ 8BOUFEMZͰ"OZ1BZΛʂݕࡧʂݕࡧʂ