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

Understanding UX Design Proces - デザインリテラシーを高める方法

bookslope
October 29, 2022

Understanding UX Design Proces - デザインリテラシーを高める方法

2022年10月29日に、青森商工会議所で開催されたセミナー・イベント「Web活用トレンドDX(デラックス)」で講演したスライド。

bookslope

October 29, 2022
Tweet

More Decks by bookslope

Other Decks in Design

Transcript

  1. UNDERSTANDING 
 UX DESIGN PROCESS Mede by Takashi Sakamoto @bookslope

    69σβΠϯϓϩηεΛཧղ͢Δ Photo by Keith Hardy on Unsplash
  2. UNDERSTANDING UX DESIGN PROCESS ࡔຊو࢙ @bookslope εϚʔτϞϏϦςΟࣄۀਪਐࣨࣨ௕ 
 ৘ใઃܭɾ69σβΠϯ͕ઐ໳ྖҬ ΦϯϥΠϯίϛϡχςΟӡӦ

    
 دߘɾߨԋଟ਺ 
 ஶ࡞ʰ*"γϯΩϯάʱͳͲ ౦ژࡏॅͷσβΠφʔͰ͢ɻσδλϧϓϩμΫτʹ͓͚Δʮ৘ใΞʔΩςΫνϟʯ ΍ʮ69σβΠϯʯͳͲΛֶͼɺݱࡏ͸ʮϞϏϦςΟʯ΍ʮ.BB4ʯʹ͓͚Δࣄۀ ։ൃɾαʔϏε։ൃʹܞΘ͍ͬͯ·͢ɻ
  3. ೔࢈ࣗಈं υοπ 2017 2019 ϦϯΫε ωοτΠϠʔ
 άϧʔϓ 2000 2002 ύΠφοϓϧ


    Χϯύχʔ ϰΠϩδοΫ 1999 1999 JDS 1997 2001 1995 େࡕ ౦ژ 2021 ݱࡏ UNDERSTANDING UX DESIGN PROCESS Career άϥϑΟοΫ 
 σβΠφʔ 8FC 
 σβΠφʔ 8FC 
 σΟϨΫλʔ σδλϧશൠ 
 69σβΠφʔ ࣗಈं 
 69σβΠφʔ ϞϏϦςΟࣄۀ 
 ίϯαϧɾऔࡐ 8FC 
 σΟϨΫλʔ Πϯϋ΢ε
  4. UNDERSTANDING UX DESIGN PROCESS ϙελʔ %51 σεΫτοϓ 8FC εϚϗ "QQ

    ࣗಈं ).* మಓ .BB4 ؍ޫ 4NBSU$JUZ ύοέʔδ Designing for …
  5. 69 γφϦΦ ϖϧιφ ϢʔβʔମݧΛࢦ͢ɻফඅऀͷମݧͱͯ͠ϚʔέςΟϯάͰ͸$9ͳͲ΋࢖ΘΕΔ͕ 69Ͱ౷Ұ͢Δɻ·ͨͦͷऔΓ૊ΈΛࢦͯ͠69σβΠϯͱݺͿɻ ͦͷαʔϏε΍ϓϩμΫτͷ໨తୡ੒·ͰͷεςοϓΛඳ͍ͨ΋ͷΛࢦ͢ɻར༻ঢ়گ ΛετʔϦʔʢ෺ޠʣʹͯ͠఻͑Δ৔߹ʹɺίϚອը෩ʹͨ͠΋ͷ͕ଟ͍ɻ Ϣʔβʔ૾Λ۩ମԽͨ͠΋ͷɻԾ૝ϢʔβʔͱݺͿ৔߹΋͋Δ͕ɺλʔήοτ૚ͱ͸ҟ ͳΓɺಛఆͷਓΛ୊ࡐʹ࢖༻͢Δ͜ͱ͕ଟ͍ɻσϞάϥͷ΄͔Ձ஋؍΍՝୊ͳͲݴٴɻ )$%

    ਓؒத৺ઃܭͷ͜ͱɻਓΛத৺ʹߟ͑ΒΕͨσβΠϯͷऔΓ૊ΈΛࢦ͢ɻԤभͰ͸ 6$%ͱ΋ݺ͹ΕΔ͕)$%Ͱ౷Ұ͢Δɻ *" ৘ใઃܭͷ͜ͱɻ৘ใΛ੔ཧ͠Ϣʔβʔʹ෼͔Γ΍͘͢఻͑ΔߦҝɺϢʔβʔ͕৘ใ Λ୳͠΍͘͢͢ΔߦҝͳͲΛࢦ͢ɻ $+. ސ٬ͷߦಈΛδϟʔχʔʢཱྀʣʹݟཱͯͨϑϨʔϜϫʔΫͷ͜ͱɻ঎඼΍αʔϏεΛ ೝ஌͠ɺڵຯΛ࣋ͪɺߪೖ΍ਃ͠ࠐΈʹ౸ୡ͢Δ·ͰͷߦಈΛਤࣜԽͨ͠΋ͷɻ UNDERSTANDING UX DESIGN PROCESS
  6. Service Design ϞϊͱαʔϏεͱ͕ผʑͰ͸ͳ͘ɺ αʔϏεͷதʹϞϊؚ͕·Ε͓ͯ ΓɺҰମԽͯ͠੾Γ཭ͤͳ͍ߏ଄Λ αʔϏευϛφϯτϩδοΫͱݺ Ϳɻ UNDERSTANDING UX DESIGN

    PROCESS Ϟϊ αʔϏε Ϟϊ αʔϏε 4%-4FSWJDF%PNJOBOU-PHJD (%-(PPET%PNJOBOU-PHJD by αʔϏεɾυϛφϯτɾϩδοΫͷൃ૝ͱԠ༻
  7. Outcome ͨͱ͑͹ɺཱྀߦ༧໿αΠτͷσβΠϯ Ͱ͋Ε͹ɺ࣮ࡍʹཱྀߦʹߦ͘·͑ʹ ޱίϛ౳Λݟͯڵຯؔ৺ΛߴΊɺ༧ ໿͠ʹདྷΒΕ·͢ɻ·ͨɺͦΕ͸༧໿ ͕໨తͱݴ͏ΑΓɺཱྀߦʹߦͨ͘Ί ͷखஈͱͯ͠༧໿Λ͢Δͱ͍͏͜ͱ ʹͳΓ·͢ɻ UNDERSTANDING UX

    DESIGN PROCESS ޱίϛ ϝσΟΞͰ஌Δ ཱྀߦʹߦ͘ ϨϏϡʔ ཱྀߦ༧໿ αΠτ ڵຯ ೝ஌ ڞ༗ "55&/5*0/ */5&3&45 4)"3& ໨త 0#+&$5*7& खஈ "$$&44 Ͳ͔͜ΒΞΫηε͔ͨ͠ Ͳ͏͍͏ߦಈΛͱ͔ͬͨ
  8. 5 LAYERS ++(ͷʮ69Λߏ੒͢Δͭͷஈ֊ʯͰ ߟ͑Δͱɺ༏ΕͨσβΠφʔ͸͜ΕΒ ͷ޻ఔ͢΂ͯΛ͍ͯ͠Δ͜ͱ͕Θ͔ Δɻ σβΠϯ࡞ۀͱ͸ද૚෦෼͚ͩΛࢦ ͢͜ͱͰ͸ͳ͍ɻ ཁ݅ ߏ଄

    ࠎ֨ ද૚ ઓུ ίϯςπɾػೳ ৘ใΞʔΩςΫνϟ ΠϯλϥΫγϣϯσβΠϯ ϏδϡΞϧσβΠϯ χʔζɾ໨త UNDERSTANDING UX DESIGN PROCESS By Jesse James Garrett “Elements of User Experience”
  9. UX Research σβΠϯ޻ఔΑΓલͷஈ֊ʹ͓͍ͯɺ Ќ൛ϓϩτλΠϐϯάͰɺ࣮ࡍʹυ ϥΠόʔΛ؍࡯͢Δ69ϦαʔνΛ࣮ ࢪͨ͠ྫʢ6CFSʣ σβΠϯ اը ࣮ݧ ։ൃ

    By Grace Vorreuter and new driver research participant in car testing in San Francisco UNDERSTANDING UX DESIGN PROCESS
  10. HCD Process *40ʢ+*4;ʣΠϯλϥ ΫςΟϒγεςϜͷਓؒத৺ઃܭϓϩ ηεΛࢦ͢ɻ )$%ͷਐΊํͷجຊ͸ɺ੡඼ͷߏ૝ ஈ֊͔Βର৅ϢʔβʔͱͦͷཁٻΛ໌ ֬ʹͯ͠ɺཁٻʹ߹ͬͨ΋ͷΛઃܭ ͠ɺຬ଍౓߹͍ΛධՁ͢Δ͜ͱͰ͢ɻ Ϣʔβʔͷཁٻ͕ຬͨ͞ΕΔ·Ͱɺ͜

    ΕΛ܁Γฦ͠·͢ɻ )$%ϓϩηε σβΠϯͷ࡞੒ ཁٻࣄ߲ͷ໌֬Խ ධՁ ˞)$%)VNBO$FOUFSFE%FTJHOͷུশ ར༻ঢ়گͷཧղ )$%ͷඞཁੑͷಛఆ 26 1 2 3 4 UNDERSTANDING UX DESIGN PROCESS
  11. UNDERSTANDING UX DESIGN PROCESS Design Literacy σβΠϯϦςϥγʔͱ͸ɺओʹσβΠ ϯͷ଄ܗཧ࿦ɺ੍࡞ͷϓϩηεɺྺ ࢙ɾจԽʹର͢Δ஌ࣝͳͲΛࢦ͢ઐ ໳༻ޠɻ

    
 ۙ೥͸ɺސ٬ମݧʹ͓͍ͯσβΠϯ͕ ॏཁࢹ͞Ε͍ͯΔྲྀΕΛड͚ɺσβΠ ϯϦςϥγʔΛϕʔεʹͨ͠൑அྗ͕ ٻΊΒΕ͍ͯ·͢ɻ σβΠφʔ͚ͩͰ͸ͳ͘ɺσβΠϯʹ ؔΘΔਓ͕࣋ͭ΂͖εΩϧͱ͍͑· ͢ɻ σβΠϯʹ͓͚Δ൑அྗ ͨͩͷࢥ͍͜Έ σβΠϯϦςϥγʔ ೝ஌όΠΞε
  12. Horai EMot my route LUUP aimo WHILL docomo bike share

    Multimodal Single-mode JR East JR East WILLERS Whim ANA Uber Special Public UNDERSTANDING UX DESIGN PROCESS
  13. LAYOUT PATTERN ϞϏϦςΟʢࣗಈंʣͷ).*σβΠϯ ͷτϨϯυͱͯͭ͠ͷϨΠΞ΢τύ λʔϯ͕͋Γ·͢ɻ /*0 1PMFTUBS %ZTPOʜ #:50/ 40/:

    )0/%"ʜ Meter + Infortainment Infortainment Meter ηύϨʔτܕ ίϯόΠϯܕ UNDERSTANDING UX DESIGN PROCESS