Denne gangen har jeg konsentrert meg om smartphones (spesielt iPhone og iPad), slik at jeg kan leke litt mer med UI. Én av endringene er at jeg denne gangen benytter meg av Ajax gjennom jQuery UIs tabs-funksjon:

Ved å bruke Ajax kan brukerne også bruke siden som en web-app på Hjem-skjermene sine i iOS. (Bruker man vanlige linker sendes brukerne til Safari-appen.) Og, siden ser «smoothere» ut uten Safari-UI-et.

Jeg har i tillegg benyttet meg av enhetsspesifisert CSS. Med andre ord; forskjellige CSS til forskjellige skjermstørrelser. Det vil si at iPhone-brukere får servert en mindre versjon enn det iPad- og desktop-brukere får. Denne funksjonen er implementert slik:

Takk til Oddne for skjermbilde fra iPad!

Så, hva syns dere?

Oppdatert 22. juli 2010 18:04:
Etter tilbakemeldinger fra «Aaaaaa» (et akronym?) har jeg justert opp maksvidden (max-device-width) for å tilpasse mobiler med større oppløsning enn 320px, noe som vel i grunnen også gjelder iPhone 4. Siden jeg selv ikke har tilgang til all verdens mobiltelefoner, tar jeg gjerne imot tilbakemeldinger på hvordan siden oppfører seg på andre modeller!

En annen ting som også er lagt til er offline-funksjon for nettlesere som støtter HTML 5 Manifest. Det vil i praksis si alle iPhone-er, iPod Touch-er og iPad-er (og sikkert Android-er da dette er Google[?]). Enjoy!

Jeg har derfor satt opp noen huskeregler for deg som skriver for bedriftsnettsteder, med en liten kommentar til hvert punkt.

1. Er innholdet interessant for din kunde?

Om innholdet ikke er interessant for din kunde i utgangspunktet er det ingen grunn til å putte det på nettstedet. Legg det fra deg, og bruk tiden på noe annet. Da bli også kunden fornøyd!

2. Er teksten kort nok?

Hvor kort er teksten du skal publisere? Snakkes det mye rundt grøten? Kort ned!

3. Inneholder teksten vanskelige ord?

Lange og vanskelige ord gjør fort at en leser ikke får med seg sammenhengen og forlater teksten. Unngå dette. Kunden vet nødvendigvis ikke hva onomatopoetikon er.

4. Hvordan ser teksten ut?

Er teksten oversiktlig, eller ser den ut som et bomba horehus? Det har mye å si for om den blir lest og forstått. Uthev gjerne nøkkelord for å gjøre teksten tilgjengelig for de som liker å «scanne» tekster de leser på nett.

5. Er overskriftene dine forståelige?

Overskriftene bør beskrive hva teksten på siden inneholder. Dette er ikke bare hjelp for dine kunder, men gjør også at nettsiden blir bedre rangert i søkemotorer som Google.

6. Bruker du lenker riktig?

Når du nevner ting i teksten som krever en dypere forklaring, lenk gjerne til en egnet side, men for all del – ikke bruk teksten «trykk her» som link.

av aprillynn77/flickr med CC-BY

7. Trengs det illustrasjoner?

Prøver du å forklare noe vanskelig i teksten kan det være lurt å bruke illustrasjoner og bilder for å utdype hva du mener. Illustrasjoner bidrar også til å gjøre teksten mer spennende.

Bottom line
Korte, relevante og godt skrevne tekster har større potensiale for å bli lest av kundene dine. Alt annet er uinteressant støy som bare gjør det mindre oversiktlig for deg og din kunde.