Красивый интерфейс лишь вершина айсберга. Под водой скрывается очень много: структура самого приложение, нужный пользователю функционал, цели пользователей и бизнеса. На примере проверенных временем моделей я покажу необходимые этапы проектирования интерфейсов и их влияние на пользовательский опыт. А чтобы окончательно вас убедить в своих словах, расскажу примеры из собственного опыта, иллюстрирующие как надо и как не стоит делать.
25. Разные потребности
• Пополнить запасы на складе
• Заказать запчасти для ТО
• Заказать набор деталей для конкретного ремонта
• Заказать специфичную деталь “под клиента”
• Быть в курсе относительно стоимости и доступности
требуемой детали (консультирование)
44. • Какую пользовательскую проблему решаем?
Простой алгоритм действий
• Что это за люди?
• Зачем это нужно бизнесу?
• Какие есть ограничения/возможности?
45. Scope
• контекст использования
• потребности пользователей и их поведение
• стандарты, гайдлайны, эргономика
• требования usability (относительно задач)
• требования бизнеса (которые затрагивают пользователей)
• требования безопасности и регуляторных документов
• и т.д.
Функционал на базе требований
47. Убрать полезное
8 (383) 280-42-21
Написать обращение
Нужна помощь или есть вопросы?
Обратитесь в службу заботы о клиентах
Оптовым клиентам: 5 раз в неделю
Самовывоз
Доставка по городу
Отправка по области
ул. 1-ая Ельцовка, дом 1 корпус "И"
Наличная и безналичная оплата
Водители
Воскобойников Александр
Тараканов Сергей
Чекушкин Алексей
Шагирданов Павел
Кононов Алексей
директор филиала
Егоров Алексей
менеджер по развитию
Москалюк Анна
бухгалтер
ПН – ПТ: с 9:00 до 18:00
СБ, ВС: выходной
Автопитер – Новосибирск
48. Scope
• контекст использования
• потребности пользователей и их поведение
• стандарты, гайдлайны, эргономика
• требования usability (относительно задач)
• требования бизнеса (которые затрагивают пользователей)
• требования безопасности и регуляторных документов
• и т.д.
Функционал на базе требований
53. Всё дело в информации
Информация
Информация
Информация
Информация
54. Ключевые проблемы
• Всегда есть больше одного способа организации
информации. И не всегда ясно, какой из них лучше
• У людей разные цели и способы добраться до информации
• У людей обычно разное представление о том, где и какую
информацию надо искать (и как её описать)
• Кто-то знает больше, а кто-то – меньше (на “входе” и о
предметной области)
57. Надо задать 100500 вопросов
• Что человек ищет (какую информацию)?
• Что он с ней собирается делать?
• Какие использует термины для описания/поиска?
• Как информационные объекты связаны друг с другом?
• Как обеспечить быстрый доступ к наиболее важным
объектам?
• Какая информация важна в первую очередь (на
конкретном экране)?
• и многое другое…
58. Skeleton
Решение конкретных интерфейсных задач
• компоновка экранов и навигация между ними
• учёт типовых паттернов
• выбор типов элементов для взаимодействия
• проработка микровзаимодействия
• проработка реального контента
• учёт особенностей восприятия информации и
поведенческих факторов
65. Ограниченные возможности
• Нарушение цветовосприятия
• Проблемные дисплеи/мониторы
• Освещение
• Физические возможности человека (зрение, моторика,
скорость обработки информации и др.)
• Анимация
• и многое другое
69. If we like just looking at a
beautiful product, we’ll most
likely end up thinking it is more
usable than it actually is.
http://www.uxmatters.com/mt/archives/2016/08/designing-desirable-experiences.php
72. Люди забудут, что вы сказали.
Люди забудут, что вы сделали.
Но они никогда не забудут, что
вы заставили их чувствовать.
Maya Angelou
73. Эмоции
Мы уже почти готовы отправить акт сверки
СПАСИБО, ЖДУ
Ваш запрос обрабатывается
16.03.2016 – 16.04.2016
alexander.voskoboynikov@gmail.com
Мы не нашли взаиморасчётов за указанный период
Попробуйте запросить акт сверки за другой период.
ЗАПРОСИТЬ
Ой, что-то пошло не так…
16.03.2016 – 16.04.2016