タブレットファーストと マルチデバイスUI

Adobe XDUG 大阪でお話した「タブレットファーストと マルチデバイスUI」です。前回のスライドより少しボリュームアップしています。

Transcript

2. λϒϨοτϑΝʔετͱ
   ϚϧνσόΠε6*
3. :"5 σβΠϯίϛϡχςΟ
 ʮσβΠϯϑϩϯτʯओ࠵ ϑϦʔϥϯε
   σβΠφʔσϕϩούʔ
   :"5ͷCMPHΛӡӦ
4. :"5ͷ#MPH
11. ࢓ࣄ಺༰ w αΠτͷઃܭɾσβΠϯ
    w 69σβΠϯ
    w ϑϩϯτΤϯυɺ
    όοΫΤϯυ
    w 8PSE1SFTT
    w ϥΠςΟϯά
    w ࣸਅࡱӨ w 6*σβΠϯ
    w ϚʔΫΞοϓɾίʔσΟϯά
    w αʔόʔαΠυ
    w ίϯαϧςΟϯά
    w ηϛφʔɺ
    Πϕϯτओ࠵
    w ಈըࡱӨɾฤू
    
12. "EPCF
    9%ͷϑΣʔζ w αΠτͷઃܭɾσβΠϯ
    w 69σβΠϯ
    w ϑϩϯτΤϯυɺ
    όοΫΤϯυ
    w 8PSE1SFTT
    w ϥΠςΟϯά
    w ࣸਅࡱӨ w 6*σβΠϯ
    w ϚʔΫΞοϓɾίʔσΟϯά
    w αʔόʔαΠυ
    w ίϯαϧςΟϯά
    w ηϛφʔɺ
    Πϕϯτओ࠵
    w ಈըࡱӨɾฤू
    
13. λϒϨοτϑΝʔετʁ
14. ͜Μͳ͜ͱͳ͍Ͱ͔͢ʁ
15. λϒϨοτͷσβΠϯ͕ͳ͍ w εέδϡʔϧͷ౎߹
    w ༧ࢉͷ౎߹
    w λϒϨοτϢʔβʔ͕গͳ͍
16. λϒϨοτϢʔβʔ͕গͳ͍
17. ༧૝͞ΕΔݟղ ࢖͍ͮΒ͍ εϚʔτϑΥϯͰॆ෼ ͔ͬ͠ΓݟΔͳΒ1$
18. ͦͷઌΛߟ͑Δ w λϒϨοτͰ͸࢖͍ͮΒ͍ͩΖ͏ͱ͍͏ϢʔβʔͷԱଌ
    w ෳ਺ਓͰݟΔࡍʹλϒϨοτ͸རศੑ͕ߴ͍
    w Ͳ͏͍͏৔ॴͰͦͷαʔϏεΛར༻͢Δͷ͔
19. ௚ײతͳ6*Λ
    ߟ͑ͯΈΑ͏ σϞ
20. w ΩʔϘʔυΛ࢖͏λΠϛϯάͰ΋λοϓͰ͖Δ΋ͷΛ༻ҙ͢Δ
    w ͳΔ΂͘νΣοΫϘοΫε΍ϥδΦϘοΫεͳͲΛ༻ҙ͢Δ
    w ਺ࣈೖྗʹมΘΔ෺Λߟ͑Δ
21. ϨεϙϯγϒϞʔυ ΢Οϯυ΢Մม࣌ͷڍಈΛߟྀ͠ͳ͕ΒσβΠϯͰ͖Δ ઃఆύωϧ
22. ϨεϙϯγϒϞʔυ ΢Οϯυ΢Մม࣌ͷڍಈΛߟྀ͠ͳ͕ΒσβΠϯͰ͖Δ
24. ࢖͏γʔϯΛ૝ఆ͢Δ
28. ϚϧνσόΠεΛߟ͑΍͍͢
29. ϚϧνσόΠεΛߟ͑΍͍͢
30. ϒϨʔΫϙΠϯτ w J1BE
    .JOJ
    w J1BE
    w J1BE
    
    w J1BE
    
    w J1BE
    
    w J1BE
    "JS
    w J1BE
    "JS
    
    w J1BE
    1SP
     
    Y
     w J1BE
    1SP
    
    w J1BE
    "JS ੈ୅ w J1BE
    1SP
     w J1BE
    1SP
     
    Y
     Y Y
31. ϒϨʔΫϙΠϯτ w J1IPOF
    4&
 ϥϯυεέʔϓ 
    Y
     ΋͘͠͸
32. ϒϨʔΫϙΠϯτ https://qiita.com/tomohisaota/items/f8857d01f328e34fb551 ࢀߟʹ J1IPOFJ1BE"QQMF
    8BUDIղ૾౓ ը໘αΠζ ૣݟද2JJUB https://hashimotosan.hatenablog.jp/entry/2019/05/28/164834 ϨεϙϯγϒσβΠϯͷϒϨΠΫϙΠϯτͷਖ਼ղ͸͜Εͩͬͨ<࠷৽൛>
33. ·ͱΊ w Ϣʔβʔ͕গͳ͍͚ͩͰ൑அ͍͍͔ͯ͠͸Α͘ߟ͑Δ
    w λονσόΠε޲͚ͷ6*͸1$Ͱ΋༏Ґ
    w ֤σόΠεʹΑͬͯϢʔβʔͷγʔϯ͸ҟͳΔ
    w ϨεϙϯγϒͷࠩҟΛߟ͑΍͍͢
34. λϒϨοτϑΝʔετ
    ͓͢͢ΊͰ͢
35. 6*ͷࢀߟʹ https://www.tripadvisor.jp/ τϦοϓΞυόΠβʔ https://www.expedia.co.jp/ ΤΫεϖσΟΞ
36. ࠂ஌ DESIGNFRONT
37. σβΠϯϑϩϯτ wσβΠϯ͕޷͖
    wσβΠϯʹڵຯ͕͋Δ ͦΜͳਓୡ͕ू·ΔίϛϡχςΟ
38. σβΠϯϑϩϯτ IUUQTEFTJHOGSPOUDPOOQBTTDPNFWFOU
39. GBDFCPPLϖʔδ IUUQTXXXGBDFCPPLDPNHSPVQTEFTJHOGSPOU
40. ͝ਗ਼ௌ༗೉͏͍͟͝·ͨ͠ @yat8823jp wp.yat-net.com ブログ