5 шагов для создания успешного кейса на Behance

Недавно наткнулся на статью, где автор пошагово разбирает, что нужно учитывать при создании кейса для платформы Behance.
А именно:

1. Придумать обложку
2. Наполнить деталями
3. Загрузить видео
4. Передать атмосферу
5. Добавить ключевые фразы

В статье основной акцент сделан именно на визуально привлекательную презентацию работ. Содержанию, к сожалению, не уделено практически никакого внимания, а это в контексте проектирования продукта один из наиболее важных факторов. Если вы хотите найти новых клиентов, а не просто сидеть и радоваться лайкам от других дизайнеров, то необходимо рассказать в чем состояла та или иная задача и как вы пришли к решению. 

Также советую почитать мои старые посты по теме, если планируете выложить новые работы в портфолио 

> Как правильно создавать кейсы

> Как продвигать свои работы на Behance

> Как составить портфолио 1

> Как составить портфолио 2

Психология в дизайне - Ошибка выжившего

Ошибка выжившего – это когнитивное искажение, в основе которого лежит непонимание причины и следствия приводящее к неверному суждению.

Одним из примеров ошибки выжившего является исследование проведенное в ходе Второй мировой войны. Американская авиация несла немалые потери, а уцелевшие самолеты, вернувшиеся на базу, имели множество пробоин. Чтобы сохранить самолеты, напрашивалось очевидное решение – укрепить наиболее поврежденные части. Но в ходе дальнейших исследований венгерский математик Абрахам Вальд пришел к полностью противоположному выводу. Большинство попаданий у "выживших" самолетов приходилось на не критичные части. Поэтому бронировать нужно те места, где у «выживших» машин не было пробоин, что в дальнейшем помогло значительно снизить потери американской авиации и сохранить много жизней.

Таким образом, ошибка выжившего — тенденция обращать внимание только на истории успеха, упуская из вида, что не менее важно изучить скрытые неудачи "погибших". Именно на этом искажении построены все истории чужого успеха вселяющие уверенность, что если получилось у кого-то, то непременно получится и у вас.


Как применять в дизайне

Люди подвержены когнитивному искажению повсюду, будь то решения в бизнесе, повседневная жизнь или дизайн продукта. Основное правило – избегайте поспешных выводов основанных на предубеждениях.

– Избегайте шаблонного мышления. То, что работало с одним клиентом, необязательно принесет те же результаты с другим

– При проектировании нового продукта убедитесь, что вы располагаете всей информацией для принятия нужных решений

– Ищите уникальный подход для каждого проекта принимая во внимание индивидуальные аспекты и переменные

– При пользовательских исследованиях изучайте не только пользователей с успешным опытом, но и с негативным


На этом все! Было полезно? Дайте знать в реакциях.

ТОП 6 плагинов Figma для работы с типографикой и текстами

Небольшая подборка полезностей облегчающих работу с шрифтами и типографикой

Typestyles
Генерирует текстовые стили используя font-size, font-family и многое другое...


SBOL Typograph
Плагин для исправления и форматирования кириллического текста на основе правил типографики


Font Viewer
Добавляет предпросмотр локальных шрифтов в Figma


Font Scale
Практичный инструмент для создания гармоничной типографской иерархии


Change Text
Позволяет редактировать текст сразу в нескольких слоях, группах и фреймах.


Typography Styleguide
Создает стайлгайды типографики на основе стилей документа


Если было полезно, вдарьте по реакциям!

Что такое UX-бенчмаркинг

При разработке цифрового продукта или сервиса как правило возникает вопрос, как померить эффективность того или иного решения? Как понять насколько продукт лучше или хуже конкурентов? Один из методов, который поможет дать четкие ответы это — бенчмаркинг.  

В широком понимании бенчмаркинг, это процесс оценки продукта согласно метрикам, которые позволяют измерить  степень достижения поставленных целей или сравнить продукт с конкурентами по определенным показателям. 

Например, вы провели редизайн сайта для клиента и хотите на конкретных цифрах показать, что именно стало лучше. Так, одним из показателей может быть сравнение конверсии продаж до и после редизайна. Другим показателем может быть измерение времени потраченного пользователем на решение какой-либо задачи. 

Виды UX-бенчмаркинга

Рассмотрим основные два вида бенчмаркинга и когда их стоит применять

1. Сравнительный конкурентный анализ

Выявляем основные тренды по сегменту, смотрим какие функции есть у схожих продуктов. Конкуренты и критерии, которые мы хотим сравнить собираем в единую таблицу.
Метод подойдет для начальной фазы проектирования, чтобы определить минимальные требования к продукту и выявить возможные потенциалы.

2. Оценка эффективности продукта

Проводиться в конце одного цикла проектирования и перед началом следующего. Цель – сравнить пользовательский интерфейс продукта с его более ранней версией путём анализа данных, количественного юзабилити-тестирования или с помощью опросов. Также это возможность наглядно продемонстрировать результаты работы заказчику.

Получается, что бенчмаркинг хоть и наименее творческая часть проектной работы, зато очень важная если нужно четко определить цели и померить эффективность работы.

Чтобы провести полноценный UX-бенчмаркинг, сначала нужно определиться, что и как вы хотите измерять. Об этом расскажу в следующей части. Дайте знать в реакциях если вам интересно.

#методы

Ролик Google о стилистике Material Design

В ролике отображена визуализация Material You, последней итерации дизайн системы Material Design. Основная тема – атомарный дизайн и микроинтеракции. Ролик создан в сотрудничестве с немецкой анимационной студией Someform.

Как вам креатив?

Сторителлинг в UX #3 - упаковка историй

Любую историю можно упаковать по-разному. При этом вопрос не в том, где вы хотите рассказать ваш сюжет – в тексте, картинках, видео или на сайте, а именно о технике подачи информации таким образом, чтобы захватить внимание пользователя и вовлечь его в повествование.
Рассмотрим несколько приемов упаковки историй:

1. Мономиф

Наиболее популярный прием в рекламе или кино. Герой проходит свой путь в хронологическом порядке, преодолевая различные препятствиями, а аудитория следит за его развитием. 
Эта техника особенно подойдет для продвижения личного бренда, истории продукта или бизнеса, например в виде повествования в блоге.

Кстати, Дэн Хармон, один из создателей сериала «Рик и Морти», придумал собственный сценарный метод на основе мономифа, который так и называют «круг Хармона»


2. Рамка

В данном случае берётся одна сюжетная линия и на её основе рассказываются самостоятельные истории. На этом принципе строятся сериалы-ситкомы или многие рекламные ролики.
Хорошо подходит для формирования определенного образа бренда или ассоциации.
Например, берем работников или клиентов и каждый рассказывает свою историю связанную с брендом или продуктом.


3. Сравнение

Показываем два контраста. Например, как все было плохо до и как стало здорово после. Часто используется в рекламе продукта или сервиса за счет крайне простой сюжетной структуры. 


4. Начало с середины

Перевернутый сюжет, где аудитории показана кульминация событий. Такая история сразу цепляет внимание и вызывает желание посмотреть всю историю до конца. Прекрасно работает в рекламных роликах или в историях целью которых является заинтриговать аудиторию относительно какой-то темы.


5. Лепестки

На первый взгляд несвязные сюжеты постепенно раскрывают единую историю. Подход помогает воздействовать на широкую аудиторию, разогреть интерес к ключевой теме. Часто используется в телевизионной рекламе или как виральная реклама в соцсетях.


Все это конечно познавательно, но как это можно применить на практике в дизайне продукта спросите вы?
На самом деле то, какими средствами рассказана история вопрос второстепенный. Если сюжет реально интересный его можно воплотить в виде рассказа, мини ролика или веб страницы. Главное – это цепляющая, интересная идея упакованная в захватывающий внимание сценарий.


Как сторителлинг может помочь решить UX задачи

- увеличить вовлеченность аудитории
- удержать внимание / заинтриговать пользователя для совершения какого либо действия
- улучшить удобство пользования, например сделав переходы от одного контекста к другому более взаимосвязанными
- помочь изучить какую либо информацию, например рассказать о сложном или скучном процессе в виде интересной истории


Напоследок несколько примеров сторителлинга

Пример двух рекламных постов
Один написан "по классике" с описанием проблемы и призывом, а другой — с историей. Второе объявление показало х10 кратную эффективность.


Интернет-маркетинг по-деревенски: как фермер клиентов в соцсетях искал
Пример хорошо написанного бизнес кейса. История привлекла новых клиентов и инвестора.


Рекламный ролик Axe «Make love, not war»  
Преподносит продукт в другом свете интригуя неожиданной развязкой


The Boat
Интерактивная графическая новелла 


Вебстраница изготовителя сумок Bagigia
Продуктовая страница, где главным героем выступает сам продукт (смотреть версию на десктопе)


На этом все! Если было полезно, дайте вашего 🔥

#методы

Ошибка выжившего, UX бенчмаркиг, упаковка историй...

Темы статей вышедшие на этой неделе:

5 шагов для создания успешного кейса на Behance


Психология в дизайне - Ошибка выжившего


ТОП 6 плагинов Figma для работы с типографикой и текстами


Что такое UX-бенчмаркинг


Сторителлинг в UX #3 - упаковка историй


Как вам темы статей? Если есть предложения о чем стоит написать, кидайте в бот @uxtrends_bot или комметарии.

Тренды логотипов в 2022

Отличная подборка ключевых тенденций дизайна логотипов на случай, если вам вдруг понадобится задизайнить современный логотип. В переводе статьи от издания designshack автор выделил 20 трендов, таких как контурные шрифты, экспериментальные гарнитуры, логотипы-кнопки и многие другие.

Ссылка на статью

Методы исследования в UX – Удаленное немодерируемое тестирование

Один из методов юзабилити-тестирования в котором участники выполняют задания комментируя вслух все свои действияx.
Метод позволяет выявить основные проблемы с удобством интерфейса, провести быстрый количественный анализ. 

В отличие от модерируемого юзабилити-тестирования метод не требует глубокого погружения и проработки комплексных сценариев. Пользователь выполняет несложные целевые задания через онлайн-платформу, что делает этот метод наиболее пригодным для количественных исследований с широкой аудиторией.


Как проводить удаленное немодерируемое тестирование?

В целом, схема тестирования очень похожа на лабораторное пользовательское тестирование с тем отличием, что сценарии фрагментированы на автономные задачи. При этом нет необходимости в участии модератора – пользователь получает и выполняет задания через специальную платформу онлайн-тестирования. В то время как весь процесс фиксируется на видео. 

Пример целевого задания можно наблюдать на видео под постом, где пользователь должен выбрать фонарь для велосипеда в онлайн магазине.


В каких случаях стоит проводить

Метод хорошо подойдет для проверки гипотез, исследования определенного функционала приложения на прототипе. Также метод полезен для оттачивания существующих продуктов и исследования проблем в юзабилити на широкой аудитории. 
Недостаток метода в том, что респондента нельзя расспросить относительно совершенных действий. Он также не пригоден для понимания пользовательской мотивации и тестирования сложных сценариев с взаимосвязанными действиями.


Платные сервисы для проведения тестов

Fabuza
российский сервис онлайн-тестирования с хорошим функционалом 

AskUsers
российский сервис для проведения анкетирования и комплексных юзабилити-исследований включая немодерируемые тесты

Userzoom
интернациональный сервис для модерируемых и немодерируемых тестов нативных приложений, сайтов и прототипов


На этом все! Если было полезно, реакции к вашим услугам.

#методы

Подборка лекций про общение с клиентами

Не раз писал уже о том насколько важно уметь найти общий язык с заказчиками. Если вы фрилансите, то это жизненно необходимый навык в работе, независимо от специализации. 
Собрал для вас подборку полезных лекций по теме, где эксперты в сфере дизайна рассказали, как правильно выстраивать общение с клиентом, как определять сроки и стоимость работы, и проводить брифинг, делать презентации и многое другое.


Он придет и молча поправит всё
Лекция Максима Ильяхова, автора книг, создателя сервиса Главред. В ней он дает ответы на главные вопросы общения и переписки, рассказывает, как с помощью слов можно решить проблемы коммуникации, а как можно уничтожить общение.


Как поднять свой ценник
Покрас Лампас, художник и каллиграф, рассказывает во фрагменте лекции как поднять свой ценник и зачем добавлять к работе креативные концепции.


5 правил дизайнеру по работе с клиентами
Позновательный ролик с канала «Дизайн это просто», где автор рассказала, как работать со сложными клиентами


Три типа клиентов: как с ними работать
Максим Авдеев, основатель дизайн-студии Max рассказал о типах клиентов и объяснил, как работать с каждым из них


Как нейтрализовать клиентские манипуляции
3х часовая лекция Бориса Шпирта, автора книги «Отчаянные аккаунт-менеджеры. Как работать с клиентами без стресса и проблем» В лекции Борис рассказывает как различать основные манипуляции заказчиков, уверенно их отрабатывать и грамотно переключать сложных клиентов в режим конструктивного диалога.


Делать не значит сделать
Доклад о том, как довести проект до конца, даже если клиент сформулировал задачу неточно, проект начинает скатываться во вкусовщину, а сроки поджимают


Как правильно дизайнеру брифовать клиента
Лекция Данилы Баранова из Логомашины о том, как дизайнеру правильно проводить брифинг, какие вопросы лучше задавать, а какие нет.


На этом все! Стоит делать больше таких подборок с подкастами и лекциями?

Оптические иллюзии в дизайне – Иллюзия сечения треугольника

Часто графические элементы выглядят обманчиво, особенно со сложной геометрией и нечетными сторонами. Такие элементы особенно непросто отцентрировать в композиции. 

Взять например логотип Youtube. Если поместить равносторонний треугольник в прямоугольный контейнер и выронить его по центру, то создастся впечатление, что он не на своем месте – будто съехал немного влево. Все из-за эффекта, известного как иллюзия сечения треугольника. Для того чтобы "по науке", а не "на глаз" визуально правильно центрировать треугольник необходимо найти его центр масс (центройд). Он находится в точке пересечения средних линий треугольника (обозначены синими линиями на анимации). Именно по центру масс и нужно выравнивать треугольник, чтобы композиция смотрелось гармонично.

Для любого другого элемента точки сечения всегда расположены в 1/3 расстояния от каждой стороны до противоположной вершины. 

Вывод

Не все элементы должны выравниваться в композиции следуя строго математической симметрии. Это стоит учесть при создании логотипов, иконок или макетов. Важно учитывать и оптические эффекты, подгонять элементы следуя визуальной гармонии.

Было полезно? Дайте знать в реакциях!

7 этапов UX-бенчмаркинга продукта

В продолжении темы бенчмаркинга пользовательских интерфейсов поэтапно разберем весь процесс.


Этап 1: Определите, что хотите измерять

Для начала выберите 5-10 основных задач, которые представляют наибольшую важность для ваших пользователей. Такими задачами могут быть целевые действия – например, регистрация, покупка, заполнение профиля итд...

Теперь определимся, что именно будем измерять. В отличие от маркетинга, где основные показатели это лиды и продажи, в UX нас могут заинтересовать такие показатели как:

- Вовлеченность пользователей
- Удовлетворённость сервисом или продуктом
- Принятие (использование товара, услуги или функции)
- Удержание (как часто пользователь возвращается)
- Эффективность выполнения задач (подсчёт ошибок, успех выполнения задачи)

Следует выбрать 2-4 метрики, отвечающие за разные аспекты интерфейса (например, удовлетворённость и вовлеченность). Эти показатели мы будем собирать на протяжении долгого времени.


Этап 2: Решите, как измерять

Основные методы исследования для UX-бенчмаркинга являются: количественное юзабилити-тестирование, аналитическое исследование и опросы. Если в первых двух мы собираем метрические данные отображающие производительность пользователей (количество успешных действий, время выполнения, принятие функций), то в последнем мы замеряем поведенческие параметры (простота выполнения задач, коэффициенты удовлетворённости и лояльности).

Примеры задач и метрик:

Продукт: Сайт онлайн-агенства
Задача: отправка формы с запросом
Метрики: количество отправленных и незавершенных случаев
Методика: Аналитическое исследование

Продукт: Интерен-Магазин
Задача: покупка товара в один клик
Метрики: еженедельные продажи в 1 клик, Принятие функции покупки в 1 клик
Методика: Аналитическое исследование, опрос


Этап 3: Сбор первого массива метрических данных

Суть состоит в том, чтобы провести первый тестировочный сбор данных и проанализировать успешность выбранного метода, убедиться, что собираемые данные отвечают на заданные вопросы. Таким образом можно внести коррективы на раннем этапе. 
Вначале у вас не будет эталонного показателя с которым можно сравнить полученные данные. В этом случае можно сравнить их с показателями ваших конкурентов, отраслевым стандартом или целями, заданными стейкхолдерами. 


Этап 4: Переработка продукта

Проанализировав собранные данные, вносим правки в наш продукт, чтобы можно было сравнить как было до правок и стало после.


Этап 5: Сбор дополнительного массива метрических данных

После запуска доработанной версии продукта проводим повторный сбор данных по выбранным методам. Если вы будете проводить повторный опрос, то дайте пользователям освоиться с новой версией продукта.


Этап 6: Интерпретация результата

После сбора как минимум двух массивов сравниваем метрики и делаем выводы. Например, это могут быть такие показатели как среднее время выполнения задачи (в минутах), средний коэффициент успешности в процентах, оценка уровня сложности выполнения задачи в пунктах от 1 до 10. Все, что можно потом упаковать в красивую презентацию с графиками для клиента.


Этап 7: Подсчёт окупаемости 

Бенчмаркинг позволяет отслеживать прогресс и демонстрировать результаты работы. Привязав UX-метрики к целям компании можно не только аргументировать ценность проведенных работ, но и подсчитать их окупаемость. В нашем примере, после имплементации продажи в 1 клик годовая прибыль интернет магазина могла возрасти, к примеру, на 8%.
Также можно оценить и ключевые показатели эффективности как продуктивность сотрудников или лояльность клиентов.

На этом у меня все! Если тема вам понравилась, жмем по реакциям.
Всем отличных выходных!

#методы

Опубликовал статью про UX-бенчмаркинг на VC с некоторыми дополнениями и примерами. Так, что можете почитать и там.