Embed Size (px)
Citation preview
UI и UXглазами
разработчика
Вадим Дробинин, blueplatterapp.com / motivatemeapp.me
В двух словах
2
В двух словах
• Как разрабатывают приложения
2
В двух словах
• Как разрабатывают приложения
• Как ещё разрабатывают приложения
2
В двух словах
• Как разрабатывают приложения
• Как ещё разрабатывают приложения
• Прототипы
2
В двух словах
• Как разрабатывают приложения
• Как ещё разрабатывают приложения
• Прототипы
• Оценка эффективности
2
Как разрабатывают приложения?
3
4
Идея
4
Идея
Разработка
4
Идея
Разработка
4
Идея
Разработка
Тестирование
4
Идея
Разработка
Тестирование
Продвижение
4
Идея
Разработка
Тестирование
Продвижение
4
Вы — не пользователь
5
Тогда как спроектировать пользовательский интерфейс,
удобный не только вам?
6
Исследование
Абстрактный прототип
Информационная архитектура
Проектирование пользовательских
интерфейсовПроектирование деятельности
Визуальный дизайн
Человеко-ориентированная оценка
7
Исследование
Абстрактный прототип
Информационная архитектура
Проектирование пользовательских
интерфейсовПроектирование деятельности
Визуальный дизайн
Человеко-ориентированная оценка
7
Исследование
Абстрактный прототип
Информационная архитектура
Проектирование пользовательских
интерфейсов
Проектирование деятельности
Визуальный дизайн
Человеко-ориентированная оценка
7
Исследование
Абстрактный прототип
Информационная архитектура
Проектирование пользовательских
интерфейсов
Проектирование деятельности
Визуальный дизайн
Человеко-ориентированная оценка
7
Исследование
Абстрактный прототип
Информационная архитектура
Проектирование пользовательских
интерфейсовПроектирование деятельности
Визуальный дизайн
Человеко-ориентированная оценка
7
Как оценить интерфейс?
8
Юзабилити-цели
9
Юзабилити-цели
Цели пользователей Цели бизнеса
9
Юзабилити-цели
Цели пользователей Цели бизнеса
«Хочу, чтобы было просто заказывать пиццу»
«Хочу, чтобы на приём заказа уходило меньше
времени»
9
Юзабилити-цели
Цели пользователей Цели бизнеса
«Хочу, чтобы было просто заказывать пиццу»
«Хочу, чтобы на приём заказа уходило меньше
времени»
«Хочу видеть, что продукты только свежие»
«Хочу, чтобы был контроль за поварами»
9
Прототипы
10
Бумажный набросок
Цифровой прототип
Программный прототип
Прототипы
10
Бумажный набросок
Цифровой прототип
Программный прототип
Скорость создания Высокая Средняя Очень низкая
Прототипы
10
Бумажный набросок
Цифровой прототип
Программный прототип
Скорость создания Высокая Средняя Очень низкая
Сложность внесения изменений
— Низкая Высокая
Прототипы
10
Бумажный набросок
Цифровой прототип
Программный прототип
Скорость создания Высокая Средняя Очень низкая
Сложность внесения изменений
— Низкая Высокая
Схожесть с реальным UI Низкая Средняя Высокая
Прототипы
10
Sketch
11
Axure RP
12
Xcode
13
Xcode
13
P-O-P
14
Keynote
15
ATM 9:41 AM 100%
PLPlan-It
Facebook!
Войти через
Twitter"Linkedin#
ATM 9:41 AM 100%
ATM 9:41 AM 100%
Привет, Вадим!
Какие планы на сегодня?
ATM 9:41 AM 100%
Чем заняться в дороге?
ATM 9:41 AM 100%
Back
Чем заняться в дороге?
ATM 9:41 AM 100%
Back Добавьте событие
From
Date
Hour
To
12/12/15
09:00
I’m flexible
I’m flexible
I’m taking this train on a regular basis
Moscow
St. Petersburg
Забронировать
ATM 9:41 AM 100%
Забронировать квартиру
ATM 9:41 AM 100%
Back
more
more
Забронировать квартиру
ATM 9:41 AM 100%
Back
Hi, my name is Julie and I’m a native french speaker living in Brussels. I’m able to give you an introduction
to french without any prepartion breforehand, are you already excited? Me too! See you
on board of the train! Au revoir!
7 ReviewsBookMessage
Забронировать квартиру
ATM 9:41 AM 100%
Back
Hi, my name is Julie and I’m a native french speaker living in Brussels. I’m able to give you an introduction
to french without any prepartion breforehand, are you already excited? Me too! See you
on board of the train! Au revoir!
7 ReviewsBookMessage
Ю-тестирование
19
Ю-тестирование
• «Мысленный прогон»
19
Ю-тестирование
• «Мысленный прогон»• Закрытая карточная сортировка
19
Ю-тестирование
• «Мысленный прогон»• Закрытая карточная сортировка• Обратная карточная сортировка
19
Ю-тестирование
• «Мысленный прогон»• Закрытая карточная сортировка• Обратная карточная сортировка• Тестирование ожиданий
19
Nielsen J., Landauer T.K. A mathematical model of the finding of usability problems // Proceedings of ACM INTERCHI'93 Conference, Amsterdam, The Netherlands, 24-29 April
1993. PP. 206-21320
