Design Personas injecteer persoonlijkheid in uw webprojecten

Laten we eens kijken naar het wat, waarom en hoe ontwerp-persona's te creëren; persoonlijkheden ontwikkelen voor uw projecten. Als het goed wordt gebruikt, kunnen design-personages een goede site transformeren in een ongelooflijke site, waardoor mensen het onthouden voor alle rechts redenen.

Een van de grote vraagstukken van ontwerpen voor het web - in feite ontwerpen in elk medium - is het definiëren van het ondefinieerbare: wat scheidt goed ontwerp van Super goed ontwerp? Hoewel er geen zilveren kogel of magische formule bestaat, ligt het antwoord niet alleen in pixelperfectie - het ligt in een ontwerp dat op een manier waarop ze reageren op uw publiek spreekt. Het helpt hen om beslissingen te nemen op een gemakkelijke, natuurlijke manier, waarbij ze de bruikbaarheid en bruikbaarheid overstijgt en in plaats daarvan ... lekkernijen.

Klaar om meer te leren? Laten we beginnen.


Wat is een Design Persona?

Als je nog nooit van design persona's hebt gehoord, is het je misschien vergeven dat je denkt dat we op het punt staan ​​om in de duistere en vaak onbegrepen wereld van marketing, doelgroepdemografie, conversie en gebruikerstesten te stappen. Hoewel ontwerppersona's deze dingen kunnen opnemen, zijn ze in werkelijkheid veel praktischer, gericht op ontwerpen en durf ik te zeggen ... leuk.

In de eenvoudigste vorm is een ontwerppersoon een document dat is gemaakt tijdens de planningsfase van een project dat een duidelijke identiteit en persoonlijkheid definieert voor het merk of project.

We zullen enkele voorbeelden bekijken en de stappen die u zult nemen om een ​​ontwerppersonage te creëren iets later in deze zelfstudie, maar laten we nu eens kijken naar de componenten van een ontwerppersonage die Aarron Walters uiteenzet in zijn boek Designing For Emotion 2011:

  • Overzicht: Enkele paragrafen die de toon zetten voor het merk, de dienst of het project. In het overzicht moet worden aangegeven hoe u wilt dat uw gebruikers op de website reageren en wat het onderscheidt van de concurrentie.
  • Persoonlijkheidsbeeld: Het persoonlijkheidsbeeld vertaalt de identiteit van het project in een echte, levende persoon die alle dingen belichaamt waar het merk of product voor staat. Kies een beroemdheid, sportster, fictief personage of zelfs een archetype en beschrijf hun persoonlijkheidstrekken, hoe zij anderen laten voelen en waarom zij het merk vertegenwoordigen.
  • Merkeigenschappen: Vijf tot zeven korte uitspraken die het merk beschrijven en die ook een aantal beperkingen en eigenschappen instellen die u wilt vermijden. Bijvoorbeeld: "Eenvoudig maar niet kinderachtig", "Gezaghebbend maar niet neerbuigend".
  • Persoonlijkheidskaart: Zet het merk op een schaal van vriendelijkheid en onvriendelijkheid op de x-as en het niveau van dominantie of onderdanigheid op de y-as.
  • Stem: Als de website, het product of het merk met zijn gebruikers zou kunnen spreken, hoe zou het dan klinken? Zou het een uber-coole street cred hebben of zou het klinken als je grootvader die in zijn favoriete fauteuil zit en een verhaal vertelt uit een vervlogen tijdperk? Ga in op de volkstaal, de toon en hoe de communicatiemodus kan veranderen in verschillende situaties.
  • Voorbeelden kopiëren: Neem enkele 'echte' voorbeelden van de kopie van de site op in verschillende situaties. Hoe verwelkomt de interface bijvoorbeeld een nieuwe gebruiker of een gebruiker die net is ingelogd? Hoe zit het met een foutmelding of een oproep tot actie?
  • Visual Lexicon: Een visueel lexicon is een mooie manier om te zeggen welke kleuren, typografie, ontwerppatronen, lay-outs en dergelijke op de site zullen worden gebruikt. Design persona's zijn een perfecte partner voor Style Tiles, een alternatief voor volledige ontwerpcomponenten die we hier onlangs hebben besproken in Webdesigntuts+.
  • Betrokkenheidsmethoden: Op welke manieren zullen de interface en het merk in het algemeen communiceren en communiceren met zijn gebruikers? Hoe kan het gebruikmaken van sociale media, e-mailmarketing en interacties in de echte wereld?

Waarom zou je je drukmaken?

Op het eerste gezicht lijkt het ontwikkelen van een designpersoon een hoop hard werk. Het is toch beter om gewoon rechtstreeks in wireframes te duiken en moppen te ontwerpen en onderweg al deze 'persoonlijkheid' en 'emoties' te achterhalen?

Niet zo. In feite zijn er een aantal aantrekkelijke voordelen voor het ontwikkelen van een ontwerppersonage in de beginfasen van een nieuw project. Laten we een paar van deze bekijken, en dan kijken naar enkele voorbeelden van enkele websites die dit goed doen (en sommige websites die niet zo succesvol waren).

1. De ideale klant definiëren

Het is onmogelijk om een ​​site te ontwerpen waarop iedereen positief zal reageren. Hoewel het palmen kan laten zweten en veel tandenknarsen op de marketingafdeling om te beginnen praten over de uitsluiting van demografische doelen, is het in werkelijkheid misschien wel de beste beslissing die je ooit zou kunnen nemen.

De harde waarheid is dat als je een website voor iedereen bouwt, dit niemand zal aanspreken. -Paul Boag

Laten we eens kijken naar een voorbeeld van een ontwerpbureau dat het uitsluitingsprincipe voor de doelgroep ter harte heeft genomen.

Op de voorpagina van de FortySeven Media-startpagina wordt prominent een grote handgetekende illustratie weergegeven die expliciet aangeeft dat jij moet niet huur ze in voor uw volgende project. Wat zou in vredesnaam een ​​ontwerpbureau mensen op een schaamteloze manier kunnen vertellen om ze niet aan te nemen? Het antwoord wordt gevonden door te klikken op de link 'Ontdek waarom' (alsof iemand zich zou kunnen verzetten!)

De kopie op de volgende pagina maakt duidelijk dat wanneer je te maken hebt met FortySeven Media, je te maken hebt met een premium designbureau. Kortom, ze maken het vrij duidelijk dat ze geen budgetwebsites maken en alleen werken met klanten die weten dat een goed ontwerp niet goedkoop is.

Dit zal natuurlijk een groot aantal potentiële kleine klanten van het bureau verwijderen. Immers, bedrijven die het zich kunnen veroorloven om de $ 10K (minimum) te besteden aan een nieuwe website-herontwikkeling, groeien niet echt op bomen. Door een duidelijke design-persona in te stellen, heeft het FortySeven Media-team zijn ideale cliënt gelasered en een site gemaakt die onbuigzaam op hen spreekt - en hen alleen.

Als je op zoek bent naar gemiddeld, kijk je op de verkeerde plek. We doen geen gemiddelde. En we hebben er zelfs geen spijt van. -FortySeven Media

2. Merken scheiden

In ons volgende voorbeeld gaan we kijken naar een merk- en bedrijfsstrateegprovider die zich uitstekend onderscheidt van de concurrentie door het gebruik van een sterk ontwerppersoneel.

De wereld van de bedrijfsstrategie is gevuld met conservatieve, bezadigde ontwerpen, complex zakelijk jargon en marketing mumbo-jumbo.

Bobadilium is een bedrijf dat een heel andere benadering hanteert bij het definiëren van zijn merk dan zijn concurrentie:

Met een in-your-face grungy stijl en anarchistische tone-of-voice is Bobadilium allesbehalve gewoon van de partij. Met gedurfde uitspraken als "Kies een nieuwe zakelijke ervaring, wees mens" en "Pas op: rampen kan de loef afsteken" (samen met een aantal mooie jQuery-scrolleffecten), zet Bobadilium een ​​toon van urgentie en praat hij direct met potentiële klanten die het belang van anders zijn begrijpen.

Zal deze site een beroep doen op elke potentiële klant? Bijna zeker niet. Maar wat het wel heel goed doet is Bobadilium definiëren als een duidelijk alternatief voor hun concurrenten.

3. Toekomstige ontwerp- en inhoudsbeslissingen

Een van de meest geliefde merken op het internet van vandaag is toch wel de populaire e-mailservice Mailchimp.

In feite wordt het ook als een van de beste voorbeelden van sites die zijn ontwikkeld met een duidelijk ontwerppersoneel opgeschort - wat gepast is omdat Aarron Walters (de belangrijkste evangelist voor het gebruik van moderne designpersonages) ook het ontwerpteam van Mailchimp leidt.

Hoewel we de hele dag kunnen praten over Mailchimp en het gebruik van zijn persoonlijkheid en emotioneel ontwerp om verrassing en genot te creëren in zijn loyale gebruikersbasis, helpt de duidelijke designpersoonlijkheid van het merk ook om een ​​consistent raamwerk te creëren voor toekomstige ontwerp- en inhoudsaanvullingen van de site..

Met een grote site zoals Mailchimp die voortdurend nieuwe inhoud en nieuwe producten toevoegt, kan de algehele persoonlijkheid van het merk gemakkelijk verwateren in de loop van de tijd. Waar Mailchimp uitblinkt, is de mogelijkheid om elke pagina van de site op een consistente manier te laten communiceren met de gebruiker.

Hun kennisbank en ondersteuningsgedeelte van de site vermijdt bijvoorbeeld eenvoudige topicvermeldingen. In feite wordt elke nieuwe sectie als een boeiende boekomslag beschreven, die er meer uitziet als Apple's iBooks iPhone-app dan als een helpcentrum:

Het gebruik van eigenzinnige afbeeldingen en boeiende titels spreekt rechtstreeks over de merkeigenschappen van Mail Chimp, waaronder:

  • "Hip maar niet vervreemdend",
  • "Informeel, maar niet slordig"
  • "Krachtig maar niet ingewikkeld"

Het is het vermogen om te praten met deze merkeigenschappen die helpen bij het omzetten van een van de meest alledaagse delen van de site in een van de meest opwindende.

In feite heeft elke pagina in de interface van Mail Chimp een consistente tone of voice, waardoor de gebruiker consequent verrast wordt met grappen, quips en de persoonlijkheid die het merk beroemd heeft gemaakt.

Hoe serieus werkt Mailchimp op de toon van de site? Serieus genoeg om een ​​site te maken die uitsluitend is bedoeld om nieuwe medewerkers die content creëren te helpen begrijpen hoe ze de Mailchimp-manier kunnen schrijven. U kunt de site zelf bekijken op www.voiceandtone.com.

4. Tricky Problems oplossen

Soms kan de aard van een project voor de ontwerpers en inhoudstrategen heel wat lastige problemen opleveren. Een treffend voorbeeld hiervan is slaveryfootprint.org, een site die mensen vertelt hoeveel slavenarbeid zij indirect gebruiken als gevolg van de producten die zij kopen.

Het spreekt voor zich dat slavernij een beladen onderwerp is en dat de site het inherente risico loopt om gebruikers te vervreemden, schuldgevoelens genereert en in het algemeen een zeer sombere toon aanroept: iets dat een site die vertrouwt op sociale media om de boodschap te verspreiden, zou willen vermijden tegen elke prijs.

In plaats daarvan heeft de site een duidelijk gedefinieerde ontwerppersoon die een zeer ernstige boodschap in een aantrekkelijke en boeiende verpakking plaatst zonder het probleem te bagatelliseren - iets dat heel duidelijk wordt aangetoond door zowel de openbare dienstboodschap als de onderzoeksdelen van de site..

Terwijl de gebruiker naar beneden scrolt, plaatsen 'felgekleurde handen' de tekst op de pagina. Dit voegt niet alleen visuele belangstelling toe, maar het breekt ook serieuze inhoud af in lichtverteerbare nuggets van informatie.

In het gedeelte over de enquête van de site creëren de cartoonachtige, felgekleurde afbeeldingen directe betrokkenheid bij de gebruiker en vermijden ze negatieve emoties door een niet-letterlijke benadering te volgen. In feite is er geen enkele afbeelding - cartoon of anderszins - van een slaaf op de hele site.

4. De onderste regel stimuleren

Wanneer we kijken naar de voordelen van Design Personas en emotioneel ontwerp in het algemeen, gaat het niet allemaal om de minder tastbare concepten: er zijn enkele zeer reële aanwijzingen dat het gebruik van design-persona's om een ​​merkpersoonlijkheid te ontwikkelen de basis kan verhogen.

Neem het voorbeeld van PhotoJoJo, een populaire fotogerelateerde online winkel. Nadat bezoekers een item aan hun winkelwagentjes hebben toegevoegd, zien ze een kleine grijze hendel met de woorden "Do Not Pull". Als je genoeg durft om inderdaad aan de hendel te 'trekken', strekt een feloranje hand het scherm uit en trekt de pagina omhoog naar de objectbeschrijving.

Hoewel dit misschien meer een gimmick dan een verkooptool leek, merkte het bedrijf dat bezoekers die aan de hendel trokken lagere niveaus van verlaten wagens hadden en de succespercentages zelfs stegen.

Er moet echter worden opgemerkt dat deze functie alleen werkt omdat deze consistent is met het algemene merk PhotoJoJo. Terwijl je op de site surft, wacht je op elke pagina een verrassing, een griezel of een glimlach-opwekkend component op je.


Een waarschuwing…

Zoals ik in het bovenstaande voorbeeld van PhotoJoJo heb vermeld, kunnen Javascript-magie, paaseieren en andere unieke functies snel worden omgezet in goedkope tricks als ze niet worden gebruikt in overeenstemming met een consistent ontwerp persona en merkpersoonlijkheid.

Niet om een ​​partij-pooper te zijn, maar hier is een voorbeeld van een site die het fout doet.

Daskeyboard (hieronder afgebeeld) is een verkoper van premium-toetsenborden en heeft, zoals ik zeker ben, een vrij standaard productpagina:

Als je naar de site gaat en op de link in de rechterbovenhoek "Kick A @%" klikt, gebeurt er iets heel bijzonders. Spring naar de site en probeer het nu.

Hoewel dit vrij gaaf is, en misschien de moeite waard is om een ​​tweet te schrijven (zoals ik deed), is het effect helaas gedegradeerd tot een gimmick, omdat het niet consistent is met de algehele ontwerppersoon van de site..

Zal deze kleine functie verkeer naar de site brengen? Bijna zeker ja - het heeft alle componenten van een goede virale campagne - maar of het zal leiden tot daadwerkelijke conversies, alleen de tijd zal het leren (mijn geld zou op "niet" staan).


Een Design Persona maken

Nu we enkele van de belangrijkste voordelen van design-persona's hebben bekeken en enkele inspirerende voorbeelden van goed ontworpen ontwerppersoneel hebben besproken, laten we een voorbeeld nemen van het maken van een Design Persona voor een fictieve klant.

De Design Persona zelf is een eenvoudig document, dat u gemakkelijk zelf in uw tekstverwerker naar keuze kunt maken. Als alternatief kunt u hier een sjabloon downloaden op de Aarron Walter-website

Onze klant is vandaag Forty Love Strings, een fabrikant en verkoper van tennisrackets van wedstrijdkwaliteit. Bij ons op bezoek voor een complete website en merkrevisie, is de volgende ontwerppersoon gecreëerd op basis van gesprekken met het bedrijf:

Overzicht merkpersoonlijkheid

Rafael Nadal belichaamt alles waar Forty Love Strings voor staat als een merk. Hij is agressief en compromisloos op het veld, maar toch warm, benaderbaar en een echte sportman na de wedstrijd na de wedstrijd.

Rafael voert zelfvertrouwen maar niet arrogantie en als hij speelt, is hij gefocust op één ding en één ding: dat punt winnen.

Rafael is ook een mode-icoon en is altijd op zoek naar zijn persoonlijke stijl - zowel op het veld als daarbuiten.

Forty Love Strings deelt de karakteristieken van Nadal en spreekt op gezaghebbende wijze met de gebruikers, waarbij ze de passie delen voor de sport waarvan ze houden. We inspireren onze klanten om zichzelf naar de grenzen van het potentieel te duwen.

We verkopen onze producten aan mensen die willen winnen.

Merkeigenschappen

Forty Love Strings is:

  • Dominant, maar niet pesten
  • Zelfverzekerd maar niet arrogant
  • Doelgericht en toch flexibel op individuele behoeften
  • Modieus maar niet avant-garde
  • Agressief maar ook sportief

Persoonlijkheidskaart

Stem

De stem van Forty Love String is zelfverzekerd, assertief en neemt geen blad voor de mond. De stem van Forty Love Strings spreekt met autoriteit, maar nooit bullebakt, betoogt of beaamt. In plaats daarvan inspireren we onze bezoekers om zichzelf naar nieuwe niveaus van competitieve prestaties te duwen.

Forty Love Strings komt meteen ter zake. We hebben nooit contracties van gebruikers en zeggen altijd wat we willen zeggen in zo min mogelijk woorden zonder de boodschap te verdunnen.

Forty Love Strings stelt retorische vragen aan onze gebruikers om hen te betrekken en te inspireren. We dagen onze gebruikers uit door soms moeilijke vragen te stellen zodat ze zichzelf nog verder kunnen pushen.

Voorbeelden kopiëren

  • "Wat doe je als je twee sets bent?"
  • "Alleen het beste voor alleen de beste"
  • "Je dienen is niet het enige dat jou als speler definieert"

Visual Lexicon

Kleurenpalet: De site bevat zwaar donkere, broedzwarte en witte tennisgerelateerde afbeeldingen. Contrast wordt toegevoegd door het gebruik van de vetgedrukte, fluro-geïnspireerde greens, yellows en blues van het Grand Slam-circuit. Gebruik bij twijfel donkere texturen, subtiele houtskoolgradiënten en kleine hoeveelheden vet wit om impact en contrast te creëren.

Typografie: Forty Love Strings is gedurfd en toonaangevend, en de keuze voor typografie weerspiegelt dit. Koppen hebben sterke schreefloze lettertypen en de inhoud van het lichaam is eenvoudig en onopgesmukt.

Betrokkenheidsmethoden

Forty Love Strings gebruikt Twitter om zijn volgers te inspireren en te motiveren met korte bemoedigende berichten. We tonen ook onze passie voor het spel door onze volgers up-to-date te houden met belangrijk nieuws uit de tenniswereld (zonder te redigeren).

We volgen onze klanten terug en bieden gepersonaliseerde berichten van ondersteuning en aanmoediging wanneer we leren dat ze op het punt staan ​​om te concurreren, enz.


En dat zijn alle details die u nodig heeft voor een basisontwerppersonage. Vanzelfsprekend zou je dit veel verder kunnen nemen en een gratis moodboard of Style Tile bevatten, maar dit eenvoudige document schetst duidelijk de richting van de site, niet alleen in termen van ontwerp, maar ook voor geschreven inhoud..

Conclusie

Als u op zoek bent naar een website voor uw volgende klant die opvalt in een zee van gelijkenis en middelmatigheid, dan is het ontwikkelen van een design persona een essentiële eerste stap voor uw nieuwe project.

Niet alleen helpen design persona's om een ​​unieke persoonlijkheid voor het merk te creëren, ze zijn ook een waardevol hulpmiddel voor het opsporen van uw ideale doelklant, het leiden van toekomstige ontwerp- en inhoudsbeslissingen en kunnen sites effectiever (en misschien zelfs winstgevender) maken door echte relaties te creëren met de bezoekers van de site.

Als laatste advies, maak je niet de fout om te investeren in de ontwikkeling van een design-personage, alleen om stof te verzamelen in de bodem van een la. Om designpersona's effectief te laten zijn, moet elke ontwerp- en inhoudsbeslissing worden genomen met verwijzing naar de merkeigenschappen, persoonlijkheid en tone of voice die u in samenwerking met uw klant hebt vastgesteld..

Vooral de consistentie in de toepassing van uw designpersonage in elk element van het project is essentieel!

Wat denk je over design persona's? Ga jij er een ontwikkelen voor je volgende project? Wat zijn je favoriete voorbeelden van sites die emotioneel ontwerp en ontwerppersonages effectief hebben gebruikt in hun uitvoering? We horen graag uw gedachten!


Aanvullende bronnen

  • Ontwerpen voor Emotion, Aarron Walter 2011
  • Stem en toon
  • Ontwerp Persona-sjabloon downloaden)