10. Desktop site / T-800
Ma még a legtöbb igényt képes kiszolgálni,
jól tervezhető, de sajnos nem elég időtálló…
11. Desktop site / T-800
Monitor kijelző (esetleg desktop és laptop), benne
Swarzi
A legkevesebb, amit tehetünk:
tegyük „érintésbaráttá”!
12. Mobil verzió / T-1
Kézenfekvő megoldásnak tűnik egy
mobilra optimalizált site elkészítése, de…
13. Mobil verzió / T-1 Wall-E
…ha nem csináljuk elég jól, könnyen
nevetségessé is válhatunk.
14. Natív alkalmazás / T-X
A natív alkalmazásokban számtalan lehetőség rejlik,
de nagyon sok az eltérő platform…
15. Natív alkalmazás / T-X
…ezért bár az appok nagyon trendik (és szexik), igen
magasak lehetnek a kivitelezés költségei.
16. Responsive design / T-1000
Mobil, tablet, desktop, benne T1000, mindegyikben
más kivágással, de ugyanaz a kép
A responsive design valahol félúton van a
desktop site és a natív alkalmazás között.
17. Responsive design / T-1000
Mobil, tablet, desktop, benne T1000, mindegyikben
más kivágással, de ugyanaz a kép
Nagyon jól alkalmazkodik a környezetéhez…
18. Responsive design / T-1000
Mobil, tablet, desktop, benne T1000, mindegyikben
más kivágással, de ugyanaz a kép
…elbánik a flexibilis rácsszerkezettel…
19. Responsive design / T-1000
Mobil, tablet, desktop, benne T1000, mindegyikben
más kivágással, de ugyanaz a kép
…és akár csempékben is tud gondolkodni.
36. Navigáció
Forrás: Sony USA – http://www.sony.com
37. Számos megoldás létezik
A. “Do Nothing” Approach
B. The Toggle
C. Select Menu
D. Footer Only
E. Footer Anchor
@brad_frost
F. Left Nav Flyout
G. “Hide and Cry”
47. Építkezzünk lépésenként!
1. Tegyük „érintőképernyő-baráttá” meglévő
desktop oldalunkat
2. Kezdjünk el responsive design szemlélettel
felépíteni egy mobil verziót
48. Építkezzünk lépésenként!
1. Tegyük „érintőképernyő-baráttá” meglévő
desktop oldalunkat
2. Kezdjünk el responsive design szemlélettel
felépíteni egy mobil verziót
3. Dobjuk ki a desktop oldalról, amiről az
előző lépés során kiderült, hogy felesleges