Archive for the 'Design' Category

GridFox - enklere Grid-basert layout med Firefox plugin

Jeg rekker dessverre ikke sjekke Sprakradet for adekvate norske oversettelser til den usedvanlig norwengelske overskriften akkurat nå, så til dere som er sensitive for sånt; min uforbeholdne unnskyldning.

Nuvel. Vi i Tarantell, som utviklere av nettløsninger, er nødt for å holde oss oppdatert om trender og retninger på nett. Og den kanskje hyggeligste trenden om dagen, er at internett går tilbake til røttene. Og da snakker vi helt tilbake til port 80 eller der omkring. Dette vil si at de standardene som ligger til grunn for internett, blir viktigere og viktigere å følge. Så på en måte kan vi si at web 2.0 (som ligger ute nå), har en mye bedre forankring i den opprinnelige wwwebben enn det web 1.0 hadde. Web 1.0 dreide seg i stor grad om å forsøke å omgå eller ikke ta hensyn til disse konvensjonene. JSF og .NET-rammeverkene som fremdeles er hhv. Sun og Microsofts anbefalte plattformer, er gode eksempler på dårlig bruk av internettstandarder. Jeg skal gå i detaljer om dette emnet ved senere anledning, denne gangen ville jeg bare opplyse om et tillegg til Firefox (tillegg heter det ja, bør oppdatere tittellinjen kanskje..) som gjør det enklere å utvikle grid-basert layout. Evt. rutenettbasert (sic) om du vil (jeg vil grid-basert i dag).

Read more »

7 regler for god menystruktur og navigasjon

Hvert eneste prosjekt jeg har vært involvert i som informasjonsarkitekt og brukervennlighetsekspert har på en eller annen måte handlet om å sørge for at brukerne får riktig informasjon til riktig tid. Menystrukturen på nettstedet (eller applikasjonen) er alltid et diskusjonstema i prosjektene.

Det finnes naturlig nok mye faglitteratur på temaet og trender kommer og går mht. hva som er “riktig”. De fleste har kanskje hørt om regelen som sier at man ikke skal ha mer enn 7 +-2 menypunkter? Opprinnelsen til denne regelen er fra en artikkel publisert i 1956 av George A. Miller som var en undersøkelse av korttidshukommelsen til ungdommer (se også en kort forklaring av teorien på Wikipedia). Jeg var senest på et U11 seminar i Boston i fjor hvor Gerry McGovern gjentok denne regelen og mente at den fremdeles gjelder for navigasjon. Det er bare en liten hake ved hele greia, man trenger aldri å huske/memorere en navigasjonsmeny - man skal bare kunne vite sånn cirka hvordan nettstedet er organisert og så scanne seg frem til riktig menypunkt! Derfor er det meningsløst å ha en regel som går på at man må begrense menyer til antall menypunkter som folk antas å kunne memorere selv. Lengden på hovedmenyen er stort sett aldri et problem i seg selv, men hvis du bryter en av mine sju regler for god menystruktur så vil du oppleve at brukerne dine får problemer. Garantert!

OK. Nok prat. Her er mine 7 regler for god menystruktur og navigasjon:

  1. Lag et navigasjonskonsept som er lett å forstå for brukerne!
  2. Finn en god balanse mellom bredde og dybde!
  3. Menypunktene skal være på samme logiske nivå!
  4. Det skal ikke være vanskelig for brukeren å velge menypunkt på toppnivå!
  5. Ikke bruk fagutrykk i hovednavigasjonen!
  6. Baser navigasjonen på nettstedet på ett hovedprinsipp for navigasjon, men tilby flere innganger til samme informasjon!
  7. Vær konsistent!

Jeg vil gjerne ha kommentarer på disse reglene og hvis det er noe jeg har glemt så vil jeg gjerne vite om det også :)

Jeg vil prøve å uttdype disse reglene en etter en i blogginnlegg her på blogandtell.no og linke disse opp til denne artikkelen.

Sjekkliste for søkemotoroptimalisering

Jeg mottar veldig mange forespørsler om å publisere en sjekkliste over tiltak for å bedre synligheten i viktige kanaler som for eksempel Google. Det finnes veldig mye du kan gjøre selv med tanke på Søkemotoroptimalisering (SEO). I denne artikkelen tenkte jeg å gi dere hele 11 tips som kan hjelpe dere på veien.

Read more »

Hva er det beste verktøyet for prototyping?

Vi har benyttet en rekke verktøy for å lage prototyper før man programmerer (og designer) nettløsninger.

Så langt har jeg benyttet følgende:

  • Powerpoint
  • Visio
  • Word
  • Dreamweaver
  • Illustrator
  • Axure
  • Papir-skisser

Andre kollegaer har også jobbet med:

  • Pdf prototype
  • Photoshop
  • Flash

Alle disse ulike variantene har styrker og svakheter, men for å komme med konklusjonen først: Axure Pro (4.6) er pr. i dag det beste verktøyet for å prototype nettløsninger i min mening.
Read more »

Der hvor skapet skal stå

Når skapets posisjon skal diskuteres er det noen man skal lytte til mer enn andre. Når skapet heter webapplikasjoner og webteknologi så hører jeg etter når Martin Fowler og David Heinemeier Hansson snakker. Når ovenfornevnte størrelser snakker sammen og moderator heter Scott Hanselman, da setter jeg iTunes på repeat.
Read more »

Nytt design på blogandtell

Da er det nye designet på blogandtell mer eller mindre klart. Dette er første smakebit på et pågående arbeide med å oppdatere Tarantells profil. I tidens ånd gjør vi dette i små iterasjoner, og “just in time”. Vi kan regne med mindre justeringer før alt materiellet vårt er ferdig - mer informasjon følger.

Håper dere liker det dere ser! Feedback og rett-fra-levra reaksjoner mottas med takk, men husk også Art Blakeys kloke, men nokså jordnære utsagn: «Opinions are like assholes - everyone’s got one.» Mao. vær konstruktiv :)

Takk rettes til Stephen Reinhart som forfattet WordPress theme’et «Light», som vi har brukt som utgangspunkt for Tarantells eget theme.