FISHSAVE
Мобильное приложение и вебсайт
Март - Апрель 2023
Мне предстояло создать специальное мобильное приложение и адаптивный веб-сайт, ориентированный на общественное благо.
В то время как проблема вымирающих видов рыб говорит сама за себя, остается вопрос – как мы можем помочь их спасти?
Моя цель — создать пользовательский опыт, который будет распространять информацию и вовлекать больше людей в спасение находящихся под угрозой исчезновения рыб.
Процесс разработки
  • 1
    Понять пользователя
    • Исследование пользователей
    • Персоны пользователей
    • Формулировка проблем
  • 2
    Генерация идей
    • Маршрут пользователя
    • Бумажные наброски (вайрфреймы)
    • Цифровые вайрфреймы
    • Низкодетализированный прототип
    • Юзабилити - тестирование
  • 3
    Доработка дизайна
    • Высокодетализированные мокапы
    • Прототип
    • Соображения доступности
    • Адаптивный сайт
Исследование пользователей
Я выбрала четырех вымышленных пользователей и представила, как они будут отвечать на заданные мной вопросы.
Основной группой пользователей, выявленной в ходе исследования, стали люди, заботящиеся об окружающей среде, которые имеют или хотят приобрести волонтерский опыт и всегда ищут новые способы заботы о природе. Были также выявлены некоторые трудности, которые мешают пользователям заниматься волонтерством физически.
Болевые точки:
Время

Многие люди беспокоятся об окружающей среде, но просто не имеют времени, чтобы заниматься конкретными действиями по ее защите. Поэтому нам нужен ресурс, который даст им возможность дистанционно помогать организациям, занимающимся этим важным делом.

Доступность

Кроме того, не все люди физически могут принять меры для защиты природы.

Наша задача — помочь им принять участие.

Информация

Не все люди заинтересованы в защите окружающей среды, поэтому важно найти способ привлечь их.

Такая важная информация должна распространяться лучше.

«Я не могу представить свою жизнь без океана. Но мы не можем просто им наслаждаться, мы также должны заботиться о нем».
«Все говорят: «В море еще полно рыбы». Но так ли это на самом деле?».
Персоны пользователей
Аарон живет в Калифорнии и учится в университете на продюсера.
С детства любит серфинг, океан и документальные фильмы о природе.
Он подрабатывает инструктором по серфингу, однажды хочет снять собственный фильм о серфинге.
Аарон очень заботится об окружающей среде: старается заниматься сортировкой мусора и покупать экологичные вещи.
Он хотел бы иметь современное мобильное приложение, которое поможет сохранить природу и исчезающие виды животных, а также привлечет молодых людей к совместной работе по его спасению.
22
Студент
Хантингтон-Бич
Холост, живет с другом
Инструктор по серфингу неполный рабочий день
Возраст:
Образование:
Родной город:
Семья:

Занятие:
Аарон
Эланора родилась и живет в Хобарте, Австралия, со своим мужем и двумя дочерьми-подростками. В 21 год она училась на юриста, но заинтересовалась волонтерством и бросила университет, чтобы присоединиться к группе спасения китов.
После этого она много лет работала фотографом дикой природы и волонтером в различных фондах и организациях.
Сейчас, в связи с состоянием здоровья и воспитанием двух дочерей, она уже не может столько времени уделять физическому труду в природоохранных фондах, поэтому хочет найти способ помочь сохранить окружающую среду и особенно водный мир онлайн.
Эланора
51
-
Хобарт, Австралия
Замужем, 2 дочери-подростка
Фотограф дикой природы
Возраст:
Образование:
Родной город:
Семья:

Занятие:
Разочарования:
  • Разочарована тем, что многие люди мало знают об океане и его обитателях;
  • Разочарована тем, что не у всех экологических фондов есть хороший веб-сайт, который может привлечь людей.
Цели:
  • Хочет помочь большему количеству людей заботиться об окружающей среде;
  • Хочет найти больше способов спасти планету онлайн.
Разочарования:
  • Разочарован тем, что многие люди мало думают об окружающей среде.
  • Разочарован тем, что люди продолжают уничтожать вымирающие виды, а способов распространения информации не так много.
Цели:
  • Хочет помочь спасти океан и его обитателей;
  • Хочет найти хорошее мобильное приложение, ориентированное на окружающую среду.
Постановка проблем
  • 1
    Эланора — работающая мама двоих детей, которая хочет найти новые способы помочь сохранить окружающую среду, потому что физически она больше не может работать волонтером.
  • 2
    Аарон — студент, которому хотелось бы иметь приложение для спасения океана и его обитателей, которое объединит его с такими же людьми, как и он.
Я создала блок-схему, чтобы проиллюстрировать все основные функции приложения FishSave.
Маршрут пользователя
Бумажные и цифровые вайрфреймы
В процессе рисования вайрфреймов я старалась убедиться, что элементы дизайна направлены на решение проблем пользователей.
Основные функции приложения вынесены на главный экран для удобства навигации.
Lo Fi прототип
Прототип показывает путь пользователя, который хочет поддержать одну из программ сохранения окружающей среды.

Ссылка на прототип
Юзабилити-тестирование
Я провела немодерируемое исследование юзабилити с пятью вымышленными участниками, в результате которого получила следующие результаты:
Квитанции

Большинство пользователей хотели бы получить электронную квитанцию после перечисления пожертвования.

FAQs

Не все пользователи могли понять, где найти часто задаваемые вопросы.

O проекте

Некоторые пользователи хотят видеть раздел «О проекте» на главной странице приложения.

Hi Fi мокапы
Основываясь на результатах исследований юзабилити, я внесла изменения в дизайн: предоставила возможность получить квитанцию ​​о перечисленном пожертвовании по электронной почте, добавила раздел с информацией о проекте, часто задаваемыми вопросами и контактной информацией.
До юзабилити исследования
После
После
До юзабилити исследования
UI дизайн
Исследования показали, что внесенные изменения были эффективны, однако выяснилось, что дизайн приложения слишком прост и скучен.
Тогда цветовая палитра и общий стиль приложения были мной переосмыслены.
Цветовая палитра
Я убедилась в том, чтобы приложение соответствовало стандартам контрастности не ниже уровня AA. Цветовая схема была проверена с помощью Contrast Checker компании WebAIM.
Типографика
quicksand
MONTSERRAT
H1
Quicksand / Semibold / 25 px
H2
Quicksand / Semibold / 20 px
H3
Quicksand / Semibold / 15 px
Quicksand / Bold / 15 px
Quicksand / Medium / 13 px
H1
MONTSERRAT / MEDIUM / 25 px
H2
MONTSERRAT / REGULAR / 20 px
MONTSERRAT / SEMIBOLD / 20 px
H3
Montserrat / Semibold / 15 px
sea after sunset
#003656
stormy sky
#BFCDE0
white clouds
#FFFFFF
corals
#DE6449
Hi Fi прототип
Cоображения доступности:
  • Использованы значки с подписями для облегчения навигации.
  • Четкие лейблы для интерактивных элементов могут быть прочитаны программами чтения с экрана.
  • Цветовая палитра в соответствии со стандартами доступности.
Адаптивный сайт
Закончив дизайн приложения, я начала работу над дизайном адаптивного сайта.
Я использовала карту сайта для организации структуры каждого экрана, чтобы обеспечить сплоченный и последовательный опыт на разных устройствах.
Дизайны для различных размеров экрана включают в себя мобильные устройства, планшеты и компьютеры.
Я оптимизировала дизайн, чтобы он соответствовал конкретным потребностям пользователя каждого устройства и размера экрана.
Выводы
При разработке Shelter и FishSave я поняла, что первоначальные идеи и макеты приложения — это только начало процесса. Юзабилити-исследования и отзывы однокурсников влияли на каждую итерацию дизайна приложений.
Благодаря данным проектам я научилась создавать простые и гибкие потоки пользователя, узнала о важности информационной архитектуры, улучшила свои навыки работы в Figma и Adobe Illustrator.
Следующим шагом в реальном проектах был бы еще один раунд юзабилити - исследований, чтобы проверить, были ли эффективно устранены болевые точки, с которыми столкнулись пользователи.
Спасибо за просмотр!
Благодарю вас за то, что вы нашли время, чтобы ознакомиться с моей работой.
Буду рада получить от вас обратную связь!

Phone: +7 (915) 056-21-80
Email: vrlmva@mail.ru
Made on
Tilda