{"id":7297,"title":"\u0417\u0430\u043a\u0430\u0442\u0438\u043b\u0438 \u0432\u0435\u0447\u0435\u0440\u0438\u043d\u043a\u0443 vc.ru. \u0420\u0430\u0441\u0441\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c \u0438 \u043f\u043e\u043a\u0430\u0437\u044b\u0432\u0430\u0435\u043c, \u043a\u0430\u043a \u044d\u0442\u043e \u0431\u044b\u043b\u043e","url":"\/redirect?component=advertising&id=7297&url=https:\/\/vc.ru\/promo\/300923-proveli-vecherinku-vc-ru-i-sdelali-ofis-uyutney-s-pomoshchyu-novogo-servisa-ot-ozon&placeBit=1&hash=1786c9dcf11a3b054c8e53004e27074664313ed4055e24064ede059ebc186db8","isPaidAndBannersEnabled":false}
Дизайн
Дима Давыдов

Дизайн взаимодействия с пользователем

В этой статье я хочу поделится "своим" FlOW)) создания интерфейса. Мы рассмотрим основные этапы ux/ui дизайна, которые используются при разработке мобильного приложения и веб-сервиса.

Составление CJM

- Are you sure we have to do this?

- Да, уверен.

Любое ux-задание стоит начинать с исследования ведь, в большинстве случаев, мы хотим чтобы нашим интерфейсом пользовались. Для начала определитесь с областью и средой, в которой будет существовать ваш дизайн. Могу подкинуть несколько "интересных" примеров: онлайн-обучение, медицина, интернет-магазин.

Давай те подробнее остановимся на медицине. Она как и автосервис, барбершоп, тату салон больше тянут в сферу предоставления услуг и это нужно учитывать, ведь нам потребуется онлайн запись, страницы услуг, личный кабинет, программа лояльности, возможно чат-бот или messenger. Аналогично можно раскидать и другие области.

Важно определить: какие действия будет совершать пользователь и, как следствие, какие экраны нужно отрисовать, и куда можно маштабировать. Итогом этапа исследования должна стать карта путей пользователей CJM, она будет сердцем вашего проекта.

Качественно сделанное исследование позволит оценить объём и стоимость работ. CJM используется не только дизайнером, но и project-менеджером. Карта поможет определить функционал и написать ТЗ разработчикам.

Поиск концепции

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

На этапе прототипирования приступаю к отрисовке экранов: накладываю сетку, смотрю на композицию, проверяю адаптивность и гибкость выбранного решения. Сделать актуальное и красивое оформление, которое хотелось бы купить и использовать - основная задача.

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

UI kit

В зависимости от масштаба проекта и количества необходимых макетов, предпочитаю использовать UI kit. Создав условия для отображения повторяющихся элементов работа становится более продуктивной.Такой комплексный подход упрощает процесс.

Помимо многократного использования элементов UI kit нужен для того, чтобы все элементы выглядели гармонично. Если его не использовать, ваш интерфейс будет похож на винегрет различных кнопок и стилей. Так же, стоит обратить внимание на иконки.

This is the way...
Okay:)

В заключение хочу порекомендовать ещё статью по теме + всем хорошего настроения и успехов в работе. Спасибо за внимание.

{ "author_name": "Дима Давыдов", "author_type": "self", "tags": ["ux","ui","cjm"], "comments": 1, "likes": 6, "favorites": 38, "is_advertisement": false, "subsite_label": "design", "id": 123024, "is_wide": true, "is_ugc": true, "date": "Mon, 27 Apr 2020 12:53:00 +0300", "is_special": false }
0
1 комментарий
Популярные
По порядку
Приличный Слава

[круто пиши исчо

0
Читать все 1 комментарий
Как не попасть в карьерную ловушку тимлида: личный опыт

Кажется, что тимлиду просто некуда расти: дальше надо либо идти в менеджмент, либо наоборот, становиться узконаправленным разработчиком. По просьбе «Лаборатории Касперского» Евгений Мацюк, который прошел в компании неординарный путь, рассказал о своих карьерных развилках во время и после тимлидства, а также поделился опытом горизонтального роста.

Дизайн-джем #42: мифы и легенды о русалках, японские рассказы, космические приключения и азы точных наук

В красочном дайджесте, посвящённом детским книжным иллюстрациям, от Futura by red_mad_robot.

Travers – поиск инструкторов по активным видам спорта

Мы сделали второе приложение, раскатили сервис на всю Россию и изменили бизнес-модель. Многое благодаря пользователям vc.ru!

Сооснователь «Кухни на районе» Олег Козырев покинул компанию Статьи редакции

Но сохранил долю в бизнесе.

Робот повысил конверсию продаж в B2B

В изменчивой реальности (для которой даже придумали специальной термин «VUCA-мир») компании ищут свои точки опоры. Важно не просто следовать трендам, но и предугадывать их. Особенно когда клиентское поведение и бизнес-процессы трансформируются так стремительно.

«Сбер» научил свой ИИ-сервис определять возможные признаки рака на ранних стадиях по снимкам лёгких Статьи редакции

Это может помочь врачам при диагностике заболевания.

Шпаргалка для инвестора: сделки РЕПО

Рассказываем об одном из важнейших инструментов рынка ценных бумаг — сделках РЕПО.

«Яндекс.Маркет»: в моем заказе вместо наушников оказалась бутылка из-под водки

Я давно хотела беспроводные наушники и наконец заказала себе Apple AirPods. Оформила заказ 15.10.2021 через Яндекс.Маркет в магазине Superbia.ru

Почему «без ТЗ результат ХЗ». Разбираем на примере CRM-систем

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

Пример нотации согласовательного уровня Библиотека примеров BPMN
Курс доллара упал ниже 70 рублей впервые с лета 2020 года после повышения ключевой ставки Статьи редакции

Евро подешевел до 81,3 рубля впервые за год.

Исследование: сотрудники хотели бы иметь комнату отдыха, бесплатный сок, а работодатели уже готовы покупать ЗОЖ-снеки

Онлайн-сервис доставки продуктов и товаров СберМаркет и исследовательское агентство Research Me спросили сотрудников, как они хотели бы питаться в офисе и что в нем видеть. В опросе приняли участие более 1500 работающих людей по всей России. Сервис также спросил работодателей – В2В-клиентов СберМаркета: что они покупают в офис, что точно никогда…

null