UX-исследование, проектирование и дизайн сайта Медицинского центра СКА
Центр предоставляет услуги по лечению травм и последующей реабилитации. Компания стремится повысить качество обслуживания пациентов на сайте, улучшить удобство взаимодействия с клиентами и обеспечить эффективную онлайн-запись на услуги центра.
Цели и задачи
Создать эффективный и удобный сайт для медицинского центра СКА,
отвечающий потребностям пациентов и особенностям рынка. Для этого необходимо:
отвечающий потребностям пациентов и особенностям рынка. Для этого необходимо:
- Провести подробный анализ компании, рынка, клиентов и конкурентов для понимания текущих возможностей и вызовов, выявления ключевых потребностей целевой аудитории.
- Выполнить UX-исследование для выявления пользовательских ожиданий и проблем, улучшения навигации и удобства взаимодействия с сайтом.
- Найти и приоритизировать идеи для развития сайта с целью повышения его функциональности и удовлетворения потребностей пациентов.
- Составить грамотное техническое задание, учитывающее все выявленные требования пользователей, бизнес-цели центра, особенности рынка и технические возможности для создания современного сайта.
- Разработать прототипы и дизайн-макеты для оптимизации пользовательского опыта.
Шаг 1
Сбор и анализ информации о компании
Сбор и анализ информации о компании
Данный шаг необходим для глубокого понимания бизнес-целей, потребностей целевой аудитории и особенностей конкурентной среды. Это позволяет создать сайт, который максимально эффективно решает задачи компании и обеспечивает удобство и ценность для пользователей.
В галерее отражены наиболее важные артефакты, полученные в ходе первичного исследования. Пример финального документа доступен по ссылке (данные сгенерированы нейросетью).
В галерее отражены наиболее важные артефакты, полученные в ходе первичного исследования. Пример финального документа доступен по ссылке (данные сгенерированы нейросетью).
Lean Canvas
Помогает выявить ключевые проблемы целевой аудитории, сформулировать уникальное ценностное предложение и определить основные направления решения, что повышает фокус на потребностях клиентов.
Дерево метрик
Необходимо для чёткого понимания ключевых показателей эффективности и бизнес-целей, которые сайт должен поддерживать. Это помогает правильно спланировать функционал, приоритизировать задачи и измерять успешность проекта, обеспечивая согласованность разработки с общими стратегическими целями компании.
SWOT-анализ
Необходим для системной оценки его сильных и слабых сторон, а также выявления возможностей и угроз со стороны рынка и конкурентов. Это помогает сформировать стратегию развития сайта, минимизировать риски и повысить конкурентоспособность проекта.
Карта экосистемы компании
Помогает определить границы проекта, выявить точки взаимодействия с другими системами, а также понять, какие внешние и внутренние элементы необходимо учитывать для успешной интеграции и оптимизации.
Классы пользователей
Знание классов пользователей перед разработкой сайта необходимо для понимания разнообразия типов посетителей и их потребностей. Это позволяет создавать персонализированный и удобный интерфейс, адаптировать функциональность под разные группы пользователей и обеспечить эффективное взаимодействие с сайтом для каждой из них.
Бенчмаркинг
Необходим для анализа лучших практик и решений конкурентов и лидеров рынка. Помогает понять, какие функции и дизайн ожидает аудитория, выявить сильные и слабые стороны аналогичных сайтов, а также найти идеи для улучшения удобства, функциональности и эффективности нового сайта.
Метрики сайта
Метрики сайта перед созданием нового необходимы для анализа текущей эффективности, выявления сильных и слабых сторон существующего ресурса. Это позволяет понять, какие показатели нужно улучшить, определить приоритеты в разработке и создать сайт, лучше соответствующий потребностям пользователей и бизнес-целям.
Шаг 2
Формирование целевых персон для сайта
Формирование целевых персон для сайта
Данный шаг обеспечивает глубокое понимание аудитории и её пути. Это минимизирует риски неправильных решений в дизайне и функциональности сайта, повышает удовлетворенность пользователей и бизнес-результаты. Помогает не отклоняться от намеченного пути в процессе разработки.
В галерее отражены наиболее важные артефакты, полученные в ходе первичного исследования. Пример финального документа доступен по ссылке (данные сгенерированы нейросетью).
В галерее отражены наиболее важные артефакты, полученные в ходе первичного исследования. Пример финального документа доступен по ссылке (данные сгенерированы нейросетью).
Карта эмпатии
Помогает понять настоящие нужды и эмоции пользователей, взглянуть на сайт их глазами, создать удобный и полезный продукт. Она помогает собрать важную информацию о клиентах и принимать решения, ориентируясь на их реальные ожидания. Это улучшает качество сайта и снижает риски ошибок в разработке.
Jobs to be done
Помогает понять реальные задачи пользователей, которых они хотят достичь с помощью сайта. Это помогает создавать полезный продукт, фокусируясь на решении конкретных проблем, а не просто добавлении функций. Такой подход повышает удобство сайта и его эффективность для пользователей.
Value Proposition Canvas (VPC)
Помогает понять задачи, проблемы и ожидания пользователей сайта, чтобы создать продукт, максимально соответствующий их потребностям. Он разделён на два блока: Профиль клиента: задачи, боли и выгоды пользователя. Карта ценности: продукты и услуги, которые решают проблемы и создают пользу. VPC снижает риски разработки ненужного функционала и улучшает фокус на реальных потребностях клиентов, делая сайт полезным и удобным.
CJM + Service blueprint
CJM помогает понять путь и опыт клиента, выявить его шаги, эмоции и проблемы. Service Blueprint показывает внутренние процессы компании, поддерживающие этот опыт, и помогает оптимизировать работу. Вместе они создают удобный сайт с качественным сервисом и эффективной организацией работы.
Шаг 3
Проведение UX-исследования
Проведение UX-исследования
Данный шаг помогает получить глубокое понимание потребностей, проблем, мотивов и ожиданий пользователей сайта. Дает возможность проверить и уточнить гипотезы о ключевых функциях и пользовательских сценариях. Снижает риски неудачного проектирования за счет данных из реального опыта. Пример плана UX-исследования доступен по ссылке.
Шаг 4
Поиск и приоритизация идей
Поиск и приоритизация идей
Креативные методики с последующей приоритизацией нужны для системного поиска решений, генерации и оценки идей. Такой подход помогает сбалансировать риски с выгодами и распределить ресурсы, обеспечивая создание сайта, максимально соответствующего целям бизнеса и ожиданиям аудитории. Полный список идей доступен по ссылке (данные сгенерированы нейросетью). Ниже представлено несколько примеров финальных идей при проведении мозгового штурма.
Идеи в формате «Матрица 2×2»
Идеи в формате «Матрица 2х2» представляют собой инструмент для упрощённого структурирования и анализа вариантов по двум ключевым критериям, разделяя их на четыре категории. Этот метод помогает визуализировать приоритеты и выбрать наиболее эффективные решения, упрощая процесс принятия решений при разработке сайта.
Метод системного оператора
Цель метода — увидеть проблему или систему широко, не только внутри её текущих границ, чтобы найти качественные прорывные решения, улучшения и инновации.
Приоритизация идей по методу RICE с разбивкой на релизы
Далее были объединены и приоритизированы все идеи, полученные в ходе первичного сбора данных, UX-исследования и мозгового штурма. Ниже представлен функционал первого релиза сайта, оцененный по методу RICE:
- Reach (Охват) — учитывается количество пользователей.
- Impact (Важность) — оценивается влияние функции на улучшение обслуживания и удовлетворённость пациентов.
- Confidence (Уверенность) — основана на опыте, технической реализуемости и готовности технологий.
- Effort (Затраты) — учитывает трудозатраты и сложность реализации.
Шаг 5
Разработка технического задания
Разработка технического задания
Техническое задание на разработку сайта необходимо для чёткого и детального описания требований, целей и функционала проекта, что служит основой для согласования между заказчиком и разработчиками. Грамотно составленное ТЗ существенно снижает риски недопонимания, ошибок и переделок, обеспечивая эффективный процесс разработки и достижение ожидаемых результатов.
Финальный документ доступен по ссылке. Ниже представлено несколько примеров таблиц и диаграмм, подготовленных для иллюстрации важных процессов.
Финальный документ доступен по ссылке. Ниже представлено несколько примеров таблиц и диаграмм, подготовленных для иллюстрации важных процессов.
Карта пользовательских историй с критериями приёмки (начало)
Карта экранов
Необходима для структурирования и визуализации всех разделов и страниц, что обеспечивает удобную навигацию и помогает организовать разработку логичной и понятной структуры сайта.
Диаграммы процессов
Необходимы для наглядного представления процессов, взаимосвязей и структуры, что облегчает понимание требований и упрощает коммуникацию между всеми участниками проекта.
Диаграмма последовательности процесса записи и подтверждения записи
- Пользователь (Пациент) — инициирует процесс записи.
- Веб-интерфейс сайта — отображает формы и собирает данные.
- Сервер приложения (Backend) — обрабатывает запросы, проверяет данные.
- CRM-система центра — хранит и управляет записями и расписаниями.
- Сервис SMS/Email-уведомлений — отправляет пользователю подтверждения.
- Модуль подтверждения записи — отвечает за логическую обработку подтверждения.
Диаграмма вариантов использования
Представляет собой визуальное и группирующее представление пользовательских действий и системных реакций в рамках функциональности системы. Она служит для определения и описания того, что система делает для разных ролей (актеров), без детализации того, как именно это делается.
Диаграмма сущность-связь
Показывает структуру базы данных через ключевые сущности (entities), их атрибуты (свойства) и связи (relationships) между ними. Такая диаграмма используется для концептуального проектирования баз данных и помогает понять, какие данные хранятся и как они взаимосвязаны.
Шаг 6
Разработка прототипов
Разработка прототипов
Необходимы для визуализации структуры и основных элементов интерфейса до начала полноценной разработки, что помогает своевременно выявить и исправить ошибки. Они позволяют заказчику и команде разработки лучше понять функционал и логику работы сайта. Использование прототипов сокращает время и затраты на доработки, повышая качество конечного продукта.
Шаг 7
Подготовка дизайн-макетов
Подготовка дизайн-макетов
Проработка дизайн макетов выполняется на основе ранее согласованной дизайн-концепции, которая определяет общий стиль, цветовую гамму и визуальные элементы сайта.
Данный этап позволяет детализировать внешний вид каждой страницы, учитывая удобство пользователя и функциональные требования. Макеты помогают увидеть, как будет выглядеть сайт на различных устройствах и разрешениях экрана.
Проработка дизайн макетов является финальным этапом перед передачей проекта команде верстки и разработки. Готовые макеты можно посмотреть по ссылке.
Данный этап позволяет детализировать внешний вид каждой страницы, учитывая удобство пользователя и функциональные требования. Макеты помогают увидеть, как будет выглядеть сайт на различных устройствах и разрешениях экрана.
Проработка дизайн макетов является финальным этапом перед передачей проекта команде верстки и разработки. Готовые макеты можно посмотреть по ссылке.
