SlideShare uma empresa Scribd logo
1 de 55
Baixar para ler offline
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%
PL
Plan-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 Reviews
BookMessage
Забронировать квартиру
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 Reviews
BookMessage
Ю-тестирование
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-213
20
Отправьте «Привет» на 

vadim@drobinin.com
прямо сейчас.
Спасибо за внимание!
Вадим Дробинин
twitter.com/valzevul

Mais conteúdo relacionado

Mais de Vadim Drobinin

Расширения для Safari: блокировщик контента в 50 строчек кода (Вадим Дробинин)
Расширения для Safari: блокировщик контента в 50 строчек кода (Вадим Дробинин)Расширения для Safari: блокировщик контента в 50 строчек кода (Вадим Дробинин)
Расширения для Safari: блокировщик контента в 50 строчек кода (Вадим Дробинин)Vadim Drobinin
 
Защищаем себя и пользователей — Вадим Дробинин (iOS Security Guide by Vadim D...
Защищаем себя и пользователей — Вадим Дробинин (iOS Security Guide by Vadim D...Защищаем себя и пользователей — Вадим Дробинин (iOS Security Guide by Vadim D...
Защищаем себя и пользователей — Вадим Дробинин (iOS Security Guide by Vadim D...Vadim Drobinin
 
Заботимся правильно (ResearchKit, CareKit, HealthKit) — Вадим Дробинин (Vadim...
Заботимся правильно (ResearchKit, CareKit, HealthKit) — Вадим Дробинин (Vadim...Заботимся правильно (ResearchKit, CareKit, HealthKit) — Вадим Дробинин (Vadim...
Заботимся правильно (ResearchKit, CareKit, HealthKit) — Вадим Дробинин (Vadim...Vadim Drobinin
 
Вадим Дробинин (Vadim Drobinin) — iMessage Apps: от стикеров до банковских пр...
Вадим Дробинин (Vadim Drobinin) — iMessage Apps: от стикеров до банковских пр...Вадим Дробинин (Vadim Drobinin) — iMessage Apps: от стикеров до банковских пр...
Вадим Дробинин (Vadim Drobinin) — iMessage Apps: от стикеров до банковских пр...Vadim Drobinin
 
Фриланс и мобильные приложения (Вадим Дробинин)
Фриланс и мобильные приложения (Вадим Дробинин)Фриланс и мобильные приложения (Вадим Дробинин)
Фриланс и мобильные приложения (Вадим Дробинин)Vadim Drobinin
 
Git для начинающих
Git для начинающихGit для начинающих
Git для начинающихVadim Drobinin
 

Mais de Vadim Drobinin (6)

Расширения для Safari: блокировщик контента в 50 строчек кода (Вадим Дробинин)
Расширения для Safari: блокировщик контента в 50 строчек кода (Вадим Дробинин)Расширения для Safari: блокировщик контента в 50 строчек кода (Вадим Дробинин)
Расширения для Safari: блокировщик контента в 50 строчек кода (Вадим Дробинин)
 
Защищаем себя и пользователей — Вадим Дробинин (iOS Security Guide by Vadim D...
Защищаем себя и пользователей — Вадим Дробинин (iOS Security Guide by Vadim D...Защищаем себя и пользователей — Вадим Дробинин (iOS Security Guide by Vadim D...
Защищаем себя и пользователей — Вадим Дробинин (iOS Security Guide by Vadim D...
 
Заботимся правильно (ResearchKit, CareKit, HealthKit) — Вадим Дробинин (Vadim...
Заботимся правильно (ResearchKit, CareKit, HealthKit) — Вадим Дробинин (Vadim...Заботимся правильно (ResearchKit, CareKit, HealthKit) — Вадим Дробинин (Vadim...
Заботимся правильно (ResearchKit, CareKit, HealthKit) — Вадим Дробинин (Vadim...
 
Вадим Дробинин (Vadim Drobinin) — iMessage Apps: от стикеров до банковских пр...
Вадим Дробинин (Vadim Drobinin) — iMessage Apps: от стикеров до банковских пр...Вадим Дробинин (Vadim Drobinin) — iMessage Apps: от стикеров до банковских пр...
Вадим Дробинин (Vadim Drobinin) — iMessage Apps: от стикеров до банковских пр...
 
Фриланс и мобильные приложения (Вадим Дробинин)
Фриланс и мобильные приложения (Вадим Дробинин)Фриланс и мобильные приложения (Вадим Дробинин)
Фриланс и мобильные приложения (Вадим Дробинин)
 
Git для начинающих
Git для начинающихGit для начинающих
Git для начинающих
 

UI и UX глазами разработчика (Вадим Дробинин)