Šefe, smanjio sam web

899 views
814 views

Published on

Kako smanjiti web stranice za prikaz na mobilnim, malim zaslonima.

Published in: Technology, News & Politics
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
899
On SlideShare
0
From Embeds
0
Number of Embeds
18
Actions
Shares
0
Downloads
8
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

























  • Šefe, smanjio sam web

    1. 1. Šefe, smanjio sam web Stjepan Zlodi 24 sata digital d.o.o.
    2. 2. Uređaji Feature phones Smart phones PDA Tableti, televizori, konzole, auti, perilice
    3. 3. Sve je malo Mali ekrani Ograničena mogućnost unosa Slabi procesori, malo memorije Bandwidth Mazohizam
    4. 4. Zašto? 4.000.000.000 mobilnih uređaja u svijetu
    5. 5. Samo zamijeniš media=”screen” u media=”handheld” Mobilnim korisnicima se fućka za 95% sadržaja vaših stranica
    6. 6. Mobilizirati, a ne smanjiti Uređaj stalno s korisnikom Svjestan lokacije Drugačije iskustvo Kontekst je važan Više mogućnosti nego što mislite
    7. 7. Analiza Zašto sadržaj treba biti mobilan? Smislenost mobilnog sadržaja? Brzi razvoj ili novo iskustvo?
    8. 8. Što? Koji su ciljevi? Nove poslovne mogućnosti, inovacije Mogu li korisnici imati koristi od mobilne prezentacije?
    9. 9. Usmjerenost Što hoće korisnici? Tekstualni izbornik, lokacija, smjer, kontakt informacije
    10. 10. Istražite Kako i kada korisnici koriste mobilne uređaje? Upoznajte korisnika, njegove potrebe, razgovarajte
    11. 11. Korisnici Slučajni namjernik Vjerni posjetitelj Hitni slučaj
    12. 12. Ograničenja Mobilni Internet je spor Greške su skupe - navigacija mora biti jasna i nedvosmislena Jednostavnost
    13. 13. 5 brzih pravila Ograničiti izbor, mali broj linkova Accesskeys, dovoljno veliki linkovi OL za navigaciju Back link na početku i kraju Smanjiti broj klikova
    14. 14. Tehnologija Zaboravite WML XHTML Mobile Profile / XHTML Basic / Wireless CSS XHTML
    15. 15. Web dizajn Različite veličine ekrana Default veličina 240px Prilagođavanje Standardi i fleksibilnost
    16. 16. Praktično Encoding - utf-8 Doctype Naslov CSS Caching
    17. 17. Urednost Ispravno formatiran kod Validatori Izbjegavati tablice Zaboravite frameove No pop-up
    18. 18. Obrasci Ograničiti unos samo potrebnih znakova Oprezno s formama - koristiti što manje Linkajte telefonske brojeve tel: +3859923100
    19. 19. Slike Ne smiju biti prevelike Da li su uopće potrebne? Stranice bez slika Definirati veličinu i alt tekst
    20. 20. Vrijeme je za kolače Kolačići su problematični No Splash Screen Kratki urlovi Pažljivo s bojama
    21. 21. Dogodilo se... click, load, unload, submit, reset scroll mouse
    22. 22. Ajax? Opera Mobile (ne Opera Mini), IE Mobile, S60 3rd (WebKit), Minimo, OpenWave, NetFront, Safari Mobile
    23. 23. Testiranje Desktop Emulatori Uređaji Korisnici
    24. 24. Domena? .mobi? m.domena.hr i.domena.hr
    25. 25. Hvala!

    ×