Проектирование интерфейсов  Владимир Зимин, UIDesign Group     @darkspi
Usability, или почти эргономика«the extent to which a product can be used byspecified users to achieve specified goals wit...
Интерфейс(от англ. interface — поверхностьраздела, перегородка) — совокупностьсредств, методов и правил взаимодействия(упр...
Проектирование интерфейсов             =Проектирование взаимодействия
Что нужно, чтобы стать             проектировщиком?                     НИЧЕГО!**кроме логики, адекватности, аккуратности,...
Что от нас хотят клиенты?• Надо что-то сделать;• Надо что-то переделать;  – Совсем-совсем (см. пункт 1)  – Перепроектирова...
Тестировщики Заказчик           Дизайнеры                                             Usability              МыМаркетологи...
Этапы•   Сбор данных;•   Разработка концепции;•   Детальное проектирование;•   Сопровождение.
Сбор данных•   Интервью•   Персонажи•   Сценарии•   Анализ конкурентов•   Полевые исследования
Концепция•   Идеи•   Информационная архитектура•   Скетчи•   Блок-схемы основных экранных    форм
Детальное проектирование• Прототипы ключевых экранных форм• Комментарии и связи
Сопровождение
Инструментарий                 и т. д.
Стенсилы и паттерны
Что почитать?
Кинопоказ• Видео раз• Видео два
Спасибо за внимание!@darkspizimin.vlad@gmail.com
Upcoming SlideShare
Loading in...5
×

Проектирование интерфейсов

1,036

Published on

Открывающая презентация на мастер-классе по проектированию в МИЭМ. В мероприятии участвовали сотрудники компаний 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

Published in: Design
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
1,036
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
14
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Проектирование интерфейсов

  1. 1. Проектирование интерфейсов Владимир Зимин, UIDesign Group @darkspi
  2. 2. Usability, или почти эргономика«the extent to which a product can be used byspecified users to achieve specified goals witheffectiveness, efficiency and satisfaction in aspecified context of use» - ISO 9241-11*степень, с которой продукт может быть использован определёнными пользователями приопределённом контексте использования для достижения определённых целей с должнойэффективностью, продуктивностью и удовлетворённостью
  3. 3. Интерфейс(от англ. interface — поверхностьраздела, перегородка) — совокупностьсредств, методов и правил взаимодействия(управления, контроля и т. д.) междуэлементами системы
  4. 4. Проектирование интерфейсов =Проектирование взаимодействия
  5. 5. Что нужно, чтобы стать проектировщиком? НИЧЕГО!**кроме логики, адекватности, аккуратности, внимания кмелочам, грамотности, умения аргументировать свои решения иизлагать свои мысли, эмпатии, развитого чувства прекрасного, атакже знаний по дисциплинам:БД, программирование, статистика, психология, социология, дизайн, анализ данных, защита информации, технологиипрограммирования, компьютерная графика, дискретнаяматематика, теория алгоритмов, теория графов и т.д.
  6. 6. Что от нас хотят клиенты?• Надо что-то сделать;• Надо что-то переделать; – Совсем-совсем (см. пункт 1) – Перепроектировать/допроектировать кусок системы – Перепроектировать на основании мнение пользователей (далее в программе) – Получить экспертное мнение• Надо узнать мнение пользователей.
  7. 7. Тестировщики Заказчик Дизайнеры Usability МыМаркетологи Разработчики Тестировщики Продукт
  8. 8. Этапы• Сбор данных;• Разработка концепции;• Детальное проектирование;• Сопровождение.
  9. 9. Сбор данных• Интервью• Персонажи• Сценарии• Анализ конкурентов• Полевые исследования
  10. 10. Концепция• Идеи• Информационная архитектура• Скетчи• Блок-схемы основных экранных форм
  11. 11. Детальное проектирование• Прототипы ключевых экранных форм• Комментарии и связи
  12. 12. Сопровождение
  13. 13. Инструментарий и т. д.
  14. 14. Стенсилы и паттерны
  15. 15. Что почитать?
  16. 16. Кинопоказ• Видео раз• Видео два
  17. 17. Спасибо за внимание!@darkspizimin.vlad@gmail.com
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×