РАЗРАБОТКА UX/UI ДИЗАЙНА ДЛЯ ВЕБ-СЕРВИСА MYTOPPET
|
Аннотация 2
Annotation 3
Перечень принятых сокращений 5
Введение 6
РАЗДЕЛ I. ТЕОРЕТИЧЕСКАЯ ЧАСТЬ 9
1.1. Описание методов и видов UX исследований 10
1.2. Описание проекта и карты стейкхолдеров 14
1.3. Карты эмпатии, анализ конкурентов и юзкейсы 22
1.4. Выбор инструментов разработки 30
РАЗДЕЛ II. ПРАКТИЧЕСКАЯ ЧАСТЬ 37
2.1 Разработка первой версии прототипа и ее тестирование 38
2.2 Разработка второй версии прототипа и ее тестирование 47
2.3 Разработка логотипа и общего стиля проекта 55
Заключение 59
Список использованных источников 62
Annotation 3
Перечень принятых сокращений 5
Введение 6
РАЗДЕЛ I. ТЕОРЕТИЧЕСКАЯ ЧАСТЬ 9
1.1. Описание методов и видов UX исследований 10
1.2. Описание проекта и карты стейкхолдеров 14
1.3. Карты эмпатии, анализ конкурентов и юзкейсы 22
1.4. Выбор инструментов разработки 30
РАЗДЕЛ II. ПРАКТИЧЕСКАЯ ЧАСТЬ 37
2.1 Разработка первой версии прототипа и ее тестирование 38
2.2 Разработка второй версии прототипа и ее тестирование 47
2.3 Разработка логотипа и общего стиля проекта 55
Заключение 59
Список использованных источников 62
Как известно, первый и самый главный шаг при работе с людьми с психическими заболеваниями - выстраивание доверия между пациентом и терапевтом. Порой у последнего может уйти на это не один месяц. Однако, при участии в терапии животного, настроить диалог с пациентом можно буквально за пару недель. Участие животного в терапии называется анималотерапия [1].
Существует два подхода в анималотерапии: контролируемый, как метод лечения, а также неконтролируемый, когда общение с животным само по себе несет терапевтический эффект. Однако, в таком случае животное должно быть подобрано правильно. Таким образом, появилась идея о том, как бездомные животные и люди могут помочь друг другу с помощью анималотерапии. Однако, было непонятно, как и где можно реализовать решение этой социальной проблемы.
Существует сектор бизнеса, направленный на решение социальных проблем - социальное предпринимательство. Данный вариант подходит для решения вышеописанной проблемы.
С первого взгляда кажется, что нет ничего трудного в том, чтобы подобрать себе животное. Однако, согласно данным Росстата, примерно 50% бездомных животных оказываются на улицах из-за людей, которые взяли их из приютов. Как же так получается, что в конечном итоге они вынуждены отдать, выкинуть или даже усыпить «лучшего друга»? Во-первых, процесс выбора подходящего животного весьма сложен. Потому, что для большинства людей собственная психология известна не полностью, не говоря уже о психологии животного и его дальнейшего развития. Во-вторых, большое разнообразие - существует более 70 официальных пород только кошек. Для изучения этой информации уйдут месяцы. К тому же возникает вопрос актуальности данной информации.
Исходя из этого становится актуальным вопрос о создании специального сервиса, который бы упростил процесс выбора питомца, учитывая, при этом, все описанные проблемы. Кроме этого, сервис должен быть удобным и понятным в использовании, обладать привлекательным дизайном. Для этого необходимо рассмотреть все аспекты взаимодействия пользователя и веб-сервиса.
Данную задачу лучше всего решает UX/UI Дизайнер. Следовательно, целью данной работы является разработка UX/UI дизайна для веб-сервиса MyTopPet.
Для достижения поставленной цели в работе определены следующие задачи:
1. UX-исследование пользователей;
2. Разработка UX/UI дизайна;
3. Тестирование дизайна.
Объектом исследования в данной работе является дизайн веб-сервиса по подбору домашних животных.
Предметом исследования является влияние дизайна на взаимодействие пользователей с веб-сервисом.
Теоретическую и методологическую основу исследования составляют работы отечественных и зарубежных исследователей (Д. Леви, Д.А. Норман, Р. Унгер, А. Лебедев). Так, например, Дональд А. Норман в своей книге «Дизайн привычных вещей» описывает психологию обычных вещей, а также важность ее понимания. Примеры, приведенные в книге, отмечают важность таких факторов, как наличие подсказок, наглядность и ответная реакция на действия пользователя [2].
Актуальность же темы исследовательской работы связана с ее необходимостью. В связи с развитием индустрии, появляется все больше и больше инструментов для создания сайтов, что позволяет практически любому человеку легко воплотить свою идею в сети Интернет. Также целое поколение людей выросло, пользуясь различными устройствами с самого детства. А это потенциальные пользователи, которым важен не только красивый внешний вид, но и удобный, понятный и функциональный интерфейс продукта. Поэтому UX/UI дизайн направлен на то, чтобы сделать опыт работы с продуктом максимально привлекательным для удержания и привлечения большого количества пользователей.
Данная исследовательская работа состоит из двух частей. Теоретическая часть включает в себя сбор данных и их обработку с целью улучшения юзабилити. То есть, в начале исследования необходимо определить требования к проекту от руководителя, цели и нужды конечного пользователя. Сюда включаются интервью с пользователями, опросы, изучение существующей литературы. Помимо этого, к данной части относятся анализ конкурентов, выбор инструментов и методологии разработки, информационная архитектура и варианты использования
Практическая часть содержит описание процесса разработки прототипа по полученным и проанализированным данным на основе проведенных исследований, а также разработку отдельных аспектов UI-дизайна.
Существует два подхода в анималотерапии: контролируемый, как метод лечения, а также неконтролируемый, когда общение с животным само по себе несет терапевтический эффект. Однако, в таком случае животное должно быть подобрано правильно. Таким образом, появилась идея о том, как бездомные животные и люди могут помочь друг другу с помощью анималотерапии. Однако, было непонятно, как и где можно реализовать решение этой социальной проблемы.
Существует сектор бизнеса, направленный на решение социальных проблем - социальное предпринимательство. Данный вариант подходит для решения вышеописанной проблемы.
С первого взгляда кажется, что нет ничего трудного в том, чтобы подобрать себе животное. Однако, согласно данным Росстата, примерно 50% бездомных животных оказываются на улицах из-за людей, которые взяли их из приютов. Как же так получается, что в конечном итоге они вынуждены отдать, выкинуть или даже усыпить «лучшего друга»? Во-первых, процесс выбора подходящего животного весьма сложен. Потому, что для большинства людей собственная психология известна не полностью, не говоря уже о психологии животного и его дальнейшего развития. Во-вторых, большое разнообразие - существует более 70 официальных пород только кошек. Для изучения этой информации уйдут месяцы. К тому же возникает вопрос актуальности данной информации.
Исходя из этого становится актуальным вопрос о создании специального сервиса, который бы упростил процесс выбора питомца, учитывая, при этом, все описанные проблемы. Кроме этого, сервис должен быть удобным и понятным в использовании, обладать привлекательным дизайном. Для этого необходимо рассмотреть все аспекты взаимодействия пользователя и веб-сервиса.
Данную задачу лучше всего решает UX/UI Дизайнер. Следовательно, целью данной работы является разработка UX/UI дизайна для веб-сервиса MyTopPet.
Для достижения поставленной цели в работе определены следующие задачи:
1. UX-исследование пользователей;
2. Разработка UX/UI дизайна;
3. Тестирование дизайна.
Объектом исследования в данной работе является дизайн веб-сервиса по подбору домашних животных.
Предметом исследования является влияние дизайна на взаимодействие пользователей с веб-сервисом.
Теоретическую и методологическую основу исследования составляют работы отечественных и зарубежных исследователей (Д. Леви, Д.А. Норман, Р. Унгер, А. Лебедев). Так, например, Дональд А. Норман в своей книге «Дизайн привычных вещей» описывает психологию обычных вещей, а также важность ее понимания. Примеры, приведенные в книге, отмечают важность таких факторов, как наличие подсказок, наглядность и ответная реакция на действия пользователя [2].
Актуальность же темы исследовательской работы связана с ее необходимостью. В связи с развитием индустрии, появляется все больше и больше инструментов для создания сайтов, что позволяет практически любому человеку легко воплотить свою идею в сети Интернет. Также целое поколение людей выросло, пользуясь различными устройствами с самого детства. А это потенциальные пользователи, которым важен не только красивый внешний вид, но и удобный, понятный и функциональный интерфейс продукта. Поэтому UX/UI дизайн направлен на то, чтобы сделать опыт работы с продуктом максимально привлекательным для удержания и привлечения большого количества пользователей.
Данная исследовательская работа состоит из двух частей. Теоретическая часть включает в себя сбор данных и их обработку с целью улучшения юзабилити. То есть, в начале исследования необходимо определить требования к проекту от руководителя, цели и нужды конечного пользователя. Сюда включаются интервью с пользователями, опросы, изучение существующей литературы. Помимо этого, к данной части относятся анализ конкурентов, выбор инструментов и методологии разработки, информационная архитектура и варианты использования
Практическая часть содержит описание процесса разработки прототипа по полученным и проанализированным данным на основе проведенных исследований, а также разработку отдельных аспектов UI-дизайна.
Веб-дизайн прошел долгий путь становления и развития, и в итоге переродился в UX/UI дизайн. Сейчас это единственная форма существования веб-сайтов, основные принципы которой - опора на потребности пользователей и юзабилити.
С появлением UX/UI работа дизайнера не стала легче. Упростилась только внешняя сторона. Внутри же все гораздо сложнее. UX/UI дизайн ввел ряд стандартов и методик, которые необходимо брать на вооружение при работе над каждым проектом. Хороший дизайнер понимает требования пользователей и делает понятные и удобные интерфейсы.
В результате выполнения данной исследовательской работы были рассмотрены методы и виды UX исследований, их преимущества и недостатки, а также то, как они помогут в разработке дизайна будущего веб - сервиса. Важно было понять, что пользователь приходит на веб-сайт с четкой целью или задачей. В ходе работы проблемы пользователей были решены быстро и удобно, а также рассмотрены все аспекты пользовательского взаимодействия с будущим веб-сервисом.
Для понимания аудитории, которая потенциально будет взаимодействовать с продуктом, были составлены карты стейкхолдеров и карты эмпатии, а также проведен анализ конкурентов и альтернативных решений. Благодаря этим исследованиям были получены профессиональные навыки, помогающие взглянуть на веб-сервис со стороны пользователя и понять, почему последний ведет себя определенным образом и как воспринимает продукт.
В ходе проведения исследований были улучшены такие коммуникационные навыки, как обсуждение, переговоры и совместная работа с целым спектром людей, среди которых другие дизайнеры, клиенты, разработчики и руководители. Из этого следует, что дизайнер также должен быть «специалистом по коммуникации».
Общение с пользователями является самым прямым и мощным способом получить качественную оценку существующего продукта, его части, функции или идеи. По результатам такого общения можно начинать сегментировать потенциальных пользователей и классифицировать их на разные типы персонажей и на то, чего они пытаются достичь.
Перед созданием дизайна будущего веб-сервиса был проведен анализ и выбор основных инструментов разработки, рассмотрены их преимущества и недостатки, а также для каких ситуаций необходимо применить тот или иной инструмент.
На основе проведенных исследований с пользователями было собрано большое количество данных о их требованиях, желаниях, трудностях и так далее. Благодаря этим данным, процесс разработки дизайна будущего веб - сервиса был действительно ориентирован на пользователя и зависел от его потребностей. При разработке пользовательского интерфейса успешно применялся метод итеративного проектирования. Сначала предпринимался первый шаг к решению поставленной проблемы, а затем происходило его улучшение для следующего решения. На основе этого можно сделать вывод о том, что процесс разработки дизайна - это систематический метод проектирования пользовательского интерфейса. Таким образом, появляется гарантия, что проблемы обнаружатся на ранних этапах самими разработчиками, а не возмущенными пользователями.
Процесс разработки дизайна нельзя представить без постоянной обратной связи от пользователей. В данном случае, в качестве респондентов выступали люди, заинтересованные в приобретении домашнего животного. Следовательно продукт был ориентирован на эту аудиторию и их потребности. За время работы над продуктом были также получены навыки использования большого количества онлайн-сервисов, служащих для упрощения работы UX/UI дизайнера.
В результате выполнения выпускной квалификационной работы были выполнены следующие цели:
• Систематизированы, закреплены и расширены теоретические и практические знания по текущему уровню подготовки и применены при решении конкретных технических и исследовательских задач;
• Развиты и закреплены навыки самостоятельной работы и работы в команде, овладения методологией исследования, анализа обработки информации, эксперимента при решении разрабатываемых в работе проблем и вопросов.
Основная цель работы достигнута успешно, а все сопутствующие задачи выполнены без затруднений с какой-либо из сторон. В ходе выполнения ВКР был разработан динамичный прототип будущего веб -сервиса на основе проведенных исследований пользователей.
В целом, UX/UI дизайн - это большая отрасль, которая активно развивается. Это целый мир возможностей, поскольку «цифровая» реальность активно входит в нашу жизнь. Технологии меняются с невероятной скоростью, а человеческая психология и опыт все еще остаются бесконечно увлекательными.
С появлением UX/UI работа дизайнера не стала легче. Упростилась только внешняя сторона. Внутри же все гораздо сложнее. UX/UI дизайн ввел ряд стандартов и методик, которые необходимо брать на вооружение при работе над каждым проектом. Хороший дизайнер понимает требования пользователей и делает понятные и удобные интерфейсы.
В результате выполнения данной исследовательской работы были рассмотрены методы и виды UX исследований, их преимущества и недостатки, а также то, как они помогут в разработке дизайна будущего веб - сервиса. Важно было понять, что пользователь приходит на веб-сайт с четкой целью или задачей. В ходе работы проблемы пользователей были решены быстро и удобно, а также рассмотрены все аспекты пользовательского взаимодействия с будущим веб-сервисом.
Для понимания аудитории, которая потенциально будет взаимодействовать с продуктом, были составлены карты стейкхолдеров и карты эмпатии, а также проведен анализ конкурентов и альтернативных решений. Благодаря этим исследованиям были получены профессиональные навыки, помогающие взглянуть на веб-сервис со стороны пользователя и понять, почему последний ведет себя определенным образом и как воспринимает продукт.
В ходе проведения исследований были улучшены такие коммуникационные навыки, как обсуждение, переговоры и совместная работа с целым спектром людей, среди которых другие дизайнеры, клиенты, разработчики и руководители. Из этого следует, что дизайнер также должен быть «специалистом по коммуникации».
Общение с пользователями является самым прямым и мощным способом получить качественную оценку существующего продукта, его части, функции или идеи. По результатам такого общения можно начинать сегментировать потенциальных пользователей и классифицировать их на разные типы персонажей и на то, чего они пытаются достичь.
Перед созданием дизайна будущего веб-сервиса был проведен анализ и выбор основных инструментов разработки, рассмотрены их преимущества и недостатки, а также для каких ситуаций необходимо применить тот или иной инструмент.
На основе проведенных исследований с пользователями было собрано большое количество данных о их требованиях, желаниях, трудностях и так далее. Благодаря этим данным, процесс разработки дизайна будущего веб - сервиса был действительно ориентирован на пользователя и зависел от его потребностей. При разработке пользовательского интерфейса успешно применялся метод итеративного проектирования. Сначала предпринимался первый шаг к решению поставленной проблемы, а затем происходило его улучшение для следующего решения. На основе этого можно сделать вывод о том, что процесс разработки дизайна - это систематический метод проектирования пользовательского интерфейса. Таким образом, появляется гарантия, что проблемы обнаружатся на ранних этапах самими разработчиками, а не возмущенными пользователями.
Процесс разработки дизайна нельзя представить без постоянной обратной связи от пользователей. В данном случае, в качестве респондентов выступали люди, заинтересованные в приобретении домашнего животного. Следовательно продукт был ориентирован на эту аудиторию и их потребности. За время работы над продуктом были также получены навыки использования большого количества онлайн-сервисов, служащих для упрощения работы UX/UI дизайнера.
В результате выполнения выпускной квалификационной работы были выполнены следующие цели:
• Систематизированы, закреплены и расширены теоретические и практические знания по текущему уровню подготовки и применены при решении конкретных технических и исследовательских задач;
• Развиты и закреплены навыки самостоятельной работы и работы в команде, овладения методологией исследования, анализа обработки информации, эксперимента при решении разрабатываемых в работе проблем и вопросов.
Основная цель работы достигнута успешно, а все сопутствующие задачи выполнены без затруднений с какой-либо из сторон. В ходе выполнения ВКР был разработан динамичный прототип будущего веб -сервиса на основе проведенных исследований пользователей.
В целом, UX/UI дизайн - это большая отрасль, которая активно развивается. Это целый мир возможностей, поскольку «цифровая» реальность активно входит в нашу жизнь. Технологии меняются с невероятной скоростью, а человеческая психология и опыт все еще остаются бесконечно увлекательными.