Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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
大きな変化の中で、わたしが向き合ったこと #もがく中堅デザイナー
Avatar for 弁護士ドットコム bengo4com
1
1.4k
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
Avatar for akatsuki174 akatsuki174
1
760
maki setoguchi
Avatar for Maki / Web Designer maki_setoguchi
0
630
The Spring Festival
Avatar for Jisun jisun
0
140
コムデマネージャーがプロダクトデザインに挑戦した。むずかしくて楽しかった。
Avatar for payatsun payatsusan213
0
170
文化のデザイン - Soft Impact of Design
Avatar for Atsushi Homma atsushihomma
0
120
ドルちゃん
Avatar for ドルちゃん design_dolphins
0
540
組織はみんなでつくる。デザイナーが仕掛ける急拡大する組織のカルチャーづくり
Avatar for Kasumi Morita mkasumi
0
1.1k
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
1
970
新卒の目から見たサイボウズのデザイン組織
Avatar for 小林諒大 ryota5884
0
300
はじめての演奏会フライヤーデザイン
Avatar for Kaito Kikuchi chorkaichan
1
210
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
Avatar for 株式会社ログラス loglass2019
1
6.7k

Featured

See All Featured
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
1
270
Design of three-dimensional binary manipulators for pick-and-place task avoiding obstacles (IECON2024)
Avatar for konakalab konakalab
0
330
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
37
6.2k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
First, design no harm
Avatar for Per Axbom axbom
PRO
2
1.1k
Lessons Learnt from Crawling 1000+ Websites
Avatar for Charles Meaden charlesmeaden
PRO
0
1k
Claude Code どこまでも/ Claude Code Everywhere
Avatar for nwiizo nwiizo
61
51k
Exploring the relationship between traditional SERPs and Gen AI search
Avatar for Ray Grieselhuber raygrieselhuber
PRO
2
3.5k
The B2B funnel & how to create a winning content strategy
Avatar for Katarina Dahlin katarinadahlin
PRO
0
240
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
Ten Tips & Tricks for a 🌱 transition
Avatar for Manu Carrasco Molina stuffmc
0
49
Agile Actions for Facilitating Distributed Teams - ADO2019
Avatar for Mark Kilby mkilby
0
100

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Λʂݕࡧʂݕࡧʂ