Agile ontwerp

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.

Na de eerste planning en ideevorming 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 het wegwerken van backlogs, 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.

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 leiding 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.

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 gebruikerservaring en hun 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 schermafbeeldingen kunnen maken, deze kunnen markeren en defecten kunnen melden of verbeteringen kunnen voorstellen.

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.