Om forfatteren

Steven Bradley er forfatter til Design Fundamentals: Elements, Attributes, & Principles og CSS Animations and Transitions for the Modern Web. Når han ikke …Mere omSteven Bradley↬

• 13 min læsning
• Design,Webdesign
• Sparet til offline læsning
• Del på Twitter, LinkedIn

Er dette sandt? Eller kan et design, der er svært at bruge, stadig lykkes, fordi det gør brugerne mere dygtige eller opfylder visse kreative behov? Er man nødt til at få alle behov på lavt niveau helt rigtigt, før man overvejer behov på højere niveau? For at besvare disse spørgsmål skal vi starte med at se på Maslows hierarki.

Maslows behovshierarki

I sin artikel “A Theory of Human Motivation” fra 1943 foreslog den amerikanske psykolog Abraham Maslow ideen om et psykologisk behovshierarki hos mennesker.

• Fysiologiske behov er de krav, der stilles for menneskets overlevelse. De omfatter åndedræt, mad, vand, husly, sex, tøj, søvn og komfort.
• Sikkerhedsbehov kan ses som en måde at opfylde morgendagens fysiologiske behov på. De omfatter personlig og økonomisk sikkerhed, sundhed, orden, lov og beskyttelse mod elementer.
• Kærligheds- og tilhørsforholdsbehov handler om sociale interaktioner. Vi ønsker ikke at gå gennem livet alene. Sociale behov omfatter venskab, kærlighed, intimitet, familie, fællesskab, tilhørsforhold og relationer.
• Evalueringsbehov omfatter selvværd samt anerkendelse fra andre. Værdsættelse kan komme i form af præstation, status, prestige, anerkendelse, beherskelse, uafhængighed og ansvar.
• Selvrealiseringsbehov vedrører det at blive mere end det, vi er, og de kan komme fra fred, viden, selvopfyldelse, realisering af det personlige potentiale, personlig vækst og højdepunktsoplevelser.

Som man ifølge Maslow forsøger at tilfredsstille behovene på et niveau i hierarkiet uden først at have opfyldt behovene på det forudgående niveau, vil ens plads i hierarkiet være ustabil. Man kan ikke forvente, at du kan arbejde godt i et team (niveau 3), hvis du afventer resultaterne af medicinske tests for at fastslå, om du har kræft (niveau 2).

Lejere niveauer i hierarkiet tjener som grundlag for højere niveauer. Hvis dit fundament ryster, bliver du trukket tilbage til et lavere niveau for at stabilisere dit fundament, inden du bevæger dig opad igen i hierarkiet. Hvis ikke, bliver du ledt til tanker og følelser af stress og angst.

Kritik af Maslows hierarki

Det er ikke alle, der er enige med Maslow. Mange anfægter hierarkiet, fordi det ikke tager højde for uselviske handlinger, tapperhed og velgørenhed. Det redegør heller ikke for fænomenet “sultende kunstnere”, som søger selvrealisering, selv om deres grundlæggende fysiologiske behov næppe bliver opfyldt.

Kritikere peger på manglende empiriske beviser og det begrænsede omfang af observationer, før Maslow udviklede sine teorier. Maslow tager ikke højde for den åndelige side af mennesker og udelader for mange tilfælde, der ikke passer ind i hans teori. En god idé og start, måske, men stadig langt fra at blive accepteret som sådan. Intuitivt føles det rigtigt, men Maslows hierarki har begrænsninger, som opsummeret nedenfor:

Mens Maslows hierarki giver mening ud fra et intuitivt synspunkt, er der kun få beviser for at understøtte det hierarkiske aspekt. Faktisk er der beviser, der modsiger den rækkefølge af behov, der er angivet i modellen. For eksempel synes nogle kulturer at placere sociale behov før alle andre. Maslows hierarki har også svært ved at forklare tilfælde som f.eks. den “sultende kunstner”, hvor en person forsømmer lavere behov i jagten på højere behov. Endelig er der ikke meget, der tyder på, at mennesker kun er motiveret til at tilfredsstille ét behovsniveau ad gangen, undtagen i situationer, hvor der er en konflikt mellem behov.

Den chilenske økonom og miljøforkæmper Manfred Arthur Max-Neef har fremsat en anden teori om grundlæggende menneskelige behov, en teori uden et hierarki ud over opfyldelsen af grundlæggende menneskelige overlevelsesbehov. I stedet er behovstilfredsstillelsen indbyrdes relateret og forfølges samtidig, med afvejninger i processen.

I dette system kunne man opfylde kreative behov uden først at skulle opfylde behov for beskyttelse og sikkerhed.

Design Hierarchy of Needs

Maslows hierarki kan oversættes til design, hvor hierarkiet fra lavt til højt ville være funktionalitet, pålidelighed, brugervenlighed, færdighed og kreativitet.

Funktionalitet

Et design skal kunne fungere før alt andet. En MP3-afspiller skal kunne afspille, sætte på pause, spole tilbage og spole hurtigt fremad MP3-filer og andre digitale lydfiler for at kunne betragtes som en MP3-afspiller. Hvis den ikke kan udføre disse funktioner, er designet mislykkedes.

Antal af funktioner er en anden sag. Selv om en MP3-afspiller kan trække albumcoverkunst ind, behøver andre ikke nødvendigvis at gøre det. Men hvis de fleste MP3-afspillere kan gøre det, så skal din også gøre det. Hvad definerer, hvilke funktioner der er nødvendige? Selve produktet? Designeren? Markedet?

Designs, der kun opfylder de grundlæggende funktionalitetsbehov, anses for at være af ringe eller ingen værdi. Et design forventes at opfylde de grundlæggende funktionalitetsbehov; at gøre det betragtes ikke som noget særligt.

Kendetegn ved et websted, der opfylder funktionalitetsbehovene, kan være sider, der indlæses på rimelig tid, fungerende links og sider, der reagerer på grundlæggende browserknapper som “Tilbage” og “Fremad”.

Troværdighed

Når dit design har opfyldt de funktionelle behov, kan det gå op til det næste niveau i designhierarkiet: pålidelighed. Dit design skal nu tilbyde en stabil og ensartet ydeevne. Det virker ikke kun, men det virker igen og igen.

Hvis din MP3-afspiller nogle gange spiller og andre gange ikke spiller, har den ikke opfyldt pålidelighedsbehovet. Hvis den altid spiller, men gør det uregelmæssigt (hopper over her og der, bremser op og sætter farten op til tider), har den heller ikke opfyldt pålidelighedskravene.

Designs, der kun opfylder pålidelighedskravene, opfattes som værende af lav værdi. Igen forventer vi, at de produkter, vi køber, fungerer, og at de fungerer konsekvent.

Et pålideligt websted fungerer konsekvent. Det, der fungerede i går, bør fungere i dag. Når der tilføjes nye sider og sektioner, fungerer de lige så godt som de eksisterende sider og sektioner.

Brugervenlighed

Hvor let kan brugerne udføre grundlæggende opgaver? Kan personen med MP3-afspilleren nemt finde ud af at tænde og slukke for den? Hvad med hvordan man afspiller, stopper, sætter på pause og vælger en sang? Dette er behov for brugervenlighed. Dit design fungerer nu konsekvent. Spørgsmålet er, om folk kan finde ud af at bruge det?

Ud over at være let at bruge, er dit design så også tilgiveligt? Hvis du trykker på den forkerte knap, skal du ikke slette alle sangene på din MP3-afspiller. Konsekvenserne af simple fejltagelser bør ikke være alvorlige. Hvis et fejltrin sletter al musikken, er MP3-afspilleren ikke brugbar.

Brugervenligt design opfattes som værende af moderat værdi. Vi har nogle grundlæggende forventninger til brugervenlighed, men vi erkender, at mange ting ikke helt fungerer, som vi forventer eller gerne ville have det. Et brugbart design adskiller til dels dit websted fra websteder på lavere niveauer.

Et brugbart websted har et navigationssystem, der er let at forstå og bruge, en organisation, der gør indholdet let at gennemse, læselig tekst og et layout, hvor det er let at orientere sig.

Proficiency

Giver dit design folk mulighed for at gøre mere og gøre det bedre? Giver MP3-afspilleren mulighed for at opbygge afspilningslister og let at søge i sangene? Giver den en nem mekanisme til at downloade sange fra internettet og overføre dem til og fra andre enheder?

Dette er behov for færdigheder. Det er ikke tvingende nødvendigt, at din MP3-afspiller giver dig anbefalinger af nye sange baseret på dine favoritter, men det er ønskeligt og ville forbedre designet betydeligt.

Designs, der betragtes som dygtige, opfattes som værende funktionelle på et højt niveau. Et design, der giver folk mulighed for at gøre ting, som ikke tidligere har været mulige, og som udvider den grundlæggende funktionalitet, anses for at være godt.

Et dygtigt websted kan omfatte avancerede søgemuligheder, mulighed for at kombinere data fra forskellige kilder til mere sofistikerede informationsniveauer og webbaserede værktøjer.

Kreativitet

Når alle behovene på lavere niveau er opfyldt, kan dit design gå videre til de kreative behov. Når disse er opfyldt, kan dit design nu interagere med mennesker på innovative måder. Designet kan udforske og skabe ting, der udvider selve produktet.

Men måske underviser din MP3-afspiller i musikteori ved at komme med anbefalinger baseret på den musikalske struktur i de sange, du lytter mest til, og den giver akkorddiagrammer og noter, der afspilles visuelt i takt med lyden. Din MP3-afspiller tillader måske brugerdefinerede skins eller giver dig mulighed for at kombinere dele af sange for at skabe ny musik. Din MP3-afspiller er måske den smukkeste på markedet.

Designs, der opfylder kreative behov, opfattes som værende af højeste niveau. De skaber en loyal fanskare. Hvis du er forvirret over Apples succes, skal du ikke længere undre dig. Den opfylder kreative designbehov.

Et kreativt websted kan omfatte AJAX-effekter, æstetisk appel og interaktion via stemmekommandoer.

Kritik af designhierarkiet

Den samme kritik, der er anvendt på Maslows hierarki, kan også anvendes på designhierarkiet. Skal et design være pålideligt, før det kan være anvendeligt? Kan man ikke opfylde begge dele på samme tid? Kan dit design opfylde kvalifikationsbehovene for avancerede brugere, samtidig med at det ikke er det mest anvendelige for begyndere?

Er vi virkelig nødt til at få alting rigtigt på et niveau, før vi bruger ressourcer på højere niveauer? Vil et marked tolerere et produkt, der fejler uden grund i 10 % af tilfældene, hvis det gør alting ud over forventningerne i de øvrige 90 %?

Og selv om hierarkiet intuitivt giver mening, vil markedets behov og ønsker sandsynligvis afgøre, hvad der er mest kritisk at forbedre i hierarkiet.

Andre behovshierarkier

Maslows hierarki er blevet anvendt på mere end design. Mange beslægtede discipliner bruger det til at beskrive, hvad de gør, og foreslår, hvordan de kan gøre det bedre.

Maslow anvendt på marketing

Maslows idéer anvendes ofte på marketing. Uanset hvad du sælger, skal produktet opfylde et behov et eller andet sted i hierarkiet. For at markedsføre dit produkt eller din tjeneste bedst muligt skal du identificere, hvor i hierarkiet det befinder sig, og forstå din målbrugeres motivation for at opfylde disse behov. Et klassisk eksempel er Michelin-dæk. I stedet for blot at opregne specifikationerne for sine dæk og prale af, hvor godt de holder på vejen, viser Michelin-reklamer dæk, der beskytter babyer, med sloganet “Fordi så meget afhænger af dine dæk.”

Reklamefilmen udnytter vores behov for sikkerhed. Den udnytter også det næste niveau i hierarkiet, nemlig vores sociale behov – i dette tilfælde vores kærlighed til vores børn. Specifikationer er kedelige. En historie om at sørge for, at du og din familie er i sikkerhed, opfylder dybe psykologiske behov.

Maslows hierarki hjælper os også med at afgøre, hvilket marked vi skal henvende os til, og hvordan vi bedst kan nå dette marked. Du har f.eks. en god idé til at udfylde nicheefterspørgslen efter tillidsskabende produkter. Fantastisk.

Men du henvender dig til nye virksomhedsejere. Denne gruppe befinder sig på niveau to i hierarkiet: sikkerhed. De er bekymrede for deres job og for at forsørge deres familie. De er endnu ikke interesseret i at føle sig selvsikre.

Du skal enten finde en anden historie at fortælle i din markedsføring eller en anden målgruppe at henvende dig til.

Maslow anvendt på at skrive kode

Patrick Dubrow har kigget på Maslows hierarki og designhierarkiet og har opstillet et hierarki af behov for at skrive kode:

Hvis du nogensinde har skrevet kode, kan du nemt se, hvordan dette hierarki passer ind i både Maslows og designhierarkiet. Det er også intuitivt og kunne få den samme kritik som Maslow’s. Selvfølgelig skal dårligt fungerende kode rettes med det samme, men der er ingen grund til, at man ikke kunne skrive elegant og effektiv kode fra første linje.

Ressourcer

Her er et par yderligere hierarkier baseret på Maslows:

• SEO Hierarchy of Needs
• Hierarchy of User Experience Needs

Eksempler

Alle nedenstående websites er veldesignede. De har hver især deres egen stil og henvender sig til et andet niveau i designhierarkiet til vores formål. De fleste opfylder naturligvis behov på lavere niveauer, men nogle er mere optaget af højere niveauer og negligerer nogle detaljer på lavere niveauer.

Oliver James Gosling

Y3K

Webstederne for Oliver James Gosling og Y3K er begge portfolios på én side. De opfylder begge behov for funktionalitet og pålidelighed. De er også æstetisk tiltalende og begynder at opfylde kreative behov. Olivers websted har et “Tilbage til toppen”-link, der bevæger sig nedad på siden, efterhånden som man bevæger sig. Denne gode detalje med hensyn til brugervenlighed er fraværende på Y3K’s websted. Oliver tilbyder også en PDF-fil med alle oplysninger på sit websted, hvilket måske tilføjer en smule kompetence til designet.

Cellar ThiefCellar Thief opfylder funktionalitetskravene og er et andet æstetisk tiltalende websted. Æstetikken passer til det overordnede budskab om vine. Men både pålidelighed og brugervenlighed kunne begge tåle en vis forbedring. De tre hovedlinks nederst på forsiden (“Vælg en vin”, “Fortæl det til dine venner”, “Føl dig godt tilpas”) fører alle uventet til “Om”-siden. Desuden sælger hjemmesiden kun dagens tre vine, hvilket er helt fint, men ikke umiddelbart indlysende.

Elan SnowboardsElan Snowboards opfylder grundlæggende funktionalitet og har en interessant æstetik. Der sker en masse, og det er svært at vide, hvor man skal kigge. Links er ikke altid indlysende, og når man klikker sig dybere ind på hjemmesiden, er det ikke altid klart, hvor man er. På den anden side tilbyder webstedet et forum, fællesskabsblogs og video, hvilket alt sammen gør webstedet mere kompetent for de besøgende. Alt i alt fokuserer webstedet mere på behov på et højere niveau på bekostning af nogle lavere niveauer. I betragtning af webstedets målgruppe er denne tilgang sandsynligvis berettiget.

CSS-TricksCSS Tricks er sandsynligvis velkendt for de fleste af jer. Det opfylder behovene for funktionalitet, pålidelighed og brugervenlighed. Chris Coyier har sektioner til et forum, screencasts, freebies og kodestumper, hvilket giver webstedet et lag af dygtighed. Rent kreativt har webstedet en flot, om end velkendt, blogæstetik, og det har passende strejf af AJAX i sidebaren. Chris har også lagt meget arbejde i små detaljer, der er med til at opfylde kreative behov.

Ali FelskiAli Felskis hjemmeside er en kombination af portfolio og blog. Den fungerer konsekvent, og det er nemt at finde rundt. Når de tre behov på lavere niveau er opfyldt, tilføjer hjemmesiden kreativitet. En af de gode ting ved designet er, at man kunne fjerne alle de æstetiske detaljer og stadig have et meget funktionelt, pålideligt og brugbart design.

Antique Piano ShopAntique Piano Shop opfylder alle designbehov på lavere niveau og tilbyder samtidig en tiltalende æstetik. Den opfylder behovene med hensyn til effektivitet ved at tilbyde sider, hvor du kan identificere dit klaver og sælge det. I betragtning af webstedets karakter kunne det have hjulpet til at opfylde færdighedsbehovene at lade de besøgende høre, hvordan klavererne lyder.

Fluid 960 GridDet flydende 960-grid-system opfylder designbehovene på lavere niveau godt. Det fungerer, fungerer konsekvent og er let at bruge. Selv om det ikke er den smukkeste side, du vil støde på, har det en hel del ting til at opfylde designbehov på højere niveau. Det meste af hver del af siden er en fungerende demo. Du kan se, hvordan hver enkelt vil fungere ved hjælp af enten jQuery- eller MooTools-bibliotekerne, eller du kan slå JavaScript helt fra for at se, hvordan demoerne fungerer. Du kan også skifte mellem flydende og faste gitre med 12 og 16 kolonner.

Summary

Mens Maslows hierarki giver intuitivt mening, påpeger kritikere de sparsomme beviser, der understøtter det, især antagelsen om, at de lavere niveauer skal opfyldes før de højere niveauer. Det samme kunne siges om hierarkiet for designbehov eller endog ethvert hierarki baseret på Maslows. De giver mening på overfladen, men mangler empiriske beviser.

Disse hierarkier er ikke absolutte regler, som man skal følge. Som med alt design skal du se på dine succeskriterier for at bestemme dine designmål. Dit publikum kan meget vel foretrække et æstetisk smukt websted, der lejlighedsvis har hikke, frem for et kedeligt websted, der er helt pålideligt.

Der er ingen grund til, at du ikke kunne tilfredsstille behov på højere niveau, før du helt tilfredsstiller alle behov på lavere niveau, så længe du forstår, at nogle behov på lavere niveau er absolut nødvendige. Naturligvis, hvis ingen af dine sider indlæses, er alt andet irrelevant. Du bliver nødt til at afhjælpe dette problem, før du bekymrer dig om progressiv forbedring.

Se på designhierarkiet som en rettesnor. For det meste er det fornuftigt at opfylde behov på lavere niveau, før man forsøger at opfylde behov på højere niveau. Hvis dit websted ikke er brugbart, vil du sandsynligvis gerne rette op på det, før du giver de besøgende flere måder at blive dygtige på.

Yderligere læsning på SmashingMag:

• The Personality Layer
• This Interface Is A (Good) Joke!
• Fixing A Broken User Experience
• How Do You Deal With Overstressed, Irrational Clients?

(al)