юзабилити
TRANSCRIPT
![Page 1: юзабилити](https://reader030.vdocuments.pub/reader030/viewer/2022032514/55d539cabb61eb071b8b4743/html5/thumbnails/1.jpg)
![Page 2: юзабилити](https://reader030.vdocuments.pub/reader030/viewer/2022032514/55d539cabb61eb071b8b4743/html5/thumbnails/2.jpg)
Юзабилити vs. Дизайн
Дмитрий Рохлин, арт-директор студии Grafica
![Page 3: юзабилити](https://reader030.vdocuments.pub/reader030/viewer/2022032514/55d539cabb61eb071b8b4743/html5/thumbnails/3.jpg)
Юзабилити не существует
![Page 4: юзабилити](https://reader030.vdocuments.pub/reader030/viewer/2022032514/55d539cabb61eb071b8b4743/html5/thumbnails/4.jpg)
Кто скажет, чем занимаются люди из этой организации?
![Page 5: юзабилити](https://reader030.vdocuments.pub/reader030/viewer/2022032514/55d539cabb61eb071b8b4743/html5/thumbnails/5.jpg)
Стандарт ИСО«Юзабилити — степень, с
которой продукт может быть использован определёнными
пользователями при определённом контексте
использования для достижения определённых целей с должной
эффективностью, продуктивностью и
удовлетворённостью»
![Page 6: юзабилити](https://reader030.vdocuments.pub/reader030/viewer/2022032514/55d539cabb61eb071b8b4743/html5/thumbnails/6.jpg)
Перевод на русский:
этой штукой либоможно
пользоваться, либо нет
![Page 7: юзабилити](https://reader030.vdocuments.pub/reader030/viewer/2022032514/55d539cabb61eb071b8b4743/html5/thumbnails/7.jpg)
Есть хороший дизайн.
Есть плохой дизайн.
А юзабилити нет.
![Page 8: юзабилити](https://reader030.vdocuments.pub/reader030/viewer/2022032514/55d539cabb61eb071b8b4743/html5/thumbnails/8.jpg)
Вопрос:Бывает хорошее
юзабилити, но плохой дизайн?
![Page 9: юзабилити](https://reader030.vdocuments.pub/reader030/viewer/2022032514/55d539cabb61eb071b8b4743/html5/thumbnails/9.jpg)
Дизайн — [визуальное] решение задачи.
![Page 10: юзабилити](https://reader030.vdocuments.pub/reader030/viewer/2022032514/55d539cabb61eb071b8b4743/html5/thumbnails/10.jpg)
Бывает хороший дизайн,
но плохое юзабилити?
![Page 11: юзабилити](https://reader030.vdocuments.pub/reader030/viewer/2022032514/55d539cabb61eb071b8b4743/html5/thumbnails/11.jpg)
Неудобный хороший дизайн бывает
толькотогда, когда задача
— сделать неудобный хороший
дизайн
![Page 12: юзабилити](https://reader030.vdocuments.pub/reader030/viewer/2022032514/55d539cabb61eb071b8b4743/html5/thumbnails/12.jpg)
Здесь как с розеткой — погибнут самые находчивые
![Page 13: юзабилити](https://reader030.vdocuments.pub/reader030/viewer/2022032514/55d539cabb61eb071b8b4743/html5/thumbnails/13.jpg)
с люд ,умеющие
разрабатывать хорошие интерфейсы, и есть люди, умеющие
их тестировать. Иногда, по счастливой случайности, это одни
и те же люди»
![Page 14: юзабилити](https://reader030.vdocuments.pub/reader030/viewer/2022032514/55d539cabb61eb071b8b4743/html5/thumbnails/14.jpg)
Хороший дизайнер — это «один и тот
же человек»
![Page 15: юзабилити](https://reader030.vdocuments.pub/reader030/viewer/2022032514/55d539cabb61eb071b8b4743/html5/thumbnails/15.jpg)
Откуда есть пошел плохой дизайн?
![Page 16: юзабилити](https://reader030.vdocuments.pub/reader030/viewer/2022032514/55d539cabb61eb071b8b4743/html5/thumbnails/16.jpg)
Мы с моим завхозом и бухгалтером считаем этот цвет недостаточно премиальным. И уберите эти ужасные подчеркивания, а текст сделайте синим.
Дизайнер— У меня тут новый крутой фильтр в Фотошопе. Щас жахну его, немного сверкающего флеша —и всю эту красоту на желтый фон. Я же дизайнер, а нам за простоту не платят — скажут, что мало работал.
Программист— Я знаю много крутых технологий, фреймворков и аббревиатур. А раз я их знаю, они обязательно должны быть на моем сайте
![Page 17: юзабилити](https://reader030.vdocuments.pub/reader030/viewer/2022032514/55d539cabb61eb071b8b4743/html5/thumbnails/17.jpg)
Хороший дизайн
«Сделать просто, понятно и красиво входит в стоимость»
Артемий Лебедев
![Page 18: юзабилити](https://reader030.vdocuments.pub/reader030/viewer/2022032514/55d539cabb61eb071b8b4743/html5/thumbnails/18.jpg)
Дизайн нужно тестироватьна хомякахна людях
![Page 19: юзабилити](https://reader030.vdocuments.pub/reader030/viewer/2022032514/55d539cabb61eb071b8b4743/html5/thumbnails/19.jpg)
Как тестируют дизайн в Графике?
Сначала мы показываем его 3-5 коллегам в офисе, а потом — аудитории из 30 тысяч человек
![Page 20: юзабилити](https://reader030.vdocuments.pub/reader030/viewer/2022032514/55d539cabb61eb071b8b4743/html5/thumbnails/20.jpg)
Июнь 2009350 000 человек
24,8 млн. просмотров
Июнь 2010620 000 человек (х 1,8)
51 млн. просмотров (х 2)
![Page 21: юзабилити](https://reader030.vdocuments.pub/reader030/viewer/2022032514/55d539cabb61eb071b8b4743/html5/thumbnails/21.jpg)
рост прибыли в первые месяцы
![Page 22: юзабилити](https://reader030.vdocuments.pub/reader030/viewer/2022032514/55d539cabb61eb071b8b4743/html5/thumbnails/22.jpg)
Когда дизайн не проверяют
![Page 23: юзабилити](https://reader030.vdocuments.pub/reader030/viewer/2022032514/55d539cabb61eb071b8b4743/html5/thumbnails/23.jpg)
![Page 24: юзабилити](https://reader030.vdocuments.pub/reader030/viewer/2022032514/55d539cabb61eb071b8b4743/html5/thumbnails/24.jpg)
![Page 25: юзабилити](https://reader030.vdocuments.pub/reader030/viewer/2022032514/55d539cabb61eb071b8b4743/html5/thumbnails/25.jpg)
![Page 26: юзабилити](https://reader030.vdocuments.pub/reader030/viewer/2022032514/55d539cabb61eb071b8b4743/html5/thumbnails/26.jpg)
![Page 27: юзабилити](https://reader030.vdocuments.pub/reader030/viewer/2022032514/55d539cabb61eb071b8b4743/html5/thumbnails/27.jpg)
Дизайнер не ожидал, что по дороге будут ходить
![Page 28: юзабилити](https://reader030.vdocuments.pub/reader030/viewer/2022032514/55d539cabb61eb071b8b4743/html5/thumbnails/28.jpg)
![Page 29: юзабилити](https://reader030.vdocuments.pub/reader030/viewer/2022032514/55d539cabb61eb071b8b4743/html5/thumbnails/29.jpg)
Как тестировать дизайн в домашних
условиях?
Поставьте человеку задачу
и пусть он ее решает
![Page 30: юзабилити](https://reader030.vdocuments.pub/reader030/viewer/2022032514/55d539cabb61eb071b8b4743/html5/thumbnails/30.jpg)
![Page 31: юзабилити](https://reader030.vdocuments.pub/reader030/viewer/2022032514/55d539cabb61eb071b8b4743/html5/thumbnails/31.jpg)
— Хрюня, ты тарифыне видела?
![Page 32: юзабилити](https://reader030.vdocuments.pub/reader030/viewer/2022032514/55d539cabb61eb071b8b4743/html5/thumbnails/32.jpg)
Заблуждения
![Page 33: юзабилити](https://reader030.vdocuments.pub/reader030/viewer/2022032514/55d539cabb61eb071b8b4743/html5/thumbnails/33.jpg)
Люди смотрят в левый верхний угол, поэтому все важное должно быть там
![Page 34: юзабилити](https://reader030.vdocuments.pub/reader030/viewer/2022032514/55d539cabb61eb071b8b4743/html5/thumbnails/34.jpg)
«Люди смотрят туда, где им что-то
показывают»Рома Воронежский
![Page 35: юзабилити](https://reader030.vdocuments.pub/reader030/viewer/2022032514/55d539cabb61eb071b8b4743/html5/thumbnails/35.jpg)
Люди не прокручивают дальше первого
экрана
![Page 36: юзабилити](https://reader030.vdocuments.pub/reader030/viewer/2022032514/55d539cabb61eb071b8b4743/html5/thumbnails/36.jpg)
«Утверждать, что все необходимое должно находиться на первом экране, — то же, что
и утверждать, будто все важные факты романа
«Преступление и наказание» должны быть перечислены
в первом абзаце. То есть, если у вас роман х***вый, первый
экран вам не поможет»
![Page 37: юзабилити](https://reader030.vdocuments.pub/reader030/viewer/2022032514/55d539cabb61eb071b8b4743/html5/thumbnails/37.jpg)
Сколько людей не догадается, что внизу что-то есть?
![Page 38: юзабилити](https://reader030.vdocuments.pub/reader030/viewer/2022032514/55d539cabb61eb071b8b4743/html5/thumbnails/38.jpg)
Главное, о чем дизайнеров просит человечество:
«Не заставляйте меня думать!..
![Page 39: юзабилити](https://reader030.vdocuments.pub/reader030/viewer/2022032514/55d539cabb61eb071b8b4743/html5/thumbnails/39.jpg)
... и читать!»(*шепотом*: мы не читаем)
![Page 40: юзабилити](https://reader030.vdocuments.pub/reader030/viewer/2022032514/55d539cabb61eb071b8b4743/html5/thumbnails/40.jpg)
«Вещь, сказанная трижды, становится народной мудростью. Вещь, сказанная трижды, становится народной мудростью. Вещь, сказанная трижды,
становится народной мудростью» Народная мудрость
![Page 41: юзабилити](https://reader030.vdocuments.pub/reader030/viewer/2022032514/55d539cabb61eb071b8b4743/html5/thumbnails/41.jpg)
«Успех бизнеса в интернете заключается в максимальной открытости. Следует называть
вещи своими именами, не продавать воздух,
не употреблять всуе слов «электронная коммерция»
и «битуби». Надо быть понятнее и проще»
Артемий Лебедев
![Page 42: юзабилити](https://reader030.vdocuments.pub/reader030/viewer/2022032514/55d539cabb61eb071b8b4743/html5/thumbnails/42.jpg)
![Page 43: юзабилити](https://reader030.vdocuments.pub/reader030/viewer/2022032514/55d539cabb61eb071b8b4743/html5/thumbnails/43.jpg)
![Page 44: юзабилити](https://reader030.vdocuments.pub/reader030/viewer/2022032514/55d539cabb61eb071b8b4743/html5/thumbnails/44.jpg)
![Page 45: юзабилити](https://reader030.vdocuments.pub/reader030/viewer/2022032514/55d539cabb61eb071b8b4743/html5/thumbnails/45.jpg)
![Page 46: юзабилити](https://reader030.vdocuments.pub/reader030/viewer/2022032514/55d539cabb61eb071b8b4743/html5/thumbnails/46.jpg)
Будьте простыми, заботьтесь о людях,
и будет всем счастье!