36
–интерфейс, что это –почему так сложно-то –какой интерфейс называть хорошим МеКра, занятие первое

Мекра, первое занятие

Embed Size (px)

DESCRIPTION

— интерфейс, что это — почему так сложно-то — какой интерфейс называть хорошим — методическая часть — домашнее задание

Citation preview

Page 1: Мекра, первое занятие

–интерфейс, что это–почему так сложно-то–какой интерфейс называть хорошим

МеКра, занятие первое

Page 3: Мекра, первое занятие

Процесс проектирования

– Видение и осознание продукта

– Изучение пользователей: цели, задачи, мотивы, опыт

– Проектирование

– Тестирование спроектированного

– Прототипирование

– Тестирование прототипов и реальных систем

– Проектирование в процессе итерационной разработки

Page 4: Мекра, первое занятие

Цели на курс 20 мин.

Page 5: Мекра, первое занятие

Интерфейс —прослойка между мозгом (намерением) человека и инструментом (его функцией).

Page 6: Мекра, первое занятие
Page 7: Мекра, первое занятие

«Идеальным объектом называется такой объект которого нет, а его функция выполняется»

Генрих Альтшуллер

Page 8: Мекра, первое занятие

Но что делать с социальными системами?

Page 9: Мекра, первое занятие

Интерфейс волшебных предметов

Интерфейс волшебных предметов идеальный объект?

Что объединяет эти объекты?

Page 10: Мекра, первое занятие

Управление, руководство, организация

Page 11: Мекра, первое занятие

Так в чем причина трудностей с интерфейсом?

Page 12: Мекра, первое занятие

иррационален

плохо познан

порой сам себя не понимает

ошибается и заблуждается большую часть времени

забывает

нетерпелив

не соблюдает правилнепредсказуем

непостижим, индивидуален, разный

мыслит по-разномупеременчив

Page 13: Мекра, первое занятие
Page 14: Мекра, первое занятие

Радость простых вещей

Page 15: Мекра, первое занятие

Инструменты в инструментах

Жадность и погоня за «лёгкими» решениями

Page 16: Мекра, первое занятие
Page 17: Мекра, первое занятие

Язык в стадии формирования, но кое-что уже есть:

• синтаксис элементов

• идиомы, метафоры *

• визуальные и текстовые формы

Page 18: Мекра, первое занятие

Интерфейс — это про рассказывание историй

Page 19: Мекра, первое занятие

1 ×2 ×3 ×

Искажения

как осознана и определена

как понята и зашифрована

как воспринята и расшифрована

Page 20: Мекра, первое занятие

Дисциплины «науки о интерфейсе»

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

– Информационная архитектура

– Информационный дизайн

– Типографика

– Графический дизайн

– Редакторское искусство

– Психология восприятия

– Эргономика

– Промышленный дизайн

– Социология и психология общения

Page 21: Мекра, первое занятие

Как определить хорош ли интерфейс?

Page 22: Мекра, первое занятие

Показатели эргономики интерфейса по Бену Шнайдерману

– скорость работы пользователя,

– количество человеческих ошибок,

– субъективная удовлетворенность пользователя,

– скоростью обучения навыкам оперирования интерфейсом,

– степенью сохраняемости этих навыков при длительном неиспользовании продукта.

Page 23: Мекра, первое занятие

Количественные показатели. Время

– Закон Фитса. Связь времени оперирования элементом с его размерами и удаленностью от курсора

– GOMS (Goals, Operators, Methods, and Selection rules), опытная модель временн х показателей интерфейсаы́�

– Закон Хикка. Связь времени с количеством вариантов выбора

Page 24: Мекра, первое занятие

Вежливая программа Алана Купера…

– интересуется мной

– относится ко мне уважительно

– обходительна

– ведет себя разумно

– предвидит мои потребности

– отзывчива

– не склонна делиться своими личными проблемами

– в курсе происходящего

– проницательна

– уверена в себе

– всегда сосредоточенна

– покладиста

– дает мгновенное удовлетворение

– можно доверять

Page 25: Мекра, первое занятие

UCD User Centred Design

ориентация на…пользователя

TCD Tasks Centred Design

задачи пользователя

GCD Goals Centred Design

мотивы пользователя

ориентация на…

Page 26: Мекра, первое занятие

Принципы хорошего дизайна Дональда Нормана

– Наглядность – назначения– состояния– возможных действий

– Ясная концептуальная модель

– Хорошее соответствие– действие — результат– отображение — действ.

состояние

– Обратная связь

Page 27: Мекра, первое занятие
Page 28: Мекра, первое занятие

Юзабилити

— показатель количества операторских ошибок, скорости взаимодействия с продуктом, скорости обучения навыкам взаимодействия и субъективной удовлетворенности определенных пользователей продукта, достигающих определенных целей/мотивов в определенной среде.

ISO 9241-11 + Влад Головач

Page 29: Мекра, первое занятие

Как быть?

– Выбрать или выработать собственные измеримые критерии оценки

– Тестировать интерфейс, взяв их за метрику

Page 30: Мекра, первое занятие

«Бумажный волшебник Оз»

Интерфейс, как рассказывание историй

Page 31: Мекра, первое занятие

«Бумажный волшебник Оз». Правила

– Путешественник запрашивает действия вербально

– Рассказчик отвечает, рисуя экраны и их элементы

– Рассказчик пользуется только ограниченным визуальным словарём (Mac/Win GUI, web, …)

– Путешественник обязан мыслить вслух

Page 32: Мекра, первое занятие

«Бумажный волшебник Оз». Правила ↑

– Путешественник начинает и задает тон, спрашивая «что я вижу, где я?» и далее, исходя из того, что он видит

– Рассказчик вносит исправления только тогда, когда Путешественник зашел в тупик или не может чего-то найти.

– Ход рассказчика ограничен 2 минутами

Page 33: Мекра, первое занятие

Постановка

Разработать интерфейс киоска для организации электронной очереди на почте (в банке, в страховой компании, визовую службу).

– Какие потребности у пользователей?

– Какой потребуется функционал?

Page 34: Мекра, первое занятие

«Большие» проекты

Подобрать один проект на проработку

Примеры

– веб-сервис клейких бумажек на едином холсте для совместной удаленной работы

– система управления работой группы разработчиков

– система багтрекинга

Page 35: Мекра, первое занятие

Домашнее задание

Разработать интерфейс интерактивного киоска на остановке общественного транспорта. Обязательная функция —ответ на вопрос «как мне доехать до…».

Что может понадобиться человеку,в каких условиях он будет пользоватьсяэтим интерфейсом, какие требованиясформировать к этому интерфейсу.

Page 36: Мекра, первое занятие

Ретроспектива