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


情報アーキテクチャの重要性

 
情報アーキテクチャの重要性

Michiko Sugai

May 11, 2019
Tweet

Other Decks in Design

Transcript

  1. Ϣʔβʔମݧͷ޲্ʢ69ʣΛ׎͑ΔͨΊͷ

    ৘ใΞʔΩςΫνϟͷॏཁੑ
    5)3&&ਢ֋ඒஐࢠ
    The Importance of Information Architecture to enhance UX.

    View Slide

  2. INDEX.
    69ͱ͸ʁ
    ৘ใΞʔΩςΫνϟʹ͍ͭͯ
    5)3&&త69ͷਐΊํʹ͍ͭͯ
    ࠓޙͷల๬

    View Slide

  3. w ࢁޱݝग़਎
    w ܚጯٛक़େֶଔۀʢ๏ֶ෦੓ֶ࣏Պɾࣾձֶθϛʣ
    w +5#৘ใγεςϜʢ7JTVBM#BTJD "DDFTT +41FUDʣ
    w σδλϧϋϦ΢ουʢޚ஡ϊਫߍɾ'MBTIϚελʔίʔεʣ
    w 30#05ʢөըɾ$.ͷձࣾͷ8νʔϜɾ1.%1SPHSBNʣ
    w "8PSLTʢग़൛ࣾɾ8୲౰ʣ
    w 5)3&&ʢσβΠϯ੍࡞ձࣾʣ
    w ʻझຯʼ

    ւ֎ཱྀʢϦϡοΫͻͱͭͰͲ͜΁Ͱ΋ʣಡॻεϙʔπ֤छ
    w ʻࢿ֨ʼ

    গྛࣉݓ๏್ஈ
    .JDIJLP4VHBJ

    View Slide

  4. 69ͱ͸ʁ
    69͸ϢʔβʔΤΫεϖϦΤϯεʢ6TFS&YQFSJFODFʣͷུɻ
    &YQFSJFODFͱ͸ʮମݧɺܦݧʯΛҙຯ͠ɺ69ͱ͸
    ʮϢʔβʔ͕੡඼ɾαʔϏεΛ௨ͯ͡ಘΒΕΔମݧʯΛࢦ͢ɻ

    View Slide

  5. )$%

    ʢ)VNBO$FOUFSE%FTJHOʣ
    ϚʔέςΟϯά
    ఩ֶ
    ࣾձֶ
    ৺ཧֶ
    ೝ஌ߦಈֶ
    ܦࡁֶ
    ྨܕֹ ౷ܭֶ ܦӦֶ
    FUDʜ

    View Slide

  6. ϢʔβʔମݧΛߏ੒͢Δ̑ͭͷཁૉ
    ද૚
    ࠎ֨
    ߏ଄
    ཁ݅
    ઓུ
    ϏδϡΞϧσβΠϯ
    ΠϯλϥΫγϣϯσβΠϯ
    ৘ใσβΠϯ
    ৘ใΞʔΩςΫνϟ
    ར༻ऀͷχʔζ

    ੡඼ͷ໨త
    ίϯςϯπɾػೳ
    Surface
    Skelton
    Structure
    Scope
    Strategy

    View Slide

  7. 69ͷख๏
    w 4805෼ੳ
    w 1෼ੳ
    w ΠϯλϏϡʔ΍Ξϯέʔτௐࠪ
    w ϖϧιφઃఆγφϦΦ
    w δϟʔχʔϚοϓͷ࡞੒
    w ίϯςϯπϦετˍαΠτϚοϓ࡞੒
    w ϫΠϠʔϑϨʔϜ࡞੒
    w ϓϩτλΠϐϯάʢςετʣɹFUDʜʜ ৄ͘͠͸8ɺ·ͨ͸ॻ੶Ͱ

    View Slide

  8. 69Λ࣮ફͨ͠ɻ
    69ͷख๏ʹैͬͯௐࠪ෼ੳͨ͠

    ˍ

    Ϣʔβʔͷݴ͏ͱ͓Γʹ࡞ͬͨ
    ͳΜ্͔ख͍͔͘ͳ͍ʜ

    View Slide

  9. Ϣʔβʔͷൃ͢Δݴ༿Ͱͳ͘
    ͦͷഎܠʹ͋Δຊ࣭Λ୳ͯ͠

    ݟ͚ͭग़͢ඞཁ͕͋Δ
    ʁ
    ʁ
    Ծઆ 1%$"

    View Slide

  10. ͜ΕͬͯԿ͔ʹࣅͯͳ͍ʁ

    View Slide

  11. ࿀Ѫ

    View Slide

  12. 69JT-07&
    ɹ69͸࿀Ѫ͔Βֶ΅͏ɹ

    View Slide

  13. ৘ใΞʔΩςΫνϟ

    View Slide

  14. ৘ใΞʔΩςΫνϟ

    cc

    Ϣʔβʔ͕ཧղ͠΍͍͢Α͏ʹ
    ৘ใΛ૊৫Խͯ͠ઃܭ͢Δ

    View Slide

  15. ૊৫ԽγεςϜ
    φϏήʔγϣϯγεςϜ
    ϥϕϦϯάγεςϜ
    ݕࡧγεςϜ
    ৘ใΞʔΩςΫνϟͷߏ੒ཁૉ

    View Slide

  16. ৘ใΞʔΩςΫνϟͷϞσϧ
    Ϣʔβʔ ސ٬ɺλεΫɺχʔζɺ
    ৘ใ୳ࡧߦಈɺΤΫεϖϦΤϯε
    จষɺσʔλλΠϓɺ
    ίϯςϯπର৅ɺϘϦϡʔϜɺ
    طଘͷߏ଄
    Ϗδωεΰʔϧɺࡒݯɺ੓࣏ɺ
    จԽɺςΫϊϩδʔɺࢿݯɺ੍໿
    ίϯςΩετ
    ίϯςϯπ
    ͍ͭɺ୭ʹɺͲͷΑ͏ʹɺԿΛಧ͚Δ͔Λߟ͑Δ

    View Slide

  17. ϢʔβʔମݧΛߏ੒͢Δ̑ͭͷཁૉ
    ද૚
    ࠎ֨
    ߏ଄
    ཁ݅
    ઓུ
    ϏδϡΞϧσβΠϯ
    ΠϯλϥΫγϣϯσβΠϯ
    ৘ใσβΠϯ
    ৘ใΞʔΩςΫνϟ
    ར༻ऀͷχʔζ

    ੡඼ͷ໨త
    ίϯςϯπɾػೳ
    Surface
    Skelton
    Structure
    Scope
    Strategy
    69ͷҰ෦

    View Slide

  18. ৘ใΞʔΩςΫνϟͷϑϩʔ
    ෼ੳɹ ݱঢ়೺Ѳ

    ɾཁ݅ఆٛɺ4805෼ੳɹ ͲΜͳࣄΛ͍ͨ͠ͷ͔

    ɾλʔήοτηάϝϯτɺϢʔβʔ෼෍ਤɹ ୭͕࢖͏ͷ͔

    ɾϢʔβʔχʔζɹ ԿͷͨΊʹ࢖͏ͷ͔

    ɾϙδγϣχϯάɺ1෼ੳɹ ڝ߹ଞࣾΛௐ΂Δ

    ઓུɹ ࢪࡦΛߟ͑Δ

    ɾίϯηϓτఆٛɹ ୭ʹԿΛͲ͏ݟͤΔ͔

    ɾϖϧιφઃఆɺΧελϚʔδϟʔχʔϚοϓ࡞੒ɹ ఆ͕ٛਖ਼͍͔͠γϡϛϨʔγϣϯ

    ɾίϯςϯπϚτϦοΫεɹ ඞཁͳίϯςϯπΛॻ͖ग़͢

    ઃܭɹ Ͳ͏ݟͤΔ͔ߟ͑Δ

    ɾαΠτϚοϓɹ αΠτߏ੒Λߟ͑Δ

    ɾϫΠϠʔϑϨʔϜɺφϏήʔγϣϯࡦఆɹ ϖʔδߏ੒Λߟ͑Δ

    ɾσβΠϯίϯηϓτϜ࡞੒ɹ σβΠϯΛߟ͑Δ

    ɾ࢖༻ٕज़Λܾఆɹ ͲΜͳٕज़Λ࢖͏͔

    ͜͜·Ͱ͕
    ৘ใΞʔΩςΫνϟ

    View Slide

  19. ɾ͓஌Βͤ

    ɾ/&84

    ɾχϡʔε
    ɾ࠷৽৘ใ
    ɾ/&83&-&"4&

    ɾ*/'03."5*0/

    ɾΠϯϑΥϝʔγϣϯ

    ɾ501*$4

    ɾτϐοΫε
    ʁ
    ʁ
    ఻ΘΓ΍͍͢ͷ͸ͲΕʁʁ
    ϥϕϦϯά
    χϡʔεͷϥϕϧʹ͍ͭͯߟ͑Δ

    View Slide

  20. ৘ใ୳ࡧߦಈ
    ط஌৘ใ୳ࡧ୳ٻ୳ࡧશ਺୳ࡧ࠶ݕࡧ
    ඒຯ͍͓͠ళͲ͔͜ͳʁ
    ʮܰҪ୔ʹ͍ͭͯௐ΂Α͏ʯ
    ˓˓ͱ͍͏ΧϑΣʹ͍ͭͯ
    ΋ͬͱৄ͍͠৘ใΛ୳ͦ͏
    ʮܰҪ୔ʯʹ͍ͭͯ
    ͋ΒΏΔ৘ใΛ஌Γ͍ͨ
    લʹݟͨ˓˓ͱ͍͏ΧϑΣ
    ͷαΠτΛ΋͏Ұ౓ݟΑ͏
    1 2
    3 4
    ৘ใχʔζ
    ط஌৘ใ୳ࡧ
    શ਺୳ࡧ
    ୳ٻ୳ࡧ
    ࠶ݕࡧ

    View Slide

  21. ܰҪ୔ͷ৘ใαΠτ
    1 ط஌৘ใ୳ࡧ
    2 ୳ٻ୳ࡧ
    3 શ਺୳ࡧ
    4
    ࠶ݕࡧ

    View Slide

  22. View Slide

  23. View Slide

  24. Ϣʔβʔ͸׳Εͨ৔ॴ͕޷͖
    ΞτϥΫγϣϯ
    Ϩετϥϯ
    γϣοϓ
    αʔϏε
    FYσΟζχʔ

    View Slide

  25. χʔζͷόϥϯεΛऔΔ
    ৘ใχʔζ
    ৘ใΛշద͔ͭೃછΜͩ৔ॴ
    Ͱݟ͚ͭɺཧղ͍ͨ͠
    ૊৫χʔζ
    Ұఆͷച্໨ඪͳͲ
    ୡ੒͍ͨ͠Ϗδωε໨ඪ
    ࣾձશମ

    View Slide

  26. ද૚
    ࠎ֨
    ߏ଄
    ཁ݅
    ઓུ
    ϏδϡΞϧ

    σβΠϯ
    ΠϯλϥΫγϣϯσβΠϯ
    ৘ใσβΠϯɾ৘ใΞʔΩςΫνϟ
    ར༻ऀͷχʔζɾ੡඼ͷ໨త
    ίϯςϯπɾػೳ
    Surface
    Skelton
    Structure
    Scope
    Strategy
    ϢʔβʔମݧΛߏ੒͢Δ̑ͭͷཁૉ

    View Slide

  27. ϏδωεϞσϧͷҧ͍
    ίϯςϯπ഑৴ ݕࡧαʔϏε
    ݕࡧΤϯδϯ

    View Slide

  28. 5)3&&త

    69ͷਐΊํ

    View Slide

  29. ΫϥΠΞϯτʹఏҊ
    69ΛऔΓೖΕ·͠ΐ͏ʂ
    ʢ༧ࢉ΋࣌ؒ΋͍ͩ͘͞ʣ
    ˞εςʔΫϗϧμʔؚΊɺؔ܎ऀΛΈΜͳר͖ࠐΊΔ͔͕伴

    View Slide

  30. ࠜຊతղܾͳ͠
    ෺ࣄͷຊ࣭Λଊ͖͑Εͣɺ
    ߦ͖౰ͨΓ͹ͬͨΓˍແమ๒
    ͳࢪࡦΛଧͬͯ΋ղܾ͠ͳ͍
    ஈ֊త੒௕
    ௐ͔ࠪΒઓུΛ࡞Γɺࣦഊ͠ͳ
    ͕Β΋τϥΠˍΤϥʔΛ܁Γฦ
    ͢ͷͰ੒ޭʹۙͮ͘
    69

    औΓೖΕͨ৔߹
    69

    औΓೖΕͳ͔ͬͨ৔߹

    View Slide

  31. ΰϛ͸࡞Γͨ͘ͳ͍

    View Slide

  32. 69Λ࣮ફ͢Δɻ
    w 4805෼ੳ
    w 1෼ੳ
    w ΠϯλϏϡʔ΍Ξϯέʔτௐࠪ
    w ϖϧιφઃఆγφϦΦ
    w δϟʔχʔϚοϓͷ࡞੒
    w ίϯςϯπϦετˍαΠτϚοϓ࡞੒
    w ϫΠϠʔϑϨʔϜ࡞੒
    w ϓϩτλΠϐϯάʢςετʣɹFUDʜʜ
    ͓٬༷ͱϫʔΫγϣοϓ
    Ͱ͖Δ͚ͩؤுΔ
    ࣾ಺Ͱࢿྉ࡞੒

    ʢ(PPHMFεϓϨουγʔτʣ
    9%Ͱ࡞͍ͬͯ·͢

    View Slide

  33. ίϯςϯπϦετͷ͝঺հ

    View Slide

  34. ग़དྷ্͕ͬͨ΋ͷʢԾઆʣʹର͠ɺ
    ௐࠪɾݕূͯ͠ɺ1%$"αΠΫϧΛ·Θ͢
    ʁ
    ʁ
    Ծઆ 1%$"

    View Slide

  35. 69JT-07&
    େࣄͳͷ͸ɺ
    ݁Ռ͕͙͢ग़ͳͯ͘΋ఘΊͳ͍͜ͱɻ
    Ѫ৘Λ࣋ͬͯϓϩμΫτΛҭͯΑ͏ɻ

    View Slide

  36. ࠓޙͷల๬

    View Slide

  37. ΈΜͳͰ69ʹ͍ͭͯ
    ߟ͍͖͍͑ͯͨɻ

    View Slide

  38. ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠
    Facebook : @michiko.sg
    Twitter : @Mity

    View Slide