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

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

Upload: vladimir-zimin

Post on 15-Jun-2015

1.047 views

Category:

Design


1 download

DESCRIPTION

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

TRANSCRIPT

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

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

Владимир Зимин, UIDesign Group @darkspi

Page 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

*степень, с которой продукт может быть использован определёнными пользователями при определённом контексте использования для достижения определённых целей с должной эффективностью, продуктивностью и удовлетворённостью

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

Интерфейс

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

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

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

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

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

Что нужно, чтобы стать проектировщиком?

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

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

Что от нас хотят клиенты?

• Надо что-то сделать;• Надо что-то переделать;– Совсем-совсем (см. пункт 1)

– Перепроектировать/допроектировать кусок системы– Перепроектировать на основании мнение

пользователей (далее в программе)

– Получить экспертное мнение

• Надо узнать мнение пользователей.

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

Заказчик

Маркетологи

Мы

Дизайнеры

Разработчики Тестировщики

Продукт

ТестировщикиUsability

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

Этапы

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

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

Сбор данных

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

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

Концепция

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

форм

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

Детальное проектирование

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

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

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

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

Инструментарий

и т. д.

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

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

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

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

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

Кинопоказ

• Видео раз• Видео два

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

Спасибо за внимание!

@darkspi

[email protected]