Przejdź do treści

Case study UX

Hiive

Aplikacja do wideo-zakupów i okazji

hiive screens

o

hiive

projekt

Szczegóły projektu

Aplikacja Hiive na iOS łączy sieć społecznościową, sklep internetowy i platformę zarobkową: można kupować wiele rodzajów produktów, oglądając recenzje, albo nagrać wideorecenzję produktu i zarabiać.

To przydatne dla kupujących, blogerów i marek, które chcą współpracować z Hiive. System pozostaje aktualny i intuicyjny dla osób w różnym wieku i o różnym poziomie kompetencji cyfrowych. W tym case study opiszę, jaką rolę odegrałem w tworzeniu aplikacji.

Moja rola

User Experience Designer

Narzędzia

figma

adobe illustrator

midjourney

coggle

Design Thinking

freelancer image

Proces

projektowy

Empathize Step

1.

Empatia

Na tym etapie dogłębnie zbadałem produkty konkurencji, stworzyłem persony i user stories, aby zrozumieć, jak nasi użytkownicy postrzegają produkty konkurencji w codziennym życiu i jak wygodnie im się z nich korzysta.

Define step

2.

Definiowanie

Po pierwszym etapie przeszedłem do mapy empatii i opisu problemu. Pomogło to jeszcze lepiej zrozumieć użytkownika i określić, czego potrzebuje, by osiągnąć swoje cele.

Ideate step

3.

Generowanie pomysłów

Ćwiczenie Crazy Eights pomogło mi ustalić priorytety funkcji i elementów przydatnych dla potencjalnego użytkownika. Następnie stworzyłem szczegółowe wireframe’y.

Visual design

4.

Projekt wizualny

Na tym etapie przekazałem wszystkie artefakty i materiały kierownikowi projektu. Koledzy z firmy outsourcingowej przygotowali makiety i przeszli do developmentu.

Launch step

5.

Premiera

Po testach i poprawkach produkt trafił do App Store. Z przyjemnością utrzymywałem kontakt z programistami przez cały proces tworzenia.

Pierwszym etapem był kontakt z kierownikiem projektu i zrozumienie zadania technicznego. Następnie przeszedłem do analizy konkurencji, szukając luki do wykorzystania. Przeanalizowałem ich platformy i funkcje, jak poniżej.

Audyt

konkurencji

TikTok

Algorytmy preferencji

Wygodne oglądanie wideorecenzji

Intuicyjny interfejs

Instagram

Zwięzłe informacje

Zrozumiała interakcja z wideo

Odtwarzanie wideo

YouTube

Styl menu interakcji

Intuicyjne algorytmy interakcji

Uporządkowane informacje podstawowe i dodatkowe

Amazon

Uporządkowane parametry produktów

Funkcjonalny system rabatów i bonusów

Globalne systemy płatności

Comfy

Atrakcyjne integracje reklamowe

Szybka realizacja zamówień

Łatwa nawigacja między kategoriami

Competitive table

persona:

helen

Helen jest niezwykle utalentowaną fotografką, która znajduje równowagę między życiem rodzinnym a twórczością. Jej dni wypełniają rodzinne chwile, a nocami zagłębia się we własne projekty.

Ma męża i syna, który chodzi do szkoły podstawowej. W rodzinnym cieple odkrywa prawdziwą radość życia i ogromną wdzięczność za to, że może dzielić się swoją miłością do fotografii ze światem.

User Persona

O niej

Wiek — 25

Wykształcenie — Academy of Art University

Miasto — Nowy Jork, USA

Rodzina — mąż, syn

Zawód — moda i styl

Cele

Szuka nowych trendów i produktów modowych

Chce szybko i wygodnie kupować przez aplikację mobilną

Ceni opinię wpływowych osób ze świata mody

Frustracje

Ograniczona możliwość szybkiego zakupu modnych rzeczy, które widzi w wideorecenzjach.

Trudno jej wybierać produkty, bo przez napięty grafik i obowiązki domowe ma mało czasu na oglądanie wideorecenzji.

Po zakończeniu badań i zebraniu artefaktów przeszedłem do ćwiczenia Crazy Eights. Bardzo pomogło mi znaleźć najlepsze rozwiązania dla wielu ekranów, na przykład dla ekranów szczegółów produktu i kalendarza rabatów.

Crazy

Eights

Wareframe screen
Wareframe screen
Wareframe screen
Wareframe screen
Notebook wireframes

wireframe’y

Burza mózgów, analiza konkurencji i stworzenie wszystkich potrzebnych artefaktów bardzo pomogły mi zrozumieć strukturę i funkcje aplikacji. Następnie przeszedłem do tworzenia bardzo szczegółowych wireframe’ów.

Strona główna i zamówienie

Wireframes

Logowanie i onboarding

Wireframes

Profil i produkt

Wireframes

kalendarz rabatów

Wiferfames
Wireframes

Projekt

wizualny

Na tym etapie udokumentowałem wszystkie wyniki badań i artefakty oraz przekazałem materiały kierownikowi projektu. Koledzy z firmy outsourcingowej przygotowali makiety i przeszli do developmentu. Nie uczestniczyłem aktywnie w kolejnych etapach, ale byłem w kontakcie z kierownikiem projektu i śledziłem rozwój oraz premierę produktu.

coworking
first visual design hiive

Analityka

i pomiar efektywności

W Hiive analityka odegrałaby kluczową rolę w zrozumieniu zaangażowania użytkowników i dopracowaniu doświadczenia społecznościowego. Skupiłbym się na:

Retencja i odpływ użytkowników

Śledzenie, ilu użytkowników wraca po 7, 14 lub 30 dniach, aby mierzyć długoterminowe zaangażowanie.

Analityka użycia funkcji

Wykorzystanie Firebase Analytics lub Amplitude, aby zobaczyć, z których funkcji (posty, komentarze, obserwowanie) użytkownicy korzystają najczęściej.

Wzrost sieci i metryki interakcji

Mierzenie, jak w aplikacji powstają relacje, w tym średniej liczby polubień i komentarzy na post oraz wysłanych zaproszeń do znajomych.

Skuteczność treści

Śledzenie, które typy postów generują najwięcej interakcji, i odpowiednia optymalizacja algorytmu rekomendacji.

Analiza lejka onboardingu

Wskazanie, gdzie użytkownicy rezygnują podczas rejestracji, i usprawnienie onboardingu dzięki podpowiedziom lub spersonalizowanym rekomendacjom.

hiive launch

premiera

produktu

Koledzy ze studia deweloperskiego świetnie poradzili sobie z warstwą wizualną i brandingiem. Interfejs zbudowano zgodnie z podstawowymi zasadami HID i z zastosowaniem Accessibility Guidelines.

Ten projekt połączył korzyści dla użytkowników o różnych potrzebach i celach. Pomysł połączenia funkcji nowoczesnych mediów społecznościowych i zakupów online pomógł firmie nawiązać współpracę z markami z całego świata. Moja rola jako User Experience Designera była silnym impulsem do rozwoju i premiery produktu Hiive „Video Shopping & Deals”.

Link do strony firmy, w której zrealizowałem ten projekt: www.joinhiive.com.

Dziękuję, że poświęciłeś czas na moje case study!