Drillo Все работы
Аренда инструментов · Мобильный интерфейс

Сначала текущая аренда

Продуктовый дизайн / asky

Человек с инструментом в аренде уже связан сроком возврата и ближайшей работой. Главная Drillo начинается с этого обязательства, затем помогает рассмотреть следующий инструмент через стоимость, наличие и удобство получения.

Посмотреть экраны
Интерфейс прототипаDrillo
Фрагмент: действующая аренда
Демонстрационные данныеDrillo / Продуктовый дизайн
Для кого
Люди, которые делают ремонт и арендуют инструменты для конкретных домашних задач.
Моя роль
Визуальная айдентика и дизайн пользовательского интерфейса сервиса.
В рамках кейса
Одна статическая мобильная главная на холсте 375 × 812; три превью показывают её фрагменты.
01 / КонтекстDrillo

Две задачи на одной главной

После выбора инструмент нужно использовать, при необходимости продлить аренду и вернуть. Главная учитывает это обязательство: карточка активной аренды с таймером и действием продления расположена раньше новых предложений.

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

Логика сценария

  1. 01

    Порядок чтения главной: срок действующей аренды

  2. 02

    Расходники и возможность повторной аренды

  3. 03

    Расстояние до пункта и часы работы

  4. 04

    Суточная стоимость и наличие в каталоге

02 / РешенияDrillo

Что определяет интерфейс

01

Обязательство раньше предложения

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

Решение

Карточка действующей аренды получает верхнюю позицию, таймер и заметное действие продления. Далее доступны расходники и повторная аренда для продолжения знакомой задачи.

Компромисс

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

02

Сравнивать по условиям использования

Изображение инструмента не отвечает на два базовых вопроса выбора: сколько стоит день работы и доступен ли подходящий вариант.

Решение

Каталог показывает суточную цену и наличие рядом с предложением. Информация даёт основу для предварительного сравнения до обсуждения длительности и полного состава заказа.

Компромисс

Цена за день не равна итоговой стоимости аренды. Расчёт периода, подтверждение наличия и условия продления выходят за пределы этой статической главной.

03

Проверить возможность забрать

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

Решение

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

Компромисс

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

03 / СистемаDrillo

Единый визуальный язык

Палитра и принципы, представленные в прототипе. Полная спецификация компонентов пока не входит в кейс.

01 / Палитра

Характер рабочего инструмента

Оранжевый #FE6230, тёмный #17181C и светлый #F6F6F8 формируют палитру Drillo. Акценты выделяют действия среди карточек и условий аренды.

#FE6230
#17181C
#F6F6F8
02 / Принцип

У каждой карточки свой вопрос

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

03 / Принцип

Лояльность вторым слоем

Баллы и комплектная скидка дополняют базовые условия. Макет показывает место программы лояльности без доказательств изменения повторных аренд.

04 / ЭкраныDrillo

Решения в деталях

HTML-превью исходных русскоязычных прототипов, только для просмотра. Демонстрационные данные; персональные идентификаторы заменены. Три фрагмента одной главной страницы, а не отдельные экраны приложения.

Фрагмент: действующая арендаРассмотреть экран
01

Фрагмент: действующая аренда

Начало главной: срок аренды и действие продления предшествуют новому выбору.

Фрагмент: условия выбораРассмотреть экран
02

Фрагмент: условия выбора

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

Фрагмент: получение инструментаРассмотреть экран
03

Фрагмент: получение инструмента

Расстояние и часы работы дополняют выбор. Все три превью показывают одну главную.

05 / РезультатDrillo

Что получилось

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

1Мобильная главная, показанная тремя фрагментами
3Контекста решения: текущая аренда, выбор, получение
375 pxШирина холста статического прототипа

Что проверить дальше

01

Сценарий проверки

В будущем тесте определить оставшийся срок аренды и найти действие продления.

Что наблюдать

Фиксировать обнаружение карточки, правильность чтения таймера и ожидания от нажатия без имитации успешного продления.

02

Сценарий проверки

Выбрать подходящий инструмент по суточной цене и наличию, перечислить недостающие условия.

Что наблюдать

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

03

Сценарий проверки

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

Что наблюдать

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

Следующий кейс

МИС+

Приём в одном контексте

Исходный размер. Прокрутите экран, чтобы рассмотреть детали.

Открыть прототип отдельно ↗