InSight Out Consulting Inc. | Studiu de caz UX / UI

Cum evaluezi talentul și expertiza unui furnizor de servicii? Poate căutați pe cineva cu premii prestigioase sau poate căutați pe cineva cu experiență vastă. Indiferent de ceea ce căutați, dacă site-ul web al profesionistului pare că a fost proiectat în 1992 (precum cel de mai jos), nu veți mai agita mult timp.

Introducere

InSight Out Consulting Inc. lucrează cu interacțiunile complexe și forțele perturbatoare care afectează sustenabilitatea afacerilor și obligă factorii de decizie în afaceri să gândească și să perceapă altfel. Insight Out Consulting Inc. aduce perspective, claritate și modalități de a lucra creativ pentru a se adapta mai repede.

Dawna Jones (fondatorul) este vorbitor, autor, strateg și educator. Experiența ei de lucru în sectoare și dinamici diferite au determinat-o să înțeleagă profund mediile complexe și cum să crească în interiorul lor. Dawna lucrează pentru a conecta conducerea luării deciziilor pentru a restabili sănătatea ecologică și socială condusă de afaceri și consumatori în parteneriat.

Scopul acestui proiect a fost proiectarea unui site web practic și sensibil pentru InSight Out Consulting Inc., care să prezinte serviciile și resursele unice ale Dawna.

Acest proiect a fost planificat și executat de echipa mea din patru:

Credite de fotografie: Gabriel Martins

În rolul principal al proiectului, rolul meu a fost să conduc cercetarea cu experiență a utilizatorului (UX) și să creez un prototip pentru desktop și mobil, pe baza rezultatelor cercetării noastre.

Obiectivele de afaceri

Creșteți veniturile creând mai multă implicare pe site-ul web și încurajând utilizatorii să utilizeze resursele online InSight Out (adică podcast-uri, cărți, articole, videoclipuri și cursuri online).

Obiectivele utilizatorului

Găsiți și vizualizați cu ușurință toate resursele sale (podcast-uri, articole, bloguri, cărți), precum și înțelegeți tehnicile și calificările ei ca consultant.

Obiectivele proiectului

Creați un site web în stil de portofoliu pentru a afișa abordarea unică a Dawna de a schimba inovația și a-și prezenta resursele online și atelierele de consultanță.

Procesul de proiectare UX

Ipoteză

Clienții actuali și potențiali sunt interesați să acceseze resursele și serviciile Donna, dar nu sunt sigure de unde să înceapă să se uite pe site-ul ei și de multe ori se pierd în timpul navigării.

Cercetare și descoperire

Provocarea

Rezumatul proiectului a fost crearea unui site web care să prezinte serviciile și resursele Dawna, ținând cont de următoarele:

  • Dezvoltați un site web care oferă educație (videoclipuri, webinarii, link către podcast)
  • Conectați-vă și achiziționați clienți noi
  • Pagina care îmi prezintă cărțile. Ușor de văzut sau descărcat conținutul capitolului
  • Vorbind subiecte și subiecte de atelier cu link-uri la videoclipuri pe YT
  • Trebuie să apeleze la clienți și colaboratori internaționali

Cercetarea domeniului

Există milioane de afaceri de succes în Canada. Fiecare afacere de succes s-a confruntat cu provocări unice, una dintre aceste provocări poate include conflictul la locul de muncă în timpul luării deciziilor.

Pentru a stabili fundamentul cercetării proiectului, echipa mea a cercetat numeroase companii de consultanță locale și internaționale pentru a vedea ce servicii au oferit și cum serviciile Dawna pot diferi de normă.

Pe baza cercetărilor noastre, distincția principală dintre InSight Out și concurenții este că Dawna Jones adoptă o abordare holistică și intuitivă a serviciilor sale de consultanță pentru a obține o înțelegere mai profundă a clienților săi și pentru a obține informații din observațiile sale. În timp ce concurenții ei se bazează pe instrumente strategice, care nu reușesc atunci când se confruntă cu anomalii și conflicte om-om.

Am investigat numeroase companii de consultanță din Vancouver, BC și la nivel global. Site-urile pe care le-am explorat includ Tony Robbins, Lewis Howes gothamCulture, Jonas Altman, Dana James Mwangi, Matt Olpinski și Bryce Baldon.

Analiza competitivă comparativă

Pentru a ajuta la vizualizarea și compararea site-urilor menționate mai sus, am făcut o analiză competitivă comparativă (CCA) (figura A).

Figura A: Analiză competitivă comparativă

Am măsurat numărul de anteturi și pagini, deoarece ne-a permis să vizualizăm modul în care utilizatorii noștri obișnuiesc să primească informații. Am măsurat dacă compania oferă servicii internaționale și resurse gratuite pentru a înțelege mai bine cum se compară InSight Out cu concurenții săi.

CCA ne-a permis să ne referim cu ușurință la cercetarea domeniului nostru și să înțelegem informațiile pe care le-am adunat cu o simplă privire.

Sondaje ale utilizatorilor

După colectarea cercetărilor preliminare, am început să formulăm întrebări la sondaj. Obiectivul sondajului nostru a fost să înțelegem punctele de durere ale utilizatorilor noștri atunci când caută un consultant și ce ar putea ajuta la rezolvarea acestor frustrări. Mai jos este un exemplu de întrebare pusă în sondaj:

Ne-am desfășurat sondajul în comunitatea din Vancouver folosind Reddit și Slack.

Când am așteptat să fie colectate datele sondajului, am efectuat o anchetă contextuală participând la una din sesiunile de lucru ale Dawna.

Anchete contextuale

Anchetele contextuale îl pun pe cercetător UX în domeniu să observe comportamentul utilizatorilor țintă în timp real.

Locație: RED Academy
Durata: 2 ore

Ancheta contextuală cu Dawna ne-a permis să înțelegem mai profund obiectivele de afaceri ale Dawna, tipul de utilizatori care vizitează site-ul ei și metodologiile Dawna. Reuniunea a clarificat și perspectivele Dawna cu privire la serviciile pe care le oferă; am aflat că preferă să fie cunoscută ca „inovatoare în schimbare”, decât „consultant”.

Informațiile culese și observate în timpul anchetei contextuale au jucat un rol important în formarea site-ului web.

Rezultatele sondajului

Am primit un total de 32 de răspunsuri la sondajul nostru. După colectarea rezultatelor, am analizat datele folosind mai multe tehnici.

Prima metodă de analiză a fost simplă: citiți și înțelegeți rezultatele.

Rezultatele sondajului au demonstrat că experiența utilizatorului nostru poate fi limitată dacă site-ul web are prea multe informații, o organizare slabă și un proces îndelungat pentru atingerea obiectivului dorit (figura B).

Figura B

Aceste rezultate ajută, de asemenea, la confirmarea ipotezei noastre (așa cum s-a menționat anterior); Utilizatorii noștri caută servicii și resurse online, cu toate acestea, sunt descurajați atunci când sunt prezentați cu informații copleșitoare și neorganizate.

Figura C

Rezultatele arată că utilizatorii noștri se bazează pe informațiile disponibile direct pe site-ul web pentru a determina dacă furnizorul de servicii este de încredere. De exemplu, 71,9% dintre utilizatori se așteaptă la informații actualizate de pe site-uri web care sunt de încredere (figura C).

Cercetările noastre au relevat, de asemenea, că majoritatea utilizatorilor preferă să asculte podcast-uri dintr-o sursă externă, decât pe site-ul companiei (Figura D).

Figura D

Pentru a completa această analiză inițială, am creat o diagramă de afinitate pentru a vizualiza rezultatele cercetării noastre. Diagramele de afinitate sunt utilizate de cercetătorii UX pentru a grupa cercetarea / datele în grupuri semnificative pentru analiză.

Diagrama de afinitate

Toate punctele de date culese din sondaj și ancheta contextuală au fost incluse în diagrama de afinitate.

Diagrama de afinitate a oferit informații cheie asupra rezultatelor cercetărilor noastre și a permis echipei UX să extragă cu ușurință informații valoroase.

Utilizator Persona

Diagrama de afinitate ilustrată mai sus a ajutat la crearea persoanei utilizatorului (mai jos) pentru acest proiect.

Utilizator Persona

Persoana utilizator a fost un instrument util pe parcursul procesului de proiectare și a depășit diferența dintre cercetare și planificare.

Planificare

Cercetarea UX a pus bazele planificării proiectării și mi-a permis să identific punctele de durere ale utilizatorilor și caracteristicile cheie ale site-ului web.

Povestea de mai sus ajută la crearea empatiei cu utilizatorul și creează context pentru cererea site-ului web curent.

Figura E

După cum este ilustrat în figura E (stânga), echipa mea a putut să identifice produsele viabile minime și să creeze un flux de utilizator simplu.

Acest flux a fost a doua iterație după ce am eliminat următoarele caracteristici:

  • Forumul comunitatii
  • Opțiunea de abonare la articol

Prioritizarea caracteristicilor și un audit al conținutului ne-au ajutat să eliminăm caracteristicile de mai sus și să ne concentrăm asupra produsului minim viabil și să rămânem în sfera de timp a proiectului nostru.

Auditul conținutului

Echipa mea a efectuat un audit complet de conținut pentru a evalua toate aspectele site-ului și pentru a elimina conținutul redundant, cum ar fi:

  • Căi care duc la punctele fără margini
  • Informații duplicate
  • Eliminați informațiile educaționale inutile din alte pagini decât blogul (pentru a atrage mai multă atenție asupra blogului pentru a accesa acest tip de informații)

Am eliminat conținutul pentru a evita suprapopularea, organizarea necorespunzătoare și subliniați scopul principal al paginii, fără a distrage utilizatorul.

Arhitectura informațională

Una dintre metodologiile principale în arhitectura informațională este sortarea cardurilor.

Sortarea cardurilor este o tehnică folosită de cercetătorii UX pentru organizarea informațiilor în clasificări logice.

Figura F: Sortare card

După finalizarea auditului de conținut, echipa mea a efectuat un sort de card deschis pentru a determina care ar trebui să fie opțiunile de navigare de top și ce elemente se vor încadra în aceste opțiuni (figura F).

Am finalizat un total de 4 exerciții de sortare a cărților pentru a determina cum va arăta navigarea de sus și cum va fi organizat site-ul.

Arhitectura informațională a pus bazele procesului de proiectare și a eliminat incertitudinea în care vor fi amplasate paginile.

Proiecta

Obiectivul de proiectare a fost să utilizeze cercetarea UX pentru a favoriza simplitatea și ușurința de utilizare a site-ului web și designul receptiv.

Harta de flux a utilizatorului a deschis calea pentru prima versiune a fireframelor. Fără fluxul de utilizatori, filframingul ar fi fost dificil și consumat timp, deoarece variațiile de proiectare sunt infinite.

Cadru de hârtie al paginii atelierului pentru desktop (stânga) și mobil (dreapta).

După crearea cadrului de fir pentru desktop, am efectuat teste ale utilizatorilor pentru a testa fluxul aplicației.

Pe măsură ce testam prototipurile de hârtie desktop, am început simultan să creăm prototipul mobil pentru a ne asigura că site-ul nostru web va fi receptiv pe ecranele mobile.

Reactivitatea site-urilor web este un aspect crucial al proiectării, deoarece utilizatorii accesează site-uri web dintr-o varietate de dispozitive diferite, cum ar fi laptopuri, telefoane, tablete și multe altele.

Testarea prototipurilor de hârtie

Testarea a arătat că fluxul a fost simplu și site-ul web a fost ușor de utilizat. Feedback-ul cheie pe care l-am primit a fost faptul că opțiunea „acasă” din navigarea de sus nu a fost necesară, deoarece utilizatorul poate naviga la pagina principală făcând clic pe „Dawna Jones”, redând butonul „acasă”.

Acest feedback a fost încorporat în prototipul digital.

Prototyping

Folosind feedback-ul colectat din cadrele de hârtie (după cum am discutat mai sus), am creat prototipul digital de fidelitate medie (mai jos).

Ecran de atelier de fidelitate mijlocie

După cum este afișat în imaginea din stânga, am lăsat aliniate toate atelierele pentru a menține forma consistentă.

Rezultatele testării prototipurilor noastre din hârtie au obținut, de asemenea, că CTA „Contact Dawna” (apel la acțiune) nu trebuie plasat sub imaginea atelierului, deoarece utilizatorii noștri nu au putut localiza CTA cu ușurință.

În prototipul nostru de fidelitate medie, am mutat caruselul de mărturii și formularul „Contact Dawna” pentru a fi adiacente între ele în eforturile de a reduce lungimea paginii.

Design încântător

Deliciul utilizatorului se referă la orice efect emoțional pozitiv pe care îl poate avea un utilizator atunci când interacționează cu un dispozitiv sau o interfață. Deliciul utilizatorului nu poate fi întotdeauna exprimat exterior, dar poate influența comportamentele și opiniile formulate în timpul utilizării unui site web sau a unei aplicații. - NN / g

Nu sunt sigur care este pragul pentru un site web plictisitor, dar un site web pentru consultare trebuie să fie pe linia de frontieră.

Am fost responsabil de designul încântător și emoțional pentru acest proiect. Pentru a face site-ul web mai interactiv și distractiv, am adăugat filete de design încântător pe tot site-ul.

De exemplu, în loc de un pop-up „mulțumesc” standard, am creat un pop-up unic pentru a reflecta marcarea site-ului (natura) și abordarea Dawna în materie de consultanță (colaborare) (figura F).

Figura F: Mai sus este un exemplu despre modul în care am încorporat designul încântător pentru un pop-up după ce am dat clic pe un CTA.

Una dintre principalele constatări din cercetările noastre a fost aceea că utilizatorii devin frustrați și nerăbdători atunci când nu sunt capabili să localizeze rapid informațiile de contact. Pentru a ne asigura că am dat în calcul acest lucru, am creat o pagină „Contact” și am inclus opțiuni de contact în subsolul fiecărei pagini (figura G).

Figura G: Pagina de contact.

Folosind prototipul de fidelitate medie, am continuat testarea utilizatorilor și am început să proiectăm ecrane de înaltă fidelitate.

Testarea

Am testat pe 8 participanți pentru prototipul desktop și 8 participanți pentru prototipul mobil, pentru un total de 16 sesiuni de testare.

Metoda de testare a fost structurată; am identificat scopul testului și am oferit obiectivelor specifice utilizatorului. Am luat note detaliate despre interacțiunile lor cu prototipul (de exemplu, pauze lungi), am notat toate feedbackurile și am cronometrat sesiunile de testare digitală.

Obiectivul utilizatorului:
1. Selectați următorul articol al blogului pentru a citi: „Răsfățarea poveștilor negative despre tineri”
2. Selectați cel mai recent podcast pentru a asculta de pe pagina de pornire
3. Contactați Dawna despre înregistrarea în Atelierul nr. 1

Rezultatele testării prototipului pe hârtie desktop

Rezultatele testării prototipului digital de mijloc de fidelitate

Am măsurat timpul necesar completării fiecărei sarcini pentru prototipul digital pentru a-l măsura în funcție de timpul necesar pentru a finaliza aceleași sarcini pe site-ul web existent al Dawna: http://www.frominsighttoaction.com/

Rezultatele obținute creează că designul site-ului nostru web a îmbunătățit eficiența timpului pentru completarea cu 62%!

Cu alte cuvinte, noul design al site-ului web a scăzut cu peste 60% timpul petrecut pentru finalizarea sarcinilor.

Rezultatele testelor pe prototip de hârtie mobilă

Rezultate de testare a prototipurilor digitale de mijloc de fidelitate mobilă

Toate feedback-urile de la testarea desktop și mobil au fost luate în considerare înainte de a trece la următoarea etapă. Echipa a făcut revizuiri, a făcut referințe la cercetări și a fost testată de-a lungul întregii faze de testare.

Aruncați o privire la prototipul desktop de înaltă fidelitate și prototipul mobil de pe InVision.

Sau consultați un videoclip al unui utilizator care finalizează sarcinile de testare pe prototipul de înaltă fidelitate pe YouTube!

UI Design

Faza finală de proiectare a acestui proiect a fost finalizată de specialistul UI din echipa noastră, Hardip, împreună cu aportul echipei de proiectare UX.

Designul UI a necesitat un feedback și o reexaminare continuă pentru a crea produsul final.

Mood Board: Bobotează

Începutul proiectării a fost acela de a încuraja un sentiment de epifanie, inteligență emoțională și natură sănătoasă. Acest lucru a fost obținut folosind imagini de eroi cu semnificații mai profunde (de exemplu, munți), ceruri în gradient și culori vibrante. Tipografia stabilă și serioasă folosită oferă un sentiment de încredere și atemporal site-ului.

Mai jos veți găsi versiunea de înaltă fidelitate a ecranelor discutate în prototiparea de fidelitate medie.

Îmbunătățiri viitoare

Întotdeauna există loc pentru îmbunătățiri.

Cronologia de 3 săptămâni a proiectului curent nu a permis multe funcții.

Considerațiile viitoare includ adăugarea unei secțiuni internaționale pentru a arăta modul în care serviciile Dawna sunt aplicabile la nivel mondial.

Dawna invizii creând o comunitate pe site-urile sale web unde clienții internaționali și locali se pot conecta. În viitoarele iterații am putea construi un forum comunitar pentru a menține conectați profesioniștii din industrie.

În sfârșit, Dawna lucrează în prezent la dezvoltarea de noi resurse de site-uri, cum ar fi webinarii și VR / XR. Îmbunătățirile viitoare ar putea include aceste completări.

Concluzie

Produsul final a depășit obiectivele de afaceri, obiectivele utilizatorului și obiectivele proiectului

În general, transformarea InSight Out a fost un succes! Echipa a lucrat bine și din greu pentru a crea un site web simplu, funcțional și fundamentat pentru a îmbunătăți experiența utilizatorilor și a crește eficiența sarcinilor cu 62%!

Acesta este un pachet, deocamdată! Dacă ți-ar plăcea studiul meu de caz, clapele ar fi apreciate.

Îmi puteți urmări activitatea aici, pe Medium, Instagram și LinkedIn.

Lasă-mă să știu ce credeți în secțiunea de comentarii de mai jos, toate feedback-urile sunt binevenite!

Mulțumesc,

Karen Bhela.