Optimizacija za mobitele - androide

Web dizajn i grafika
1

Nisam siguran što to znači optimizacija za mobitele pa vas molim da mi to netko pojasni i što mi je najvažnije da napravim (promijenim) na već postojećim web stranicama kako bi ih bilo lakše pregledavati na mobitelima.
Hvala

2

Prilagoditi postojeće stranice tako da:

  1. budu upotrebljive i izgledaju dobro na ekranu širine 320px
  2. budu upotrebljive pri korištenju prsta umjesto miša
  3. ne žderu previše preskupog internet prometa
  4. da očuvaju upotrebljivost i dobar izgled na ekranima širine 1200px

I to bi uglavnom bilo to.

3

Ukratko što ti je gambo htio reći ti je responsive design. pogledaj malo ovo:
A Book Apart, Responsive Web Design
Beginner’s Guide to Responsive Web Design - Treehouse Blog
Responsive web design - Wikipedia, the free encyclopedia
A List Apart: Articles: Responsive Web Design

Mislim da ti je ovo za početak dovoljno informacija.

4

[quote=“gambo”]Prilagoditi postojeće stranice tako da:

  1. budu upotrebljive i izgledaju dobro na ekranu širine 320px
  2. budu upotrebljive pri korištenju prsta umjesto miša
  3. ne žderu previše preskupog internet prometa
  4. da očuvaju upotrebljivost i dobar izgled na ekranima širine 1200px

I to bi uglavnom bilo to.[/quote]

Zaboravio sam još jednu stvar:

  1. da se vodi računa o (ne)mogućnostima mobitela.

Npr. na iPhoneu Flash neće raditi, a nemaju ga ni svi Androidi instaliranog, ali zato smartphoni mogu pozivati telefonske brojeve koje se stavi u “a href”.

Aha. Responsive design sa CSS3 media queries je najbolji način za postizanje onoga pod 1. i 4.
Baš ovih dana radim responsive design za jedan svoj stari sajt… :kava:

5

Hvala… hm, tko će sad sve mijenjat :frowning:

6

Ne moras sve mjenjati, napravi mobilnu verziju site-a, napravi provjeru jel posjetitelj došao preko mobitela na site, ako je redirektaj ga na mobilnu verziju.

7

Kako ću provjeriti da li je posjetitelj došao mobitelom na web site?

8

Evo php riješenje za to

9

Baš sam htjeo napisati da kakav CSS3 i media query dok 30% hrvata surfa na IE 6/7… al provjerio statistiku i ove godine je to samo 2% - dobar napredak u 2 godine kad sam zadnji put provjeravao. Napokon mogu odinstalirati IE Tester :slight_smile: (iako se može složiti fluidni web za androdid, novi FF i IE6)
Radi se o većem siteu s generalnom populacijom, možda da malo naginju onoj s više para. Zanima me ima li još netko relevante statistike?

  1. Firefox 34,94%
  2. Chrome 28,30%
  3. Internet Explorer 19,52%
  4. Safari 6,91%
  5. Android Browser 4,58%
  6. Opera 4,24%
  7. Opera Mini 0,80%
  8. Mozilla Compatible Agent 0,25%
  9. Safari (in-app) 0,23%
  10. Mozilla 0,06%

Od čega IE

  1. 8.0 50,13%
  2. 9.0 38,34%
  3. 7.0 9,32%
  4. 6.0 1,88%
  5. 10.0 0,32%
10

Na mojem sajtu za koji upravo radim responzivni redizajn, 62,20% posjetitelja je iz Češke, 16,54% iz Hrvatske.
Na tom sajtu, IE7/IE6 su imali ovakav udio (u kolovozu, u zadnje tri godine):
kolovoz 2010. 10,8% / 6,4%
kolovoz 2011. 5,8% / 2,2%
kolovoz 2012. 2,0% / 0,4%

Prema StatCounter Global Stats - Browser, OS, Search Engine including Mobile Market Share

u Hrvatskoj IE7/IE6 su imali ovakav udio:
kolovoz 2010. 8,36% / 5,01%
kolovoz 2011. 3,22% / 1,39%
kolovoz 2012. 0,68% / 0,17%

a u Češkoj IE7/IE6 su imali ovakav udio:
kolovoz 2010. 8,59% / 3,73%
kolovoz 2011. 2,89% / 0,92%
kolovoz 2012. 0,62% / 0,11%

ako pak gledamo cijelu Europu:
kolovoz 2010. 10,66% / 3,75%
kolovoz 2011. 3,99% / 1,26%
kolovoz 2012. 0,88% / 0,23%

Ako ne radimo sajtove za Kineze koji čine 1/4 internetske populacije i 1/2 svih korisnika IE6, možemo slobodno zaboraviti IE6.

BTW sa
https://code.google.com/p/css3-mediaqueries-js/
media query i responsivni dizajn radi i u IE 5 !!!

BTW2 koga briga ako responzivni dizajn ne radi u IE8 i starijim? Nema puno mobitela sa IE8, IE7, IE6… pa da im smeta što će vidjeti dizajn namijenjen za rezolucije 1024x768 i više.

BTW3 tek sad kad uspoređujem brojke vidim kako imam zaostalu publiku :frowning: