Archive for the 'Interaksjonsdesign' 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 »

“Les mer”-lenker må bort for godt!

Les mer linker er på vei ut og det er flere grunner til dette. Min påstand:

Å ha “les mer” lenker på dine artikler og nyhetsartikler er like dumt som å ha et stort skilt som peker på dørhåndtaket på din utgangsdør hvor det står ”åpnes her”. (I de aller fleste tilfeller er dette åpenbart - medmindre du har kamuflert dørhåndtaket på en slik måte at dine gjester ikke skjønner at det er et dørhåndtak, da er et skilt ok - medmindre du ikke vil at de skal skjønne at det er en dør, da bør du droppe skiltet…. men nok om det!).

Mitt poeng er bare at dersom noe ser ut som en lenke så VET brukerne dine at det er klikkbart og at hvis man klikker på noe så skjønner de også at de kan lese mer om dette. En person som aldri har benyttet nettet før lærer seg to ting relativt raskt:

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.

Nokia og fremtiden og Apple og Sony og Youtube og de

Morten Hjerde i mBricks har blogget om at Nokia har laget noen fine små filmsnutter om hvordan de ser for seg fremtidens mobilteknologi. Og her snakker vi ikke funksjoner som blir vist på neste års Elkjøp-messe (eller er det Expert? Jeg mener de som er oransje ihvertfall..), her snakker vi..tja.. neste år der igjen? Neste uke? I tide til julesalget? Det er litt vanskelig å tidfeste når fremtiden inntreffer for tiden synes jeg..
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 »

Agile usability

Scott W. Ambler presenterer sin strategi for å integrere brukerorientert design(UCD) i agile metodikk. Det redegjøres kort for de grunnleggende sidene ved agile utvikling og UCD. Han avliver en del myter rundt begge disiplinene før han gjør rede for henholdsvis modellering av brukeropplevelse og brukertesting i prosjekter som kjører agile. 

Sett med mine Focus Dailies® så er dette morsom og viktig lesning. Agile metodikk har gjerne et utviklerperspektiv hvor den enkelte utvikler igjennom f.eks. personas eller kundekontakt ivaretar brukervennligheten i løsningen. Dette er vel og bra men erstatter ikke kvaliteten de tyngre UCD metoder og utøvere produserer. Ambler foreslår gjensidig tilnærming og kompromisser men tar han fortsatt for lett på UCD? - Kjør debatt.

http://www.agilemodeling.com/essays/agileUsability.htm