Fredag, d. 22. oktober, 2010 - 26 kommentarer

Mobile websites: Når facaden krakkelerer!

I sidste uge fik jeg allerede slået fast, at de mobile websites ikke bør overses.

Vi lever i et samfund, hvor det er svært at forestille sig en hverdag uden en eller anden form for mobil enhed lige ved fingerspidserne.

Sidst remsede jeg hovedsageligt op, hvad du bør overveje, når du kaster dig ud i et mobilt website.

Denne gang vil jeg i stedet for kigge på et godt kontra dårligt mobilt website.

Indholdsfortegnelse

  1. Når et mobilt website virker
  2. Når et mobilt website ikke virker
  3. Når et normalt website ikke virker mobilt
  4. Konklusion
  5. Afgiv en kommentar

1. Når et mobilt website virker

Lad os først og fremmeste kigge på et eksempel, jeg synes fungerer rigtig godt.

1.1 Sådan ser Dolce & Gabbana ud på PC/MAC:

Klik på billedet for at se et preview af DolceGabbana.com

dolcegabbana.com

1.2 Sådan ser Dolce & Gabbana ud på HTC Desire og iPhone:

Klik på billedet for at se et preview af DolceGabbana.mobi

dolcegabbana.mobi

2.3 Hvorfor er DolceGabbana.mobi et godt mobilt website?

2.3 Mulige features DolceGabbana.mobi kunne tilbyde

2.3 Øvrige fornuftige mobile websites

Jeg har listet en række mobile websites, der langt hen ad vejen også fungerer godt.

Ellers vil jeg også anbefale at smutte forbi Pebble Design, der umiddelbart har rigtig godt styr på at lave mobile websites.

Det bør også tilføjes, at nogle af disse mobile websites ligeledes findes i tilsvarende Apps eller omvendt. Eksempelvis fås IMDB som App til Android-mobilerne (måske også iPhone?), som langt hen ad vejen afspejler det mobile website eller omvendt.

Ligeledes har vi de sociale medier som Facebook og Twitter, der næpper tilgåes meget via deres mobile websites, men igennem Apps, der fungerer langt bedre i forhold til det mobile modstykke i deres website.

Ps: Jeg har hovedsageligt taget udgangspunkt i min egen smartphone, HTC Desire.

2. Når et mobilt website ikke virker

Jeg har ligeledes fundt et mobilt website, jeg ikke finder optimalt. Jeg har taget udgangspunkt i en større passion, nemlig det at gå i biografen. Det betyder derfor også, at jeg er i målgruppen for netop dette website.

Ja, jeg ejer jo som sagt en HTC Desire, og har prøvet/ejet Apple iPhone 4 og Sony Ericsson Xperia X10, så burde have en vis idé om deres kunnen og mine ønsker som smartphone-ejer.

Det bør dog bemærkes, at medtaget mobile website for tiden lader til at mangle en større del af sit indhold, hvilket blot gør oplevelsen endnu værre. Derfor kan det måske også diskuteres, om jeg skulle have brugt nedenstående som eksempel.

2.1 Sådan ser kino.dk ud på PC/MAC:

Klik på billedet for at se et preview af Kino.dk

kino.dk

2.2 Sådan ser mobil.kino.dk ud på HTC Desire og iPhone:

Klik på billedet for at se et preview af mobil.kino.dk

mobil.kino.dk

2.3 Hvorfor er mobil.kino.dk et dårligt mobilt website?

2.4 Hvad burde mobil.kino.dk tilbyde?

2.5 Mulige features, mobil.kino.dk kunne tilbyde

2.6 Hvad er alligevel ikke så skidt ved mobil.kino.dk?

Man kan spørge sig selv, hvorfor Kino.dk overhovedet er tilgængelig i en mobil-version? Skal man være tilgængelig for de mobile enheder for enhver pris? Er det virkelig bedre at være tilgængelig, hvis ikke man rigtigt kan tilbyde den ekstra værdi og service?

Nej, som jeg ser det, så skal du ikke blot være tilgængelig i en mobil-version af dit website, fordi smartphones er trendy. Nej, du skal selvfølgelig også kunne tilbyde den ekstra værdi og service, der ligger i at have en smartphone. Du skal benytte dig af de muligheder, disse enheder tilbyder – ikke blot være til stede i en ekstra, ubrugbar og skrabet version – som eksempelvis mobil.kino.dk.

2.7 Øvrige mobile websites, der ikke er gode nok

Jeg har også samlet en række mobile websites, der kunne trænge til lidt kærlighed.

Nogle af de nævnte fungerer nogenlunde acceptable, men kunne samtidig snildt forbedres til det bedre på 1-2 timers arbejde. Nogle af siderne behøver hovedsageligt blot bedre klikflader.

Ps: Jeg har hovedsageligt taget udgangspunkt i min egen smartphone, HTC Desire.

3. Når et normalt website ikke virker mobilt

I kender det nok, hvor i besøger et website, der endnu ikke er gjort klar til de mobile enheder. Websitet virker nogenlunde upåklageligt på din Mac eller PC, men så snart du kigger forbi via din iPhone, Desire, iPad, aPad eller noget helt femte, så går krakkelerer den ellers så fine facade.

Et godt eksempel herpå, må ganske enkelt være det nye website for Biozonen.dk. Websitet er ellers ganske attraktivt for os hyppige biografgængere, der ønsker at følge med. Os der elsker at holde øje med vores VIP-status.

At websitet – biozonen.dk – egentlig burde kædes sammen med kino.dk er noget helt andet, som jeg altid kan bringe op – når jeg får lyst ;)

3.1 Sådan ser Biozonen.dk ud på min PC/MAC:

Klik på billedet for at se et preview af Biozonen.dk

biozonen.dk

3.2 Sådan ser Biozonen.dk ud på HTC Desire og iPhone:

Klik på billederne og se et preview

biozonen.dk

3.3 Hvad er der galt med dette website?

Websitet er et rigtigt godt eksempel, der ikke virker optimalt set fra en smartphone – specielt ikke en Android-mobil. Man skulle ellers mene, at mange af biografgængerne er med på bølgen af smartphones, så hvorfor ikke udnytte det?

Måske det sker engang, men allerede nu, har man skudt sig selv i foden. Det er måske lidt tidligt, ikk?

Læs mere om, hvad biozonen.dk kan gøre, når de engang (forhåbentlig) vælger at lave en mobil-version af deres website. Eller i det mindste indser, at Kino.dk og Biozonen.dk burde sammensmeltes – helt ærlig, hvor svært kan det være?

4. Konklusion

Det er alligevel utroligt, at man i 2010 formår at overse det mobile marked. Har folkene bag siderne Biozonen.dk og Kino.dk fuldstændigt tabt al sund fornuft? Disse mennesker har sikkert en iPhone, men hvordan kan de så i deres vildeste fantasi, overse det? Ja, jeg er målløs!

Du må ganske enkelt ikke bare overse dette store og potentielle marked. De unge, i dag, har praktisktalt alle en iPhone eller andet tilsvarende. De er den kommende generation, der skal gå i eksempelvis biografen, så gælder det ikke om at fastholde deres interesse? Er det ikke bedre, at de går i biografen og hygger sig end at drikkee sig fra sans og samling?

Tænk dig om, når du laver et nyt website. Er der behov for at overveje det mobile marked eller om du kan tillade dig at vente. Bare fordi det er muligt, så betyder det selvfølgelig ikke, at alle skal med på bølgen.

Hvad med dig? Har du allerede en mobil-version af dit blog, dit firma eller noget tredje? Eller kunne du rigtig godt tænke dig at komme igang? Eller måske du er fuldstændigt uvidende herom? Måske du har nogle gode eksempler på gode kontra dårlige mobile websites? – ja, uanset hvad, så smid gerne din mening sammen med de andre.

Skriv en kommentar

Relaterede blogindlæg

  1. Mobile websites: Sådan kommer du godt fra start
  2. CSS Sprites – Hvad er det? Og hvordan benytter jeg dem?
  3. Fordele, ulemper og gode ressourcer til CSS Sprites
  1. Morten Kaltoft - På Twitter

    Hej Michael

    Igen en super god artikel. IMDb har også en iPhone app (en rigtig rigtig god en) :-D

    Jeg kan forstå at facebook ikke satser al for meget på deres mobile website, touch.facebook.com tror jeg det hedder, da det kun er for smartphones og de har jo en ganske glimrende app til iPhone og sikkert også til Android, og siden de er de største spillere på smartphone markedet synes jeg det er en fair beslutning.

    Tror også at facebook har et andet mobilsite, m.facebook.com, som er for mindre avancerede telefoner.

    Victorias Secret’s mobile website er meget dårligt, som du også påpeger. Banneret fylder al for meget og navigationsknapperne er simpelthen al for små.

    Håber på flere artikler i denne serie :-D

    / Morten

  2. Michael Østergaard - På Twitter

    Mange tak for roserne, Morten :)

    Jeg er helt enig omkring Facebook. De fleste tilgår alligevel Facebook igennem en App. Vidste faktisk ikke, at den bedre mobile dele af Facebook’s website tilgåes via touch.facebook.com – Også derfor jeg har listet Facebook som værende dårlig, hvilket egentlig ikke er tilfældet, når man tilgår den anden.

    Jeg håber også selv på at kunne skrive meget mere om mobile websites i fremtiden. Måske anmelde forskellige danske websites, der går mobilt – ellers websites, der relanceres, men ikke vælger at gå mobil.

    Ikke desto mindre har jeg planer om – i fremtiden – at anmeldelse forskellige websites, set udfra webdesign, brugervenlighed og andet.

  3. Kasper Bergholt - På Twitter

    Kære Michael!

    Tak for en god, solid kompartiv analyse af, hvad der virker, og hvad der ikke virker.

    Jeg ved langt mindre om det mobile web, end jeg burde, men er i gang med at blive klogere.

    Ved du, om der findes nogle fornuftige brancheoversigter og kanalandel for smartphones. For de sites, jeg har med at gøre, er det forsvindende lidt af trafikken, der kommer fra mobiler.

    Men det kan jo også være sitesnes skyld! :)

    Alt godt & go’ weekend,

    Kasper

  4. Michael Østergaard - På Twitter

    Mange tak Kasper, det er super skønt at høre/læse :)

    Hmm narj, jeg kender desværre ikke til nogle oversigter. Men måske du kunne præcisere lidt nærmere, hvad du mener?

    Alt andet lige, vil det heller ikke være alle typer websites, der nødvendigvis tiltrækker meget trafik fra mobilerne. Et firmawebsite gør næppe, hvori sites for eksempelvis biografer eller offentlig transport helt sikkert gør.

    Go’ weekend til dig også :D

  5. Rolf Hansen

    Tak for et godt indlæg!

    Er nok stadig mange der ikke tænker så meget på mobilen i hverdagen, inkl. mig selv må jeg indrømme (ved dog det er noget jeg snart skal have gjort mere ved).
    Når det så er sagt, så vil jeg klart give dig ret i, at man kan blive forundret når større og store virksomheder ikke har lagt flere tanker i mobile websites!

  6. Kasper Bergholt - På Twitter

    Kære Michael!

    Beklager forsinket svar. Det, jeg efterlyste, var en oversigt over hvor stor en del af onlineforbruget mobiltrafikken fylder — fx i procent. Gerne over forskellige sites.

    Jeg ville have troet, at FDIM lå inde med noget, men har umiddelabrt ikke kunnet finde noget.

    Hvis andelen af de besøgende er fx 5% forstår jeg godt, at man primært tænker på de resterende 95% — indtil videre.

    Alt godt,

    Kasper

  7. Michael Østergaard - På Twitter

    Rolf, først og fremmest mange tak for din kommentar – og ikke mindst velkommen til bloggen.

    Du har helt ret, mange tænker næppe over det i sin hverdag, men dermed heller ikke sagt, at det blog skal ignoreres.

    Lad mig citere Elliot Jay Stocks (dog ikke mobile websites): “Stop worrying & get on with it”.

    Hej Kasper, mange tak for din tilbagemelding. Bedre sent end aldrig, som man siger ;)

    Nej, jeg har desværre ikke kendskab til statistik over dette, men har absolut interesse i noget. Hvis jeg husker det, vil jeg prøve at grave dybere ned i det.

    Ellers rigtigt nok, hvis de besøgende fra mobilen er en forsvindende lille del af de samlede besøgende, så skal man selvfølgelig ikke kaste sig ud i det helt store.

    Men men, man skal i det mindste have det mobile internet i baghovedet, om det har noget betydning for en og ens virksomhed.

  8. Michael Østergaard - På Twitter

    Kasper, faldt faktisk netop over et blogindlæg idag, der har nogle tal på sagerne.

    http://pterkildsen.com/2010/11/08/eksplosion-i-antallet-af-besoeg-fra-brugere-med-mobiltelefoner-til-danske-hjemmesider

  9. Kasper Bergholt - På Twitter

    Fedt!

    Tak for linket. Jeg hørte Jon ad, om der var noget nyt. Hans seneste analyse, der estimerer 700K brugere af iPhones & androidbaserede sager her:
    http://jon-lund.com/main/mobile-surfing-explodes-in-denmark/

    Alt godt,

    Kasper
    .-= Seneste blogindlæg: Mortens aften 2010- Andebryst og hjemmelavet rødkål- Ugens top tre fra Bergholts opskrifter =-.

  10. Michael Østergaard - På Twitter

    Selvtak Kasper, interessant link.

  11. Michael Østergaard - På Twitter

    Lidt ekstra tal at tilføje statistikken:
    http://www.technologyreview.com/business/26653/

    Det tager nærmest for sig selv ;)

  12. Michael Østergaard - På Twitter

    Et link omkring Apps vs. Mobile Web:
    http://www.cakemail.com/blog/mobile-application-vs-mobile-web

  13. Torsten Nielsen - På Twitter

    Hej Michael

    Rigtig godt indlæg med et par gode tjekpunkter
    Du skal måske lige tjekke dit link til BIzonen :)
    OG så kunne det have været nice, hvis du havde lagt en qr-kode ind for hver af de mobile links (www.goo.gl)

    Men super gennemgang!

  14. Michael Østergaard - På Twitter

    Hej Torsten, mange tak for kommentaren :)

    Linket til “Bi”zonen er straks fikset. Godt spottet.

    Jeg er dog lidt i tvivl omkring, hvad fordelen i at have lavet QR-koder på de mobile websites?

  15. Torsten - På Twitter

    Hej Michael

    Super mht linket.

    De fleste scan af 2d-koder sker fra skærm til skærm, og i dette tilfælde sad jeg jo og tastede hver adresse ind, for at de hvordan de så ud på telefonen.)
    Det havde været nemmere med en 2d-kode:)

  16. Michael Østergaard - På Twitter

    Hej igen Torsten, Ahh okay, så giver det mening oppe i mit hoved :)

    Eventuelt kunne du blot have åbnet blogindlægget på din smartphone.

  17. Michael Østergaard - På Twitter

    Lidt mere omkring statistikken på området:
    http://blogs.sitepoint.com/2010/11/27/why-you-need-mobile-strategy

  18. Michael Østergaard - På Twitter

    Endnu flere tal:
    http://www.readwriteweb.com/mobile/2010/12/mobile-app-revenue-35-billion-by-2014.php

    http://designerscouch.org/view-log/Infographic-of-the-Day-Mobile-Year-in-Review-1781

  19. Michael Østergaard - På Twitter

    Endnu et relevant link omkring browserlandskabet på smartphones:
    http://www.alistapart.com/articles/smartphone-browser-landscape

  20. Michael Østergaard - På Twitter

    Eksempeler på, hvordan CSS3 Media Queries kan lave et lækkert og fleksibelt webdesign helt ned til en mobil version:

    http://zomigi.com/blog/examples-of-flexible-layouts-with-css3-media-queries/

  21. Michael Østergaard - På Twitter

    Lidt mere relevant for fremtiden:

    http://www.universalmind.com/blog/entry/looking-back-moving-forward/

  22. Michael Østergaard - På Twitter

    Er stødt på et blogindlæg, der viser om/hvordan vi påvirkes af de mobile enheder i vores læsning:

    http://readitlaterlist.com/blog/2011/01/is-mobile-affecting-when-we-read/

  23. Michael Østergaard - På Twitter

    Lidt tal på det mobile internet (desværre ikke DK)

    http://www.i-creative.dk/general/do-people-use-the-mobile-web

  24. Michael Østergaard - På Twitter

    A Day Apart: Live Notes on Mobile Web Design with Luke Wroblewski

    http://www.zeldman.com/2011/03/30/a-day-apart-mobile-web-design-with-luke-wroblewski/