Видео, Матчасть

Человеко-ориентированное проектирование: Теория и практика

Выступление Дмитрия Сатина для стартапов в API.Moscow.

Материал большой, насыщенный. В качестве шпаргалки на будущее и краткого резюме приведу несколько ключевых (для меня) скриншотов из презентации:

Стандартный
Видео, Матчасть

Человеко-ориентированное проектирование сайтов

1 октября 2013 года состоялась кейс-конференция «Как мы делаем такие сайты», организованная аналитическим порталом рынка веб-разаработок CMSMagazine.

В секции посвященной госсайтам, советник министра связи и массовых коммуникаций и неоднократный герой записей этого блога Дмитрий Сатин представил свой доклад на тему человеко-ориентированного проектирования сайтов.

human centered design

Согласно этому подходу, проектировать следует в таком порядке:

  1. Стратегия дизайна
  2. Портрет потребителя (персонаж)
  3. Сценарий взаимодействия
  4. Прототип (макет)
  5. Проверка (тестирование) прототипа

При этом в стратегии дизайна следует рассмотреть, четко прояснить и зафиксировать следующие вещи:

  1. Цели
    Для чего это все делается?
  2. Целевая аудитория
    Для кого это делается?
  3. Маркетинг (откуда они узнают?)
    Какие каналы и способы привлечения внимания будут использоваться?
  4. KPI (показатели успеха)
    Количественные и качественные, отслеживаемые результаты работы сайта

Портрет потребителя формируется из:

  1. Профиль
    Возраст, пол, место проживания и т.д.
  2. Потребности (мотивы)
    Какие у него проблемы?
    К чему стремимся?
    Жизненная ситуация
  3. Цели (образ результата)
    Что ему нужно, чтобы решить проблему?
  4. Поведение
    Как он решает проблему без нас?
    Как выглядит его день (жизнь)?

Для разработке сценария взаимодействия необходимо

  1. Выписать шаги решения задачи при помощи сайта
    Что спрашивает потребитель?
    Что отвечает сервис (поставщик)?
  2. Думать о людях, а не сайтах!

Далее нужно рассмотреть проблемы сценария. Для каждого шага следует выписать трудности, которые не позволят перейти к следующему шагу:

Какие проблемы ждут потребителя?
Что может не хватать потребителю для получения услуги?

Когда проблемы сценария выявлены, необходимо предложить способы их решения и использовать результаты на этапе макетирования.

Любой жаждущий более подробных нюансов процесса человеко-ориентированного проектирования может углубится в ГОСТ Р ИСО 9241-210—2012 «ЭРГОНОМИКА ВЗАИМОДЕЙСТВИЯ ЧЕЛОВЕК—СИСТЕМА. Часть 210: Человеко-ориентированное проектирование интерактивных систем» (ISO 9241-210:2010 Ergonomics of human-system interaction — Part 210: Human-centred design for interactive systems (IDT)).

***

Для всего мира отличным примером присутствия правительства в интернете являются госсайты Великобритании.

Благодаря специально созданной структуре Government Digital Service, в этой стране формируется и культивируется правильное взаимодействия человека и государства в цифровой среде. Чего только стоят разработанные этой командой принципы дизайна!

Похоже, что и наша страна наконец-то собралась двигаться в таком же направлении. В докладе Дмитрия Сатина прозвучал анонс сайта design.gov.ru, на котором планируется разместить стандарты и руководства по созданию дизайна сайтов органов власти. Они должны сыграть существенную роль как для заказчиков, так и для исполнителей госзаказов.

UPDATE: Сайт Минкомсвязи о планах по повышению качества жизни на 2012-2018 годы.

***

P.S. Бонус для самых терпеливых, для тех, кто смог осилить пост до конца. Собственно, само видео выступления Дмитрия Сатина, а также еще 11 докладов из секции Как мы делаем государственные сайты 🙂

Стандартный
Видео

Дмитрий Сатин на WUD-Минск’2011

Из описания на Youtube:

Философский взгляд на нашу профессию. Как выглядит мир глазами юзабилиста? Что представляют собой Ад и Рай для юзабилиста? От чего он переживает уныние? А от чего приходит в восторг?

Стандартный
Видео, Матчасть

Metro Design Language

Поскольку волна слухов и новостей о Metro все возрастает, а также учитывая степень влияния корпорации Microsoft на рынок информационных технологий, уже сегодня становится очевидной важность изучения грядущего стандарта в области разработки интерфейсов.

Metro — это кодовое название языка проектирования интерфейсов, разработанного в корпорации Microsoft и ориентированного на представление информации преимущественно средствами типографики. В первую очередь он был предназначен для использования в Windows Phone 7.

Metro UI

Используемые в Metro принципы проектирования (например, упор на типографику) зародились еще в цифровой мультимедийной энциклопедии Microsoft Encarta 95, а позже были развиты в продуктах Windows Media Center и Zune.

Сегодня принципы Metro реализованы в мобильной операционной системе Windows Phone, а также в грядущем обновлении главного экрана Xbox 360 и ОС Windows 8.

Специальная версия шрифта Segoe, которая называется Segoe WP, используется как базовый шрифт для всех типографских элементов.

На выставке Computex корпорация Microsoft подтвердила, что следующая версия операционной системы Windows (Windows 8) черпает вдохновение из Metro. Microsoft также планирует добавить принципы проектирования Metro и в другие свои продукты, такие как Xbox 360 и Windows Live, с целью создания однообразного и выделяющегося внешнего вида для своих продуктов и сервисов.

— Wikipedia

Ниже приведены ссылки, с помощью которых ты, мой неутомимый и любознательный читатель, можешь начать изучение этой темы:

На десерт небольшое видео:

Внимание: специальный канал на Youtube! Рекомендуется к обязательному просмотру.

Если у вас есть интересные ссылки на интересную информацию о Metro и/или все, что с ним связано, киньте их, пожалуйста, в комментарии к этому посту. Спасибо.

Стандартный
Видео

Дмитрий Сатин. Исследование и вовлечение пользователей

16 марта 2011 года состоялась открытая лекция Дмитрия Сатина, Генерального директора USABILITYLAB на тему: «Исследование и вовлечение пользователей».

Дмитрий рассказал о технологиях выявления пользовательского интереса. О подходе, основанном на учете интересов пользователей, который позволяет с максимальной эффективностью реализовать резервы продукта, что повышает эффективность Вашего бизнеса в несколько раз.

Лекция прошла в рамках открытых лекций программы профессиональной переподготовки «Менеджмент в сфере электронного бизнеса и интернет-проектов» Высшей школы бизнес-информатики НИУ ВШЭ.

Стандартный
Видео

Дурацкие интерфейсы

Интересная и забавная видео-подборка ошибок в интерфейсах, которую собрал Дмитрий Сатин.

Стандартный