Презентация Алексея Копылова для конференции, посвященной Всемирному дню юзабилити, которая проходила в Москве в 14 ноября 2009.
Alexey Kopylov's presentation for World Usability Day conference that took place in Moscow 14 November 2009.
Открытый семинар для студентов в компании CUSTIS (13 июня 2013 года).
Лектор: Никита Бобров, ведущий аналитик, руководитель проекта.
Аннотация: На этом семинаре с элементами демонстрации рассматриваются основы методологии ARIS и принципы моделирования бизнес-процессов, связанных с банковской деятельностью. Принципы построения организационной структуры предприятия, моделирования EPC-диаграмм и диаграмм потоков данных демонстрируются на примере деятельности кредитной организации.
Видеозапись семинара: https://vimeo.com/68613922.
Презентация Алексея Копылова для конференции, посвященной Всемирному дню юзабилити, которая проходила в Москве в 14 ноября 2009.
Alexey Kopylov's presentation for World Usability Day conference that took place in Moscow 14 November 2009.
Открытый семинар для студентов в компании CUSTIS (13 июня 2013 года).
Лектор: Никита Бобров, ведущий аналитик, руководитель проекта.
Аннотация: На этом семинаре с элементами демонстрации рассматриваются основы методологии ARIS и принципы моделирования бизнес-процессов, связанных с банковской деятельностью. Принципы построения организационной структуры предприятия, моделирования EPC-диаграмм и диаграмм потоков данных демонстрируются на примере деятельности кредитной организации.
Видеозапись семинара: https://vimeo.com/68613922.
Designing for i pad the creation of new interactive languageUIDesign Group
iPad is the first successful and marketable pad computer. It is widely thought to be exactly in the middle between classic PC and mobile phone. However, it is not. iPad is absolutely new class of devices. New expressive means are needed so that users receive unforgettable and quality experience from working with iPad. There is still a scarcity of necessary interaction idioms, that is why designers and developers have a large field for innovations.
Как iPad ломает представление о компьютерах… и открывает новые возможности дл...UIDesign Group
Доклад читался на мероприятии Enabling Meeting, которое проводил бизнес-инкубатор "Ингрия" (Санкт-Петербург).
Мероприятие проходило 9 июня 2010 г. и было посвящено бизнес перспективам Apple iPad и вопросам разработки приложений под него.
Обзор рулей Формулы 1. Автор: Артем Остапец. Для конференции, посвященной Всемирному дню юзабилити. 14 ноября 2009
Formula 1 steering wheels review by Artem Ostapets for World Usability Day conference in Moscow, 14 November 2009
Презентация Алексея Копылова для конференции, посвященной Всемирному дню юзабилити. 14 ноября 2009, Москва.
Alexey Kopylov's presentation for World Usability Day conference in Moscow, 14 November 2009.
Юзабилити-тесты: качество против количестваUIDesign Group
Презентация Наталии Спрогис и Алексея Копылова, UIDesign Group, об удаленных юзабилити-тестированиях для UPA Europe - UX Russia 2009
Presentation of Natalia Sprogis and Aleksey Kopylov, UIDesign Group, about remote usability testing for UPA Europe - UX Russia 2009
Презентация о юзабилити интернет-банков Алексея Каленюка, UIDesign Group, для UPA Europe - UX Russia 2009
Presentation by Alekey Kalenyuk, UIDesign Group, about Internet banks interfaces design for UPA Europe - UX Russia 2009
Что на самом деле думает клиент о вашем сайте?UIDesign Group
Презентация Наталии Спрогис об удаленных юзабилити-тестированиях для Недели Российского Интернета 2009
Presentation by Natalia Sprogis about remote testing for Russian Internet Week 2009
Презентация Натальи Кирилловой о международных исследованиях для Недели Российского Интернета 2009 (RIW 2009)
Presentation by Natalia Kirillova about global research for Russian Internet Week 2009
Designing for i pad the creation of new interactive languageUIDesign Group
iPad is the first successful and marketable pad computer. It is widely thought to be exactly in the middle between classic PC and mobile phone. However, it is not. iPad is absolutely new class of devices. New expressive means are needed so that users receive unforgettable and quality experience from working with iPad. There is still a scarcity of necessary interaction idioms, that is why designers and developers have a large field for innovations.
Как iPad ломает представление о компьютерах… и открывает новые возможности дл...UIDesign Group
Доклад читался на мероприятии Enabling Meeting, которое проводил бизнес-инкубатор "Ингрия" (Санкт-Петербург).
Мероприятие проходило 9 июня 2010 г. и было посвящено бизнес перспективам Apple iPad и вопросам разработки приложений под него.
Обзор рулей Формулы 1. Автор: Артем Остапец. Для конференции, посвященной Всемирному дню юзабилити. 14 ноября 2009
Formula 1 steering wheels review by Artem Ostapets for World Usability Day conference in Moscow, 14 November 2009
Презентация Алексея Копылова для конференции, посвященной Всемирному дню юзабилити. 14 ноября 2009, Москва.
Alexey Kopylov's presentation for World Usability Day conference in Moscow, 14 November 2009.
Юзабилити-тесты: качество против количестваUIDesign Group
Презентация Наталии Спрогис и Алексея Копылова, UIDesign Group, об удаленных юзабилити-тестированиях для UPA Europe - UX Russia 2009
Presentation of Natalia Sprogis and Aleksey Kopylov, UIDesign Group, about remote usability testing for UPA Europe - UX Russia 2009
Презентация о юзабилити интернет-банков Алексея Каленюка, UIDesign Group, для UPA Europe - UX Russia 2009
Presentation by Alekey Kalenyuk, UIDesign Group, about Internet banks interfaces design for UPA Europe - UX Russia 2009
Что на самом деле думает клиент о вашем сайте?UIDesign Group
Презентация Наталии Спрогис об удаленных юзабилити-тестированиях для Недели Российского Интернета 2009
Presentation by Natalia Sprogis about remote testing for Russian Internet Week 2009
Презентация Натальи Кирилловой о международных исследованиях для Недели Российского Интернета 2009 (RIW 2009)
Presentation by Natalia Kirillova about global research for Russian Internet Week 2009
Проектирование пользовательских интерфейсов — от исследования к прототипированию
1. Удмуртская интернет-конференция (UIC 2010)
Проектирование пользовательских
интерфейсов — от исследования к
прототипированию
UIDesign Group: проектирование интерфейсов, юзабилити-консалтинг | www.uidesign.ru
2. Проектирование пользовательских интерфейсов www.uidesign.ru
Давайте знакомиться
Автор доклада
Алексей Копылов
Около 10 лет опыта проектирует
пользовательских интерфейсов.
В 2003 основал компанию
UIDesign Group по проектированию
интерфейсов.
Ведет общественную деятельность.
Редактирует книги (Алан Купер, Гарретт)
2
4. Проектирование пользовательских интерфейсов www.uidesign.ru
Задумали
Личный кабинет
1.1 Создать перевод
Счета 2.1 6.1 между своими
счетами
Подробно о счете
Подробно о счете 2.1.1 Создать рублевый
Подробно о счете 6.2
платеж
Карты 2.2 Создать валютный
6.3
платеж
Подробно о счете
Подробно о счете Оплатить
Подробно о карте 2.2.1
6.4
мобильный
Депозиты 2.3
6.5 Оплатить интернет
Подробно о счете
Подробно о
Подробно о счете
2.3.1 Оплатить
депозите 6.6 коммунальные
услуги
Депозитный
2.3.1.1
калькулятор
6.7 Заблокировать
карту
Кредиты 2.4
Настроить
Подробно о счете 6.8
уведомления
Подробно о
Подробно о счете
2.4.1
кредите
Кредитный 6.9 Остальные действия
2.4.1.1
калькулятор
Платежи и 6.10 Получить выписку
3.1
заявления
6.11 Закрыть счет
Подробно о счете
Подробно о счете
Категория платежей 3.1.1
6.12 Выпустить карту
Шаблоны и Определенный платеж или Установить лимиты
регулярные платежи 4.1 6.13
заявление по карте
3.1.1.1 Сгенерировать вирт.
6.14
Подробно о счете карту
Подробно о счете 4.1.1
Категория платежей
Перевести деньги с
6.27
карты другого банка
Подробно о счете
Определенный
Подробно о счете
4.1.1.1 6.15 Открыть депозит
шаблон
Распорядиться
Адресная книга 4.2 6.16
процентами депозита
Подробно о счете 6.17 Пополнить депозит
Подробно о счете 4.2.1
Адреса и реквизиты
Служебные разделы 6.19 Закрыть депозит
Переписка с банком 5.1 Настройки 7.1 Помощь Рассчитать
6.21 доходность
депозита
Подробно о счете Персональная 8.1
Подробно о счете 5.1.1 7.1.1 Подать заявку на
Письмо информация 6.22
кредит
Настройка 7.1.2
банкоматов Рассчитать
6.23 задолженность
Настройка по кредиту
7.1.3
уведомлений
6.24 Погасить кредит
Настройка 7.1.4
Системы
Создать кассовую
6.26
заявку
4
5. Проектирование пользовательских интерфейсов www.uidesign.ru
Вообразили
Настройки Помощь
ЛОГО и контактная информация
Пользователь Иванов Иван Иванович Завершить сеанс
Личный кабинет Личный кабинет Иванова И.И. Печать
Счета
Карты
Депозиты
Суммарные данные
Кредиты (всего на счетах,
Список счетов, карт, депозитов, кредитов
зарезервировано,
Платежи и заявления (по каждому средству указан доступный остаток)
доступно,
Шаблоны и регулярные автоматически сформировано,
платежи выплаты по овердрафтам,...)
Адресная книга
Переписка с банком
Бонусы
Платежи Заявления Черновики
Создать перевод
между своими счетами
Создать рублевый
платеж
Создать валютный Курсы валют
платеж
Оплатить мобильный
Оплатить интернет
Оплатить
коммунальные услуги
Последние 20 платежей
Заблокировать карту
(без остатков на начало и конец периода)
Настроить уведомления
Все действия >>
Уведомления
о письмах из банка
Реклама опроса
или новых и редко
используемых
функций
Посмотреть все платежи Запросить выписку
5
10. Проектирование пользовательских интерфейсов www.uidesign.ru
Причины неудачи?
Не было проведено исследование
Результаты не были правильно поняты
участниками разработки…
Многие другие причины, которые оставим за
рамками
10
12. Проектирование пользовательских интерфейсов www.uidesign.ru
Цикл проектирования интерфейса
Исследование
сбор данных анализ данных
Опросы Сценарии
Наблюдения Персонажи
Тестирования Требования
12
13. Проектирование пользовательских интерфейсов www.uidesign.ru
Цели исследования
Создать базу для принятия решений, связанных с
интерфейсом
Определить ориентировочный объем проекта
Определить стратегические направления
развития продукта/сервиса
Выйти за рамки поставленной задачи
Найти инновационные решения
13
15. Проектирование пользовательских интерфейсов www.uidesign.ru
Сбор данных
Интервью с владельцами проекта
Интервью с пользователями/полевые наблюдения
Анкетирование
Фокус-группы
Экспертная оценка
Юзабилити-тестирование
Конкурентный анализ / анализ тенденций
Анализ лог-файлов
другие…
15
17. Проектирование пользовательских интерфейсов www.uidesign.ru
Интервью с владельцами • 2
Общие цели метода
Выявление бизнес-целей и требований
Выявление маркетинговых целей и требований
Выявление технических целей и требований
Осознание политической ситуации
17
19. Проектирование пользовательских интерфейсов www.uidesign.ru
Полевые наблюдения • 2
Общие цели метода
Выявление целей пользователей
Фиксация задач пользователей
Выявление функциональных и нефункциональных
требований
Изучение предметной области
19
20. Проектирование пользовательских интерфейсов www.uidesign.ru
Полевые наблюдения • 3
Самый точный способ сбора данных
Возможность узнать о контекстах использования
Возможность выявить паттерны коммуникации
Возможность быть в роли ученика
Быстрое погружение в предметную область
20
21. Проектирование пользовательских интерфейсов www.uidesign.ru
Полевые наблюдения • 4
Сложность поиска респондентов
Недостаточная выборка для статистики
Дополнительные расходы на организацию и
проведение
Низкая скорость проведения исследований
Необходимость выезда к респонденту
21
23. Проектирование пользовательских интерфейсов www.uidesign.ru
Интервью • 2
Общие цели метода
Выявление целей пользователей
Фиксация задач пользователей
Выявление функциональных и нефункциональных
требований
Изучение предметной области
23
24. Проектирование пользовательских интерфейсов www.uidesign.ru
Интервью • 3
Метод более дешев
Быстрое погружение в предметную область
Можно использовать удаленных респондентов
Возможность узнать что-то за рамками плана
исследования
Косвенно можно выявить цели пользователей
24
25. Проектирование пользовательских интерфейсов www.uidesign.ru
Интервью • 4
Сложно зафиксировать нефункциональные
требования
Недостаточная выборка для статистики
Сложно зафиксировать рабочий контекст
Не все детали могут быть выявлены
25
27. Проектирование пользовательских интерфейсов www.uidesign.ru
Цикл проектирования интерфейса
Проектирование
Концептуальное Детальное
проектирование проектирование
Концепция Детальные
Идеи прототипы
Предметная область Спецификации
27
30. Проектирование пользовательских интерфейсов www.uidesign.ru
Потребитель: UX-специалист
Мотивы
Получить на выходе то, что
задумывалось
Тратить как можно меньше времени и
усилий
Недвусмысленно передать сложные
интерфейсные решения
Разделять работу между коллегами
Иметь проверенные решения
30
31. Проектирование пользовательских интерфейсов www.uidesign.ru
Получить то, что задумывалось
Зависимость контроля от прилагаемых усилий
полный
контроль над
результатом
усилия ∞
31
34. Проектирование пользовательских интерфейсов www.uidesign.ru
Разделение работы I
Смешанная (адаптивная) детализация
Главная Поиск работы Подбор персонала
Моя работа Статистика Построение карьеры Обучение Форум
Главное меню
Добавить вакансию | Детальный поиск | Фоторезюме | Список кадровых агентств | Реклама вакансий на сайте | Реклама вакансий в газете
Ключевые слова: Город: Раздел для поиска:
Найти!
Системный администратор любой Финансы и бухгалтерия
Поиск работы > Детальный поиск резюме > Главный бухгалтер
Подобрать: Спонсор раздела (как стать спонсором?)
По дате поступления:
за сегодня (12) Кадровое агентство ТризаЭксклюзив
за неделю (78) Мы работаем на российском рынке с 1991 года. Подбор
все имеющиеся (123)
ЛОГОТИП
персонала – наша профессия
По рубрикам: Сайт ТризаЭксклюзив | Вакансии ТризаЭксклюзив
IT и телекоммуникации (25)
финансы и
бухгалтерия (98)
топ-менеджмент (25)
работа без спеециальной
Результаты поиска резюме (128)
фильтр
подготовки (98)
Страница 1 2 3 … 9 10 11 … 17 18 19 следующая
По наличию:
фотографиии (25)
Вид краткий | полный Сортировка по дате | по зарплате
развернутого резюме (98) Баннер 240х400
Системный администратор, от 34000 руб (13/06/2005
По опыту работы:
без опыта 12:23)
до 1 года О кандидате: мужчина, возраст 24 года, образование неполное
до 3-х лет высшее, опыт работы 3 года, город Москва
до 5 лет
свыше 5 лет Профессиональные навыки:
Монтаж LAN "с нуля",монтаж телефонной сети "с нуля",установка ПО
все на рабочие станции,администрирование сети ,обслуживание
оргтехники.Настройка роутера LAN / WAN,Wi-Fi,VPN.
Контактное лицо: Маша Иванова (masha@buh.com)
Тел: 321-0934, факс: 732-7432
Посмотреть подробное резюме | Предложить свою вакансию |
Отправить ссылку другу | Распечатать текст резюме
34
36. Проектирование пользовательских интерфейсов www.uidesign.ru
Проверка результата
Проверять можно на каждом этапе – от
тестирования концепции до тестирования готового
продукта
Но! – чем абстрактнее прототип, тем абстрактнее
комментарии.
На этапе концепции можно и нужно тестировать
навигацию
36
38. Проектирование пользовательских интерфейсов www.uidesign.ru
Потребитель: Программист
Мотивы
Точно понимать, что именно нужно
реализовать
Знать, что делать в исключительных
ситуациях
Использовать повторный код
Иметь контроль над изменениями
38
39. Проектирование пользовательских интерфейсов www.uidesign.ru
Что именно нужно реализовать • I
Любая недоговоренность это снятие с себя
ответственности за часть интерфейсных
решений.
Программист отвечает за код. В конечном итоге,
он несет ответственность за все – наша задача
снять с него ответственность за интерфейсные
решения
39
40. Проектирование пользовательских интерфейсов www.uidesign.ru
Что именно нужно реализовать • II
Документ (приложение) помогает описать
неочевидные моменты в интерфейсе
Интерактивные прототипы и раскадровки
помогают продемонстрировать сложное
взаимодействие
Использовать специальный визуальный язык
описания прототипов
Карта местности помогает понять место
конкретного контекста в интерфейсе
40
42. Проектирование пользовательских интерфейсов www.uidesign.ru
Что именно нужно реализовать IV
Визуальный язык описания прототипа позволяет
полнее контролировать результат
шапка
колонка 1 контент колонка 2
200 120 - 180
720 - 1600
42
43. Проектирование пользовательских интерфейсов www.uidesign.ru
Исключительные ситуации
Не забудьте описать исключительные ситуации в
интерфейсе – богатый источник отсебятины для
программистов
43
44. Проектирование пользовательских интерфейсов www.uidesign.ru
Повторный код
Программисты применяют повторный код всегда,
когда это только возможно.
Указывайте, что паттерны являются типовыми или
же, наоборот, уникальными.
44
46. Проектирование пользовательских интерфейсов www.uidesign.ru
Потребитель: Маркетолог
Мотивы
Продать продукт (список функций)
Сделать продукт внешне
привлекательным
Реализовывать стратегию
продвижения бренда
46
47. Проектирование пользовательских интерфейсов www.uidesign.ru
Список функций • I
Если маркетолог – важная птица, то нужен
документ, показывающий соответствие между
списком функций и пользовательским
интерфейсом
47
48. Проектирование пользовательских интерфейсов www.uidesign.ru
Список функций • II
Персонажи позволяют навести мостики с
маркетологами, и облегчить обоснование
интерфейсных решений
48
49. Проектирование пользовательских интерфейсов www.uidesign.ru
Создание привлекательного продукта
Главную страницу (экран) нужно проектировать в
конце. Для маркетолога делается суррогатная
главная страница для отработки дизайна
Вместо главной страницы лучше использовать
самую навороченную
49
50. Проектирование пользовательских интерфейсов www.uidesign.ru
Продвижение бренда
Специальным образом выделять зоны
брендирования
Указывать точные значения шрифтов и цветов,
соответствующих гайдлайну
50
52. Проектирование пользовательских интерфейсов www.uidesign.ru
Потребитель: Дизайнер
Мотивы
Точно понять задание
Создать запоминающийся продукт
Знать границы творчества
Реализовывать стратегию
продвижения бренда
52
53. Проектирование пользовательских интерфейсов www.uidesign.ru
Точное задание
Дать дизайнеру подборку ортогональных
прототипов (для минимизации усилий)
Создать спецификацию на графический
стиль/пиктограммы
Дать подробные требования к дизайну (+язык
описания прототипов)
Решить, кто будет создавать визуальный
пиктографический язык, и кто будет за него
отвечать?
53
54. Проектирование пользовательских интерфейсов www.uidesign.ru
Знать границы
Явным образом озвучить жесткие ограничения
Выстраивать продуктивные отношения
шапка
колонка 1 контент колонка 2
200 120 - 180
720 - 1600
54
56. Проектирование пользовательских интерфейсов www.uidesign.ru
Потребитель: Менеджер
Мотивы
Уложиться в срок
Получить запланированный результат
Избежать раздутия проекта
Иметь контроль над изменениями
Разрешать конфликты вовремя и
предупреждать их
Видеть проблему с разных сторон
56
57. Проектирование пользовательских интерфейсов www.uidesign.ru
Как уложиться в срок и получить
результат?
Этап концепции обязателен!
Подробный план с разбитием на очереди
«Тяжело в концепции, легко в деталке»
57
58. Проектирование пользовательских интерфейсов www.uidesign.ru
Контроль над изменениями
Выделение изменений в прототипе явным
образом
Мета-информация об изменениях
Уникальные идентификаторы крупных
конструкций для быстрого поиска
Интегрированные средства коммуникации
58
60. Проектирование пользовательских интерфейсов www.uidesign.ru
Интерфейс с разных
сторон/разрешение конфликтов
Создать
междисциплинарную
команду
Регулярно проводить
мозговые штурмы!
60
61. Проектирование пользовательских интерфейсов www.uidesign.ru
Интерфейс с разных
сторон/разрешение конфликтов II
И самое главное:
– вовлечь
заказчика!
(с) 2009 - www.flickr.com/photos/tambovskiy_volk
61