Открывающая презентация на мастер-классе по проектированию в МИЭМ. В мероприятии участвовали сотрудники компаний UIDG и Mail.ru. Видео и фото с мастер-класса можно посмотреть здесь: http://miem.edu.ru/news/17-%D0%BC%D0%B0%D1%80%D1%82%D0%B0-%D0%B2-%D0%9C%D0%98%D0%AD%D0%9C-%D0%BF%D1%80%D0%BE%D1%88%D0%B5%D0%BB-%D0%BC%D0%B0%D1%81%D1%82%D0%B5%D1%80-%D0%BA%D0%BB%D0%B0%D1%81%D1%81-%D0%BF%D0%BE-%D0%BF%D1%80%D0%BE%D0%B5%D0%BA%D1%82%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D1%8E-%D0%BF%D0%BE%D0%BB%D1%8C%D0%B7%D0%BE%D0%B2%D0%B0%D1%82%D0%B5%D0%BB%D1%8C%D1%81%D0%BA%D0%B8%D1%85-%D0%B8%D0%BD%D1%82%D0%B5%D1%80%D1%84%D0%B5%D0%B9%D1%81%D0%BE%D0%B2.html

1. Проектирование интерфейсов
Владимир Зимин, UIDesign Group
@darkspi

2. Usability, или почти эргономика
«the extent to which a product can be used by
specified users to achieve specified goals with
effectiveness, efficiency and satisfaction in a
specified context of use» - ISO 9241-11
*степень, с которой продукт может быть использован определёнными пользователями при
определённом контексте использования для достижения определённых целей с должной
эффективностью, продуктивностью и удовлетворённостью

3. Интерфейс
(от англ. interface — поверхность
раздела, перегородка) — совокупность
средств, методов и правил взаимодействия
(управления, контроля и т. д.) между
элементами системы

4. Проектирование интерфейсов
=
Проектирование взаимодействия

5. Что нужно, чтобы стать
проектировщиком?
НИЧЕГО!*
*кроме логики, адекватности, аккуратности, внимания к
мелочам, грамотности, умения аргументировать свои решения и
излагать свои мысли, эмпатии, развитого чувства прекрасного, а
также знаний по дисциплинам:
БД, программирование, статистика, психология, социология, дизайн, а
нализ данных, защита информации, технологии
программирования, компьютерная графика, дискретная
математика, теория алгоритмов, теория графов и т.д.

6. Что от нас хотят клиенты?
• Надо что-то сделать;
• Надо что-то переделать;
– Совсем-совсем (см. пункт 1)
– Перепроектировать/допроектировать кусок системы
– Перепроектировать на основании мнение
пользователей (далее в программе)
– Получить экспертное мнение
• Надо узнать мнение пользователей.

7. Тестировщики
Заказчик Дизайнеры
Usability
Мы
Маркетологи Разработчики Тестировщики
Продукт

8. Этапы
• Сбор данных;
• Разработка концепции;
• Детальное проектирование;
• Сопровождение.

9. Сбор данных
• Интервью
• Персонажи
• Сценарии
• Анализ конкурентов
• Полевые исследования

10. Концепция
• Идеи
• Информационная архитектура
• Скетчи
• Блок-схемы основных экранных
форм

11. Детальное проектирование
• Прототипы ключевых экранных форм
• Комментарии и связи

12. Сопровождение

13. Инструментарий
и т. д.

14. Стенсилы и паттерны

15. Что почитать?

16. Кинопоказ
• Видео раз
• Видео два

17. Спасибо за внимание!
@darkspi
zimin.vlad@gmail.com