Продукты могут быть связаны общей сферой, но иметь абсолютно разное предназначение, а вместе с тем специфику и целевую аудиторию. В этой статье команда Fusion Tech расскажет, что нужно учитывать при создании сайтов и приложений из сферы HealthTech, чем они отличаются друг от друга, и какие нюансы в разработке и дизайне появляются в зависимости от вида продукта.
HealthTech продукты — это сайты или мобильные приложения, которые связаны со здоровьем человека. Что сюда можно отнести? Да много чего: онлайн-аптеки, телемедицина, интернет вещей, фитнес-приложения, различные трекеры, справочники для специалистов, страхование здоровья и многое-многое другое, что упрощает нашу жизнь и позволяет следить за своим здоровьем или оптимизирует работу врачей.
Ограничения и особенности. Сфера HealthTech имеет свою специфику. Это и серьезная система государственного контроля и ограниченный доступ к медицинским данным. Плюс, особенности каждого отдельно взятого продукта, которые следуют грамотно подчеркнуть для пользователей. Как это сделать? На основе анализа похожих: насколько востребован продукт, какие сходства и отличия можно выявить, на каких преимуществах можно сделать акцент.
Тренды и конкуренты. Не забываем, что HealthTech находится в постоянном развитии. При создании продукта нужно опираться на мировые и российские тенденции рынка в сфере медицинских технологий, просчитывать возможности их реализации на практике. А также ориентироваться на разработки конкурентов и их позиционирование: какие выгоды транслируют для клиентов, как говорят со своими покупателями.
Целевая аудитория. Область здравоохранения требует более человечного подхода, чем любая другая. Уровень эмпатии должен быть высоким, ведь зачастую люди используют продукт ввиду каких-то проблем со здоровьем. Важно и то, что у одного и того же продукта может быть несколько параллельных ЦА. Им могут пользоваться как пациенты, так и врачи, что наделяет продукт двойной функциональностью.
Хороший пользовательский опыт может побудить клиентов взять на себя больше ответственности за свое здоровье. Все, что для этого требуется — удобные интерфейсы и интуитивно понятный дизайн, которые базируются на следующих аспектах:
Простота и доступность: пользователями могут быть люди любого возраста и с разными когнитивными возможностями.
Поддержка: часто клиентам требуется психологическая помощь — окажите им ее, хотя бы в цифровом виде.
Отсутствие отвлекающих факторов: порой продукт — это часть рабочего процесса (если речь идет о врачах, например, или фитнес-инструкторах).
Дружелюбность: в зависимости от конечной цели использования продукта тон текста может варьироваться от строгого до непринужденного.
Любой продукт должен снимать конкретную боль потребителя. Как правило, под этим подразумевается какая-то задача, если мы говорим о других сферах. В HealthTech все прозрачнее. Продукты для здравоохранения решают проблемы пользователей в прямом смысле этого слова.
Решение: проектирование приложения для планирования и ведения беременности.
ЦА: особенность продукта в том, что все данные будут доступны не только женщине, а семейной паре в целом. Следить за результатами смогут оба партнера.
Добавление партнера в приложении для планирования и ведения беременности
Навигация: пользовательский опыт улучшает простота использования. Ключевой функцией является календарь: большая часть всех взаимодействий связана с отмечанием циклов и симптомов в тот или иной день. Наша команда спроектировала экран таким образом, чтобы пациент получал персонализированный опыт и ничто не отвлекало его от основной функции.
Календарь в приложении для планирования и ведения беременности
Цветовая гамма: UI-часть в подобных приложениях требует особого внимания. Для смягчения внешнего вида приложения мы использовали палитру пастельных оттенков зеленого и персикового цветов, множество иллюстраций и абстрактных форм, чтобы сделать продукт не только дружественным, но и привлекательным внешне.
Цветовая гамма в приложении для планирования и ведения беременности
Решение: разработка соцсети для людей с психическими/психологическими проблемами.
ЦА: люди с повышенной тревожностью, легкими формами депрессий, проблемами со сном и другими невротическими состояниями, которые ищут поддержку и дополнительную опору в жизни.
Навигация: наша команда очень тщательно прорабатывала навигацию, чтобы человек, будучи во фрустрации, ища поддержку в сложный период, смог беспрепятственно ее найти среди таких же пациентов.
Навигация в соцсети для людей с психическими/психологическими проблемами
Цветовая гамма: все было направлено на облегчение опыта за счет расслабляющей цветовой палитры, дружелюбных иллюстраций и понятного текста в интерфейсах.
Цветовая палитра в соцсети для людей с психическими/психологическими проблемами
Решение: проектирование фитнес-приложений.
ЦА: мы разрабатывали несколько подобных продуктов с разной целевой аудиторией, но их всех объединяет одно — стремление пользователей к новым личным рекордам.
Цветовая гамма: эмоциональный окрас и язык продукта здесь совершенно противоположные: не успокаивающие, а бодрящие; более яркие, драйвовые цвета; система поощрений; система соперничества (доски лидеров).
Яркие цвета в интерфейсе фитнес-приложения
Навигация: не стоит забывать и контекст использования подобных продуктов: если это спортзал с плохим освещением, то приложение должно быть достаточно контрастным, а текст и кнопки паузы — крупными, чтобы тренируемый смог без труда остановить занятие дрожащими от усталости руками.
Пример использования крупной кнопки в интерфейсе фитнес-приложения
Решение: проектирование приложений для специалистов.
ЦА: пользователями выступают работники медицинской или спортивной сфер (реабилитологи, тренеры и другие специалисты).
Цветовая гамма: дизайн подобных продуктов будет утилитарным, без обилия иллюстраций или анимаций. Палитра должна быть спокойной и сдержанной, а текст — иметь удобный для чтения размер и высокий уровень контрастности, ведь среди специалистов есть люди преклонного возраста. Чтобы придать немного лоска и подчеркнуть преемственность бренду, можно использовать небольшие цветовые акценты.
Цветовая гамма в приложении для составления плана тренировок и питания
Навигация: представление информации в подобных продуктах должно быть четким и лаконичным. Взаимодействие с приложением в данном случае — это часть рабочего процесса самого специалиста, поэтому наша задача — отсечь все лишнее, чтобы врач мог сфокусироваться на своих прямых обязанностях. К примеру, графики должны быть простыми и четко передавать необходимую информацию в понятном виде.
Графики в приложении для контроля походки
Заглянем под «капот» продуктов, чтобы посмотреть, а есть ли особенности в разработке, и на каких принципах она базируется:
Современные технологии: выбираются наиболее подходящие языки программирования для корректной работы продуктов, микросервисные архитектуры и multi-tenant подход, позволяющий одному приложению обслуживать сразу несколько организаций.
Оптимизация рабочего процесса: используются API государственных медучреждений, реализуется интеграция IoT и возможность подключения к платформе каких-либо устройств.
Удобство использования: внедряются элементы, облегчающие взаимодействие врача и пациента (ведение медкарты в электронном формате, отображение медпоказателей в виде графиков и таблиц, аудио и видеозвонки, автогенерация отчетов).
React.js: для веб-версий мы использовали React.js — самый популярный и удобный фреймворк на JS, а мобильные приложения писали на React Native, что позволило создать кроссплатформенные приложения в короткие сроки.
Node.js: серверная часть разрабатывалась на Node.js — обладает высокой производительностью за счет использования асинхронного программирования и неблокирующего ввода-вывода. Благодаря чему приложения могут обрабатывать большое количество запросов с минимальными задержками.
TypeScript: при разработке продуктов использовался и TypeScript. Этот язык программирования дает статическую типизацию, что помогает обнаруживать ошибки в коде во время компиляции и повышает качество кода.
Решение: разработка электронной больницы.
ЦА: в данном случае аудитории сразу две: это и медицинский персонал, и пациенты.
Описание решения: в клинику добавляется пациент, в приложении указывается его история болезни и начинается наблюдение за показателями здоровья (чсс, давление, пульс, температура и т.д). Динамика параметров и назначений лекарств ведется в виде различных графиков и таблиц. Все показания можно видеть на своей странице внутри платформы практически в режиме реального времени.
В приложении есть два чата: с пациентом и медперсоналом. А также присутствует тайм-трекер: время, затраченное врачом на лечение, корректно фиксируется, на базе чего выставляются счета клиентам. Отчет об этом можно видеть как в PDF, так и в CSV-форматах.
Решение: создание сервиса по составлению рационов.
ЦА: пользователями приложения являются люди, которые занимаются спортом и следят за своей фигурой.
Описание решения: команда разработала приложение, позволяющее составить индивидуальный план питания на неделю. Пользователь может рассчитать БЖУ каждого ингредиента и готового блюда, получить инструкцию, что и как готовить или составить рацион из уже готовых блюд.
Все записи ведутся внутри административной панели, но при желании клиент может выгрузить данные в PDF-формате.
HealthTech — очень обширная сфера. Продукты, объединенные этим направлением, порой радикально отличаются друг от друга: как с точки зрения разработки и дизайна, так и самой идеей. В зависимости от задумки меняются приоритетные технологии. Неизменным остается одно — человечный подход и ориентация на клиента.
Подпишитесь на ежемесячную рассылку Workspace
Отлично! Мы отправили письмо на указанный вами электронный ящик с инструкцией по подтверждению.
Если письмо с подтвержением вашего e-mail не будет получено в течение 10 минут, пожалуйста, проверьте папку СПАМ в соответствующем почтовом ящике.
