Хитрости UX-дизайна: ключевые лайфхаки, которые должен знать разработчикNick Grachov
UX-design: main life hacks every engineer should know
Nick explained how beautiful design can be even worse than ugly one and explain:
• what is UX and where is its place in the design
• what is the difference between usability and UX
• what are the levels and stages of the UX
• what tools and techniques are used in the UX
WIAD 2017 — Понятный продукт — От информационной архитектуры к структуре инте...Yury Solonitsyn
Пользовательский интерфейс связывает между собой продукт (приложение, сайт) и пользователя. Структура интерфейса, как зеркало, отражает одновременно заложенную разработчиками информационную архитектуру продукта и его ментальную модель, формирующуюся в сознании пользователя. В зависимости от назначения продукта и уровня подготовки пользователей можно выбирать подход к представлению информационной архитектуры в структуре проектируемого интерфейса.
Выступление на конференции WIAD-2017 — 18 февраля 2017, Санкт-Петербург, Россия.
Хитрости UX-дизайна: ключевые лайфхаки, которые должен знать разработчикNick Grachov
UX-design: main life hacks every engineer should know
Nick explained how beautiful design can be even worse than ugly one and explain:
• what is UX and where is its place in the design
• what is the difference between usability and UX
• what are the levels and stages of the UX
• what tools and techniques are used in the UX
WIAD 2017 — Понятный продукт — От информационной архитектуры к структуре инте...Yury Solonitsyn
Пользовательский интерфейс связывает между собой продукт (приложение, сайт) и пользователя. Структура интерфейса, как зеркало, отражает одновременно заложенную разработчиками информационную архитектуру продукта и его ментальную модель, формирующуюся в сознании пользователя. В зависимости от назначения продукта и уровня подготовки пользователей можно выбирать подход к представлению информационной архитектуры в структуре проектируемого интерфейса.
Выступление на конференции WIAD-2017 — 18 февраля 2017, Санкт-Петербург, Россия.
Увлеченные делом или как мы строили процессы. Александр КунташовWake_up_province
История про то, как мы создавали команду медиагероев и организовывали процессы производства в ней: как мы стали распределенной командой, как это повлияло на наши процессы, как строим взаимодействие с заказчиком и почему, как организуем производство и как «точим пилы». А еще про важность системы ценностей и про то как работа в команде позволяет стать лучше каждому отдельному участнику.
UX без болю. Як проектувати для реальних задач?Evgen Shylov
Презентація з вступної лекції до UX у Могилянській школі журналістики. Говорили про методологію продуктового дизайну в умовах «неповного знання». Як знаходити та правильно формувати концепцію продукту і як проектувати сценарій користувача, залежно від бізнес-задач.
Современные условия рынка требуют всё большей заинтересованности и вовлечённости конечных потребителей. Поэтому к проектированию и разработке мобильных и веб-приложений предъявляются новые требования.
Сегодня успешные приложения в комплексе должны быть эстетически красивыми, удобными для пользователей и, конечно, эффективно решать задачи бизнеса. Таким образом, качественный пользовательский интерфейс (UI) является одной из главных причин успеха. В таком контексте тестирование пользовательских интерфейсов (UI-тестирование) приобретает новый смысл.
В ходе вебинара мы:
разберём термины и основные понятия UI-тестирования;
определим задачи данного вида тестирования;
перечислим участников и коснёмся вопроса участия тестировщиков в работе дизайн-команды, в том числе на стадии проектирования прототипов;
рассмотрим порядок проведения UI-тестирования, а так же особенности работы с макетами, составления тестовых сценариев и определения приоритетов для обнаруженных дефектов.
Кроме того, обсудим некоторые практические приёмы и «популярные» UI-дефекты для веб-платформ и мобильных приложений.
Agile Coach и Scrum Master как руководители нового типаAskhat Urazbaev
Мир меняется. Высокая скорость изменений трансформирует бизнес-модели и сами организации. В новом мире решения надо принимать быстро и уметь синхронизировать работу большого количества людей. Важность по-настоящему командной работы растет. Появляются роли, главной задачей которых является построение эффективной команды.
Речь идет о роли Scrum Master/Agile Coach. В докладе мы ответим на вопросы
- Какое место они занимают в организации?
- Какими они должны быть?
- Что входит в их обязанности?
- Что они должны знать и уметь?
Чего можно добиться за год работы в UI/UX дизайне?iQSpace
Наш спикер - Сергей Чан (Web, UI/UX designer) рассказал:
- Что делать начинающему в UI/UX дизайне?
- Пути и инструменты развития для новичка;
- Проблемы и сложности годовалого дизайнера;
- Перспективы после года работы или куда идти дальше?
Ярослав Шуваев. UX-дизайнер: Основы профессии и тренды. РИФ-Воронеж 2016РИФ-Воронеж
"- Факторы UX: Почему UX-дизайн это больше чем UI-дизайн
- Результаты труда: Продуктолог, UX-дизайнер, UI-дизайнер - кто все эти люди?
- Инструменты UX-дизайнера
- Рекомендуемые источники знаний по теме"
«Скучные» интерфейсы – где найти вдохновениеПрофсоUX
Доклад рассчитан на UI-дизайнеров, просто дизайнеров, а также менеджеров проекта и просто интересующихся.
Мы постоянно занимаемся enterprise-решениями – крупными системами, рассчитанными на определенную целевую аудиторию. В большинстве случаев эта аудитория работает с интерфейсом целый день. Как сделать, чтобы пользователям было удобно, мы уже примерно знаем. Возникает вопрос – как сделать так, чтобы дизайнерам было интересно это рисовать. В то время как Dribbble и Behance забиты яркими мобильными экранами и развеселыми анимациями – как замотивировать творческих людей увлеченно рисовать «скукоту»? Попробуем разобраться.
Отвечаем на вопрос: «Что такое информационная архитектура веб-проекта?», рассказываем о ее внедрении в агентстве и показываем примеры работ: сбор и анализ данных, матрица услуг, конкурентный анализ, структура проекта, пользовательские сценарии, система целей проекта, списки функций и контент-план.
Задумываясь об исследовании мы держали в фокусе несколько критерев:
- результат должен иметь практическую значимость для рынка и развития каналов ДБО;
- результат должен помочь повысить пользовательские качества приложений, улучшив повседневну жизнь людей.
Более 90% общих юзабилити-проблем были наследованны из 2015 года. Мы стандартизировали все: методологию, метрики, требования к респондентам, требования к приложениям (история операций, кличество продуктов), мы даже исследователей стандартизировали (4 респондентов тестировал один специалист, 4 - другой). Исследование показало, что пользователи становятся все более требовательными и даже "капризными".
Также, мы протестировали более 15 дополнительных задач и фич. Кроме оценки юзабилити были получены "маркеры" того, готова ли аудитория к данному функционалу. Про количественную оценку востребованности функционала, смотрите в другой презентации (исследование по методу КАНО).
Как работает UX-студия. Саша Куценко, Креативный директор Aidem.SPECIA
Что это вообще такое?
1. Что такое UX и дизайн интерфейсов? Зачем вы мне об этом говорите?
2. Что понимается под проектированием?
3. Как выглядит сам процесс проектирования?
4. Кто это делает? Что за специалисты?
Зачем мне вы? Я и сам знаю как надо.
1. Я в бизнесе 10 лет. Почему я должен вас слушать?
2. Почему вы уверены, что сделаете лучше, чем сейчас?
3. Что это даст моему бизнесу?
4. Почему это отдельная услуга?
5. Какую роль во всем проекте занимает UX-студия?
ОК. Как это будет выглядеть?
1. Что вы сделаете сначала? А потом?
2. Сколько это занимает времени? На основе чего делается оценка сроков.
3. Как я буду участвовать?
4. Что делать если мне не нравится?
5. Как происходит согласование?
6. Сколько это стоит? Как осуществляется оплата?
6. Как я буду принимать работу?
Добро. Последние вопросы.
1. Как измерять эффективность вашей работы?
2. Что делать если вы не успеваете?
3. Что мы получим в итоге? Какие глобальные цели будут достигнуты?
4. Что дальше делать с полученными материалами?
О визуальном и смысловом дизайне. Проектирование — комплекс действий в области аналитики, разработки, визуализации и тестирования решений, для программных продуктов. Зачем это необходимо бизнесу, что представляет из себя процесс, и какие результаты.
Подготовлено для Specia Conf.
16 апреля с 14:00 до 19:30 в Сколково пройдет семинар для резидентов Сколково. Речь пойдет о работе в стартапе, привлечении инвестиций, моделях монетизации проектов, юзабилити, СММ и о пути стартапа к большому бизнесу.
Лекторы:
Дмитрий Сатин, Юлия Суворова (Usabilitylab)
Андрей Рябых (Webmaster.SPb, SeoExperts, Media Cartel, Газета.СПБ, автор книг по манимейкингу и интернет-коммерции)
Сергей Фрадков (Стартап-акселератор «Идеальная машина»)
Михаил Смолянов («Мегаплан»)
Никита Келлерман (Republic Performance)
Илья Балахин (Paper Planes)
Алексей Довжиков (Trinet)
Увлеченные делом или как мы строили процессы. Александр КунташовWake_up_province
История про то, как мы создавали команду медиагероев и организовывали процессы производства в ней: как мы стали распределенной командой, как это повлияло на наши процессы, как строим взаимодействие с заказчиком и почему, как организуем производство и как «точим пилы». А еще про важность системы ценностей и про то как работа в команде позволяет стать лучше каждому отдельному участнику.
UX без болю. Як проектувати для реальних задач?Evgen Shylov
Презентація з вступної лекції до UX у Могилянській школі журналістики. Говорили про методологію продуктового дизайну в умовах «неповного знання». Як знаходити та правильно формувати концепцію продукту і як проектувати сценарій користувача, залежно від бізнес-задач.
Современные условия рынка требуют всё большей заинтересованности и вовлечённости конечных потребителей. Поэтому к проектированию и разработке мобильных и веб-приложений предъявляются новые требования.
Сегодня успешные приложения в комплексе должны быть эстетически красивыми, удобными для пользователей и, конечно, эффективно решать задачи бизнеса. Таким образом, качественный пользовательский интерфейс (UI) является одной из главных причин успеха. В таком контексте тестирование пользовательских интерфейсов (UI-тестирование) приобретает новый смысл.
В ходе вебинара мы:
разберём термины и основные понятия UI-тестирования;
определим задачи данного вида тестирования;
перечислим участников и коснёмся вопроса участия тестировщиков в работе дизайн-команды, в том числе на стадии проектирования прототипов;
рассмотрим порядок проведения UI-тестирования, а так же особенности работы с макетами, составления тестовых сценариев и определения приоритетов для обнаруженных дефектов.
Кроме того, обсудим некоторые практические приёмы и «популярные» UI-дефекты для веб-платформ и мобильных приложений.
Agile Coach и Scrum Master как руководители нового типаAskhat Urazbaev
Мир меняется. Высокая скорость изменений трансформирует бизнес-модели и сами организации. В новом мире решения надо принимать быстро и уметь синхронизировать работу большого количества людей. Важность по-настоящему командной работы растет. Появляются роли, главной задачей которых является построение эффективной команды.
Речь идет о роли Scrum Master/Agile Coach. В докладе мы ответим на вопросы
- Какое место они занимают в организации?
- Какими они должны быть?
- Что входит в их обязанности?
- Что они должны знать и уметь?
Чего можно добиться за год работы в UI/UX дизайне?iQSpace
Наш спикер - Сергей Чан (Web, UI/UX designer) рассказал:
- Что делать начинающему в UI/UX дизайне?
- Пути и инструменты развития для новичка;
- Проблемы и сложности годовалого дизайнера;
- Перспективы после года работы или куда идти дальше?
Ярослав Шуваев. UX-дизайнер: Основы профессии и тренды. РИФ-Воронеж 2016РИФ-Воронеж
"- Факторы UX: Почему UX-дизайн это больше чем UI-дизайн
- Результаты труда: Продуктолог, UX-дизайнер, UI-дизайнер - кто все эти люди?
- Инструменты UX-дизайнера
- Рекомендуемые источники знаний по теме"
«Скучные» интерфейсы – где найти вдохновениеПрофсоUX
Доклад рассчитан на UI-дизайнеров, просто дизайнеров, а также менеджеров проекта и просто интересующихся.
Мы постоянно занимаемся enterprise-решениями – крупными системами, рассчитанными на определенную целевую аудиторию. В большинстве случаев эта аудитория работает с интерфейсом целый день. Как сделать, чтобы пользователям было удобно, мы уже примерно знаем. Возникает вопрос – как сделать так, чтобы дизайнерам было интересно это рисовать. В то время как Dribbble и Behance забиты яркими мобильными экранами и развеселыми анимациями – как замотивировать творческих людей увлеченно рисовать «скукоту»? Попробуем разобраться.
Отвечаем на вопрос: «Что такое информационная архитектура веб-проекта?», рассказываем о ее внедрении в агентстве и показываем примеры работ: сбор и анализ данных, матрица услуг, конкурентный анализ, структура проекта, пользовательские сценарии, система целей проекта, списки функций и контент-план.
Задумываясь об исследовании мы держали в фокусе несколько критерев:
- результат должен иметь практическую значимость для рынка и развития каналов ДБО;
- результат должен помочь повысить пользовательские качества приложений, улучшив повседневну жизнь людей.
Более 90% общих юзабилити-проблем были наследованны из 2015 года. Мы стандартизировали все: методологию, метрики, требования к респондентам, требования к приложениям (история операций, кличество продуктов), мы даже исследователей стандартизировали (4 респондентов тестировал один специалист, 4 - другой). Исследование показало, что пользователи становятся все более требовательными и даже "капризными".
Также, мы протестировали более 15 дополнительных задач и фич. Кроме оценки юзабилити были получены "маркеры" того, готова ли аудитория к данному функционалу. Про количественную оценку востребованности функционала, смотрите в другой презентации (исследование по методу КАНО).
Как работает UX-студия. Саша Куценко, Креативный директор Aidem.SPECIA
Что это вообще такое?
1. Что такое UX и дизайн интерфейсов? Зачем вы мне об этом говорите?
2. Что понимается под проектированием?
3. Как выглядит сам процесс проектирования?
4. Кто это делает? Что за специалисты?
Зачем мне вы? Я и сам знаю как надо.
1. Я в бизнесе 10 лет. Почему я должен вас слушать?
2. Почему вы уверены, что сделаете лучше, чем сейчас?
3. Что это даст моему бизнесу?
4. Почему это отдельная услуга?
5. Какую роль во всем проекте занимает UX-студия?
ОК. Как это будет выглядеть?
1. Что вы сделаете сначала? А потом?
2. Сколько это занимает времени? На основе чего делается оценка сроков.
3. Как я буду участвовать?
4. Что делать если мне не нравится?
5. Как происходит согласование?
6. Сколько это стоит? Как осуществляется оплата?
6. Как я буду принимать работу?
Добро. Последние вопросы.
1. Как измерять эффективность вашей работы?
2. Что делать если вы не успеваете?
3. Что мы получим в итоге? Какие глобальные цели будут достигнуты?
4. Что дальше делать с полученными материалами?
О визуальном и смысловом дизайне. Проектирование — комплекс действий в области аналитики, разработки, визуализации и тестирования решений, для программных продуктов. Зачем это необходимо бизнесу, что представляет из себя процесс, и какие результаты.
Подготовлено для Specia Conf.
16 апреля с 14:00 до 19:30 в Сколково пройдет семинар для резидентов Сколково. Речь пойдет о работе в стартапе, привлечении инвестиций, моделях монетизации проектов, юзабилити, СММ и о пути стартапа к большому бизнесу.
Лекторы:
Дмитрий Сатин, Юлия Суворова (Usabilitylab)
Андрей Рябых (Webmaster.SPb, SeoExperts, Media Cartel, Газета.СПБ, автор книг по манимейкингу и интернет-коммерции)
Сергей Фрадков (Стартап-акселератор «Идеальная машина»)
Михаил Смолянов («Мегаплан»)
Никита Келлерман (Republic Performance)
Илья Балахин (Paper Planes)
Алексей Довжиков (Trinet)
Как построить сайт для пользователей, а не для себя? Это один из главных вопросов, которые задают себе как агентства, так и клиенты в последние 10-ть лет
Презентация на Google Drive → http://bit.ly/2dOT5tb
Лекция Никиты Михеенкова, директора по развитию Nimax, c конференции «FixUX: как улучшить взаимодействие с клиентами».
2. Agenda – часть раз (про UX)
про терминологию
• Что такое UX и зачем вам вообще это надо
• Про «дизайн» и «дизайнеров»
про теорию
• Как делать продукт, чтобы не переделывать
• Где грабли
Перекур!
3. Agenda – часть два (бизнес)
про бизнес и value
• Где лежат деньги (и зачем для этого UX)
про методики и подходы
• За что хвататься первым (engagement)
• Как не облажаться в очевидных вещах
• Где еще лежат деньги (облажаться дешевле)
Перекур!
• Дискуссия с выжившими
5. Виктор Ерофеев
• Разработка софта, с 2000 года
• Более 150 систем и проектов
• Независимый консультант
• Эксперт iDM, ФРИИ, Ингрии
• Техдир CG Projects Group
• uxspb / profsoux
• Microsoft MVP 2007-2014
Client Application Dev
25. - какие должны быть возможности
- как пользователь пользуется
- что при этом чувствует
- какие сценарии реализует
- с чем/как взаимодействует
Задачи UX-проектировщика
28. - какая есть у пользователя
потребность?
- как мы можем ее закрыть
- что нам от него нужно
- как он будет себя вести
Постановка задачи
29. кто (ролевая модель)
делает что (функция)
когда / в какой момент времени
с каким результатом (value +/-)
use case
Программисты любят.
30. - пожрать
- заказать билет
- заняться спортом
- записаться к врачу
- посмотреть отзывы
customer needs
решение проблемы человека
Заинтересованные лица, цели, задачи, требования
31. - пожрать провести вечер
- заказать билет подобрать маршрут
- заняться спортом сделать вид
- записаться к врачу взять справку
- посмотреть отзывы купить и не пожалеть
«чтобы не переделывать»
customer needs
решение проблемы человека
32. - пожрать провести вечер
- заказать билет подобрать маршрут
что важно, а что нет
какой функционал в приоритете
какие у нас ниша и преимущества
как улучшить
47. Какой бывает value
• Решение проблемы, задачи
• Улучшение порядка вещей, QoL
• Удовольствие / удовлетворение
• Социалка – статус, соцпруф
Value может стоить $$$
49. Value +++
• Своевременность (операции)
• Полнота, over deliver
• Уникальность
• Удача (limited time offer)
• Ikea Effect
• Декларируемая стоимость (D&G)
• Владение, loss aversion
когда оценка возрастает
50. UX, бизнес-кейсы:
Игра с ненулевой суммой
Value → (inter)Action → Value+
Успех = «получил больше чем вложил»
51. black magic
тратит время
тратит внимание
тратит деньги
получает решение
экономит время
получает эмоцию
получает статус
получает ресурс
тратит ресурс
получает деньги
added value
52. Баланс игры
Затраты
• Внимание
• Время
• Деньги
• Память (RAM)
• Контекст (T-shift)
• Связи / interop
• Физика
Приобретения
• Время
• Эмоция
• Соцпруф
• Деньги
• Уверенность
• Награда
53. 0. Реклама / вовлечение / регистрация
1. First time experience
2. Первые решенные задачи
3. Этап «инструмент»
4. Troubleshooting, поддержка
0. Кейсы выхода / возврата (tesla)
0. Вовлечение других
∑
54. - где лежит бабло?
взаимодействие создает
(персональную) ценность
56. пользователь не тупой
он невнимательный
ему некогда
у него куча других дел
он в аэропорту, в тесном лифте,
с мобильного интернета, опаздывает на рейс
с двумя сумками, ребенком и зубной болью
«наши пользователи не такие»
62. Что пилить?
а) Частотный подход
то, что чаще
всего используется
1000 просмотров списка
800 «найти актуальные»
100 правок
90 правка последних пяти
10 созданий нового
5 удалений, 15 поисков
63. Что пилить?
б) Engagement map / user journey
то, что понадобится
в первую очередь
- выбор направлений, дат
- выбор стыковок-маршрутов-цен
- оплата и печать данных
- комменты? отзывы?
- настройка фотки в профиле?
FTE & inline tips
64. выбрать?
Частотный
• есть типовой набор
операций
• есть KPI / метрики
эффективности
• нагрузка на внимание
неравномерная
скорость операций
Engagement
• есть длинные
сценарии
• воронка продаж
• предполагается
(само)обучение
пользователей
MVP→+→++→FFP
66. vii. Как не облажаться
в очевидных вещах
кейсы и потребности
67. «- застегни ширинку, закрой рот
и разуй, наконец, глаза»
сицилийская семейная поговорка
68. Что работает (практика)
• Смотреть на задачи пользователей
• Смотреть на конкурентов
• Пробовать, на людях и себе (dogfood)
• Упрощать («не делать», 80/20)
• Быстро исправлять
• Собирать истории (от power users)
• Задавать неудобные вопросы
• Моделить, скетчить, прототипить
69. Что не работает
• Спрашивать пользователей
– хочешь спросить – проверь (gladwell)
• Стоять над душой
• Красивые картинки без логики
– «нанять крутого рисовальщика» тоже нет
• «Подгонка под ответ»-ы стейкхолдеров
– см. про кейсы и customer needs
• ?? A/B (good vs evil), focus groups, аудиты итп