Сторителлинг в UX #2
Использование сторителлинга в бизнесе, требует соблюдение некоторых правил, которые помогут увеличить эффективность метода и получить рабочий инструмент на выходе. Написание хорошей истории можно разложить на следующие этапы:
В первую очередь нужно определить какую бизнес-задачу будет выполнять ваша история. Это может быть, например, призыв к действию или выстраивание имиджа бренда, формирование ассоциаций с продуктом итд. Для этого необходимо определить цели и смыслы: что вы хотите сказать? Какие эмоции и ассоциации вызвать у пользователя? Четкая постановка задачи будет служить вам ориентиром при написании истории.
Определившись с целью можно заняться героем и сюжетом. Люди всегда с интересом следят за историями, где герой сталкивается с похожими жизненными препятствиями, как и у них самих. В зависимости от вашей цели героем может быть потенциальный клиент. В экспертных блогах героем выступает сам эксперт или его сотрудник. В маркетинге товара, косвенно героем может быть и сам продукт.
Не зависимо от того, реальная ваша история или вымышленная сюжет должен дать ответы на следующие вопросы: Что произошло? Где и с кем это случилось? Как повели себя герои? Чем все закончилось? Таким образом вы получите готовый скелет истории, который можно наполнять деталями: диалогами, другими действующими лицами и событиями. Важно, чтобы ваша история была максимально приближена к реальности. Можете рассказать о забавных жизненных случаях, описать свои эмоции и реакции клиентов. Поделитесь сложностями, которые возникали на пути решения задачи — читателю они часто интереснее результата.
Сам сюжет еще со времен Аристотеля строится на трех классических актах, которые продемонстрированы на графике внизу поста. А именно:
1) Завязка
Изложение сюжета, например "жила-была Красная шапочка и решила она навестить свою бабушку..."
2) Сюжетный поворот
Как правило тут обрисовывается проблема героя. В сказке - волк съедает бабушку...
3) Развязка
Позитивное (или не очень) разрешение проблемы. На примере Красной Шапочки – это успешное спасение бабушки.
Каждая история должна заканчиваться выводом подводя итог. Что читатель может почерпнуть для себя из нее? Тут буквально можно резюмировать, что именно вы хотели донести. В заключение можно добавить призыв к действию, если это является вашей целью.
На этом всё на сегодня. В следующий раз поговорим об упаковке ваших историй в зависимости от контекста. Дайте знать в реакциях, если тема вам интересна.
#методы
Использование сторителлинга в бизнесе, требует соблюдение некоторых правил, которые помогут увеличить эффективность метода и получить рабочий инструмент на выходе. Написание хорошей истории можно разложить на следующие этапы:
1. Определите цельВ первую очередь нужно определить какую бизнес-задачу будет выполнять ваша история. Это может быть, например, призыв к действию или выстраивание имиджа бренда, формирование ассоциаций с продуктом итд. Для этого необходимо определить цели и смыслы: что вы хотите сказать? Какие эмоции и ассоциации вызвать у пользователя? Четкая постановка задачи будет служить вам ориентиром при написании истории.
2. Определите герояОпределившись с целью можно заняться героем и сюжетом. Люди всегда с интересом следят за историями, где герой сталкивается с похожими жизненными препятствиями, как и у них самих. В зависимости от вашей цели героем может быть потенциальный клиент. В экспертных блогах героем выступает сам эксперт или его сотрудник. В маркетинге товара, косвенно героем может быть и сам продукт.
3. Продумайте сюжетНе зависимо от того, реальная ваша история или вымышленная сюжет должен дать ответы на следующие вопросы: Что произошло? Где и с кем это случилось? Как повели себя герои? Чем все закончилось? Таким образом вы получите готовый скелет истории, который можно наполнять деталями: диалогами, другими действующими лицами и событиями. Важно, чтобы ваша история была максимально приближена к реальности. Можете рассказать о забавных жизненных случаях, описать свои эмоции и реакции клиентов. Поделитесь сложностями, которые возникали на пути решения задачи — читателю они часто интереснее результата.
Сам сюжет еще со времен Аристотеля строится на трех классических актах, которые продемонстрированы на графике внизу поста. А именно:
1) Завязка
Изложение сюжета, например "жила-была Красная шапочка и решила она навестить свою бабушку..."
2) Сюжетный поворот
Как правило тут обрисовывается проблема героя. В сказке - волк съедает бабушку...
3) Развязка
Позитивное (или не очень) разрешение проблемы. На примере Красной Шапочки – это успешное спасение бабушки.
4. Добавьте моральКаждая история должна заканчиваться выводом подводя итог. Что читатель может почерпнуть для себя из нее? Тут буквально можно резюмировать, что именно вы хотели донести. В заключение можно добавить призыв к действию, если это является вашей целью.
На этом всё на сегодня. В следующий раз поговорим об упаковке ваших историй в зависимости от контекста. Дайте знать в реакциях, если тема вам интересна.
#методы
👍13
Бритва Оккама, мудборды, дизайн-тренды и сторителлинг...
Дайджест полезных материалов за неделю:
- Ресурсы для поиска референсов элементов интерфейса
- Психология в дизайне – Бритва Оккама
- Конференция Virtual Schema от Figma о дизайн системах
- Как создавать мудборды
- Тренды в портфолио дизайн-агенств
- Сторителлинг в UX #2
Если материал был вам полезен, поделитесь в реакциях. Ваши лайки имеют магическую силу нехило мотивировать автора 😉
Дайджест полезных материалов за неделю:
- Ресурсы для поиска референсов элементов интерфейса
- Психология в дизайне – Бритва Оккама
- Конференция Virtual Schema от Figma о дизайн системах
- Как создавать мудборды
- Тренды в портфолио дизайн-агенств
- Сторителлинг в UX #2
Если материал был вам полезен, поделитесь в реакциях. Ваши лайки имеют магическую силу нехило мотивировать автора 😉
👍7
Голосуем за темы постов на неделю. Выйдут 3 из 4:
Final Results
37%
Психология в дизайне - Ошибка выжившего
15%
Сторителлинг в UX #3 - упаковка историй
11%
Как приоризоровать задания по модели MoSCoW
37%
Что такое UX-бенчмаркинг
5 шагов для создания успешного кейса на Behance
Недавно наткнулся на статью, где автор пошагово разбирает, что нужно учитывать при создании кейса для платформы Behance.
А именно:
1. Придумать обложку
2. Наполнить деталями
3. Загрузить видео
4. Передать атмосферу
5. Добавить ключевые фразы
В статье основной акцент сделан именно на визуально привлекательную презентацию работ. Содержанию, к сожалению, не уделено практически никакого внимания, а это в контексте проектирования продукта один из наиболее важных факторов. Если вы хотите найти новых клиентов, а не просто сидеть и радоваться лайкам от других дизайнеров, то необходимо рассказать в чем состояла та или иная задача и как вы пришли к решению.
Также советую почитать мои старые посты по теме, если планируете выложить новые работы в портфолио
> Как правильно создавать кейсы
> Как продвигать свои работы на Behance
> Как составить портфолио 1
> Как составить портфолио 2
Недавно наткнулся на статью, где автор пошагово разбирает, что нужно учитывать при создании кейса для платформы Behance.
А именно:
1. Придумать обложку
2. Наполнить деталями
3. Загрузить видео
4. Передать атмосферу
5. Добавить ключевые фразы
В статье основной акцент сделан именно на визуально привлекательную презентацию работ. Содержанию, к сожалению, не уделено практически никакого внимания, а это в контексте проектирования продукта один из наиболее важных факторов. Если вы хотите найти новых клиентов, а не просто сидеть и радоваться лайкам от других дизайнеров, то необходимо рассказать в чем состояла та или иная задача и как вы пришли к решению.
Также советую почитать мои старые посты по теме, если планируете выложить новые работы в портфолио
> Как правильно создавать кейсы
> Как продвигать свои работы на Behance
> Как составить портфолио 1
> Как составить портфолио 2
vc.ru
5 шагов для создания успешного кейса на Behance — Дизайн на vc.ru
Если вы открыли эту статью, то, вероятно, планируете или уже выложили проект на Behance. Поэтому надеюсь, вам будут полезны 5 пунктов, которые стоит учитывать при создании кейсов.
👍10❤3
Психология в дизайне - Ошибка выжившего
Ошибка выжившего – это когнитивное искажение, в основе которого лежит непонимание причины и следствия приводящее к неверному суждению.
Одним из примеров ошибки выжившего является исследование проведенное в ходе Второй мировой войны. Американская авиация несла немалые потери, а уцелевшие самолеты, вернувшиеся на базу, имели множество пробоин. Чтобы сохранить самолеты, напрашивалось очевидное решение – укрепить наиболее поврежденные части. Но в ходе дальнейших исследований венгерский математик Абрахам Вальд пришел к полностью противоположному выводу. Большинство попаданий у "выживших" самолетов приходилось на не критичные части. Поэтому бронировать нужно те места, где у «выживших» машин не было пробоин, что в дальнейшем помогло значительно снизить потери американской авиации и сохранить много жизней.
Таким образом, ошибка выжившего — тенденция обращать внимание только на истории успеха, упуская из вида, что не менее важно изучить скрытые неудачи "погибших". Именно на этом искажении построены все истории чужого успеха вселяющие уверенность, что если получилось у кого-то, то непременно получится и у вас.
Как применять в дизайне
Люди подвержены когнитивному искажению повсюду, будь то решения в бизнесе, повседневная жизнь или дизайн продукта. Основное правило – избегайте поспешных выводов основанных на предубеждениях.
– Избегайте шаблонного мышления. То, что работало с одним клиентом, необязательно принесет те же результаты с другим
– При проектировании нового продукта убедитесь, что вы располагаете всей информацией для принятия нужных решений
– Ищите уникальный подход для каждого проекта принимая во внимание индивидуальные аспекты и переменные
– При пользовательских исследованиях изучайте не только пользователей с успешным опытом, но и с негативным
На этом все! Было полезно? Дайте знать в реакциях.
Ошибка выжившего – это когнитивное искажение, в основе которого лежит непонимание причины и следствия приводящее к неверному суждению.
Одним из примеров ошибки выжившего является исследование проведенное в ходе Второй мировой войны. Американская авиация несла немалые потери, а уцелевшие самолеты, вернувшиеся на базу, имели множество пробоин. Чтобы сохранить самолеты, напрашивалось очевидное решение – укрепить наиболее поврежденные части. Но в ходе дальнейших исследований венгерский математик Абрахам Вальд пришел к полностью противоположному выводу. Большинство попаданий у "выживших" самолетов приходилось на не критичные части. Поэтому бронировать нужно те места, где у «выживших» машин не было пробоин, что в дальнейшем помогло значительно снизить потери американской авиации и сохранить много жизней.
Таким образом, ошибка выжившего — тенденция обращать внимание только на истории успеха, упуская из вида, что не менее важно изучить скрытые неудачи "погибших". Именно на этом искажении построены все истории чужого успеха вселяющие уверенность, что если получилось у кого-то, то непременно получится и у вас.
Как применять в дизайне
Люди подвержены когнитивному искажению повсюду, будь то решения в бизнесе, повседневная жизнь или дизайн продукта. Основное правило – избегайте поспешных выводов основанных на предубеждениях.
– Избегайте шаблонного мышления. То, что работало с одним клиентом, необязательно принесет те же результаты с другим
– При проектировании нового продукта убедитесь, что вы располагаете всей информацией для принятия нужных решений
– Ищите уникальный подход для каждого проекта принимая во внимание индивидуальные аспекты и переменные
– При пользовательских исследованиях изучайте не только пользователей с успешным опытом, но и с негативным
На этом все! Было полезно? Дайте знать в реакциях.
🔥22👍4❤1
ТОП 6 плагинов Figma для работы с типографикой и текстами
Небольшая подборка полезностей облегчающих работу с шрифтами и типографикой
Typestyles
Генерирует текстовые стили используя font-size, font-family и многое другое...
SBOL Typograph
Плагин для исправления и форматирования кириллического текста на основе правил типографики
Font Viewer
Добавляет предпросмотр локальных шрифтов в Figma
Font Scale
Практичный инструмент для создания гармоничной типографской иерархии
Change Text
Позволяет редактировать текст сразу в нескольких слоях, группах и фреймах.
Typography Styleguide
Создает стайлгайды типографики на основе стилей документа
Если было полезно, вдарьте по реакциям!
Небольшая подборка полезностей облегчающих работу с шрифтами и типографикой
Typestyles
Генерирует текстовые стили используя font-size, font-family и многое другое...
SBOL Typograph
Плагин для исправления и форматирования кириллического текста на основе правил типографики
Font Viewer
Добавляет предпросмотр локальных шрифтов в Figma
Font Scale
Практичный инструмент для создания гармоничной типографской иерархии
Change Text
Позволяет редактировать текст сразу в нескольких слоях, группах и фреймах.
Typography Styleguide
Создает стайлгайды типографики на основе стилей документа
Если было полезно, вдарьте по реакциям!
👍19😍1
Что такое UX-бенчмаркинг
При разработке цифрового продукта или сервиса как правило возникает вопрос, как померить эффективность того или иного решения? Как понять насколько продукт лучше или хуже конкурентов? Один из методов, который поможет дать четкие ответы это — бенчмаркинг.
В широком понимании бенчмаркинг, это процесс оценки продукта согласно метрикам, которые позволяют измерить степень достижения поставленных целей или сравнить продукт с конкурентами по определенным показателям.
Например, вы провели редизайн сайта для клиента и хотите на конкретных цифрах показать, что именно стало лучше. Так, одним из показателей может быть сравнение конверсии продаж до и после редизайна. Другим показателем может быть измерение времени потраченного пользователем на решение какой-либо задачи.
Виды UX-бенчмаркинга
Рассмотрим основные два вида бенчмаркинга и когда их стоит применять
Выявляем основные тренды по сегменту, смотрим какие функции есть у схожих продуктов. Конкуренты и критерии, которые мы хотим сравнить собираем в единую таблицу.
Метод подойдет для начальной фазы проектирования, чтобы определить минимальные требования к продукту и выявить возможные потенциалы.
Получается, что бенчмаркинг хоть и наименее творческая часть проектной работы, зато очень важная если нужно четко определить цели и померить эффективность работы.
Чтобы провести полноценный UX-бенчмаркинг, сначала нужно определиться, что и как вы хотите измерять. Об этом расскажу в следующей части. Дайте знать в реакциях если вам интересно.
#методы
При разработке цифрового продукта или сервиса как правило возникает вопрос, как померить эффективность того или иного решения? Как понять насколько продукт лучше или хуже конкурентов? Один из методов, который поможет дать четкие ответы это — бенчмаркинг.
В широком понимании бенчмаркинг, это процесс оценки продукта согласно метрикам, которые позволяют измерить степень достижения поставленных целей или сравнить продукт с конкурентами по определенным показателям.
Например, вы провели редизайн сайта для клиента и хотите на конкретных цифрах показать, что именно стало лучше. Так, одним из показателей может быть сравнение конверсии продаж до и после редизайна. Другим показателем может быть измерение времени потраченного пользователем на решение какой-либо задачи.
Виды UX-бенчмаркинга
Рассмотрим основные два вида бенчмаркинга и когда их стоит применять
1. Сравнительный конкурентный анализВыявляем основные тренды по сегменту, смотрим какие функции есть у схожих продуктов. Конкуренты и критерии, которые мы хотим сравнить собираем в единую таблицу.
Метод подойдет для начальной фазы проектирования, чтобы определить минимальные требования к продукту и выявить возможные потенциалы.
2. Оценка эффективности продукта
Получается, что бенчмаркинг хоть и наименее творческая часть проектной работы, зато очень важная если нужно четко определить цели и померить эффективность работы.
Чтобы провести полноценный UX-бенчмаркинг, сначала нужно определиться, что и как вы хотите измерять. Об этом расскажу в следующей части. Дайте знать в реакциях если вам интересно.
#методы
🔥25👍5
Media is too big
VIEW IN TELEGRAM
Ролик Google о стилистике Material Design
В ролике отображена визуализация Material You, последней итерации дизайн системы Material Design. Основная тема – атомарный дизайн и микроинтеракции. Ролик создан в сотрудничестве с немецкой анимационной студией Someform.
Как вам креатив?
В ролике отображена визуализация Material You, последней итерации дизайн системы Material Design. Основная тема – атомарный дизайн и микроинтеракции. Ролик создан в сотрудничестве с немецкой анимационной студией Someform.
Как вам креатив?
🔥16😍2
Сторителлинг в UX #3 - упаковка историй
Любую историю можно упаковать по-разному. При этом вопрос не в том, где вы хотите рассказать ваш сюжет – в тексте, картинках, видео или на сайте, а именно о технике подачи информации таким образом, чтобы захватить внимание пользователя и вовлечь его в повествование.
Рассмотрим несколько приемов упаковки историй:
1. Мономиф
Наиболее популярный прием в рекламе или кино. Герой проходит свой путь в хронологическом порядке, преодолевая различные препятствиями, а аудитория следит за его развитием.
Эта техника особенно подойдет для продвижения личного бренда, истории продукта или бизнеса, например в виде повествования в блоге.
Кстати, Дэн Хармон, один из создателей сериала «Рик и Морти», придумал собственный сценарный метод на основе мономифа, который так и называют «круг Хармона»
2. Рамка
В данном случае берётся одна сюжетная линия и на её основе рассказываются самостоятельные истории. На этом принципе строятся сериалы-ситкомы или многие рекламные ролики.
Хорошо подходит для формирования определенного образа бренда или ассоциации.
Например, берем работников или клиентов и каждый рассказывает свою историю связанную с брендом или продуктом.
3. Сравнение
Показываем два контраста. Например, как все было плохо до и как стало здорово после. Часто используется в рекламе продукта или сервиса за счет крайне простой сюжетной структуры.
4. Начало с середины
Перевернутый сюжет, где аудитории показана кульминация событий. Такая история сразу цепляет внимание и вызывает желание посмотреть всю историю до конца. Прекрасно работает в рекламных роликах или в историях целью которых является заинтриговать аудиторию относительно какой-то темы.
5. Лепестки
На первый взгляд несвязные сюжеты постепенно раскрывают единую историю. Подход помогает воздействовать на широкую аудиторию, разогреть интерес к ключевой теме. Часто используется в телевизионной рекламе или как виральная реклама в соцсетях.
Все это конечно познавательно, но как это можно применить на практике в дизайне продукта спросите вы?
На самом деле то, какими средствами рассказана история вопрос второстепенный. Если сюжет реально интересный его можно воплотить в виде рассказа, мини ролика или веб страницы. Главное – это цепляющая, интересная идея упакованная в захватывающий внимание сценарий.
Как сторителлинг может помочь решить UX задачи
- увеличить вовлеченность аудитории
- удержать внимание / заинтриговать пользователя для совершения какого либо действия
- улучшить удобство пользования, например сделав переходы от одного контекста к другому более взаимосвязанными
- помочь изучить какую либо информацию, например рассказать о сложном или скучном процессе в виде интересной истории
Напоследок несколько примеров сторителлинга
Пример двух рекламных постов
Один написан "по классике" с описанием проблемы и призывом, а другой — с историей. Второе объявление показало х10 кратную эффективность.
Интернет-маркетинг по-деревенски: как фермер клиентов в соцсетях искал
Пример хорошо написанного бизнес кейса. История привлекла новых клиентов и инвестора.
Рекламный ролик Axe «Make love, not war»
Преподносит продукт в другом свете интригуя неожиданной развязкой
The Boat
Интерактивная графическая новелла
Вебстраница изготовителя сумок Bagigia
Продуктовая страница, где главным героем выступает сам продукт (смотреть версию на десктопе)
На этом все! Если было полезно, дайте вашего 🔥
#методы
Любую историю можно упаковать по-разному. При этом вопрос не в том, где вы хотите рассказать ваш сюжет – в тексте, картинках, видео или на сайте, а именно о технике подачи информации таким образом, чтобы захватить внимание пользователя и вовлечь его в повествование.
Рассмотрим несколько приемов упаковки историй:
1. Мономиф
Наиболее популярный прием в рекламе или кино. Герой проходит свой путь в хронологическом порядке, преодолевая различные препятствиями, а аудитория следит за его развитием.
Эта техника особенно подойдет для продвижения личного бренда, истории продукта или бизнеса, например в виде повествования в блоге.
Кстати, Дэн Хармон, один из создателей сериала «Рик и Морти», придумал собственный сценарный метод на основе мономифа, который так и называют «круг Хармона»
2. Рамка
В данном случае берётся одна сюжетная линия и на её основе рассказываются самостоятельные истории. На этом принципе строятся сериалы-ситкомы или многие рекламные ролики.
Хорошо подходит для формирования определенного образа бренда или ассоциации.
Например, берем работников или клиентов и каждый рассказывает свою историю связанную с брендом или продуктом.
3. Сравнение
Показываем два контраста. Например, как все было плохо до и как стало здорово после. Часто используется в рекламе продукта или сервиса за счет крайне простой сюжетной структуры.
4. Начало с середины
Перевернутый сюжет, где аудитории показана кульминация событий. Такая история сразу цепляет внимание и вызывает желание посмотреть всю историю до конца. Прекрасно работает в рекламных роликах или в историях целью которых является заинтриговать аудиторию относительно какой-то темы.
5. Лепестки
На первый взгляд несвязные сюжеты постепенно раскрывают единую историю. Подход помогает воздействовать на широкую аудиторию, разогреть интерес к ключевой теме. Часто используется в телевизионной рекламе или как виральная реклама в соцсетях.
Все это конечно познавательно, но как это можно применить на практике в дизайне продукта спросите вы?
На самом деле то, какими средствами рассказана история вопрос второстепенный. Если сюжет реально интересный его можно воплотить в виде рассказа, мини ролика или веб страницы. Главное – это цепляющая, интересная идея упакованная в захватывающий внимание сценарий.
Как сторителлинг может помочь решить UX задачи
- увеличить вовлеченность аудитории
- удержать внимание / заинтриговать пользователя для совершения какого либо действия
- улучшить удобство пользования, например сделав переходы от одного контекста к другому более взаимосвязанными
- помочь изучить какую либо информацию, например рассказать о сложном или скучном процессе в виде интересной истории
Напоследок несколько примеров сторителлинга
Пример двух рекламных постов
Один написан "по классике" с описанием проблемы и призывом, а другой — с историей. Второе объявление показало х10 кратную эффективность.
Интернет-маркетинг по-деревенски: как фермер клиентов в соцсетях искал
Пример хорошо написанного бизнес кейса. История привлекла новых клиентов и инвестора.
Рекламный ролик Axe «Make love, not war»
Преподносит продукт в другом свете интригуя неожиданной развязкой
The Boat
Интерактивная графическая новелла
Вебстраница изготовителя сумок Bagigia
Продуктовая страница, где главным героем выступает сам продукт (смотреть версию на десктопе)
На этом все! Если было полезно, дайте вашего 🔥
#методы
🔥10
Ошибка выжившего, UX бенчмаркиг, упаковка историй...
Темы статей вышедшие на этой неделе:
5 шагов для создания успешного кейса на Behance
Психология в дизайне - Ошибка выжившего
ТОП 6 плагинов Figma для работы с типографикой и текстами
Что такое UX-бенчмаркинг
Сторителлинг в UX #3 - упаковка историй
Как вам темы статей? Если есть предложения о чем стоит написать, кидайте в бот @uxtrends_bot или комметарии.
Темы статей вышедшие на этой неделе:
5 шагов для создания успешного кейса на Behance
Психология в дизайне - Ошибка выжившего
ТОП 6 плагинов Figma для работы с типографикой и текстами
Что такое UX-бенчмаркинг
Сторителлинг в UX #3 - упаковка историй
Как вам темы статей? Если есть предложения о чем стоит написать, кидайте в бот @uxtrends_bot или комметарии.
👍1
Голосуем за темы постов на неделю. Выйдут 3 из 4:
Final Results
19%
Психология в дизайне - эффект градиента цели
27%
7 этапов UX-бенчмаркинга продукта
32%
Методы исследования в UX - Удаленное немодерируемое тестирование
23%
Оптические иллюзий в дизайне – Иллюзия сечения треугольника
👍1
Тренды логотипов в 2022
Отличная подборка ключевых тенденций дизайна логотипов на случай, если вам вдруг понадобится задизайнить современный логотип. В переводе статьи от издания designshack автор выделил 20 трендов, таких как контурные шрифты, экспериментальные гарнитуры, логотипы-кнопки и многие другие.
Ссылка на статью
Отличная подборка ключевых тенденций дизайна логотипов на случай, если вам вдруг понадобится задизайнить современный логотип. В переводе статьи от издания designshack автор выделил 20 трендов, таких как контурные шрифты, экспериментальные гарнитуры, логотипы-кнопки и многие другие.
Ссылка на статью
www.uprock.ru
Дизайн логотипов: 20 ключевых тенденций 2022 года — читайте на UPROCK
Вам нужен новый логотип? . читайте полезные статьи о дизайне в блоге UPROCK
❤3👍3
Методы исследования в UX – Удаленное немодерируемое тестирование
Один из методов юзабилити-тестирования в котором участники выполняют задания комментируя вслух все свои действияx.
Метод позволяет выявить основные проблемы с удобством интерфейса, провести быстрый количественный анализ.
В отличие от модерируемого юзабилити-тестирования метод не требует глубокого погружения и проработки комплексных сценариев. Пользователь выполняет несложные целевые задания через онлайн-платформу, что делает этот метод наиболее пригодным для количественных исследований с широкой аудиторией.
Как проводить удаленное немодерируемое тестирование?
В целом, схема тестирования очень похожа на лабораторное пользовательское тестирование с тем отличием, что сценарии фрагментированы на автономные задачи. При этом нет необходимости в участии модератора – пользователь получает и выполняет задания через специальную платформу онлайн-тестирования. В то время как весь процесс фиксируется на видео.
Пример целевого задания можно наблюдать на видео под постом, где пользователь должен выбрать фонарь для велосипеда в онлайн магазине.
В каких случаях стоит проводить
Метод хорошо подойдет для проверки гипотез, исследования определенного функционала приложения на прототипе. Также метод полезен для оттачивания существующих продуктов и исследования проблем в юзабилити на широкой аудитории.
Недостаток метода в том, что респондента нельзя расспросить относительно совершенных действий. Он также не пригоден для понимания пользовательской мотивации и тестирования сложных сценариев с взаимосвязанными действиями.
Платные сервисы для проведения тестов
Fabuza
российский сервис онлайн-тестирования с хорошим функционалом
AskUsers
российский сервис для проведения анкетирования и комплексных юзабилити-исследований включая немодерируемые тесты
Userzoom
интернациональный сервис для модерируемых и немодерируемых тестов нативных приложений, сайтов и прототипов
На этом все! Если было полезно, реакции к вашим услугам.
#методы
Один из методов юзабилити-тестирования в котором участники выполняют задания комментируя вслух все свои действияx.
Метод позволяет выявить основные проблемы с удобством интерфейса, провести быстрый количественный анализ.
В отличие от модерируемого юзабилити-тестирования метод не требует глубокого погружения и проработки комплексных сценариев. Пользователь выполняет несложные целевые задания через онлайн-платформу, что делает этот метод наиболее пригодным для количественных исследований с широкой аудиторией.
Как проводить удаленное немодерируемое тестирование?
В целом, схема тестирования очень похожа на лабораторное пользовательское тестирование с тем отличием, что сценарии фрагментированы на автономные задачи. При этом нет необходимости в участии модератора – пользователь получает и выполняет задания через специальную платформу онлайн-тестирования. В то время как весь процесс фиксируется на видео.
Пример целевого задания можно наблюдать на видео под постом, где пользователь должен выбрать фонарь для велосипеда в онлайн магазине.
В каких случаях стоит проводить
Метод хорошо подойдет для проверки гипотез, исследования определенного функционала приложения на прототипе. Также метод полезен для оттачивания существующих продуктов и исследования проблем в юзабилити на широкой аудитории.
Недостаток метода в том, что респондента нельзя расспросить относительно совершенных действий. Он также не пригоден для понимания пользовательской мотивации и тестирования сложных сценариев с взаимосвязанными действиями.
Платные сервисы для проведения тестов
Fabuza
российский сервис онлайн-тестирования с хорошим функционалом
AskUsers
российский сервис для проведения анкетирования и комплексных юзабилити-исследований включая немодерируемые тесты
Userzoom
интернациональный сервис для модерируемых и немодерируемых тестов нативных приложений, сайтов и прототипов
На этом все! Если было полезно, реакции к вашим услугам.
#методы
👍16🔥1
Подборка лекций про общение с клиентами
Не раз писал уже о том насколько важно уметь найти общий язык с заказчиками. Если вы фрилансите, то это жизненно необходимый навык в работе, независимо от специализации.
Собрал для вас подборку полезных лекций по теме, где эксперты в сфере дизайна рассказали, как правильно выстраивать общение с клиентом, как определять сроки и стоимость работы, и проводить брифинг, делать презентации и многое другое.
Он придет и молча поправит всё
Лекция Максима Ильяхова, автора книг, создателя сервиса Главред. В ней он дает ответы на главные вопросы общения и переписки, рассказывает, как с помощью слов можно решить проблемы коммуникации, а как можно уничтожить общение.
Как поднять свой ценник
Покрас Лампас, художник и каллиграф, рассказывает во фрагменте лекции как поднять свой ценник и зачем добавлять к работе креативные концепции.
5 правил дизайнеру по работе с клиентами
Позновательный ролик с канала «Дизайн это просто», где автор рассказала, как работать со сложными клиентами
Три типа клиентов: как с ними работать
Максим Авдеев, основатель дизайн-студии Max рассказал о типах клиентов и объяснил, как работать с каждым из них
Как нейтрализовать клиентские манипуляции
3х часовая лекция Бориса Шпирта, автора книги «Отчаянные аккаунт-менеджеры. Как работать с клиентами без стресса и проблем» В лекции Борис рассказывает как различать основные манипуляции заказчиков, уверенно их отрабатывать и грамотно переключать сложных клиентов в режим конструктивного диалога.
Делать не значит сделать
Доклад о том, как довести проект до конца, даже если клиент сформулировал задачу неточно, проект начинает скатываться во вкусовщину, а сроки поджимают
Как правильно дизайнеру брифовать клиента
Лекция Данилы Баранова из Логомашины о том, как дизайнеру правильно проводить брифинг, какие вопросы лучше задавать, а какие нет.
На этом все! Стоит делать больше таких подборок с подкастами и лекциями?
Не раз писал уже о том насколько важно уметь найти общий язык с заказчиками. Если вы фрилансите, то это жизненно необходимый навык в работе, независимо от специализации.
Собрал для вас подборку полезных лекций по теме, где эксперты в сфере дизайна рассказали, как правильно выстраивать общение с клиентом, как определять сроки и стоимость работы, и проводить брифинг, делать презентации и многое другое.
Он придет и молча поправит всё
Лекция Максима Ильяхова, автора книг, создателя сервиса Главред. В ней он дает ответы на главные вопросы общения и переписки, рассказывает, как с помощью слов можно решить проблемы коммуникации, а как можно уничтожить общение.
Как поднять свой ценник
Покрас Лампас, художник и каллиграф, рассказывает во фрагменте лекции как поднять свой ценник и зачем добавлять к работе креативные концепции.
5 правил дизайнеру по работе с клиентами
Позновательный ролик с канала «Дизайн это просто», где автор рассказала, как работать со сложными клиентами
Три типа клиентов: как с ними работать
Максим Авдеев, основатель дизайн-студии Max рассказал о типах клиентов и объяснил, как работать с каждым из них
Как нейтрализовать клиентские манипуляции
3х часовая лекция Бориса Шпирта, автора книги «Отчаянные аккаунт-менеджеры. Как работать с клиентами без стресса и проблем» В лекции Борис рассказывает как различать основные манипуляции заказчиков, уверенно их отрабатывать и грамотно переключать сложных клиентов в режим конструктивного диалога.
Делать не значит сделать
Доклад о том, как довести проект до конца, даже если клиент сформулировал задачу неточно, проект начинает скатываться во вкусовщину, а сроки поджимают
Как правильно дизайнеру брифовать клиента
Лекция Данилы Баранова из Логомашины о том, как дизайнеру правильно проводить брифинг, какие вопросы лучше задавать, а какие нет.
На этом все! Стоит делать больше таких подборок с подкастами и лекциями?
👍17
Оптические иллюзии в дизайне – Иллюзия сечения треугольника
Часто графические элементы выглядят обманчиво, особенно со сложной геометрией и нечетными сторонами. Такие элементы особенно непросто отцентрировать в композиции.
Взять например логотип Youtube. Если поместить равносторонний треугольник в прямоугольный контейнер и выронить его по центру, то создастся впечатление, что он не на своем месте – будто съехал немного влево. Все из-за эффекта, известного как иллюзия сечения треугольника. Для того чтобы "по науке", а не "на глаз" визуально правильно центрировать треугольник необходимо найти его центр масс (центройд). Он находится в точке пересечения средних линий треугольника (обозначены синими линиями на анимации). Именно по центру масс и нужно выравнивать треугольник, чтобы композиция смотрелось гармонично.
Для любого другого элемента точки сечения всегда расположены в 1/3 расстояния от каждой стороны до противоположной вершины.
Вывод
Не все элементы должны выравниваться в композиции следуя строго математической симметрии. Это стоит учесть при создании логотипов, иконок или макетов. Важно учитывать и оптические эффекты, подгонять элементы следуя визуальной гармонии.
Было полезно? Дайте знать в реакциях!
Часто графические элементы выглядят обманчиво, особенно со сложной геометрией и нечетными сторонами. Такие элементы особенно непросто отцентрировать в композиции.
Взять например логотип Youtube. Если поместить равносторонний треугольник в прямоугольный контейнер и выронить его по центру, то создастся впечатление, что он не на своем месте – будто съехал немного влево. Все из-за эффекта, известного как иллюзия сечения треугольника. Для того чтобы "по науке", а не "на глаз" визуально правильно центрировать треугольник необходимо найти его центр масс (центройд). Он находится в точке пересечения средних линий треугольника (обозначены синими линиями на анимации). Именно по центру масс и нужно выравнивать треугольник, чтобы композиция смотрелось гармонично.
Для любого другого элемента точки сечения всегда расположены в 1/3 расстояния от каждой стороны до противоположной вершины.
Вывод
Не все элементы должны выравниваться в композиции следуя строго математической симметрии. Это стоит учесть при создании логотипов, иконок или макетов. Важно учитывать и оптические эффекты, подгонять элементы следуя визуальной гармонии.
Было полезно? Дайте знать в реакциях!
🔥15👍4😁1
Пластилиновая типографика
С популярностью клейморфизма в дизайне интерфейсов, стал набирать и жизнерадостный пластилиновый 3D стиль. Яркие динамичные объекты и живой леттеринг дизайнера под псевдонимом Jenue прекрасно демонстрируют этот тренд.
Как вам дизайн?
С популярностью клейморфизма в дизайне интерфейсов, стал набирать и жизнерадостный пластилиновый 3D стиль. Яркие динамичные объекты и живой леттеринг дизайнера под псевдонимом Jenue прекрасно демонстрируют этот тренд.
Как вам дизайн?
❤15🔥2