0
Šefe, smanjio sam
       web
       Stjepan Zlodi
  24 sata digital d.o.o.
Uređaji
Feature phones

Smart phones

PDA

Tableti,
televizori,
konzole, auti,
perilice
Sve je malo
Mali ekrani

Ograničena
mogućnost unosa

Slabi procesori,
malo memorije

Bandwidth

Mazohizam
Zašto?


4.000.000.000
mobilnih uređaja u
svijetu
Samo zamijeniš

media=”screen” u
media=”handheld”

Mobilnim
korisnicima se
fućka za 95%
sadržaja vaših
stranica
Mobilizirati, a ne
     smanjiti
Uređaj stalno s
korisnikom

Svjestan lokacije

Drugačije iskustvo

Kontekst je važan

Viš...
Analiza

Zašto sadržaj
treba biti
mobilan?

Smislenost
mobilnog sadržaja?

Brzi razvoj ili
novo iskustvo?
Što?
Koji su ciljevi?

Nove poslovne
mogućnosti,
inovacije

Mogu li korisnici
imati koristi od
mobilne
prezentacije?
Usmjerenost

Što hoće
korisnici?

Tekstualni
izbornik,
lokacija, smjer,
kontakt
informacije
Istražite

Kako i kada
korisnici koriste
mobilne uređaje?

Upoznajte
korisnika, njegove
potrebe,
razgovarajte
Korisnici


Slučajni namjernik

Vjerni posjetitelj

Hitni slučaj
Ograničenja

Mobilni Internet
je spor

Greške su skupe -
navigacija mora
biti jasna i
nedvosmislena

Jednostavnost
5 brzih pravila
Ograničiti izbor, mali
broj linkova

Accesskeys, dovoljno
veliki linkovi

OL za navigaciju

Back link na p...
Tehnologija

Zaboravite WML

XHTML Mobile
Profile / XHTML
Basic / Wireless
CSS

XHTML
Web dizajn
Različite veličine
ekrana

Default veličina
240px

Prilagođavanje

Standardi i
fleksibilnost
Praktično

Encoding - utf-8

Doctype

Naslov

CSS

Caching
Urednost
Ispravno
formatiran kod

Validatori

Izbjegavati
tablice

Zaboravite
frameove

No pop-up
Obrasci
Ograničiti unos
samo potrebnih
znakova

Oprezno s formama
- koristiti što
manje

Linkajte
telefonske brojeve
tel: ...
Slike
Ne smiju biti
prevelike

Da li su uopće
potrebne? Stranice
bez slika

Definirati
veličinu i alt
tekst
Vrijeme je za kolače

 Kolačići su
 problematični

 No Splash Screen

 Kratki urlovi

 Pažljivo s bojama
Dogodilo se...

click, load,
unload, submit,
reset

scroll

mouse
Ajax?

Opera Mobile (ne
Opera Mini), IE
Mobile, S60 3rd
(WebKit), Minimo,
OpenWave,
NetFront, Safari
Mobile
Testiranje

Desktop

Emulatori

Uređaji

Korisnici
Domena?


.mobi?

m.domena.hr

i.domena.hr
Hvala!
Upcoming SlideShare
Loading in...5
×

Šefe, smanjio sam web

676

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
676
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
8
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

























  • Transcript of "Š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!
    1. A particular slide catching your eye?

      Clipping is a handy way to collect important slides you want to go back to later.

    ×