V-ați gândit vreodată cum să vă transmiteți moștenirea familiei? - crearea unei aplicații pentru asta

Proiect individual (și final) de student pentru Ironhack Barcelona

De ce acest subiect?

Bună, mă numesc Anfisa și sunt absolventă a UX / UI Bootcamp din Barcelona. Am sânge rusesc, buryat și polonez care îmi curge în vene și am fost mereu interesat de istoria familiei mele. Împreună cu tata am obișnuit să desenezem un copac genealogic și să încercăm să desfacem legendele familiei.

Cred că cunoașterea trecutului meu m-ar putea ajuta să-mi înțeleg prezentul, precum și să-mi ofere o anumită motivație. De exemplu, bunica poloneză Maria Michałowska a devenit prima șefă a Camerei Notariale de la Smolensk (orașul meu) în 1937 - ce zici de „puterea fetei”!

Sunt sigur că toată lumea are niște povești de familie frumoase și inspirate pe care le-ar dori să le împărtășească.

Singura întrebare palpitantă pe care o am este - „cum am putea transmite aceste informații generațiilor noastre viitoare - copii, nepoți, strănepoți?”

Pentru proiectul meu final din Ironhack, am decis să dezvolt subiectul de transmitere a moștenirilor familiale și să cercetez cum oamenii le pasă de trecutul lor și dacă gândesc / intenționează să transmită informații despre moștenirea familiei lor?

Crearea unui sondaj puternic

Tema moștenirii familiei este destul de largă și provocarea mea inițială a fost crearea unui sondaj condensat și relativ scurt.

Scopul meu a fost să înțeleg dacă utilizatorii sunt interesați de istoricul familial și dacă simt nevoia să transmită aceste informații rudelor lor.

Am vrut să ajung la oameni cu profiluri diferite, la cei care sunt interesați de subiect (comunitatea genealogică), precum și la persoane fără un interes profund profund pentru aceasta. Am creat un sondaj cu 7 întrebări și într-un timp foarte scurt am putut colecta 249 de răspunsuri.

Din fericire, presupunerea mea că oamenii sunt interesați să transmită moștenirea familiei a fost dovedită:

Rezultatele sondajului. Faceți clic pentru a mări

Cum să faci 8 interviuri și să realizezi că de fapt ai nevoie de mai mult

Cu un număr mare de răspunsuri la sondaje, m-am simțit ca fiind necesar să restrâng sfera cercetării, să identific grupul meu țintă și să pun întrebări mai specifice oamenilor.

Prima rundă de interviuri (între 25 și 40 de ani, fără copii)

Am început să intervievez persoane (cu vârste în special între 25 și 40 de ani) și după 8 interviuri am ajuns la concluzia că tinerii fără copii nu sunt grupul meu țintă. În ciuda faptului că erau interesați în general de subiect, le-a fost greu să își imagineze nevoia de a transmite moștenirile familiei generațiilor viitoare.

Cea mai importantă preluare din această rundă de interviuri a fost schimbarea strategiei și concentrarea asupra utilizatorilor cu experiențe diferite (persoane în vârstă în vârstă și persoane cu propriile familii).

Abordarea unui nou public țintă

Am efectuat un scurt interviu cu o persoană din noul meu public țintă și am recunoscut un alt detaliu foarte important - persoana nu era interesată să transmită moștenirea familiei în continuare pentru că:

  • cu experiența sa profesională, încearcă să utilizeze cât mai puțină tehnologie (doar mobil, fără computer), prin urmare, dacă era nevoie, el ar fi transmis fotografiile tipărite, mai degrabă decât informațiile stocate pe internet.

Acest lucru m-a făcut să conștientizez că trebuie să ajung nu numai la oameni de o anumită vârstă cu propria familie, ci și că trebuie să fie experimentați în tehnologie.

A doua rundă de interviuri (peste 40 de ani, cu copii)

În a doua rundă de interviuri am vorbit cu 3 persoane cu vârste cuprinse între 45 și 55 de ani.

Întrebările mele au fost:

  • dacă utilizatorii ar fi interesat să transmită informații despre istoricul familiei
  • dacă foloseau soluții existente (editori de arbori genealogici online)
  • ce provocări întâmpină acum și ce ar aștepta de la un nou produs / soluție
  • cum le-ar dori generațiilor viitoare să vadă informații despre familie

Analiza rezultatelor interviului

Diagrama de afinitate (realizată în realtimeboard.com). Faceți clic pentru a mări

Principalul punct de durere pe care l-am găsit a fost că toate informațiile pe care le aveau nu erau organizate și că acestea erau stocate pe diferite suporturi (digitale și hârtie).

Când au fost întrebați dacă ar dori să aibă un loc online unde să poată stoca, edita și personaliza conținutul familiei, toți au fost de acord că un astfel de loc ar fi extrem de util.

Un arbore genealogic vizual (mai ales în cazul în care include mai multe ramuri, mai mulți membri ai familiei și, prin urmare, mai multe informații) ar fi mult mai reprezentativ și mai ușor de înțeles.

Oamenii au fost, de asemenea, îngrijorați de conținut și mesajele pe care urmau să le aibă urmașii lor - au dorit să transmită nu numai fapte „uscate” și imagini nedescrise, ci „experiențe familiale”.

Pentru cine doresc să creez aplicația?

Analizând toate punctele de durere pe care le-am adunat din grupul țintă am creat o persoană de utilizator:

Persoana utilizatorului

Întrebarea pe care mi-am pus-o ca designer UX creând o soluție pentru persoana mea de utilizator a fost următoarea:

Problema întrebării

Ce soluții sunt deja disponibile pe piață?

Aplicații precum MyHeritage, FamilySearch și Ancestry se concentrează în cea mai mare parte pe construirea de arbori genealogici cu astfel de funcții suplimentare, precum efectuarea de teste ADN și conectarea cu alți utilizatori / familii ale aplicației. Am făcut o investigație foarte rapidă fără să mă adânc în toate funcțiile disponibile, deoarece am simțit că un alt editor de arbori genealogici nu îmi va rezolva problemele utilizatorilor.

De aceea am vrut să inspectez produsele care s-au concentrat pe păstrarea amintirilor familiei. Am găsit o listă cu aceste aplicații și când am început să realizez aceeași analiză competitivă mi-am dat seama că cele mai multe dintre ele (Forget Me Not Book, StoryPress și Story of My Life) nu mai funcționau. M-am întrebat de ce, dar, din păcate, nu am avut timp să fac o anchetă paralelă.

Principala mea abordare din această parte a procesului a fost că, deși timpul este foarte restrâns, trebuie totuși să efectuați o analiză competitivă care aduce valoare, deoarece vă poate ajuta să aflați din soluțiile deja existente.

Ce pot oferi

Analiza concurențială împreună cu cercetarea nevoilor utilizatorului meu m-au ajutat să sculptez ideea finală a instrumentului pe care doream să îl proiectez:

Soluția cu care am vrut să le ofer utilizatorilor mei este o aplicație care permite utilizatorilor să stocheze informații despre membrii familiei lor și despre evenimentele speciale ale familiei, astfel încât să o poată verifica oricând doresc.

Pe baza analizei de mai sus am creat o listă de caracteristici pe care mi-aș dori să le am soluția mea. Am vrut să ofer utilizatorului meu oportunitatea de a:

  • au un arbore genealogic reprezentativ vizual
  • acces facil la informații despre fiecare membru al familiei
  • creați / adăugați informații despre evenimentele familiei
  • personalizați informații despre fiecare membru al familiei și evenimentul familiei

Am decis să prioritizez funcțiile pentru a putea livra un produs viabil minim și am creat o pânză MoSCoW.

După ce mi-am dat seama că nu voi fi capabil să livrez toate caracteristicile trebuie să aibă la timp, trebuia să le revizuiesc și să mut o caracteristică „must” în „ar trebui” în panza MoSCoW.

Crearea aplicației

După ce am avut o idee clară ce caracteristici ar trebui să fie incluse în aplicația mea, a venit momentul să încep vizualizarea și să pun toate ideile mele pe hârtie. Am avut diferite variante despre cum arăta aplicația mea, dar mi-a plăcut în mod deosebit ideea de a împărți interfața în 2 părți - o pânză interactivă cu arbore genealogic în partea stângă și meniul contextual în dreapta:

De la prototip de fidelitate scăzută la înaltă

Proiectarea iterațiilor și deciziilor

Mai jos puteți găsi câteva iterații și decizii bazate pe testarea cu utilizatorii și procesul general de a trece de la prototipuri de fidelitate medie la hi-fidelitate.

1 | Prioritizarea și eliminarea elementelor inutile

Elemente inutile: panoul meniului și cronologia

Înainte: la început am avut o idee de a avea cronologie cu repere (fiecare punct de reper care reprezintă un eveniment familial) sub arborele genealogic și un panou de meniu din stânga.

După: mai târziu mi-am dat seama că A - nu am avut suficient timp pentru a dezvolta funcția de cronologie (după ce am prioritizat toate lucrările rămase am mutat această caracteristică în planul de dezvoltare ulterior) și B - nu a trebuit să introduc o stânga. panoul de meniu, deoarece nu intenționez să dezvolt alte opțiuni pentru aplicația mea.

D.o.d, etichete de evenimente de viață și media. Faceți clic pentru a mări

Inainte de:

  • încărcați videoclipuri și fotografii ca 2 acțiuni diferite
  • Etichetele evenimentului de viață plasate aproape de titlu (au fost menite să ajute utilizatorul să decidă cu privire la numele unui eveniment de viață)
  • data decesului (d.o.d.) ca câmp implicit într-un formular

După:

  • categoria generală „Media” în care utilizatorul poate încărca toate înregistrările (foto, video și voce)
  • nicio etichetă de eveniment de viață în hi-fi, deoarece au provocat frustrări pentru utilizatori
  • d.o.d. este ascuns în legătură (am crezut că ar putea provoca o reacție negativă pentru utilizator - în special în timp ce completează informații despre un membru al familiei în viață)

2 | Butonul „Adaugă un membru nou al familiei”

Procesul de a decide plasarea butonului „adăugați un nou membru al familiei”

M-am luptat cu plasarea butonului „+” (adăugați un nou membru al familiei). Am vrut să fie aproape de cardul de membru al familiei pentru a fi intuitiv, dar, în același timp, nu putea rupe arhitectura arborelui genealogic. De asemenea, nu ar putea perturba alte elemente de pe card (pictograme) sau sugera utilizatorului funcționalitatea greșită (de exemplu, „+” aproape de „9 evenimente” ar putea însemna greșit „adăugați un nou eveniment”).

3 | Elementele UI confuzive

Editați pictograma profilului / amplasarea butoanelor

Înainte: pictograma „editați” a fost înțeleasă în mod greșit ca editarea antetului profilului

După: butonul „editați profilul” din partea de jos a panoului

4 | Ierarhizarea textului

Îmbunătățirea ierarhiei textului

Înainte: titlul avea vizibilitate și lizibilitate mai bună decât conținutul

După: conținutul se evidențiază deoarece are o importanță mai mare decât titlul

5 | consecvență

Îmbunătățirea consecvenței

Înainte: panourile de profil și „adăugați un nou membru al familiei” aveau un aspect diferit, chiar dacă ambele aveau elemente UI similare

După: toate panourile au anteturi și elemente UI similare.

6 | Stare de încărcare - scheletul UI

Scheletul UI din aplicația FAMORY

În timp ce utilizatorul introduce date inițiale despre un nou membru al familiei în arborele genealogic, panoul contextual din dreapta arată o stare de încărcare cu aspectul ecranului, pe care îl vor vedea odată ce acțiunea este finalizată.

De ce FAMORY Numele și alegerea utilizatorului

Numele aplicației - FAMORY - combină 2 cuvinte cheie = familie și memorie. Combinația acestor cuvinte creează mesajul principal și indică valoarea principală a aplicației - este menită să ajute utilizatorii să păstreze amintirile familiei.

Logo-ul și sloganul FAMORY

Am început să creez primul meu design hi-fi cu gri deschis ca culoare principală (culoarea fundalului), deoarece o UI ușoară îmi era mai familiară și o folosisem deja pentru proiectul meu anterior (uniON - aplicația web pre-bord HR) .

Mulțumesc prietenei mele Marina Treshchun, care m-a sfătuit să experimentez cu culori, mi-am depășit frica de UI întunecat. Cu toții ne este frică să încercăm lucruri noi uneori, nu?

Fundalul întunecat m-a ajutat să evidențiez contrastul dintre fundal și cărțiPentru designul meu, am ales familia de fonturi Catamaran, icoane din NounProject (create de Gregor Cresnar) și două culori principale - albastru închis și gri.

Cum funcționează FAMORY?

Sarcina lui Chris: pentru a adăuga soacra sa în arborele genealogic, adăugați poza ei de profil, verifica ziua nunții fiului său și verifică albume foto.

Ce trebuie făcut în continuare?

1 - Includeți o cronologie a familiei cu repere. Fiecare punct de reper este un eveniment de familie

Această caracteristică ar putea ajuta utilizatorii să aibă o imagine de ansamblu istorică asupra istoricului familiei. Au putut vedea ce s-a întâmplat în familia lor din perspectiva timpului trecut.

2 - Invitați alți membri ai familiei în aplicație

Deoarece această aplicație include informații despre diferiți membri ai familiei, ar trebui să aibă acces și la aplicație pentru a edita / crea conținut.

3 - Administratorul contului familiei poate atribui sarcini altor membri ai familiei

Întrucât volumul de lucru (încărcarea de imagini, completarea informațiilor, crearea de noi carduri de membri ai familiei) ar putea fi foarte extins, aș dori să includ un instrument de administrare a familiei care să le permită utilizatorilor să partajeze sarcina de muncă, alocând sarcini altor utilizatori.

4 - Încărcați imagini și videoclipuri de pe Google Drive, Dropbox etc.

Provocările mele și acasă

Testarea prototipurilor

Agil A / B, nu cascadă. În timp ce mă gândeam la o schimbare de design, o testam imediat fără să termin întregul flux - asta m-a ajutat să economisesc mult timp.

Ceea ce trebuie să îmbunătățesc

Ierarhizarea textului și consecvența - mi-am dat seama care sunt punctele mele slabe atunci când vine vorba de o interfață de utilizator complexă și sunt doritor să le îmbunătățesc.

Experimentarea cu designul interfeței utilizatorului

UI întunecat nu este înfricoșător atunci când îl încercați ... în fond, totul nu este înfricoșător atunci când îl încercați. Încercați, experimentați și cereți feedback de la colegi experimentați și obțineți părerea utilizatorilor.

Prioritizarea și MoSCoW

Reguli de prioritate (în special în MVP și sub presiune de timp) - m-a ajutat să nu supraîncărc cu privire la cantitatea mare de muncă și m-a făcut să mă gândesc care sunt cele mai importante caracteristici. Am aflat de fapt despre diferența dintre caracteristicile „trebuie” și „ar trebui” atunci când mi-am dat seama că nu am timp suficient pentru a termina totul.

Ajutorul unei comunități

Cereți feedback cât mai mult posibil. În timpul acestui proiect, am solicitat feedback-ul colegilor de clasă, al prietenilor mei UX / UI, al TA și al profesorului meu - Nevan, pentru a nu uita 249 de respondenți ai sondajului care m-au ajutat să demarez ancheta.

Aș dori să le mulțumesc tuturor participanților că au contribuit, criticat, susținut și motivat pentru a-mi dezvolta ideea și a crea designul.

A fost proiectul meu final - sfârșitul experienței mele de învățare în Ironhack, dar, în același timp, este doar începutul Big UX Journey. Mă simt încântat și emoționat de următoarea mea provocare UX!

Ca întotdeauna, sunt foarte deschis la orice fel de feedback, nu ezitați să vă împărtășiți gândurile despre acest proiect sau pur și simplu să ajungeți la mine pe LinkedIn pentru a spune Bună