Цапок Юлия : "Сколько UX в вашем UI"
0 likes154 views
Документ является описанием принципов UX-дизайна и предоставляет рекомендации по созданию удобных интерфейсов для пользователей. В нем рассматриваются ключевые задачи пользователей, элементы интерфейса, примеры сценариев взаимодействия и важные аспекты визуального дизайна. Юлия Цапок акцентирует внимание на том, что лучший интерфейс — это тот, который не отвлекает пользователя от выполнения задачи.
Цапок Юлия : "Сколько UX в вашем UI"
- 1. Юлия Цапок UX Designer Promodo Сколько UX в вашем UI
- 2. Каким бы замечательным ни был ваш интерфейс, чем его меньше, тем лучше! Алан Купер
- 3. UX – решение, удовлетворяющее всем требованиям
- 4. Зарождение UX Переход от командной строки к графическому интерфейсу
- 6. Схема для написания сценариев
- 7. Пример сценария взаимодействия с устройством в реальной жизни
- 8. Пример юзер кейса Путь решения задач с переходами по экранам
- 9. Пример пошагового сценария Для каждого шага описываются проблемы, решения, идеи
- 10. Страница товара Хлебные крошки + название модели Есть в наличии Место под блоки Цена Лейбы «Новинка», «Акция» и т.п. Код товара Кнопка «Купить» Другие модификации товара, цвет Изображения наград товара Логотип производителя Нет в наличии Модели, добавленные к сравнению Цена Закладки Кнопка «Сообщить, когда появится» Комплекты товаров Самое главное Описание Архивная модель Блок с другими товарами Характеристики Кнопка «Найти похожие модели» Похожие товары Отзывы С этим товаром просматривают Вопросы и ответы Рейтинг модели За те же деньги Фото и видео Количество оценок Аксессуары к этой модели Аксессуары Поставить оценку Похожие товары Блок с просмотренными товарами Доставка и гарантия Скидки и акции Правила эксплуатации Скидка на цену Фото подарка Фотография товара + миниатюры Условия акции Ссылка «Увеличить фото» Посмотреть видеообзор Самые важные параметры модели Действия Краткие условия Распечатать Доставки Добавить к сравнению Гарантии Добавить в вишлист Разместить в соцсетях Написать отзыв Задать вопрос Скачать инструкцию Личный кабинет Хлебные крошки + название страницы Личная информация о пользователе Оформление заказа Список товаров Изменение числа товаров Товар со скидкой Товар с подарком Комплект товаров Сумма Оформление заказа Личная информация Вид оплаты Способ доставки Вход для авторизации Раздел акций Хлебные крошки + название страницы Сортировка акций по дате и т.п. Страница акции Хлебные крошки + название страницы Разместить в соцсетях Как может выглядеть перечень элементов экрана
- 11. Нет времени объяснять, рисуй UI – что делать?
- 12. Эмоциональные Какие бывают задачи Рациональные Формализованные Неопределенные Ищу подарок рыбаку Ищу ближайший ко мне ресторан с уютным интерьером Ищу телефон с процессором на 8 ядер Хочу почитать что-то интересное
- 13. Нужен товар определенной модели Хочу выбрать модель из конкретной товарной категории Ищу подарок Смотрю, что понравится Ищу определенные виды товаров со скидками Интересуюсь, на какие товары могут быть скидки Задачи пользователей для e-commerce Сопутствующие задачи Какие условия доставки Есть ли гарантия на товары Как я могу вернуть товар Можно ли купить в кредит Хочу доставку с сегодня на сегодня
- 14. Хочу платить быстро Хочу экономить на комиссии Хочу платить не выходя из дома Как упростить оплату коммунальных платежей Как управлять и отслеживать коммунальные платежи Задачи пользователей для онлайн платежей Сопутствующие задачи Надежно ли хранятся мои данные Как мне быть уверенным, что платеж прошел Могу ли я отменить платеж Как мне получить подтверждение платежа (счет)
- 15. Делать интерфейс красивым или удобным? – Лучше котиком
- 16. Главная проблема интерфейса — в том, что это интерфейс. Это мешает. Я не хочу тратить свое внимание на интерфейс, я хочу сконцентрироваться на работе. Я не пользуюсь компьютером для работы, я работаю Дон Норман
- 17. Хороший дизайн очевиден Отличный дизайн не заметен Джо Спарано
- 19. Фото – как часть бренда National Geographic Nike
- 20. Мудборды – помогите заказчику найти настроение его бренда
- 21. Не будь как гарольд
- 22. Когда все в курсе трендов
- 23. Фоновое видео
- 24. Контраст видео и контента
- 25. Никакого звука
- 26. Показывайте короткие зацикленные ролики
- 28. Анимация в интерфейсе до того как это стало мейнстримом
- 29. Функциональная анимация Объяснить, что происходит Увеличить время ожидания Обеспечить обратную связь Обучить
- 31. Анимация с душой
- 34. НЕ ЗЛОУПОТРЕБЛЯЙТЕ НАПИСАНИЕМ ЗАГОЛОВКОВ ПРОПИСНЫМИ БУКВАМИ
- 35. Love users is…
- 36. …вести пользователей к цели по экранам
- 38. …помнить о ярких экранах и дальтониках
- 39. …делать удобную и понятную навигацию
- 40. …помогать заполнить форму быстро
- 42. … не предлагать помощь, а делать, чтобы она не понадобилась
- 45. Спасибо! Докладчик Юлия Цапок, UX designer j.tsapok@promodo.com