TК°Conf. Красивый интерфейс — это лишь часть крутого UX. Никита Ефимов.
- 1. Красивый интерфейс – это лишь часть крутого UX Никита Ефимов
- 6. WTF?
- 11. Dribbbl’анутые
- 15. Тех. ограничения
- 16. Требования
- 18. Вершина айсберга Внешний вид Архитектура интерфейса Функциональность Цели пользователей и бизнеса
- 19. Далеко не всегда важна красота
- 21. Strategy • потребности • контекст • задачи Изучаем пользователей
- 24. Потребности
- 25. Разные потребности • Пополнить запасы на складе • Заказать запчасти для ТО • Заказать набор деталей для конкретного ремонта • Заказать специфичную деталь “под клиента” • Быть в курсе относительно стоимости и доступности требуемой детали (консультирование)
- 26. Разные потребности на одном экране
- 27. Контекст
- 29. Картинки и мобильный интернет
- 32. FAIL!!!
- 33. FAIL!!!
- 34. Один номер на всех 123456 123456 123456
- 35. В итоге – борьба за ресурсы ? ? ?
- 36. В итоге – борьба за ресурсы ? ? ?
- 40. Нужный = Чего хотят люди Нужный – тот, который решает проблемы
- 41. Пользователи • потребности • контекст • задачи Бизнес Технологии • ограничения • возможности • тек. реализация • бизнес-цели • тек. ситуация • метрики !!! Strategy
- 42. Интерфейс Шрёдингера Успешный Провальный запасаюсь попкорном
- 43. Святая троица UX Бизнес Технологии Пользователи
- 44. • Какую пользовательскую проблему решаем? Простой алгоритм действий • Что это за люди? • Зачем это нужно бизнесу? • Какие есть ограничения/возможности?
- 45. Scope • контекст использования • потребности пользователей и их поведение • стандарты, гайдлайны, эргономика • требования usability (относительно задач) • требования бизнеса (которые затрагивают пользователей) • требования безопасности и регуляторных документов • и т.д. Функционал на базе требований
- 46. Убрать полезное
- 47. Убрать полезное 8 (383) 280-42-21 Написать обращение Нужна помощь или есть вопросы? Обратитесь в службу заботы о клиентах Оптовым клиентам: 5 раз в неделю Самовывоз Доставка по городу Отправка по области ул. 1-ая Ельцовка, дом 1 корпус "И" Наличная и безналичная оплата Водители Воскобойников Александр Тараканов Сергей Чекушкин Алексей Шагирданов Павел Кононов Алексей директор филиала Егоров Алексей менеджер по развитию Москалюк Анна бухгалтер ПН – ПТ: с 9:00 до 18:00 СБ, ВС: выходной Автопитер – Новосибирск
- 48. Scope • контекст использования • потребности пользователей и их поведение • стандарты, гайдлайны, эргономика • требования usability (относительно задач) • требования бизнеса (которые затрагивают пользователей) • требования безопасности и регуляторных документов • и т.д. Функционал на базе требований
- 49. Feature creep
- 50. Structure Информационная архитектура • объектно-информационная модель • структура организации информации • системы поиска и навигации
- 51. WTF !?
- 52. It’s a kind of magic ? ? ?? ?
- 53. Всё дело в информации Информация Информация Информация Информация
- 54. Ключевые проблемы • Всегда есть больше одного способа организации информации. И не всегда ясно, какой из них лучше • У людей разные цели и способы добраться до информации • У людей обычно разное представление о том, где и какую информацию надо искать (и как её описать) • Кто-то знает больше, а кто-то – меньше (на “входе” и о предметной области)
- 55. Доступ к нужной информации
- 56. Доступ к нужной информации
- 57. Надо задать 100500 вопросов • Что человек ищет (какую информацию)? • Что он с ней собирается делать? • Какие использует термины для описания/поиска? • Как информационные объекты связаны друг с другом? • Как обеспечить быстрый доступ к наиболее важным объектам? • Какая информация важна в первую очередь (на конкретном экране)? • и многое другое…
- 58. Skeleton Решение конкретных интерфейсных задач • компоновка экранов и навигация между ними • учёт типовых паттернов • выбор типов элементов для взаимодействия • проработка микровзаимодействия • проработка реального контента • учёт особенностей восприятия информации и поведенческих факторов
- 60. Пустые состояния
- 63. Surface Внешний вид приложения • цвета • типографика • иконки • композиция “Чтобы хотелось лизнуть”, ага.
- 64. Серонутые
- 65. Ограниченные возможности • Нарушение цветовосприятия • Проблемные дисплеи/мониторы • Освещение • Физические возможности человека (зрение, моторика, скорость обработки информации и др.) • Анимация • и многое другое
- 66. Ой, беда,беда…
- 67. Ой, беда,беда…
- 68. Серонутые
- 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
- 74. Эмоции
- 75. Эмоции
- 76. Гремучая смесь цели пользователей и бизнеса требования и ограничения информационная модель красота и эмоции психология паттерны взаимодействия
- 78. Ну вот и все… slideshare.net/nefimov efimov.nikita@gmail.com fb.com/nikita.efimov For graphics thanks to freepik.com