6. UX
UX
(User
Experience),
или
опыт
взаимодействия
–
это
термин,
описывающий
степень
удовлетворенности
пользователя
от
использования
вашего
товара
или
услуги.
7. Самый
эффективный
инструмент
проектирования
взаимодействия
исключительно
прост:
это
точное
описание
пользователя
продукта
и
его
целей
А.
Купер
«Психбольница
в
руках
пациентов»
8. Персонажи
–
не
реальные
люди,
но
они
представляют
реальных
людей
в
процессе
проектирования.
Это
гипотетические
архетипы
реальных
пользователей.
Будучи
воображаемыми,
они,
тем
не
менее,
определяются
достаточно
жестко
и
точно.
На
практике
мы
не
столько
«выдумываем»
персонажи,
сколько
обнаруживаем
их
в
качестве
побочного
продукта
процесса
расследования.
Но
мы
действительно
выдумываем
их
имена
и
личные
сведения.
А.
Купер
«Психбольница
в
руках
пациентов»
9. Создаем
персонажи
для
сужения
диапазона
конечных
пользователей.
Представьте,
что
проектируете
автомобиль,
удовлетворяющий
вкусам
широких
масс.
Мамочке
-‐
безопасная,
надежная
машина,
просторная,
с
большими
дверями,
для
перевозки
детей,
собак,
пакетов
с
покупками
и
т.
д.
Плотнику
-‐
крепкий
полноприводный
пикап,
чтобы
в
него
поместились
лестницы,
материалы.
Младший
руководящий
работник
видит
себя
в
машине
спортивного
типа
с
мощным
двигателем,
жесткой
подвеской,
откидным
верхом
и
–
места
в
машине
должно
хватать
только
на
двоих.
А.
Купер
«Психбольница
в
руках
пациентов»
11. UI
User
Interface
Design
или
пользовательский
интерфейс
–
это
более
узкое
понятие,
включающее
в
себя
определенный
набор
графически
оформленных
технических
элементов
(кнопки,
чекбоксы,
селекторы
и
другие
поля).
Его
задача
–
помочь
пользователю
организовать
взаимодействие
с
программой/сайтом.
12. 1. Организованность
элементов
интерфейса.
Логически
структурированы
и
взаимосвязаны.
2. Группировка
элементов
интерфейса.
Объединение
в
группы
логически
связанных
элементов
(меню,
формы).
3. Выравнивание
элементов
интерфейса.
4. Единый
стиль
элементов
интерфейса.
5. Наличие
свободного
пространства.
Это
позволяет
разграничивать
информационные
блоки,
сосредотачивая
внимание
на
чем-‐то
одном.
13.
14. GUI
Graphic
user
interface,
GUI
—
разновидность
пользовательского
интерфейса,
в
котором
элементы
интерфейса
(меню,
кнопки,
значки,
списки
и
т.
п.),
представленные
пользователю
на
дисплее,
исполнены
в
виде
графических
изображений.
21. Чем
быстрее,
тем
продуктивнее!
Чем
«страшнее»,
тем
лучше!
Чем
больше
скетчей,
тем
больше
идей!
Не
критикуйте!
Не
стремитесь
к
совершенству!
Не
фокусируйтесь
на
деталях!
h„p://www.youtube.com/watch?v=flJtdkR1P9I
23. Disney
Concert
Hall
(Carol
Highsmith)
h„p://www.youtube.com/watch?v=flJtdkR1P9I
24. Исследовательский
скетч
+
Много
разновидностей
-‐ Никому
не
понятно
-‐ Низкая
детализация
«Изящный»
скетч
+
Более
реалистичный
+
Показываем
другим
-‐
Долго
делать
h„p://www.youtube.com/watch?v=flJtdkR1P9I
41. Закон
сохранения
сложности
Теслера:
каждое
приложение
имеет
неуменьшаемый
коэффициент
сложности.
Вопрос
только
в
том,
кого
это
касается
в
большей
степени
т.е.
программу
легко
разработать
но
сложно
использовать,
либо
наоборот.
h„p://habrahabr.ru/post/130389/
42. Александр
Лисовский
Cofounder
&
CEO
at
ZZ
Photo
UX/UI
designer
a.lisovsky@zzphoto.me
facebook.com/alexlisovsky,
pinterest.com/alexlisovsky,