mobilifiera sidan
 

Jag har sett att en sida jag har, börjar få mycket trafik från iphones och andra mobiler. En naturlig grej, men jag har inte anpassat sidan för den sortens trafik.
Finns det några enkla tips om hur man enkelt kan gör en sida med användarvänlig för sk smartphones?

Såg något med viewport som kanske kan vara värt att slänga in.

Men hur gör ni, i det enklaste, för att anpassa era sidor?

Bygg layouten mha en s.k. "responsive design". http://coding.smashingmagazine.com/2...ve-web-design/

jäkligt bra info där. En lite annorlunda approach som verkar göra jobbet. Tack för det.

Riktigt bra artikel, tack så mycket!
Det där borde man nog dyka djupare i när man har tid...

Jag använder nästan alltid MVC-ramverk när jag utvecklar nu och då brukar jag göra en egen view för mobilsidan. Känns nog som det ändå är att föredra om man jobbar med MVC-stukturen, men det här är ju riktigt fiffigt när man ska mobilanpassa en sida om inte gör det.

Det kan det vara i många fall, det kan vara information och annan skräpcontent som man med fördel kan plocka bort ur layouten så att det inte är lika mycket som överförs vid varje sidladdning.

Det knepiga tycker jag kommer när man tänker på andra storlekar än just mobiler; iPads, Samsungs 7" tablets etc. När ska man presentera den riktiga vs. den mobila vyn?

I en ipad förväntar sig nog de flesta en fullvärdig site. Men på en 7" tablet? En mobiltelefon i liggande format? Det är en diskussion / fundering man borde ta redan när man skapar sidan - inte när man gjort klart den "fulla" siten och ska göra en mobilanpassad dito. Det är lite detta responsive design handlar om också - designa utifrån innehållet, inte utifrån hårdvaran som innehållet ska läsas på.

Givetvis passar inte en responsiv design alla typer av siter, men i många fall är mängden data som behöver föras över det minsta problemet. Större problemområden är användbarhet och utseende, IMHO.

Det största felet som görs för mobil webb är att utseendet på sidan är det enda som förändras men att samma navigationsvägar och struktur ligger kvar. För vissa sajter fungerar det - för det mesta inte. Om fler skulle tänka såsom när de skapar appar när de skapar de mobila sajterna skulle det finnas mycket mindre behov av ersätta dom med just appar.

Jquery mobile är riktigt trevligt projekt för att förenkla skapandet av en kompetent mobilsajt för moderna mobiltelefoner. Använde det just för en appliknande mobilsajt och resultatet blev mycket bra - även om man får vara väldigt försiktig och testa _allt_ för att ramverket är i ett så tidigt stadium.

Vidare så tycker jag att man för 7" bör ha en annorlunda layout - det är väldigt lätt att se varför om man återigen tittar på app-världen. De apps som inte gjorts om för att dra nytta av skärmstorleken förlorar sina användare till de nya och användarvänliga tablet-versionerna. Konceptskisserna för jquery mobile har också det i åtanke och på t ex http://jquerymobile.com/designs/ kan man se en förhandstitt ... men jag vet inte om det faktiskt arbetet med produkten har påbörjats för användande på tablets ännu. Finns mycket annat som är mer brådskande kan iallafall jag titta efter min första erfarenhet med det.

Håller med om allt som sagts om jQuery Mobile. Det finns några små underligheter fortfarande eftersom det är så pass nytt men överlag är det mycket trevligt att arbeta med. Förhoppningsvis kommer behovet av att utveckla plattformsberoende appar att minska inom en nära framtid.