Case 2 – Pantea Wäring

Guidnet Teamverktyget

Individuellt projekt inom ramen för kursen i Gränssnittsdesign på YRGO.
Det är viktigt att notera att detta var ett skolprojekt och vissa delar av det är inte nödvändigtvis etiska, men det ingick som en del av läroprocessen inom gränssnittsdesign som läraren ville betona. Alla namn och data som användes är fiktiva och har ingen annan betydelse än att fungera som platsmarkörer för information och text.

Projektbeskrivning:

Tidsplan: 7dagar
Verktyg: Figma
Uppgift: GuideNet Teamverktyget
Syfte: skapa välfungerande team i syfte att resurssätta projekt.

Kravlista:

Gör ett gränssnitt där användaren kan se info om projektet, vilka roller som behövs och teamet som behövs.
Det är önskvärt att all information och interaktion sker i samma vy.
Teamverktyget har detaljerad information om alla konsulter, inklusive tillgänglighet och beläggning
Teamverktyget har fullständig insikt i projektplanen, inklusive nödvändiga roller, arbetsveckor, och resursallokering.
Man ska kunna lägga till, ta bort eller ändra en konsult i projektteamet
Utgå från att samma konsulter arbetar hela projektet igenom och teamet är max 9 personer.
Konsulterna besitter alla de färdigheter som behövs i projektet
Dessa konsulter tycker så bra om varandra som möjligt. Utvärdering av samarbete efter varje genomfört projekt
Det finns blandade könsidentiteter, Inte mer än 66% av en viss könsidentitet i ett projekt

Mina lösningar:

Försökte få allt information på en och samma vy som önskades i projektbeskrivning
Valde ett rent typsnitt och ganska neutrala färger, då gränsnittet är Sovereign posture där användaren spenderar lång tid på sidan.
Längre ner kommer ni ser att användaren har möjlighet att anpassa listan på anställda till det dom önskar se först. Kanske en projektledare vill inte ens ha namn på personer utan bara deras färdigheter och detta kan hen göra med en enkel klick på pilar i (baren?)

Persona: Robert, projektledare på Guidnet

Figma Prototype Flow:

1. Projektsidan: Här kan Robert ta del av projektinformation, filer, länkar, planering, resurser osv. Från denna sida klickar Robert på "Skapa Team”.

2. Robert befinner sig i Team-verktyget. Han klickar på "Digital Designer" till vänster för att söka efter konsulter. Alternativt kan han också klicka på "Sök personal"-knappen längst upp till höger och skriva in tjänsten om man är van med vanlig sökning.

3. En anpassningsbar meny där projektledaren kan ändra ordningen på listan med en enkel klick på pilar.

4. Söksidan öppnar en lista med konsulter som är tillgängliga under önskade perioden. I resursmenyn på vänster sida antyds den sökta rollen (Digital designer).

5. Den valda konsulten blir grå när man klickar på den.

6. Eiram läggs till i listan. Om resursen har en färgad markering innebär det att man har valt en konsult för den resursen. Procentandelen för kön ändras till 50% kvinna, eftersom förutom Robert som identifierar sig som man, har Eiram lagts till i teamet och representerar den kvinnliga andelen.

7. Robert fyller i konsulter för olika resurser som UX researchers och designers. När teamet har minst två medlemmar aktiveras samarbetsgradsrutan längst ner till vänster och uppdateras baserat på medlemmarnas ömsesidiga bedömningar. Varje konsults samarbetsgrad inkluderar utvärderingar från andra i teamet, markerade med färg och initialer för att visa vem som gav värderingen.

8. Värderingsrutan öppnas och visar detaljerade samarbetsgrader som konsulten har fått från varje teammedlem. Robert upptäcker att Aidins värderingar inte ser så bra ut. Han klickar på knappen "Byt konsult" och ersätter Aidin.

9. Robert får en trevlig modal feedback när förfrågan har skickats. Dessutom spelas en glädjefylld ljudsignal.

Designsystem Figma:

Reflektioner

Jag är ganska nöjd med de lösningar jag utarbetade, i enlighet med önskemålen i projektbeskrivningen.
Personligen föredrar jag en design med färre detaljer på en och samma sida. För att säkerställa tillgänglighet inkluderade jag färgmarkeringar med symboler, särskilt med tanke på användare som eventuellt är färgblinda.
Om jag hade haft mer tid till förfogande skulle jag ha omdesignat könsymbolrutan och sett till att symbolerna ändrar storlek baserat på andelen av varje kön i gruppen. Detta skulle ge visuell återkoppling samtidigt som det förmedlar information om könsfördelningen på ett mer detaljerat sätt.