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

PC同様の情報量と使い勝手をモバイルで確保するために / To keep the same amount of information and usability on mobile as PC

もりてつ
November 26, 2019

PC同様の情報量と使い勝手をモバイルで確保するために / To keep the same amount of information and usability on mobile as PC

2019年11月26日に行われたUX JAM in OSAKA 02でのLT「PC同様の情報量と使い勝手をモバイルで確保するために」のスライドです。

もりてつ

November 26, 2019
Tweet

More Decks by もりてつ

Other Decks in Programming

Transcript

  1. 1$ಉ༷ͷ৘ใྔͱ࢖͍উखΛ
    ϞόΠϧͰ֬อ͢ΔͨΊʹ
    גࣜձࣾάϥουΩϡʔϒ
    ৿Ӭ఩ฏ
    ɹ69+".JO04","

    View full-size slide

  2. 69+".JO04","
    ಺༰

    w ࣗݾ঺հ
    w 1$͔ΒϞόΠϧ΁
    w ϞόΠϧͰͷऩΊํ
    w ࠓޙͷల๬ɺ՝୊
    w ·ͱΊ

    View full-size slide

  3. 69+".JO04","
    ࣗݾ঺հ

    w ৿Ӭ఩ฏ ΋Γͯͭ

    w גࣜձࣾάϥουΩϡʔϒ

    ϓϩϞʔγϣϯ౷ׅຊ෦

    ϓϩμΫτ։ൃ෦

    ϑϩϯτΤϯυεϖγϟϦετ
    w ిػϝʔΧʔˠιϑτ΢ΣΞϝʔΧʔˠݱ৬
    w ஀ੜ೔ɿ݄೔
    w झຯɿίϯτϥόεɺήʔϜɺύζϧɺFUD
    ˠࠓ೔ʂ

    View full-size slide

  4. 69+".JO04","
    1$͔ΒϞόΠϧ΁

    ۙ೥ϞόΠϧʹΑΔΞΫηε͕1$Λ্ճΔ

    View full-size slide

  5. 69+".JO04","
    1$͔ΒϞόΠϧ΁

    ɹޗഐʬΘ͕͸͍ʭ͸ೣͰ͋Δɻ໊લ͸·ͩແ͍ɻ
    ɹͲ͜ͰੜΕ͔ͨͱΜͱݟ౰ʬ͚Μͱ͏ʭ͕͔ͭ͵ɻ
    ԿͰ΋ബ҉͍͡Ί͡Ίͨ͠ॴͰχϟʔχϟʔٽ͍͍ͯͨ
    ࣄ͚ͩ͸هԱ͍ͯ͠Δɻޗഐ͸͜͜Ͱ࢝Ίͯਓؒͱ͍͏
    ΋ͷΛݟͨɻ͔͠΋͋ͱͰฉ͘ͱͦΕ͸ॻੜͱ͍͏ਓ
    ؒதͰҰ൪ʛᘑѱʬͲ͏͋͘ʭͳछ଒Ͱ͋ͬͨͦ͏ͩɻ
    ͜ͷॻੜͱ͍͏ͷ͸࣌ʑզʑΛัʬ͔ͭ·ʭ͑ͯࣽʬʹʭ
    ͯ৯͏ͱ͍͏࿩Ͱ͋Δɻ͔ͦ͠͠ͷ౰࣌͸Կͱ͍͏ߟ
    ΋ͳ͔͔ͬͨΒผஈڪ͍͠ͱ΋ࢥΘͳ͔ͬͨɻͨͩ൴
    ͷঠʬͯͷͻΒʭʹࡌͤΒΕͯεʔͱ্࣋ͪ͛ΒΕͨ࣌
    ɹޗഐʬΘ͕͸͍ʭ͸ೣͰ
    ͋Δɻ໊લ͸·ͩແ͍ɻ
    ɹͲ͜ͰੜΕ͔ͨͱΜͱݟ
    ౰ʬ͚Μͱ͏ʭ͕͔ͭ͵ɻ
    ԿͰ΋ബ҉͍͡Ί͡Ίͨ͠
    ॴͰχϟʔχϟʔٽ͍͍ͯ
    ͨࣄ͚ͩ͸هԱ͍ͯ͠Δɻ
    ޗഐ͸͜͜Ͱ࢝Ίͯਓؒͱ
    ͍͏΋ͷΛݟͨɻ͔͠΋͋
    ͱͰฉ͘ͱͦΕ͸ॻੜͱ͍
    ͏ਓؒதͰҰ൪ʛᘑѱʬͲ
    ͏͋͘ʭͳछ଒Ͱ͋ͬͨͦ
    ͏ͩɻ͜ͷॻੜͱ͍͏ͷ͸
    ࣌ʑզʑΛัʬ͔ͭ·ʭ͑
    ͯࣽʬʹʭͯ৯͏ͱ͍͏࿩
    Ͱ͋Δɻ
    ৘ใΛݟΔखஈ͸1$͔ΒϞόΠϧ΁
    ςΩετɿʮޗഐ͸ೣͰ͋ΔʯՆ໨ᕸੴ ੨ۭจݿΑΓ

    View full-size slide

  6. 69+".JO04","
    1$͔ΒϞόΠϧ΁

    ʲσʔλͷྫʳ
    ϓϩ໺ٿυϥϑτձٞ
    ྺ୅ࢦ໊બखҰཡ
    IUUQTTQBJBKQCBTFCBMMOQCESBGUBSDIJWF
    σʔλͷҰཡΛϞόΠϧͰ֬ೝ͍ͨ͠

    View full-size slide

  7. 69+".JO04","
    1$͔ΒϞόΠϧ΁

    ͦͷ··ೖΕΑ͏ͱ͢Δͱ
    ʜʜ౰વೖΓ੾Βͳ͍
    ແཧ΍Γॖখ͢Δͱ
    ʜʜಡΊͳ͍

    View full-size slide

  8. 69+".JO04","
    1$͔ΒϞόΠϧ΁

    ৘ใྔͱ࢖͍উख͸ม͑ͣʹ
    σʔλͷҰཡΛϞόΠϧͰ֬ೝ͍ͨ͠

    ʜʜͲ͏͢Δʁ

    View full-size slide

  9. 69+".JO04","
    ϞόΠϧͰͷऩΊํ

    )5.-$44ͷ޻෉Ͱ࣮ݱ
    ํ๏͸͍Ζ͍Ζ͋Γ·͕͢
    ࠓճ͸୅දతͳ΋ͷͭΛ঺հ͠·͢

    View full-size slide

  10. 69+".JO04","
    ϞόΠϧͰͷऩΊํ

    ํ๏ᶃɿ

    ߦ·ͨ͸ྻͣͭ෼ղɺදࣔ͢Δ
    ޿ౡ
    Ґ খԂɹւే
    Ґ ౡ಺ɹᰜଠ࿠
    Ґ ྛɹߊଡ
    Ґ தਆɹ୓౎
    Ґ ాதɹ๏඙
    Ґ ਖ਼ᬋɹ༏໻
    Ґ Ӌ݄ɹོଠ࿠
    1$ˠEJTQMBZUBCMFͳͲ ϞόΠϧˠEJTQMBZqFYͳͲ

    View full-size slide

  11. 69+".JO04","
    ϞόΠϧͰͷऩΊํ

    ํ๏ᶄɿ
    ࠨ୺ͷྻΛݻఆͯ͠ԣεΫϩʔϧ
    ࠨ୺͸ݻఆˠ
    ྻ໨ΑΓӈଆ͸
    εϫΠϓͰԣεΫϩʔϧ
    w ࠨ୺ͱӈଆͰ

    ίϯςϯπΛ෼ׂ
    w ӈଆʹ

    PWFSqPXYϓϩύςΟͰ

    εΫϩʔϧઃఆ

    View full-size slide

  12. 69+".JO04","
    ϞόΠϧͰͷऩΊํ

    ͲͪΒ͕ྑ͍͔ʁ ˠσʔλྔ࣍ୈ
    ޿ౡ
    Ґ খԂɹւే
    Ґ ౡ಺ɹᰜଠ࿠
    Ґ ྛɹߊଡ
    Ґ தਆɹ୓౎
    Ґ ాதɹ๏඙
    Ґ ਖ਼ᬋɹ༏໻
    Ґ Ӌ݄ɹོଠ࿠
    ͋·Γଟ͘ͳ͍৔߹
    ˠߦྻ͝ͱʹ෼ղ
    ଟ͍৔߹
    ˠࠨ୺ݻఆԣεΫϩʔϧ

    View full-size slide

  13. 69+".JO04","
    ϞόΠϧͰͷऩΊํ

    ϘπʹͳͬͨҊ
    ԣํ޲΁ͷεϫΠϓ࣌
    ˠࠨ୺Λݻఆ
    ॎํ޲΁ͷεϫΠϓ࣌
    ˠ্୺Λݻఆ

    View full-size slide

  14. 69+".JO04","
    ϞόΠϧͰͷऩΊํ

    ϘπʹͳͬͨҊ
    Ұݟྑͦ͞͏ͩͬͨ΋ͷͷʜʜ
    ࣼΊʹ΋ಈ͍ͯ͠·͍҆ఆͤͣ
    ։ൃதͷஈ֊Ͱ

    ϝϯόʔ಺ͷධ൑͕͍·͍ͪ

    View full-size slide

  15. 69+".JO04","
    ࠓޙͷల๬ɺ՝୊

    $44ͷਐԽ
    QPTJUJPOTUJDLZ
    ߦྻ͝ͱʹ෼ղ͢ΔํࣜͰ
    ಛʹ༗ޮ ʁ

    εΫϩʔϧ͢Δͱ
    ݻఆ͞ΕΔ
    ը໘αϯϓϧɿ

    IUUQTEFWFMPQFSNP[JMMBPSHKBEPDT8FC$44QPTJUJPO4UJDLZ@QPTJUJPOJOH

    View full-size slide

  16. 69+".JO04","
    ࠓޙͷల๬ɺ՝୊

    ࠓޙͷ ϓϩδΣΫτ಺Ͱͷ
    ՝୊
    $+.ɺϢʔβϏϦςΟςετͳͲ
    69ͷπʔϧΛ׆༻͢Δମ੍ͷཱ֬
    ςετɺϨϏϡʔ౳ͷମ੍ Ϧιʔε
    ෆ଍
    ʮϞόΠϧϑΝʔετʯ΁ͷҠߦଅਐ
    ʮ1$Ͱදࣔ͞Ε͍ͯΔ΋ͷΛऩΊΔʯͰ͸ͳ͘
    ·ͣʮσʔλΛεϚϗʹऩΊΔʯ͜ͱ͔Βߟ͑Δ

    View full-size slide

  17. 69+".JO04","
    ·ͱΊ

    w )5.-$44ͷ޻෉࣍ୈͰϞ
    όΠϧͰ΋1$ಉ༷ͷ৘ใྔͱ
    ࢖͍উखΛ֬อͰ͖·͢
    w ํ๏͸͍Ζ͍Ζ͋Γ·͕͢σʔ
    λྔͳͲʹԠͯ͡ద੾ͳํ๏
    Λબͼ·͠ΐ͏
    w ୲౰ऀؒ΍ϢʔβʔͷϨϏϡʔ
    ΋ํ๏ݕ౼ɺ൑அࡐྉͱͯ͠
    ॏཁͰ͢

    View full-size slide


  18. ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ
    IUUQTTQBJBKQ

    View full-size slide