Укрощение интерфейсов — Павел Шерер

13
1 Проблема интерфейсов Заключение, основные тезисы Прозрачная разработка Устаревшее восприятие Проектирование интерфейсов Почему компьютеры причиняют страдания и как объяснить это заказчику. Проектирование интерфейсов и принципы «прозрачной» разработки. Укрощение интерфейсов Укрощение интерфейсов

Upload: wakeupprovince

Post on 27-Jul-2015

32 views

Category:

Design


1 download

TRANSCRIPT

Page 1: Укрощение интерфейсов — Павел Шерер

1

Проблема интерфейсов

Заключение, основные тезисы

Прозрачная разработка

Устаревшее восприятие

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

страдания и как объяснить это заказчику. Проектирование интерфейсов и принципы «прозрачной» разработки.

Укрощение интерфейсов

Укрощение интерфейсов

Page 2: Укрощение интерфейсов — Павел Шерер

2

Проблема интерфейсного взаимодействияс пользователем

Целостная картина проектаОтсутствие четкой и целостной картины

интерфейсного взаимодействия пользователей

Абстрагирование от проектаОтсутствие абстрагирования от

собственного представления о проекте для «взгляда со стороны»

Укрощение интерфейсов

Page 3: Укрощение интерфейсов — Павел Шерер

3

Тезис«пользователь пьян»

Укрощение интерфейсов

Повышены агрессивность, раздражительность

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

Нарушена последовательность мыслей, фокусировка внимания

Page 4: Укрощение интерфейсов — Павел Шерер

4

Проблема интерфейсного взаимодействияс пользователем

Отсутствие целостной картины

проекта

Неспособность абстрагироваться

от проекта

Укрощение интерфейсов

Page 5: Укрощение интерфейсов — Павел Шерер

5

Ошибочное восприятие IT-разработки индустриальными схемами

Закупка сырья

Транспортировка

Изготовление продукции

Транспортировка

Продажа

Физическийпродукт

Изготовление продукции Продажа

Цифровойпродукт

Укрощение интерфейсов

Page 6: Укрощение интерфейсов — Павел Шерер

6Укрощение интерфейсов

«Источник экономического подъема –это повышение качества и, как следствие, привлекательности продукта или услуги, а его невозможно добиться, сокращая затраты на проектирование и программирование.»

Алан Купер, «Психбольница

в руках пациентов»

Page 7: Укрощение интерфейсов — Павел Шерер

7

Материальная выгода проектирования

Укрощение интерфейсов

Более удобная структуризация, единое и полное представление о проекте у всех членов команды

Минимизация последующих исправлений готового или почти готового продукта

Уменьшение времени разработки за счет одновременной работы нескольких разработчиков

Page 8: Укрощение интерфейсов — Павел Шерер

8Укрощение интерфейсов

Проектирование:предварительное исследование

Page 9: Укрощение интерфейсов — Павел Шерер

ЦЕЛЕВАЯ АУДИТОРИЯ №1

9Укрощение интерфейсов

Проектирование:персонажи

ЦЕЛЕВАЯ АУДИТОРИЯ №2

Page 10: Укрощение интерфейсов — Павел Шерер

Структура сайтаДействия пользователей

10Укрощение интерфейсов

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

Логин

Просмотр галереи

Избранное

Удаление

Добавление

Галерея Просмотр фото

Добавление фото

Смена пароля

Профиль

Смена e-mail

Главнаяhttps://site.com

Регистрация/registration

Галерея/gallery

Профиль/profile

Избранное /favorites

Просмотр Фото/photo-ID

Добавить/add-photo

Page 11: Укрощение интерфейсов — Павел Шерер

Укрощение интерфейсов

Главная Галерея ПрофильКОМПАНИЯ

КОМПАНИЯРавным образом постоянный количественный рост и сфера нашей

активности способствует подготовки и реализации направлений прогрессивного развития. Равным образом постоянное информационно-

пропагандистское обеспечение нашей деятельности требуют определения и уточнения дальнейших направлений развития.

© КОМПАНИЯ 2014-2015

ФОТО «НАЗВАНИЕ ФОТО»

Равным образом информационно-пропагандистское обеспечение нашей деятельности требуют определения и уточнения

дальнейших направлений развития.

Катерина, 12.09.2014

Определения и уточнения дальнейших направлений развития.

Катерина, 12.09.2014

Определения и уточнения дальнейших направлений развития.

Катерина, 12.09.2014

Определения и уточнения дальнейших направлений развития.

Главная Галерея ПрофильКОМПАНИЯ

ГАЛЕРЕЯ

Название фото

Название фото Название фото

Название фото Название фото

Название фото

Название фото

Название фото

Название фото

Название фото

Название фото

Равным образом постоянный количественный рост и сфера нашей активности способствует подготовки и реализации направлений

прогрессивного развития. Равным образом постоянное информационно-пропагандистское обеспечение нашей деятельности требуют

определения и уточнения дальнейших направлений развития.

КОМПАНИЯРавным образом постоянный количественный рост и сфера нашей

активности способствует подготовки и реализации направлений прогрессивного развития. Равным образом постоянное информационно-

пропагандистское обеспечение нашей деятельности требуют определения и уточнения дальнейших направлений развития.

© КОМПАНИЯ 2014-2015

Главная Галерея ПрофильКОМПАНИЯ

Равным образом постоянный количественный рост и сфера нашей активности способствует подготовки и реализации направлений прогрессивного развития. Равным образом постоянное информационно-

пропагандистское обеспечение нашей деятельности требуют определения и уточнения дальнейших направлений развития.

1

4

3

2

Особенности

Галерея

САМАЯ ГЛАВНАЯ КНОПКА

КОМПАНИЯРавным образом постоянный количественный рост и сфера нашей

активности способствует подготовки и реализации направлений прогрессивного развития. Равным образом постоянное информационно-

пропагандистское обеспечение нашей деятельности требуют определения и уточнения дальнейших направлений развития.

© КОМПАНИЯ 2014-2015

Проектирование:прототипы

11

Page 12: Укрощение интерфейсов — Павел Шерер

12Укрощение интерфейсов

«Прозрачная» разработка

СИСТЕМА УПРАВЛЕНИЯ ПРОЕКТАМИ

92%

79%

64%

41%

100%

Page 13: Укрощение интерфейсов — Павел Шерер

13Укрощение интерфейсов

Основные тезисы

Использование «прозрачной» разработки дает массу преимуществ как заказчику, так и разработчикам.

Проектирование обычно состоит из исследования, создания персонажей, диаграмм связей и прототипов интерфейса.

Убедить заказчика в необходимости проектирования можно, разъяснив, в первую очередь, финансовую выгоду

такого подхода.

Решение: усиленное внимание на проектировании продукта до начала его разработки.

Одна из причин проблемы –устаревшее отношение к

IT-разработке мерками индустриальной эпохи.

Хороший подход к проявлению недостатков интерфейса – представить его использование нетрезвым пользователем.

Зачастую интерфейсы недружелюбны к пользователям, противоречивы и

неудобны.