Tablet-first thinking - タブレットファーストの考え方

タブレットデバイスからUIを設計するメリットのお話です。

Transcript

1. λϒϨο τϑΝʔετͷߟ͑ํ %FTJHO
   )BDL
   /BHPZB
   
   
2. ϑϦʔϥϯε
   σβΠφʔσϕϩούʔ
   :"5ͷCMPHΛӡӦ :"5
3. ͓࢓ࣄ ϒϥϯσΟϯά σβΠϯ ઃܭ ίʔσΟϯά ϥΠςΟϯά όοΫΤϯυ αʔόʔαΠυ ϑϩϯτΤϯυ 8PSE1SFTT
4. ͓࢓ࣄ ϒϥϯσΟϯά σβΠϯ ઃܭ ίʔσΟϯά ϥΠςΟϯά όοΫΤϯυ αʔόʔαΠυ ϑϩϯτΤϯυ 8PSE1SFTT
5. ͜Μͳ͜ͱͳ͍Ͱ͔͢ʁ
6. λϒϨοτͷσβΠϯ͕ͳ͍ w εέδϡʔϧͷ౎߹
   w ༧ࢉͷ౎߹
   w λϒϨοτϢʔβʔ͕গͳ͍
7. λϒϨοτϢʔβʔ͕গͳ͍
8. ༧૝͞ΕΔݟղ ࢖͍ͮΒ͍ εϚʔτϑΥϯͰॆ෼ ͔ͬ͠ΓݟΔͳΒ1$
9. ͦͷઌΛߟ͑Δ w λϒϨοτͰ͸࢖͍ͮΒ͍ͩΖ͏ͱ͍͏ϢʔβʔͷԱଌ
   w ෳ਺ਓͰݟΔࡍʹλϒϨοτ͸ݟ΍͍͢͸ͣ
   w Ͳ͏͍͏γʔϯͰͦͷαʔϏεΛར༻͍ͯ͠Δ͔
10. ௚ײతͳ6*Λ
    ߟ͑ͯΈΑ͏ σϞ
11. w ΩʔϘʔυΛ࢖͏λΠϛϯάͰ΋λοϓͰ͖Δ΋ͷΛ༻ҙ͢Δ
    w ͳΔ΂͘νΣοΫϘοΫε΍ϥδΦϘοΫεͳͲΛ༻ҙ͢Δ
    w ਺ࣈೖྗʹมΘΔ෺Λߟ͑Δ
12. ࢖͏γʔϯΛ૝ఆ͢Δ
16. ϚϧνσόΠεΛߟ͑΍͍͢
18. ·ͱΊ w Ϣʔβʔ͕গͳ͍͚ͩͰ൑அ͍͍͔ͯ͠͸Α͘ߟ͑Δ
    w λονσόΠε޲͚ͷ6*͸1$Ͱ΋༏Ґ
    w ֤σόΠεʹΑͬͯϢʔβʔͷγʔϯ͸ҟͳΔ
    w ϨεϙϯγϒͷࠩҟΛߟ͑΍͍͢
19. ࠂ஌ DESIGNFRONT
20. σβΠϯϑϩϯτ wσβΠϯ͕޷͖
    wσβΠϯʹڵຯ͕͋Δ ͦΜͳਓୡ͕ू·ΔίϛϡχςΟ
21. σβΠϯϑϩϯτ IUUQTEFTJHOGSPOUDPOOQBTTDPNFWFOU
22. GBDFCPPLϖʔδ IUUQTXXXGBDFCPPLDPNHSPVQT
23. ͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ !ZBUKQ IUUQTXQZBUOFUDPN ϒϩά