Leg het uit alsof ik 5 ben: wat is een productontwerper?

Onlangs had ik het geluk om te spreken op HubSpot's First Gen in Tech-evenement waar ik de kans kreeg om te praten over wat een Product Designer is en wat ze doen bij HubSpot. Het evenement was buitengewoon verhelderend. Ik had niet alleen de kans om veel van mijn toekomstige collega's te inspireren, maar ik leerde al snel dat Product Design gehuld is in mysterie buiten degenen die al in de techniek zitten. Ik was overweldigd door de feedback en leerde al snel dat er veel vragen zijn over wat een productontwerper eigenlijk doet.

Ik neem het gepraat weg dat er niet genoeg Product Design-berichten op internet zijn - zoals kattenmemes. Dus hier is mijn "Wat is een Product Designer" -gesprek in de vorm van een blogpost.

Er zijn geavanceerde discussies over de verschillende onderwerpen die ik ga behandelen. Maar dat wordt niet behandeld in dit bericht. Dit bericht is voor aspirant-ontwerpers. Het is voor degenen die op zoek zijn naar technologie. Het is vooral voor degenen die elke dag problemen identificeren en ernaar streven een verschil te maken door ze op te lossen.

Wat is een productontwerper?

Een productontwerper heeft veel namen. Je hebt misschien gehoord van titels als:

  • Experience Designer (XD)
  • Informatiearchitect (IA)
  • Interactie Designer (IX)
  • Experience Architect (XA)
  • User Interface (UI) Designer
  • User Experience (UX) Designer
  • En nog veel meer

De waarheid is dat een Product Designer verantwoordelijk kan zijn voor sommige of alle bovenstaande. Sommige van deze titels overlappen ook de verantwoordelijkheid.

Een productontwerper is in wezen een probleemoplosser.

Een productontwerper is goed thuis in meerdere ontwerpfacetten die in dit bericht in detail worden beschreven door een andere HubSpotter:

Wat doet een productontwerper bij HubSpot?

Productontwerp Artefacten

Dit zijn de objecten en resultaten van een productontwerper. Het is de conglomeratie van onze inspanningen en ons werk. Artefacten die een productontwerper produceert, zijn onder meer:

REISKAARTEN

Recente reiskaart door Jon Knickerbocker (HubSpot Senior Product Designer)

Reiskaarten zijn een oefening in het vertellen van een gebruikersverhaal terwijl ze een taak of proces doorlopen. Geweldige reiskaarten documenteren de triggers en motivatoren en de post-ervaring om een ​​compleet verhaal van een gebruikersreis te vertellen. Het breekt de complexe emoties af die een gebruiker kan doorlopen om pijnpunten en kansen te identificeren. Ze worden gemaakt door workshops te houden met verschillende belanghebbenden en gebruikers via een reeks gemodereerde vragen en taken.

wireframes

Wireframes zijn low-fidelity mock-ups om snel testoplossingen op te stellen en dienen als blauwdrukken voor hifi-ontwerpen. Vaak getekende mock-ups met papier en potlood zijn ideaal voor ideeën omdat het de investering laag houdt. Slechte ideeën kunnen snel worden weggegooid omdat ze weinig betrokkenheid en goedkoop zijn, waardoor snelle iteraties mogelijk zijn. Het is een perfecte tool voor het fail-fast model waarover je kunt lezen in het Lean UX-boek (een geweldig boek voor elke beginnende productontwerper.)

PROTOTYPES

Sharon Monisharaj - Power Paper Prototyping

Prototypes zijn mock-ups gemaakt om te testen. Prototypes kunnen variëren in betrouwbaarheid - van papieren prototypes tot gesimuleerde, klikbare ontwerpen. Het doel is om de oplossing te testen door middel van een reeks gemodereerde sessies om feedback van gebruikers te verzamelen. Het is van het grootste belang om het juiste gebruikerssegment te werven en de juiste methodologie te gebruiken om onbevooroordeelde gegevens te verzamelen. Door in dit stadium gegevens en problemen in de vorm van informatiearchitectuur, bruikbaarheid, vindbaarheid, enz. Vast te leggen, wordt bij de implementatie een gebruiksvriendelijkere oplossing geproduceerd.

HIGH-FIDELITY-ONTWERPEN

Waze app

Dit is het laatste model van je ontwerp. Nadat de oplossing door uw gebruikers is doorgelicht, moet dit ontwerp lijken op het uiteindelijke product wanneer het is gecodeerd en geïmplementeerd. Deze ontwerpen dienen als de blauwdruk en begeleiding voor uw ontwikkelingsteam. Ze moeten de lay-out, kleur, typografie, opvulling en alle fijne details tot op de laatste pixel communiceren.

Dit zijn slechts enkele voorbeelden van artefacten en hulpmiddelen die een Product Designer gebruikt om problemen op te lossen.

We gebruiken ontwerp niet alleen om dingen er mooi uit te laten zien. We gebruiken ontwerp om problemen op te lossen.

Soorten productontwerp

Er zijn 3 kerntypen van ontwerp als het gaat om productontwerp:

  • Systeem ontwerp
  • Proces ontwerp
  • Interface ontwerp

Ze spelen allemaal een integrale rol in de hele gebruikerservaring omdat ze allemaal een ander doel dienen. Laten we een voorbeeld doornemen.

Ontwerp begint met een probleem. Stel dat we in ons voorbeeld honger hebben. In ons voorbeeld is de oplossing die u hebt gekozen om uw probleem op te lossen, het kopen van boodschappen in een supermarkt. Er zijn andere voor de hand liggende en niet zo voor de hand liggende concurrenten die u kunt inhuren om uw probleem op te lossen. Ze bevatten:

  • Voedsellevering
  • restaurants
  • Voedselvrachtwagens
  • Supermarkt
  • Verkoopautomaat
  • Eiwit shakes
  • gaming
  • Netflix
  • Boeken
  • Het internet
  • Slaap

Concurrentie is vaak iets waar een ontwerper rekening mee moet houden, omdat u met uw oplossing unieke waarde moet creëren. Laten we in ons voorbeeld supermarkten als uw oplossing gebruiken.

SYSTEEM ONTWERP

Een supermarkt is een voorbeeld van een systeemontwerp. Het is een van de vele systematische oplossingen die zijn gebaseerd op het model van het omwisselen van valuta voor goederen. Dit systeem biedt waarde door de gebruiker een uitgebreide selectie goederen en ruilkosten aan te bieden, omdat de gebruiker zijn eigen voedsel moet plannen, verzamelen en bereiden.

Terwijl we hier zijn, laten we eens kijken naar enkele ontwerpcompetenties, zoals informatiearchitectuur.

Hoewel we dit meestal niet merken, zijn de gangpaden van supermarkten ontworpen om zakelijke en gebruikersbehoeften in evenwicht te houden. Items worden opzettelijk georganiseerd en geplaatst voor betaling om de verkoop te maximaliseren. Zo kan snoep tijdens Halloween bij de ingang worden geplaatst voor gemakkelijke toegang en om de verkoop te stimuleren. En het is misschien geen verstandige keuze om kattenvoer en tonijn in blik in hetzelfde gangpad te plaatsen uit angst voor verwarring tussen de twee objecten.

Een andere overweging in uw ontwerp is de gebruiker. Hier is een voorbeeld dat je in een supermarkt kunt vinden. Let op de hoogte van de klanten en de plaatsing van het ontbijtgranen met inachtneming van zakelijke behoeften (maar misschien niet van de gebruikers).

PROCES ONTWERP

Traditionele lijnenStop & Shop Scan hetSelf-checkout

De supermarkt fungeert als een systeem dat u de optie geeft om uw voedsel te kiezen om mee naar huis te nemen, er zijn nog steeds processen in de winkel zelf. Een van die processen is de transactie waarbij u uw geld inruilt voor goederen. Als u het proces hier uitsplitst, moet de winkel tellen wat u koopt en u de juiste kosten in rekening brengen. In de meeste moderne supermarkten zijn er verschillende voorbeelden van dit proces.

Er is het traditionele proces waarbij de gebruiker in de rij wacht totdat de kruidenier zijn items scant en de transactie uitvoert. Een ander proces kan inhouden dat de gebruiker een zelfscan van zijn inventaris uitvoert en die transactie uitvoert met een machine. Variabelen van dit proces kunnen een scanner bevatten om het proces te versnellen, waardoor de gebruiker items kan scannen terwijl ze het aan hun winkelwagentje toevoegen.

INTERFACE ONTWERP

Zelfs in een supermarkt is er een interfaceontwerp waarmee een gebruiker kan communiceren. Of u nu in de ondersteunde afrekenregel bent of in een zelf-afrekenregel, er is een interface voor het optellen van uw artikelen en prijs. In het bovenstaande voorbeeld moet de gebruikersinterface voor zelf uitchecken een intuïtief niveau hebben, zodat een klant al zijn artikelen, kortingsbonnen, klantenkaarten kan scannen en zijn betalingsmethode kan invoeren.

Als u elk van deze taken opsplitst, worden de complexiteiten achter elke fase van het afrekenen zichtbaar. Wat gebeurt er bijvoorbeeld als het item niet wordt gescand? Hoe vindt of voert de gebruiker het item in het systeem in? Hoe moeten items worden gesorteerd? Het ontwerp kan de bruikbaarheid, betrouwbaarheid, efficiëntie en snelheid van de interface bepalen.

Er zijn duizenden weloverwogen beslissingen die in het ontwerp van het supermarktsysteem worden verwerkt en we zien verschillende variaties daarvan van merk tot merk. Elke beslissing is bedoeld om de ervaring glad te strijken. Als deze beslissingen niet worden genomen met de bedoeling om de gebruiker wrijvingsloos te maken, zal een gebruiker een ander systeem inhuren om hun probleem op te lossen, zoals take-out.

Hoe mijn dag is

Bij HubSpot ziet mijn dag er heel anders uit, afhankelijk van de fase waarin ik me bevind in een project. Het kan elke combinatie van het volgende zijn:

Onderzoek onze gebruikers en problemen

Dit is een aanzienlijke inspanning in ons proces. Om echt een oplossing te ontwerpen, moeten we materiedeskundigen zijn met wie onze gebruikers zijn en welke problemen ze ondervinden. We moeten ook hun motivaties, triggers, ambities en doelen begrijpen. We werken samen met onze productmanagers, UX-onderzoekers, productinzicht en belanghebbenden om onze gebruikers te bepalen, het probleem te verifiëren en KPI's te bepalen.

"Als ik een uur de tijd had om een ​​probleem op te lossen, zou ik vijfenvijftig minuten besteden aan het definiëren van het probleem en vijf minuten aan de oplossing." - (Waarschijnlijk) Albert Einstein

Ontwerp en prototype

Nadat we onze gebruikers en problemen hebben begrepen, beginnen we met het opstellen van eerste concepten van onze oplossing. Er zijn veel verschillende methoden en workshops voor het bedenken van een proces - IDEO stelde voor veel van die methoden een geweldig ontwerppakket samen. Bij HubSpot hebben we een ontwerpsysteem waarmee we snel een ontwerp kunnen maken en een prototype kunnen maken. Dit stelt ons in staat om onze ontwerpen snel te testen en tegelijkertijd een samenhangende visuele en interactieve ervaring te garanderen die overeenkomt met onze ontwerpprincipes.

Test met onze gebruikers

We werken nauw samen met onze UX Researcher om gebruikers te screenen en te werven om onze ontwerpen te testen. Onze UX-onderzoekers zullen ons helpen onze hypothese te testen door de beste testmethoden aan te bevelen. Sommige van deze methoden zijn: boomtesten, A / B-testen, enquêtes, interviews en zelfs live bèta's.

Ontwerp wat meer

Met de feedback en gegevens in onze vorige stap gebruiken we deze om ons te informeren over ontwerpbeslissingen die we moeten nemen en wijzigen om ervoor te zorgen dat onze oplossing daadwerkelijk problemen oplost wanneer we lanceren.

Lanceer een product

Met ons definitieve ontwerp als blauwdruk werkt ons engineeringteam in een reeks sprints om onze oplossing te bouwen. In nauwe samenwerking met de ingenieurs doorlopen we een aantal dagelijkse stand-ups en QA om ervoor te zorgen dat onze oplossing op schema ligt met het ontwerp en vrij van fouten.

Product meten en itereren

Dit is het bepalende moment van Productontwerp. Het ontwerpen van een gebruikerservaring is onvolledig zonder de gegevens van uw product te meten en analyseren zodra het live is. Bij HubSpot werken we samen met ons UX Research-team en ons Product Insight-team om KPI's te bedenken die ons helpen de dataset te bepalen die we moeten meten om het succes te bepalen. Zodra een product is gelanceerd, worden die nummers zorgvuldig gecontroleerd om te bepalen of we de naald verplaatsen en vooruitgang boeken. Die gegevens zullen ons informeren over eventuele andere beslissingen die we moeten aanpassen in de volgende iteratie van het ontwerp en proces.

Product / UX-ontwerp is deze constante lijn van analyseren, ontwerpen, testen, lanceren, bewaken en evolueren. Dit alles gebeurt omdat we problemen oplossen.

Zijn deze voorbeelden van Productontwerp logisch? Zijn er betere metaforen? Is er iets specifieks aan Productontwerp waarover u meer wilt weten? Laat een reactie of tweet op mij achter - ik hoor graag je gedachten.