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

1. Šefe, smanjio sam
web
Stjepan Zlodi
24 sata digital d.o.o.

2. Uređaji
Feature phones
Smart phones
PDA
Tableti,
televizori,
konzole, auti,
perilice

3. Sve je malo
Mali ekrani
Ograničena
mogućnost unosa
Slabi procesori,
malo memorije
Bandwidth
Mazohizam

4. Zašto?
4.000.000.000
mobilnih uređaja u
svijetu

5. Samo zamijeniš
media=”screen” u
media=”handheld”
Mobilnim
korisnicima se
fućka za 95%
sadržaja vaših
stranica

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. Analiza
Zašto sadržaj
treba biti
mobilan?
Smislenost
mobilnog sadržaja?
Brzi razvoj ili
novo iskustvo?

8. Što?
Koji su ciljevi?
Nove poslovne
mogućnosti,
inovacije
Mogu li korisnici
imati koristi od
mobilne
prezentacije?

9. Usmjerenost
Što hoće
korisnici?
Tekstualni
izbornik,
lokacija, smjer,
kontakt
informacije

10. Istražite
Kako i kada
korisnici koriste
mobilne uređaje?
Upoznajte
korisnika, njegove
potrebe,
razgovarajte

11. Korisnici
Slučajni namjernik
Vjerni posjetitelj
Hitni slučaj

12. Ograničenja
Mobilni Internet
je spor
Greške su skupe -
navigacija mora
biti jasna i
nedvosmislena
Jednostavnost

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. Tehnologija
Zaboravite WML
XHTML Mobile
Profile / XHTML
Basic / Wireless
CSS
XHTML

15. Web dizajn
Različite veličine
ekrana
Default veličina
240px
Prilagođavanje
Standardi i
fleksibilnost

16. Praktično
Encoding - utf-8
Doctype
Naslov
CSS
Caching

17. Urednost
Ispravno
formatiran kod
Validatori
Izbjegavati
tablice
Zaboravite
frameove
No pop-up

18. Obrasci
Ograničiti unos
samo potrebnih
znakova
Oprezno s formama
- koristiti što
manje
Linkajte
telefonske brojeve
tel: +3859923100

19. Slike
Ne smiju biti
prevelike
Da li su uopće
potrebne? Stranice
bez slika
Definirati
veličinu i alt
tekst

20. Vrijeme je za kolače
Kolačići su
problematični
No Splash Screen
Kratki urlovi
Pažljivo s bojama

21. Dogodilo se...
click, load,
unload, submit,
reset
scroll
mouse

22. Ajax?
Opera Mobile (ne
Opera Mini), IE
Mobile, S60 3rd
(WebKit), Minimo,
OpenWave,
NetFront, Safari
Mobile

23. Testiranje
Desktop
Emulatori
Uređaji
Korisnici

24. Domena?
.mobi?
m.domena.hr
i.domena.hr

25. Hvala!