Close

Agile ontwerp

Proces en richtlijnen voor collaboratief ontwerp

Onderwerpen zoeken

Ontwerp is een belangrijk onderdeel van elk softwareproject. Toch worstelen agile teams vaak met "wat doen we met het design?" vanwege deze vier factoren:

  • Veel teams richten zich tijdens het planningsproces op high-fidelity ontwerpen, wat een watervalcultuur tijdens de implementatie afdwingt
  • Ontwerpers worden vaak gedeeld tussen teams en hebben beperkte tijd om met een bepaald team door te brengen
  • Ontwerpers hebben niet altijd een eenvoudige manier om feedback te melden aan het engineeringteam
  • De logica- en presentatielagen zijn niet altijd duidelijk van elkaar gescheiden in de codebasis, waardoor stijlwijzigingen lastig worden

Artikelen over design

[VERVOLG]

Design: agile, net als ontwikkeling

Voordat we gaan inzoomen, wil ik een ander concept introduceren: collaboratief ontwerp. Itereren op productontwerp levert geen geweldige resultaten op als je het in een vacuüm doet. Door aan het begin van een project te zoeken naar de perspectieven van je klanten en ontwikkelaars zal de eerste poging tot een ontwerp dichter bij het doel komen en kunnen de iteraties hierop worden gebaseerd naarmate het proces vordert. Laten we eens kijken hoe Atlassian-ontwerpers samenwerken in deze korte webinaropname.

Zoals je net hebt gezien, zullen de producteigenaar en de ontwerper al in een vroeg stadium tijd besteden aan brainstormsessies en iteratie van het productplan. Hun doel is om de business case te valideren en ervoor te zorgen dat de tijd van het engineeringteam goed wordt besteed aan het oplossen van echte problemen waarmee echte klanten worden geconfronteerd.

Pro-tip:

Deze fase is niet 'sprint 0'. Het is belangrijk om deze basiselementen goed af te ronden, in plaats van ze te timeboxen. Het starten van het programma met een solide grondslag levert zijn vruchten af tijdens het hele project. Dus neem de tijd die je nodig hebt.

Na de eerste planning en ideeënvorming gaan de productmanager en de ontwerper samenwerken met het ontwikkelingsteam. Gedurende het hele programma is visueel en interactieontwerp iteratief, net als de softwarearchitectuur: zoek het belangrijkste probleem om op te lossen en voeg net genoeg design (en code) toe om feedback te krijgen over de oplossing.

Als het team aan de slag gaat met sprintplanning en de backlog, haal je de ontwerpers erbij. Hun input bij het nemen van beslissingen over de toekomstige richting van het product zal het gemakkelijker maken om het beoogde doel te bereiken.

Agile pijl

Maak je ontwerp agile met gratis Jira-sjablonen

Met gratis aanpasbare ontwerpsjablonen is het eenvoudig om iedereen op één lijn te houden.

Ontwikkelaars en producteigenaren kunnen ook ontwerpen!

In veel organisaties maken ontwerpers deel uit van meerdere teams (of zelfs producten!). Dit is ook zo bij Atlassian. Daarom wilden we beter gebruik maken van de kostbare tijd van onze ontwerpers.

De ontwerprichtlijnen van Atlassian bestaan uit een reeks principes, richtlijnen en middelen voor het ontwerpen en bouwen van geweldige ervaringen. Onze ontwerprichtlijnen hebben niet alleen betrekking op de elementen van visueel ontwerp, ze omvatten ook onze waarden voor het ontwerp van gebruikerservaring. Hierdoor kunnen meerdere agile teams consistente ervaringen ontwikkelen in onze productfamilies. En zoals hierboven vermeld, spelen ontwikkelaars en producteigenaren een rol in het ontwerpproces. Terwijl het volledige team samenwerkt met behulp van de Atlassian-ontwerprichtlijnen, worden ontwikkelaars en producteigenaren betere ontwerpers. Die vaardigheden worden vervolgens gedeeld binnen het hele team, wat een fundamentele waarde is in de agile cultuur.

Hoewel het belangrijk is om een gedeelde mindset te hebben, wilden we verder gaan in de manier waarop we agile design benaderen. De Atlassian-ontwerprichtlijnen worden aangeboden via drie hoofdkanalen:

  • Een website speciaal over de Atlassian-ontwerprichtlijnen, die het ethos en de methodologie achter onze ontwerpbeslissingen bevat
  • Het AUI-flatpack (Atlassian User Interface), een set HTML-, JavaScript- en CSS-sjablonen die al onze ontwerpelementen in code implementeren
  • Keynote- en PowerPoint-sjablonen met de visuele voorstellingen van al onze componenten

Ontwikkelaars kunnen de AUI-flatpack downloaden en mock-ups maken. Daarnaast kunnen producteigenaren zonder ook maar één enkele regel code te hoeven schrijven productervaringen maken in slidedecks die eruit zien als het daadwerkelijke product. Het is een effectieve manier om zinvolle en bruikbare ontwerpfeedback te krijgen. Deze middelen versterken ook het ontwerppartnerschap binnen het hele agile team. Er is één ontwerper die de lead neemt in het planningsproces, maar de rest van het team draagt bij aan beslissingen tijdens iteraties. Hierdoor wordt het knelpunt weggenomen voor beslissingen over ontwerp en kan het hele team flexibeler werken.

Ontwerp voor een geweldige ervaring

Elke functie bewandelt twee paden tijdens de ontwikkeling ervan: ontwerp van de gebruikerservaring en visueel ontwerp. Het ontwerp van de gebruikerservaring maakt gebruik van ontwerpdenken om zich te concentreren op de informatiearchitectuur en workflows in de nieuwe functie. Visueel ontwerp omvat interactieontwerp en hoe een functie wordt vormgegeven. Soms richten teams zich te sterk op visueel ontwerp omdat het een emotioneel onderdeel is van het productontwikkelingsproces. (Bovendien ziet het er allemaal mooi uit en is het alleen maar leuk.) Maar hoewel visueel ontwerp belangrijk is, speelt het ontwerp van een goede gebruikerservaring een veel grotere rol. Zonder een goed ontwerp van de gebruikerservaring zal namelijk ook het meest verbluffende visuele ontwerp gebruikers niet verliefd laten worden op het product.

Met hun sterk afgestemde empathie voor de ervaring van de gebruiker en het zesde zintuig voor het opsporen van afwijkingen in typografie en gekke lay-outs, zijn ontwerpers een ongelooflijk waardevolle bron van feedback. Zorg ervoor dat ze eenvoudig screenshots kunnen vastleggen en annoteren, en defecten kunnen melden of verbeteringen kunnen voorstellen.

Flexibel ontwerp is toekomstbestendig

Net als ontwikkelingsparadigma's verandert ontwerp in de loop van de tijd. Moderne technologieën zoals CSS maken het gemakkelijk om het uiterlijk van een applicatie te scheiden van de logica in een applicatie. Zorg er daarom voor dat je geautomatiseerde tests structureert zodat die eenvoudig kunnen worden aangepast wanneer het visuele ontwerp verandert. Het ontwerp zal veranderen en het is belangrijk om ervoor te zorgen dat de codebasis gemakkelijk nieuwe trends kan volgen.

Sven Peters
Sven Peters

Sven is een software-geek die voor Atlassian werkt. Hij houdt van programmeren en wil graag dev-teams geweldig maken!