SlideShare ist ein Scribd-Unternehmen logo
1 von 152
Downloaden Sie, um offline zu lesen
#uxgenius
pajasu.com
Вадим Паясу
Кто вы?
Светлая
сторона
Акт 1
Плохие
интерфейсы
thaiticketmajor.com
thaiticketmajor.com
thaiticketmajor.com
thaiticketmajor.com
Что
общего?
vsЗатраты
Ценность
Затраты
Ценность
Время
Знания
Навыки
Деньги
Связи
Эмодзи в этой презентации — emojione.com
Нужно больше мозга
20%
Анализ
ошибок
bigpicture.ru · 2012
flyiua.com
Преодоление
когнитивного
диссонанса
Желтый Синий Красный Зеленый Синий
Зеленый Желтый Сиреневый Красный
Сиреневый Синий Зеленый Желтый
Синий Красный Желтый Зеленый
Поиск
нужного
xsandry · pajasu.lj.ru
Кейс
Путь от плохого
к хорошему
Выбор
ПодтвердитьОтмена
Отказаться от отмены
подтверждения бронирования?
Внимание!
Эта дверь может
открываться
внезапно
ДаНет
Забронировать?
Шевели кустами
Шевели кустами
Шевели кустами
ДаНет
Забронировать?
Что такое
контраст?
ДаНет
Забронировать?
Отменить
Забронировать
Путь от хорошего
к гениальному
Отменить бронирование
Забронировано!
Рецепт: убрать
все плохое
Часть 1
Брейн cторм
Цель?
Польза?
Целевая
аудитория?
Что больше
всего ?
Сделайте
анализ рынка
Лучшие фишки
конкурентов
Кофе•брейк
Хорошие
интерфейсы
Консьюмерские
(выше среднего)
Как узнать
хорошие?
Алгоритм
Определение цели
Выбор ЦА
Формулировка предложения
Подготовка портфолио
Размещение
Подготовка
Поиск клиента
Первичный диалог
Определение задач
Переговоры
Составление ТЗ
Получение материалов
Работа с клиентом
Определение ЦА приложения
Определение его целей
Анализ рынка
Брейншторминг
Проектирование сценариев
Бумажный прототип
Интерактивный прототип
Утверждение прототипа
Проектирование
Маркетинг
Оформление интерактивных элементов
Поиск визуального стиля
Презентация концепта
Утверждение визуального стиля
Составление гайдлайнов
Выбор иллюстраций и пиктограмм
Проработка микроэлементов
Копирайтинг
Разработка моделей монетизации
Итерационная аппроксимация
Экспорт материалов
Составление технического руководства
Авторский надзор
Поддержка, тестирование и обновления
Техчасть
Презентация проекта
Выполнение правок
Утверждение проекта
Сдача проекта
Часть 2
Брейн cторм
Лучшие фишки
конкурентов
Кейс
Multi Counter
All-purpose tally counter for everyone.Best of its kind.
Project the Concept Design Monetization Backstage
Unlimited counters.
Unlike many other tally apps,this one allows to use any number of
counters at once.You can count anything that comes in mind: numerous
events,“Munchkin”players’levels or even flights you’ve made in your life.
Also,this one looks really cool.
Count and compare.
Multi Counter perfectly meets board game
players’needs.Put phone on the table and
start tracking scores,that’s it.
Super-easy to use.
There’s no aiming anymore.Tap wherever you like to increment
and swipe down to decrement.Swipe left to add counter and
start using it right away,with no boring setup.And keep counting
even while editing!
Структура
приложения
Типографика
Иерархия
элементов
Иерархия
отступов
Что такое
ритм?
Когнитивные
атрибуты
Блок
предсказаний
Слайд из презентации Школы
Скриншот ui-kit’а фейсбука
Управление
вниманием
и, наконец, сюда.
потом сюда
Сначала ты
смотришь сюда,
via pixabay.com
Кофе•брейк
Определение цели
Выбор ЦА
Формулировка предложения
Подготовка портфолио
Размещение
Подготовка
Поиск клиента
Первичный диалог
Определение задач
Переговоры
Составление ТЗ
Получение материалов
Работа с клиентом
Определение ЦА приложения
Определение его целей
Анализ рынка
Брейншторминг
Проектирование сценариев
Бумажный прототип
Интерактивный прототип
Утверждение прототипа
Проектирование
Маркетинг
Оформление интерактивных элементов
Поиск визуального стиля
Презентация концепта
Утверждение визуального стиля
Составление гайдлайнов
Выбор иллюстраций и пиктограмм
Проработка микроэлементов
Копирайтинг
Разработка моделей монетизации
Итерационная аппроксимация
Экспорт материалов
Составление технического руководства
Авторский надзор
Поддержка, тестирование и обновления
Техчасть
Презентация проекта
Выполнение правок
Утверждение проекта
Сдача проекта
Определение цели
Выбор ЦА
Формулировка предложения
Подготовка портфолио
Размещение
Подготовка
Поиск клиента
Первичный диалог
Определение задач
Переговоры
Составление ТЗ
Получение материалов
Работа с клиентом
Определение ЦА приложения
Определение его целей
Анализ рынка
Брейншторминг
Проектирование сценариев
Бумажный прототип
Интерактивный прототип
Утверждение прототипа
Проектирование
Маркетинг
Оформление интерактивных элементов
Поиск визуального стиля
Презентация концепта
Утверждение визуального стиля
Составление гайдлайнов
Выбор иллюстраций и пиктограмм
Проработка микроэлементов
Копирайтинг
Разработка моделей монетизации
Итерационная аппроксимация
Экспорт материалов
Составление технического руководства
Авторский надзор
Поддержка, тестирование и обновления
Техчасть
Презентация проекта
Выполнение правок
Утверждение проекта
Сдача проекта
Не гениально
Гениальные
интерфейсы
Как узнать
гениальные?
ТРИЗ
ТРИЗ
не работает
ТРИЗ
не работает
Что тогда?
Кейс
Как сказать
денежному аппу
о своих тратах?
Цифры, стоящие
за гениальностью
100→10→1
=
Банк идей
100→10→1
=
Кругозор
80/20
=
Аутсорс
5 6
=
Время
kylesamani.com
=
Смешение ниш
=
Чужой опыт
Кейс
Автомойка
Gary Millar · flickr.com
Машина в очереди.
Ты ждешь.
Как решить
противоречие?
Идеальный
случай?
Ψ
Отличный результат
неизвестно как
Решение
до объяснения
Гениальность —
телесный навык
Гениальность —
телесный навыкРешают
тренировки
Часть 3
Брейн cторм
Щепотка
гениальности
Что дальше?
Кофе•брейк
via pixabay.com
Темная
сторона
Акт 2
Скрытые
цели
Отменить бронирование
Забронировано!
Забронировано!
Забронировано!
Выбей
ресурсы!
Фабрика
фанатов
Бонус
Брейн cторм
Злее
и живучее
ВыборВыбор
068 26·11·208
uxгений
= гениальное приложение своими руками
uxгений
От идеи
до презентации
Идея
Описание
Прототип
Концепт
UI
Гайдлайны
Подготовка
Презентация
Определение цели
Выбор ЦА
Формулировка предложения
Подготовка портфолио
Размещение
Подготовка
Поиск клиента
Первичный диалог
Определение задач
Переговоры
Составление ТЗ
Получение материалов
Работа с клиентом
Определение ЦА приложения
Определение его целей
Анализ рынка
Брейншторминг
Проектирование сценариев
Бумажный прототип
Утверждение прототипа
Интерактивный прототип
Проектирование
Маркетинг
Оформление интерактивных элементов
Поиск визуального стиля
Презентация концепта
Утверждение визуального стиля
Составление гайдлайнов
Выбор иллюстраций и пиктограмм
Проработка микроэлементов
Копирайтинг
Разработка моделей монетизации
Итерационная аппроксимация
Экспорт материалов
Составление технического руководства
Авторский надзор
Поддержка, тестирование и обновления
Техчасть
Презентация проекта
Выполнение правок
Утверждение проекта
Сдача проекта
13 дней интенсива
Zeplin и другие
инструменты
для экспорта
Craft и другие
плагины
Sketch, фотошоп
и инструменты
дизайна
Axure
и инструменты
прототипирования
13 дней интенсива
Zeplin и другие
инструменты
для экспорта
Craft и другие
плагины
Sketch, фотошоп
и инструменты
дизайна
Axure
и инструменты
прототипирования
13 дней интенсива
Только
практика
Необходимые
материалы
2–3 часа
в день
Онлайн-
вебинары
Мобильные
и десктоп-
приложения
15000грн
..?15000грн
8000грн
до 1 мая
8000грн
Марина
Место
для
селфи
Вадим Паясу
#uxgenius

Weitere ähnliche Inhalte

Ähnlich wie UX гений: как разрабатывать гениальные интерфейсы

Nimax айдентика
Nimax айдентикаNimax айдентика
Nimax айдентика
mioriza
 
Nimax айдентика
Nimax айдентикаNimax айдентика
Nimax айдентика
visuharev
 
Nimax айдентика
Nimax айдентикаNimax айдентика
Nimax айдентика
MSG agency
 
Harvest презентация
Harvest презентацияHarvest презентация
Harvest презентация
Kate Barabanova
 
Петр Татищев.Поиск идеи, проверка гипотезы, основы прототипирования
Петр Татищев.Поиск идеи, проверка гипотезы, основы прототипированияПетр Татищев.Поиск идеи, проверка гипотезы, основы прототипирования
Петр Татищев.Поиск идеи, проверка гипотезы, основы прототипирования
Business incubator HSE
 
Анна Зимина (Click.ru), Мск:"Контекстная реклама для интернет-магазинов: новы...
Анна Зимина (Click.ru), Мск:"Контекстная реклама для интернет-магазинов: новы...Анна Зимина (Click.ru), Мск:"Контекстная реклама для интернет-магазинов: новы...
Анна Зимина (Click.ru), Мск:"Контекстная реклама для интернет-магазинов: новы...
web2win
 
Инструменты дизайн-мышления в бизнесе
Инструменты дизайн-мышления в бизнесеИнструменты дизайн-мышления в бизнесе
Инструменты дизайн-мышления в бизнесе
Oleg Koss
 

Ähnlich wie UX гений: как разрабатывать гениальные интерфейсы (20)

Nimax айдентика
Nimax айдентикаNimax айдентика
Nimax айдентика
 
Nimax айдентика
Nimax айдентикаNimax айдентика
Nimax айдентика
 
Nimax
NimaxNimax
Nimax
 
Nimax айдентика
Nimax айдентикаNimax айдентика
Nimax айдентика
 
Nimax айдентика
Nimax айдентикаNimax айдентика
Nimax айдентика
 
Nimax айдентика
Nimax айдентикаNimax айдентика
Nimax айдентика
 
«Айдентика»
«Айдентика»«Айдентика»
«Айдентика»
 
Nimax айдентика
Nimax айдентикаNimax айдентика
Nimax айдентика
 
Катрин Гулая - Как себя продавать
Катрин Гулая - Как себя продаватьКатрин Гулая - Как себя продавать
Катрин Гулая - Как себя продавать
 
Искусство создания интерфейса, простота, удобство и рентабельность
Искусство создания интерфейса, простота, удобство и рентабельностьИскусство создания интерфейса, простота, удобство и рентабельность
Искусство создания интерфейса, простота, удобство и рентабельность
 
Harvest презентация
Harvest презентацияHarvest презентация
Harvest презентация
 
Петр Татищев.Поиск идеи, проверка гипотезы, основы прототипирования
Петр Татищев.Поиск идеи, проверка гипотезы, основы прототипированияПетр Татищев.Поиск идеи, проверка гипотезы, основы прототипирования
Петр Татищев.Поиск идеи, проверка гипотезы, основы прототипирования
 
Рычаг на себя. Ошибки выбора объекта управления
Рычаг на себя. Ошибки выбора объекта управленияРычаг на себя. Ошибки выбора объекта управления
Рычаг на себя. Ошибки выбора объекта управления
 
Анна Зимина (Click.ru), Мск:"Контекстная реклама для интернет-магазинов: новы...
Анна Зимина (Click.ru), Мск:"Контекстная реклама для интернет-магазинов: новы...Анна Зимина (Click.ru), Мск:"Контекстная реклама для интернет-магазинов: новы...
Анна Зимина (Click.ru), Мск:"Контекстная реклама для интернет-магазинов: новы...
 
Медиа академия. Ключевые принципы маркетинга 2017
Медиа академия. Ключевые принципы маркетинга 2017Медиа академия. Ключевые принципы маркетинга 2017
Медиа академия. Ключевые принципы маркетинга 2017
 
Поисковый маркетинг в В2В - кейсы и стратегии - Презентация B2B Форум
Поисковый маркетинг в В2В - кейсы и стратегии - Презентация B2B ФорумПоисковый маркетинг в В2В - кейсы и стратегии - Презентация B2B Форум
Поисковый маркетинг в В2В - кейсы и стратегии - Презентация B2B Форум
 
Инструменты дизайн-мышления в бизнесе
Инструменты дизайн-мышления в бизнесеИнструменты дизайн-мышления в бизнесе
Инструменты дизайн-мышления в бизнесе
 
[2009] семинар с 1с битрикс. доклад 3 интернет-магазин
[2009] семинар с 1с битрикс. доклад 3 интернет-магазин[2009] семинар с 1с битрикс. доклад 3 интернет-магазин
[2009] семинар с 1с битрикс. доклад 3 интернет-магазин
 
Антон Воронюк (WebPromoExperts): Кому нужен контекст?
Антон Воронюк (WebPromoExperts): Кому нужен контекст?Антон Воронюк (WebPromoExperts): Кому нужен контекст?
Антон Воронюк (WebPromoExperts): Кому нужен контекст?
 
Техники создания НОВОСТЕЙ компании
Техники создания НОВОСТЕЙ компанииТехники создания НОВОСТЕЙ компании
Техники создания НОВОСТЕЙ компании
 

UX гений: как разрабатывать гениальные интерфейсы