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

Design Talk#2 Information Architecture 1/2

Yutaro Ikutani
January 31, 2018

Design Talk#2 Information Architecture 1/2

Design Talk#2 @AnyPay, Inc.
"Information Architecture 1/2 ~ IAとは & 何が嬉しいの ~"

Next Slides:
2/2 https://speakerdeck.com/ikutani41/2-1

Links in Slides:
1. PMのミッションって何ですか
https://note.mu/ikutani41/n/nb3e99db1f08b

2. デザインリサーチの具体的なプロセスと大事にしていること
https://note.mu/ikutani41/n/n12157f5cef01

Yutaro Ikutani

January 31, 2018
Tweet

More Decks by Yutaro Ikutani

Other Decks in Design

Transcript

  1. ։ൃݱ৔ͷ൵ܶ͋Δ͋Δ ▸ ࣮෺Λݟͳ͍ͱΘ͔Βͳ͍ ▸ Ϗδωεཁ݅ˠγεςϜઃܭˠγεςϜ࢓༷ˠ࣮૷ˠςετ ▸ ςετஈ֊ͰॳΊ࣮ͯ෺ΛݟΔ ▸ Ғ͍ਓʮࢥͯͨΜͱͪΌ͏ʯ ▸

    ೝࣝͷҧ͍ ▸ Ғ͍ਓɿͪΐͬͱม͚͑ͨͩɹˠɹೲظͦͷ·· ▸ ݱ৔ɿθϩ͔Β࡞Γ௚͠ʢͪΌͿ୆ฦ͠ʣɹˠɹప໷֬ఆ
  2. σβΠϯݱ৔ͷ൵ܶ͋Δ͋Δ ▸ ίϯηϓτͱ՝୊ղܾΞΠσΟΞྑͦ͞͏ ▸ τϯϚφ΋Πϝʔδڞ༗ͨ͠ ▸ جຊతͳػೳϦετͱૢ࡞ϑϩʔܾ·ͬͨ ▸ ؆қUIͱϨΠΞ΢τ΄΅Ͱ͖ͨ ▸

    VDͷ࡞ΓࠐΈஈ֊ͰΫϦΤΠςΟϒҊݟͤΔ ▸ Ғ͍ਓʮࢥͯͨΜͱͪΌ͏ʯ ▸ Ғ͍ਓʮ͜͏͍͏ͷͲ͏͔ͳʁʢίϯηϓτɾIAมߋʣʯ
  3. ࣮෺͕ݟΕΔλΠϛϯά ▸ ίϯηϓτͱ՝୊ղܾΞΠσΟΞ͸ϓϩτλΠϓͰݕূͨ͠ ▸ τϯϚφ΋Πϝʔδڞ༗ͨ͠ ▸ جຊతͳػೳϦετͱૢ࡞ϑϩʔܾ·ͬͨ ▸ ؆қUIͱϨΠΞ΢τ΄΅Ͱ͖ͨ ▸

    VDͷ࡞ΓࠐΈஈ֊ͰΫϦΤΠςΟϒҊݟͤΔ ▸ Ғ͍ਓʮࢥͯͨΜͱͪΌ͏ʯ ▸ Ғ͍ਓʮ͜͏͍͏ͷͲ͏͔ͳʁʢίϯηϓτɾIAมߋʣʯ ϋϦϘςײ ࣮෺ײ
  4. Designݱ৔ͷࠔ೉ ▸ Dev ▸ ৼΔ෣͍Λఆٛ͢Ε͹ɺγεςϜ෦෼͸ϞοΫͰ͖Δ ▸ ઃܭཁ݅Λݟ͚ͭΔͨΊͷձ࿩͸ϓϩτλΠϓͰ΍ΕΔ ▸ Design ▸

    ࠷ޙ·Ͱ࡞Γ্͛ͳ͍ͱɺ࣮෺likeͳ΋ͷ͕Ͱ͖ͳ͍ ▸ ࠷ऴ޻ఔͷVD΍ΠϯλϥΫγϣϯ࣍ୈͰҹ৅͕େมԽ ▸ ʢVD΍ΠϯλϥΫγϣϯ͸՝୊ղܾͱ΄΅ؔ܎ͳ͍ʣ
  5. Information Architecture: ৘ใઃܭ ▸ ۩ମతͳUI΍άϥϑΟοΫΛߟ͑ΔࡐྉΛ࡞Δ޻ఔ ▸ ʮ΍Γ͍ͨ͜ͱΛ৘ใϨϕϧͰ੔ཧ͢Δ͜ͱʯ ▸ ԿΛ఻͑Δ͔ɺԿΛݟͤΔ͔ ▸

    ԿΛͤ͞Δ͔ ▸ ৘ใಉ࢜ͷؔ܎ੑ͸Ͳ͏ͳ͍ͬͯΔ͔ ▸ Groups, Central-Peripherals, General-Examples ▸ Parent-Child, Siblings, Counterparts ▸ PriorityɿԿ͕࠷ॏཁͰɺԿ͕αϒͰɺԿ͕Φϓγϣφϧ͔
  6. ྫʣʮΫϨΧΛొ࿥͢Δʯػೳ ▸ ΫϨΧҰཡ ▸ ݅਺ ▸ 0݅ ▸ 1݅~5݅ʢPSPͷ࢓༷Ͱ্ݶ͋Γʣ ▸

    දࣔ৘ใ for ࣝผ ▸ ϒϥϯυϩΰ* ▸ ϒϥϯυ ▸ PANͷলུදࣔɿʢOSඪ४ʣԼ4ܻ ▸ ༗ޮظݶ ▸ ༗ޮظݶܥΞϥʔτ*ɿ΋͏͙͢੾Εͦ͏ or ੾Εͨ ▸ ΞΫγϣϯ ▸ ৽نొ࿥* ▸ มߋɿܾࡁ࢓༷తʹมߋෆՄ* → ʮ࡟আ+৽نొ࿥ʯ ▸ ࡟আ ▸ ϔϧϓ
  7. ྫʣʮΫϨΧΛొ࿥͢Δʯػೳ ▸ ొ࿥৚݅ ▸ VISA, Master ▸ ඇରԠϒϥϯυ͕͋ΔɿJCB, Amex, Diners

    ▸ ΫϨΧొ࿥৘ใ ▸ PAN ▸ ܗࣜ͸ϒϥϯυʹΑͬͯมΘΔ ▸ ઌ಄਺ܻͷ࠾൪ϧʔϧͰϒϥϯυಛఆՄೳ ▸ mܻ۠੾Γͷܭnจࣈͷ൒֯਺ࣈ ▸ ΧϝϥͰOCRεΩϟϯ΋Մೳ ▸ ༗ޮظݶɿmm/yy ▸ ະདྷറΓ ▸ ηΩϡϦςΟίʔυɿ3~4ܻʢϒϥϯυຖʣ ▸ هࡌ৔ॴ͕ϒϥϯυʹΑͬͯҧ͏ ▸ ݺͼํ͕ଟ͘Θ͔Γʹ͍͘ͷͰϔϧϓ ▸ Χʔυ໊ٛɿେจࣈӳ਺ࣈεϖʔε͋Γ ▸ ϝΠϯΧʔυϑϥά ▸ 1͚ͭͩ ▸ มߋՄೳ ▸ ͦͷଞɿϢʔβͷηΩϡϦςΟෆ҆Λ෷১͢Δ࢓ֻ͚*
  8. ͲΜͳϨΠϠʔͷσβΠϯ΋ɺ·ͣ͸IA͔Βɻ ▸ αʔϏεશମͷσβΠϯ ▸ ίϯηϓτɾίΞମݧ ▸ φϏήʔγϣϯ ▸ ػೳͷσβΠϯ ▸

    ػೳཁ݅ɾఏڙՁ஋ ▸ σʔλมԽ ▸ ը໘ɾUIͷσβΠϯ ▸ ࢹઢ༠ಋ ▸ ΞΫγϣϯ༠ಋ ▸ ৘ใҰཡɾมԽՄೳੑ
  9. ·ͱΊ ▸ IAΛҙࣝͨ͠ϓϩμΫτ࡞Γ ▸ ʮࢥͯͨΜͱͪΌ͏ʯͷޙग़͠ճආ ▸ ఏڙՁ஋ΛੵΈ্͛ΔͨΊ ▸ σβΠφʔɾϊϯσβΠφʔؒͰIAϨϕϧͷձ࿩Λ͠Α͏ ▸

    ࠷ऴతͳݟͨ໨΍ؾ࣋ͪྑ͞͸σβΠφʔ͕ؤுΔ ▸ ΑΓຊ࣭తͳ՝୊ղܾ΍Ծઆɾ৘ใͷධՁʹूத͠Α͏ ▸ IAͷձ࿩͕Ͱ͖Ε͹ɺϓϩμΫτͮ͘ΓʹࢀՃͰ͖Δ
  10. ࣍ճɿInformation Architecture 2ʮͦͷΧΠθϯ͸UIมߋʁIAมߋʁʯ ▸ σβΠϯͷ࢓ࣄͱIAͷؔ܎ͷ۩ମྫ ▸ ॳظϦϦʔε·Ͱ ▸ εϜʔζͰSolutionΫϦςΟΧϧͳମݧ ▸

    γϯϓϧͳIAɺໃ६ͷͳ͍UI ▸ ϦϦʔεޙͷԾઆݕূϑΣʔζ ▸ IAͷධՁ ▸ VDͷ໰୊ൃݟɾௐ੔ ▸ New Features ▸ ΫΠζܗࣜͰIAͱσβΠϯΛߟ͑Δ ▸ IAσβΠϯۀ຿ͷΞϯνύλʔϯ ▸ IAͱVDͷ޻ఔΛ෼அ͗͢͠Δ ▸ IAͷΞ΢τϓοτ͸WF