Optimizacija za mobitele - androide

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

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.

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.

[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:

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

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.

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

Evo php riješenje za to

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%

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:


Copyright © 2020 WM Forum - AboutContact - Sponsored by: Mydataknox & Webmaster.Ninja