Movable Type overrasker stadig. Igår fant jeg ut hvordan man kan lage ekstra index-sider, det vil si sider som oppdateres samtidig med hovedsiden. Siden jeg har begynt å blogge via mobiltelefon fra min lommedatamaskin, gjorde jeg et forsøk på lage en mobilvennlig versjon av denne bloggen.
Først og fremst handler det om å ta hensyn til de fire viktigste rammebetingelsene for folk som surfer via mobiltelefon, enten de bruker en av de nye supertelefonene eller en lommemaskin: oppkoblingen til nettet er langsom, det er dyrt å laste ned data, nettlesere på mobiler/lommemaskiner har begrenset funksjonalitet og skjermen er som regel knøttliten.
Basert på dette satte jeg opp en kravliste til mobilvennlige blogger, rangert etter viktighet ovenfra og nedover.
- Bloggen bør inneholde så lite data at den lastes ned på under halvminuttet via GSM. Det vil si at man ikke har med mer enn en eller to bloggpostinger av gangen og et minimum av grafikk.
- Bloggen bør ikke være inndelt i spalter, slik normen er for blogger i stor skala. Med to eller tre spalter klarer en liten skjerm bare å vise en del av bloggen på en gang, noe som er temmelig irriterende.
- Man bør være forsiktig med å bruke avanserte effekter i stylesheets. De kommer dårlig fram på små skjermer, og støttes ikke nødvendigvis av nettleseren.
- Unngå innebygde pekere til eksterne nettsteder, som Blogrolling.com. Det forsinker nedlastingen, noe som igjen koster brukeren penger.
- Begrens bruken av JavaScript, som ikke nødvendigvis støttes av nettleseren. Husk at et JavaScript-vindu på 400×400 bildepunkter gjør seg dårlig på en skjerm som måler 220×320 bildepunkter.
Dette er et prosjekt som blir mer interessant om noen år, da vi kan forvente at en langt større andel av nettsurfingen foregår via GPRS, 3G-telefoner, Wifi og lignende. Om du har forslag til tillegg eller endringer, eller har forsøkt å se på siden (som altså har adresse http://newth.net/eirik/pda.html) med en lommedatamaskin eller mobiltelefon, så legg gjerne inn en kommentar.
21/03/2003 at 12:47
Et par ting som kan være verdt å nevne i denne sammenhengen (og som gjør “alminnelige” templater atskillig mer velegnet også for mobilenheter):
* Har du for mange templates i bloggen som skal rebuildes dersom noen sender en trackback, kan/vil disse få timeout.
* Dersom en blogg er “riktig” utformet, vil selv standardtemplaten fungere fint for enheter uten CSS-støtte. Lag “Til navigasjon”, evt “Til innhold”-linker som man siden skjuler
* Bruk strukturert/semantisk markup i så stor grad som overhodet mulig. Ikke lag layout med tabeller eller lassevis av ‘div’.
* Minimaliser bildebruk.
(Egenreklame) Ta gjerne en liten titt på http://www.virtuelvis.com/ for en blogg som vil fungere forholdsvis [1] godt på mobile enheter, selv om det er mange (10) postinger på forsiden – forsiden har en gjennomsnittstørrelse på ~20KB. Denne siden er laget for å vise litt hvor _enkel_ html man i fremtiden kan lage (dvs når MSIE også begynner å støtte CSS på et fornuftig vis), og er også laget for å vise at man ikke nødvendigvis *trenger* flere versjoner av et dokument. (/Egenreklame)
Mangler du en browser for å teste slike ting i, så har Opera 7.0 ( http://www.opera.com/ ) en teknologi kalt SSR som viser hvordan ting blir seende ut på små mobile enheter uten CSS-støtte. Man skrur funksjonen av og på ved å trykke Shift-F11.
21/03/2003 at 13:12
Spennende kommentarer, Arve. Hjertens enig i prinsippene, men realiteten er at det ennå er lenge til alle brukere surfer med nettlesere som viser f.eks. standardmalen til MT på en vettug måte. Derav bruken av tabeller i min blogg, f.eks.
Virtuelvis laster treigt i Opera på min ADSL-oppkoblete Linux-desktop, så jeg må innrømme at jeg ikke helt ser hvordan Opera/Linux på PDA skal håndtere det på under halvminuttet. Min erfaring er forøvrig at 10 postinger på en side er tungvint å lese på en liten skjerm – det er vanskelig nok å forholde seg til en drøss postinger på en vanlig skjerm. Er det én ting jeg syns er negativt med bloggformen, så er det at papyrusrullen er gjeninnført som ideal for lesing av tekst. Et godt eksempel er Joho the Blog, som er proppfull av innhold men som er et ork å scrolle seg gjennom.
Ellers vil jeg påpeke at Opera 7 ikke foreligger i Linux-versjon. Når den kommer, skal jeg selvsagt laste den ned.
21/03/2003 at 13:53
Opera 7 er i det minste tilgjengelig som preview for linux.
http://groups.google.com/groups?selm=3E68D361.B91C9F22%40opera.com
Forøvrig: Om Virtuelvis skulle være treg, er det muligens noe galt i din ende. Jeg testet akkurat lasting fra tom cache, og det gikk på ca 1 sekund å laste hele forsiden med 704kbps forbindelse.
På det skrivende tidspunktet er alt som skal lastes ned 27405 bytes (inkl. grafikk og css) – pluss noen hundre bytes til http-headere. Med en standard GPRS-oppkobling (3+1), som så vidt jeg kan huske betyr ca. 38.4kbps hastighet, bør dette gå på rundt ti sekunder.
Og hva gjelder “papyrusrullen” som leseformat – jeg er redd det ofte blir et spørsmål om smak, behag, og vaner – jeg er normalt tastaturbruker, og leser det aller meste ved å scrolle en hel skjermfull opp/ned, og er glad for å slippe den lille ventetiden lasting av et dokument betyr.
Og for å avslutte der du begynte: Jeg er heller ikke allverdens begeistret for standardmalene til MT, og om noen skulle være interessert i de malene jeg bruker, er det bare å spørre om å få “låne” dem.
21/03/2003 at 14:11
Jeg fikk virtuelvis.com til å vises i Opera/Embedded for Linux, det gikk på ca 40 sekunder med GSM. Som du var inne på får du én lang remse * insert Egyptian music here*.
Men malen din er likevel ikke god nok, dessverre. Skjermbakgrunnen (som blir stripete) gjør det nesten umulig å se pekere, du utnytter bare ca 60 % av en allerede smal skjerm og den kule boksen for datoangivelse blir liggende oppå tittelen til postingen.
Det var det med teori og praksis igjen. Derfor kommer jeg til å holde meg til standarden som det legges opp til på nyhetssidene jeg peker til nederst på min PDA-side: så enkelt som mulig, inntil videre.
25/05/2003 at 16:32
Hei Erik!
Kunne ikke du sette opp en liten “smørbrødliste” over hvordan du går frem for å poste til bloggen via PDA?
Har laget meg en blogg, har såvidt begynt å fylle den med artikkler, ser helt klart behovet for å kunne poste når man er ute og reiser. Ser for meg at vil være utrolig tungvindt å drasse opp PC-en når man har noen tanker man gjerne vil dele med andre 🙂