Instagram - Dodajte značajku (studija slučaja)

Fotografirao Prateek Katyal na Unsplash-u

Izazov:

Izazov dizajna ovog projekta u Ironhack-ovom UX | UI Design Bootcampu bio je analizirati već postojeću i visoko usvojenu aplikaciju i ugraditi novu značajku u postojeći proizvod na temelju korisničkih potreba. Dobila sam slobodu izbora između nekoliko opcija aplikacije i na kraju sam odabrala svjetski popularnu društvenu mrežu Instagram.

Fotografija NeONBRAND na Unsplash

Od ovog konkretnog projekta traženo je od nas da se ne fokusiramo previše na istraživanje budući da je više usredotočeno na razvijanje vještina vizualnog dizajna. Ipak, kao UX dizajner, u potpunosti sam shvatio da je ključno i korisno prepoznati korisnika i problem prije nego što sam skočio na zaključke. Stoga sam proveo gerilsko istraživanje i razvio neke brze spoznaje kao prvi korak na projektu.

Istraživanje:

Obavio sam pet detaljnih intervjua s korisnicima koji trenutno koriste Instagram kao preferiranu platformu Social Media. Korisnici su bile žene u dobi između 18 i 24 godine.

Ključni dobici naučeni od ispitanika:

  • Priče su najlakši i najdraži način za kretanje po Instagramu
  • Kupovina na Instagramu je zabavna
  • Omogućuje pristup proizvodima malih marki ili stvaralaca koji nisu dostupni na konvencionalnim tržištima
  • To stvara izloženost za lokalne tvrtke i umjetnike
  • To je jednostavan i udoban način da pratite trendove i marke s bilo kojeg mjesta
  • Sjajne ponude i popusti dostupni su samo na Instagram tržištu
  • Kupcima nudi bliže i interaktivno iskustvo

Ključni ciljevi naučeni od ispitanika:

  • Slijedite trendove
  • Pronađite i imate pristup ekskluzivnim proizvodima
  • Imajte više aktivnosti u okviru iskustva Instagram-kupaca
  • Iskoristite više Instagram Stories

Ključni bolovi naučeni od ispitanika:

  • Potrebno je previše vremena za kupnju na platformi društvenih medija
  • Složeno iskustvo kupovine
  • Netočne informacije o proizvodu
Fotografija Georga de Lotza na Unsplash-u

Ostali sveukupni uvidi u industriju koje sam istraživao i koje vrijedi spomenuti:

  • 200 milijuna korisnika Instagrama svakodnevno posjeti barem jedan poslovni profil
  • 49% potrošača tvrdi da ovise o preporukama utjecaja na društvenim medijima da obavijeste svoju odluku o kupnji
  • 62% ljudi kaže da su postali više zainteresirani za marku ili proizvod nakon što su ga vidjeli u Stories
  • Dnevno aktivni korisnici Instagram Stories porasli su sa 150 milijuna u siječnju 2017. na 500 milijuna u siječnju 2019. godine
  • 54% društvenih preglednika koristi društvene medije za istraživanje proizvoda

Analiza značajki natjecatelja:

Kako bih identificirao razlike, snage i nedostatke svojih konkurenata, stvorio sam analizu grafikona konkurentskih karakteristika. Uspoređeni konkurenti bili su Snapchat i TikTok. Otkrića su otkrila da nitko od konkurenata, pa čak ni Instagram, nije imao mogućnost kupovine izravno u članku Stories (što je vjerojatno najkorišteniji način za navigaciju kroz aplikaciju u današnje vrijeme). Doista, tijekom intervjua, korisnici su dijelili da je kupovina putem aplikacije društvenih medija značajna prilika za njih.

Social Media iz dana u dan je sve jači, a ideja o kupovini na tim platformama poprima svoj oblik na novi fascinantan način.

Analiza značajki natjecatelja

Zadaci koji se rade u okviru:

Za ovaj sam projekt prvi put koristio Okvir poslova koje treba uraditi kao novi alat za pronalaženje i pronalaženje rješenja. Ovaj je okvir vrlo koristan za usmjeravanje pozornosti na motivaciju korisnika i željeni ishod. Pokazalo se da je korisno za tvrtke s digitalnim proizvodima kada personalije ne odgovore na posebne potrebe korisnika.

Priča o poslu:

Kada provjerim Instagram priče mojih najdražih brandova, želim ih odmah dodati u svoju vrećicu za kupovinu kako bih nastavio gledati priče za novim predmetima bez zatvaranja.

Pronalaženje rješenja:

Na temelju istraživanja korisnika, plus njihovih motivacija i ciljeva prema Instagram shopping iskustvu. Odlučio sam razviti značajku koja omogućava korisnicima dodavanje predmeta u Instagram torbu za kupnju izravno iz priča o robnim markama. Nudeći pristupačnije, inovativnije i intuitivnije iskustvo kupovine putem društvenih medija.

Moskovska metoda:

Nakon kratke sesije brainstorminga kako bih pronašao zaključke za ovu konkretnu ideju koju sam želio dizajnirati, stvorio sam shemu MoSCoW metode koja će mi pomoći da odlučim što je zaista vrijedno za projekt i stvoriti svoj MVP (Minimal viable product).

Korisnički tijek:

Prije nego što sam uopće započeo skicirati žičane okvire slabe vjernosti, stvorio sam dijagram korisničkog tijeka kako bih imao jasnu vizualizaciju interakcija koje bi korisnici trebali imati sa značajkom i za planiranje ekrana.

Dijagram toka korisnika

Okvir niske vjernosti:

Željela sam osmisliti koncept koji bi integrirao definirani izgled i dojam bez značajnih ometanja. Za to sam dodao diskretnu ikonu vreće za kupovinu i iskočnu oznaku cijena s opcijama gumba za dodavanje i uklanjanje. Za ekran za naplatu pojednostavio sam postupak dodavanjem gumba za kupnju jednim klikom ili Kupi sada (automatizirani način plaćanja).

Okvir niske vjernosti

Ispitivanje upotrebljivosti:

Sljedeći je korak bio pomak naprijed i provođenje ispitivanja upotrebljivosti s pet korisnika. Ukupna povratna informacija bila je vrlo konstruktivna. Većina korisnika predložila je dodavanje potvrdnog prozora nakon slanja naloga da bi se intuitivniji kraj procesa. Također, zbog slabe vidljivosti preporučeno mi je raditi na pojedinostima iznad dodavanja / uklanjanja gumba predmeta unutar oznake cijene.

Nakon što sam postigao prve rezultate, počeo sam dizajnirati žičane okvire Mid-Fidelity kako bih testirao više konstruirani vizualni prikaz.

Srednje-vjerni žični okviri:

Tijekom stvaranja ovih žičanih okvira uspio sam definirati određene elemente dizajna, dodati život na ekrane i bolje komunicirati s konceptom. Bilo je prikladno prikazati ideju korisnicima prije nego što su se preplavili sitni detalji. Odjeljak Prikazane priče na dnu postupka odjavljivanja dodat je kao potporno obilježje za povećanje izloženosti i prodaje.

Ispitivanje upotrebljivosti:

Za ovo testiranje upotrebljivosti, u dizajn sam uključio prethodne povratne informacije korisnika i prenio zaslon na InVision kako bih stvorio brzi prototip za testiranje s pet novih korisnika.

Korisnici su tražili da dodaju listu želja (ili mogućnost SAVE FOR LATER) u slučaju da predmet ne žele odmah kupiti. Također su potvrdili odjeljak Istaknute priče tijekom ovog testiranja; stoga sam odlučio uključiti ga u sljedeću fazu.

Odlučeno je da se etiketa poskoči preko artikla umjesto da ga dodirne, kako bi se zajamčila ugodnija reakcija korisnika.

Sljedeći je korak bio raditi sa svim rezultatima, poboljšati dizajn i krenuti na High Fidelity Wireframes.

Žice s visokom vjernošću:

Ovo je moj prvi put da stvaram žičane okvire visoke vjernosti. Želim napomenuti da je za izradu skupa vrlo vjernih žica potrebno nekoliko sati, ponekad čak i dana. To je zbog razine potrebne preciznosti. Za razliku od niske ili srednje vjernosti, ovdje znojite sitne detalje.

Tvrtka je imala ustaljeni estetski osjećaj za aplikaciju, pa sam odlučila napraviti malo istraživanje prije nego što u potpunosti skočim na ovu pozornicu. Pregledao sam Apple-ove smjernice za ljudsko sučelje, resurse robne marke na Instagramu, smjernice i sredstva kako bih osigurao da je sve dobro na dizajnu.

Nakon testiranja upotrebljivosti u ranim fazama, povratne informacije korisnika bile su ugrađene u koncept. Ispravio sam nedostatke i počeo oživljavati dizajn pomoću žičara s visokom vjernošću s skicom.

Visoko vjerni žični okviri

Sveukupno sam oduševljena rezultatima. Osjećao sam se sjajno u svim postupcima, a posebno oživljavajući svoje ideje za korisnike s prekrasnim, ali istovremeno korisnim prototipima visoke vjernosti.

Zasloni žičare visoke vjernosti u Apple iPhoneu 8

Demo prototipa:

Molimo, dodirnite gumb za reprodukciju u nastavku da biste vidjeli brzu demonstraciju prototipa stvorenog pomoću Sketch i InVision i javite mi svoje komentare u odjeljku s komentarima.

Zaključak:

Ponovno sam uživao u kreativnom procesu, jedva čekam da zaronimo duboko u dizajn korisničkog sučelja i surađujem s kreativnijim ljudima u ovom uzbudljivom dizajnerskom okruženju. Nadam se da ste uživali u ovom procesu i slobodno me komentirajte ili mi se obratite za kolabe ili samo da razgovaram o dizajnu općenito.

Hvala na čitanju!

Kao sljedeće buduće korake ovog projekta, želio bih:

  • Izvršite više istraživanja i provjerite upotrebljivost
  • Istražite kreativnije načine kako poboljšati iskustvo kupovine na Instagramu
  • Dodavanje mikro interakcije i gesta dizajnu
  • Surađujte s web razvojnicima i drugim oglasima
Alati: Skica | Perpetuum