Екатерининская

Запись к врачу, медкарта и консультации

Авторская обложка / временная заглушка

О проекте

Мобильное приложение клиники объединяет выбор специалиста и запись с документами и консультациями после приёма. Я спроектировала сценарии, интерфейс и локальную дизайн-систему.

2024

Роль

Product Designer

Зона работы

Структура приложения, сценарии выбора врача и записи, интерфейс и локальная дизайн-система.

От выбора врача до записи

Пациент выбирает специалиста, смотрит квалификацию и стоимость приёма, затем выбирает дату и время записи.

Выбор специалиста в приложении клиникиВыбор даты и времени записи

Задача

Пациенту нужен доступ к клинике до и после приёма: выбрать врача, сохранить информацию о визите, получить результаты и задать вопрос между посещениями.

Мой вклад

Отвечала за структуру приложения, основные сценарии и интерфейс. В работе опиралась на исследование отдела маркетинга клиники — беседы с 30 клиентами по телефону и в клинике.

Основные сценарии

До приёма приложение помогает выбрать специалиста и время. После — вернуться к записи, документам и консультации.

Основные сценарии пациента — одинаковые внутренние отступы

Интерфейс приложения

Выбрать врача

В списке можно сравнить специальность, квалификацию, стоимость приёма и отзывы. Профиль раскрывает опыт врача и ведёт к выбору даты и времени.

Телефон / B01
Телефон / B02
Телефон / B03

Записаться на приём

Дата, время, проверка кодом и подтверждение — этапы одной панели. Профиль врача остаётся на фоне, а выбранное время сохраняется при переходе между шагами.

Телефон / C01
Телефон / C02
Телефон / C03

Записи и медицинская карта

Запись хранит дату, адрес и врача. Результаты и заключения собраны в медицинской карте; оповещение помогает заметить новый документ или предстоящий приём.

Телефон / C04
Телефон / D01
Телефон / D02

Связь с дежурным терапевтом

Стоимость и условия показаны до начала консультации. В чате видны сообщения врача и статусы отправки; короткие ответы занимают ровно столько места, сколько нужно тексту.

Телефон / G01
Телефон / G02

Профиль и сохранённые врачи

Личный кабинет собирает записи, документы и оплату. К сохранённому специалисту можно вернуться из отдельного списка, не начиная поиск заново.

Телефон / E01
Телефон / E02

Регистрация и данные пациента

Создание аккаунта, подтверждение номера и заполнение данных разделены на короткие шаги. У полей есть подписи, состояния ошибки и недоступности.

Телефон / A01

Вход

Телефон и пароль

Телефон / A02

Регистрация

Создание аккаунта

Телефон / A03

Подтверждение номера

Код из сообщения

Телефон / A04

Данные пациента

Завершение профиля

Оплата услуг

Пациент выбирает способ оплаты и переходит к платёжному сервису. После возвращения приложение показывает результат операции; реквизиты карты здесь не вводятся.

Телефон / F01
Телефон / F06

Проработка состояний

Загрузка, пустой список, ошибка и неизвестный результат требуют разных сообщений и следующих действий. Эти состояния собраны рядом с основными сценариями.

Нет результатов или нет связи

Пустая выдача предлагает изменить поиск. Сбой загрузки сохраняет запрос и даёт повторить попытку — причина и способ продолжить различаются.

Телефон / B07

Поиск без результатов

Предложение изменить запрос

Телефон / B08

Не удалось загрузить

Сохранённый запрос и повтор

Проверка записи

При неверном коде можно исправить цифры. Во время отправки повторное действие недоступно. При сбое врач и выбранное время остаются в контексте панели.

Телефон / C11
Телефон / C08
Телефон / C09

Результат платежа

Отмена, отказ банка и ожидание ответа показаны отдельно. При отказе можно сменить способ оплаты; при неизвестном результате сначала предлагается проверить уже отправленный платёж.

Телефон / F02
Телефон / F05
Телефон / F07

Сохранить разговор после сбоя

Неотправленное сообщение остаётся в переписке с действием повтора. При потере соединения сохраняются история и текст; предупреждение относится ко всей консультации.

Телефон / G05
Телефон / G06

Дизайн-система

Базовые элементы отделены от компонентов клиники. Варианты описывают выбор, фокус, ожидание, ошибку и недоступность; общая библиотека связывает эти состояния с экранами.

Компоненты дизайн-системы: типографика, цвета, кнопки, формы и карточки

Иллюстрации состояний

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

EK/Product/StateArtworkEK/Product/StateArtworkEK/Product/StateArtworkEK/Product/StateArtworkEK/Product/StateArtworkEK/Product/StateArtworkEK/Product/StateArtwork

Поиск

Документы

Записи

Чат

Оплата

Отказ

Соединение

Есть задача

для продуктового дизайнера?

Пришлите ссылку на продукт и несколько слов о том, что нужно изменить. Я посмотрю задачу и предложу подходящий формат работы. Удобнее всего обсуждать проекты письменно.