Перейти до змісту

UX-кейс

Hiive

Застосунок для відеошопінгу та знижок

hiive screens

про

hiive

проєкт

Деталі проєкту

iOS-застосунок Hiive поєднує соціальну мережу, онлайн-магазин і платформу для заробітку: тут можна купувати багато видів товарів, переглядаючи огляди, або зняти відеоогляд товару й заробити.

Це корисно для покупців, блогерів і брендів, які хочуть співпрацювати з Hiive. Система лишається актуальною та зрозумілою для людей різного віку й рівня цифрової грамотності. У цьому кейсі я розповім, яку роль відіграв у створенні застосунку.

Моя роль

User Experience Designer

Інструменти

figma

adobe illustrator

midjourney

coggle

Design Thinking

freelancer image

Процес

дизайну

Empathize Step

1.

Емпатія

На цьому етапі я глибоко дослідив продукти конкурентів, створив персони та user stories, щоб зрозуміти, як наші користувачі сприймають продукти конкурентів у повсякденному житті та наскільки їм зручно користуватися застосунком.

Define step

2.

Визначення

Після першого етапу я перейшов до створення карти емпатії та формулювання проблеми. Це допомогло ще краще відчути користувача й визначити, що йому потрібно для досягнення цілей.

Ideate step

3.

Ідеї

Вправа Crazy Eights допомогла мені визначити пріоритетні функції та елементи, корисні для нашого потенційного користувача. Потім я створив детальні вайрфрейми.

Visual design

4.

Візуальний дизайн

На цьому етапі я передав усі артефакти й матеріали проєктному менеджеру. Колеги з аутсорсингової компанії зробили макети й перейшли до розробки.

Launch step

5.

Запуск

Після тестування та виправлення помилок продукт вийшов в App Store. Я радо підтримував зв’язок із розробниками протягом усієї розробки.

Першим етапом було знайомство з проєктним менеджером і розуміння технічного завдання. Далі я перейшов до аналізу конкурентів, намагаючись знайти незайняту нішу. Я проаналізував їхні платформи та функції, як показано нижче.

Аудит

конкурентів

TikTok

Алгоритми вподобань

Зручний перегляд відеооглядів

Інтуїтивний інтерфейс

Instagram

Лаконічна інформація

Зрозуміла взаємодія з відео

Відтворення відео

YouTube

Стиль меню взаємодії

Інтуїтивні алгоритми взаємодії

Основна й додаткова інформація структурована

Amazon

Структуровані характеристики товарів

Функціональна система знижок і бонусів

Глобальні платіжні системи

Comfy

Привабливі рекламні інтеграції

Швидке оформлення замовлення

Проста навігація між категоріями

Competitive table

персона:

гелен

Гелен — неймовірно талановита фотографиня, яка знаходить гармонію між сімейним життям і творчістю. Її дні сповнені світлом сімейних моментів, а вночі вона занурюється у власні проєкти.

У неї є чоловік і син, який ходить у молодшу школу. У цих сімейних обіймах вона знаходить справжню радість життя і безмежну вдячність за змогу ділитися своєю любов’ю до фотографії зі світом.

User Persona

Про неї

Вік — 25

Освіта — Academy of Art University

Рідне місто — Нью-Йорк, США

Сім’я — чоловік, син

Професія — мода і стиль

Цілі

Шукає нові модні тренди та товари

Хоче швидко й зручно купувати через мобільний застосунок

Цінує думку впливових людей у сфері моди

Розчарування

Обмежена можливість швидко купити модні речі, які вона бачить у відеооглядах.

Їй незручно обирати товари, бо через щільний графік і хатні справи має мало часу на перегляд відеооглядів.

Завершивши дослідження та збір артефактів, я перейшов до вправи Crazy Eights. Вона дуже допомогла знайти найкращі рішення для багатьох екранів. Наприклад, я виконав цю вправу для екранів деталей товару та календаря знижок.

Crazy

Eights

Wareframe screen
Wareframe screen
Wareframe screen
Wareframe screen
Notebook wireframes

вайрфрейми

Брейнштормінг, дослідження конкурентів і створення всіх потрібних артефактів дуже допомогли мені зрозуміти структуру й функціональність застосунку. Далі я перейшов до створення високодеталізованих вайрфреймів.

Головна та замовлення

Wireframes

Вхід та онбординг

Wireframes

Профіль і товар

Wireframes

календар знижок

Wiferfames
Wireframes

Візуальний

дизайн

На цьому етапі я задокументував усі результати досліджень і артефакти та передав матеріали проєктному менеджеру. Колеги з аутсорсингової компанії зробили макети й перейшли до розробки. Я не брав активної участі в наступних етапах, але спілкувався з проєктним менеджером і стежив за розробкою та запуском продукту.

coworking
first visual design hiive

Аналітика

та вимірювання ефективності

Для Hiive аналітика відіграла б ключову роль у розумінні залученості користувачів і вдосконаленні соціального досвіду. Я зосередився б на:

Утримання та відтік користувачів

Відстежувати, скільки користувачів повертаються через 7, 14 або 30 днів, щоб виміряти довгострокову залученість.

Аналітика використання функцій

За допомогою Firebase Analytics або Amplitude бачити, з якими функціями (публікації, коментарі, підписки) користувачі взаємодіють найбільше.

Ріст мережі та метрики взаємодії

Вимірювати, як формуються зв’язки в застосунку, зокрема середню кількість лайків і коментарів на допис та надісланих запитів у друзі.

Ефективність контенту

Відстежувати, які типи дописів дають найбільше взаємодії, і відповідно оптимізувати алгоритм рекомендацій.

Аналіз воронки онбордингу

Знаходити, де користувачі відпадають під час реєстрації, і покращувати онбординг за допомогою підказок або персоналізованих рекомендацій.

hiive launch

запуск

продукту

Колеги зі студії розробки чудово попрацювали над візуальною частиною та брендингом. Інтерфейс побудовано за базовими принципами HID із застосуванням Accessibility Guidelines.

Цей проєкт поєднав переваги для користувачів із різними запитами та цілями. Ідея поєднати функціональність сучасних соцмереж і онлайн-шопінгу допомогла компанії співпрацювати з різними брендами з усього світу. Моя роль User Experience Designer стала потужним поштовхом для розробки й запуску продукту Hiive «Video Shopping & Deals».

Посилання на сайт компанії, в якій я реалізував цей проєкт: www.joinhiive.com.

Дякую, що приділили час моєму кейсу!