Visoid Redesign
Om prosjektet
Redesign av Visoid sitt AI-visualisering verktøy er et skoleprosjekt gjort med en ekte kunde, med en ekte problemstilling.
Visoid leverer et AI verktøy som arkitekter kan bruke for å øke effektiviteten fra sketch eller tidlig 3d fase, til perspektiver som kan vises til kunden.
Mange brukere forvekslet prompt funksjonen med en chat, noe som førte til frustrasjon og dårlige resultater. Målet var å forbedre forståelse og arbeidsflyt for brukerne.
For fullstendig presentasjon av prosjektet, er det en PDF nederst på siden.
Gruppe: Caroline O. Hufthammer, Kalle M. Haraldset, Karen O. Kivircik, Kristina Klafstad
Visoid verktøyet, under start av prosjekt
Utfordring:
Brukere misforstår hvordan de skal bruke prompt funksjonen og får dermed dårlige resultater
Mål:
Redesigne grensesnittet slik at det forklarer riktig bruk, støtter eksisterende arbeidsflyt og gi bedre resultat – uten å overvelde brukeren
Affinity diagram etter første runde med research og intervju
Empathize:
I første omgang ville vi finne ut av, igjennom bruk av litteraturgjennomgang, UI/UX audit, konkurrentanalyse og brukerintervju. Hva, hvorfor, hvordan og hvor er problemet?
Mål:
- Hva er det brukerne sliter med i Visoid’s prompt-funksjon, og hva trenger de for å bruke den ‘riktig’?
- Hvorfor bruker de Visoid’s prompt-funksjon som en chat, istedenfor å skrive stikkord som guider AI resultatet bedre?
- Hvor i prosessen er det brukerne sitter fast, og hvor finner de eventuell informasjon til å hjelpe dem?
- Hvordan kan vi lage en løsning som gjør prompt-funksjonen enklere å forstå?
«Følte ikke at den [prompt] var nødvendig, jeg syns alle innstillingene jeg trengte var der..»
Hoved persona
Define:
Utfra vår research, ga den oss en indikasjon at det ikke nødvendigvis var prompt-funksjonen som gjorde det vanskelig for brukerne.
Det var flere faktorer igjennom hele prosessen av å lage en AI-visualisering, som var med på å frustrere og forvirre brukeren.
Problemstillingen:
Visoid-brukere får ikke-tilfredstillende AI bilder fordi de misforstår den ‘riktige’ måten å bruke verktøyet på, og fordi de trenger bedre veiledning.
Hvis vi kan redesigne grensesnittet for å tydeliggjøre bruken av verktøyet, vil brukerne bedre forstå hvordan det brukes og få bedre resultat. Som i retur vil gi Visoid bedre bruker tilfredshet og engasjement.
«AI visualiseringsverktøy virker interessant, men jeg sliter med å forstå hvordan det fungerer»
Tidlige sketsjer
Ideate:
Før vi går igang med å starte sketsje/ide workshop, så legger vi noen grunnlegende ‘Hvordan kan vi…’ spørsmål
…hjelpe brukere forstå hvordan man skal bruke prompt-funksjonen for best AI resultat?
…redesigne verktøyets grensesnitt, slik at brukere forstår bedre hvordan det brukes?
…lage prompt-funksjonen mer til en design funksjon, enn en chat?
…lage verktøyet så intuitivt som mulig for både nybegynnere og erfarne brukere?
…effektivisere verktøyets prosess til å intuitivt følge brukerens arbeidsflyt?
Ide 1 (Valgt ide)
Redesign av Visoid verktøyet
Konseptet går ut på å beholde hvordan verktøyet ser ut idag, men fokusere på å forbedre brukervennligheten og tilgjengeligheten
Hensikten er å lage verktøyet mer intuitivt, redusere læringskurven og redusere fokuset på prompt-funksjonen.
Ide 2
Step-by-step arbeidsflyt
Konseptet går ut på at brukeren må utføre et steg før de kan fortsette på det neste
Steg 1: Last opp Steg 2: Lag bilde Steg 3: Rediger Steg 4: Se over
Hensikten er å guide brukeren igjennom prosessen.
Ide 3
Nybegynner & Erfaren modus
Konseptet går ut på at brukeren kan bytte mellom nybegynner eller erfaren modus.
Der nybegynner vil ha færre innstillinger og forenklet verktøy og erfaren vil ha alle innstillingene verktøyet har å tilby.
Hensikten er å gjøre det så enkelt som mulig for nye brukere, men fortsatt beholde avanserte valg til de erfarne brukerne.
Skjermbilde av low-fi prototype, i create fanen
Prototype
Vi utviklet Low-Fi og High-Fi wireframes for PC og tablet. Fokuset var på tilgjengelighet, tydelighet og visuell hierarki.
Vi testet på brukere under hele prosessen, fra Low-Fi til High-Fi
Skjermbilde av low-fi prototype, i edit fanen
Skjermbilde av high-fi prototype, i create fanen
Skjermbilde av high-fi prototype, i edit fanen
Skjermbilde av endelig design av prototype, i create fanen
Skjermbilde av endelig design av prototype, i edit fanen
Next steps
Selv om vi kom til et resultat som ved implementering ville økt bruker fornøyelse, så kom vi fram til at for å få en komplett løsning ville vi gjort noen flere tiltak.
- Kortsortering for labels i prompt-biblioteket og spesifikt ‘visualization type’ label
- Finn ut om ‘generate prompt’ er en funksjon som er nødvendig
- Brukertest der ‘generate’ knapp og prompt er flyttet under bilde du arbeider på
- Brukertest på skalering ned til tablet
- Se på om man kan implementere flere farger til fargepalettet, for å skape et mer inspirerende uttrykk