Методы исследования в 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
7 этапов UX-бенчмаркинга продукта
В продолжении темы бенчмаркинга пользовательских интерфейсов поэтапно разберем весь процесс.
Для начала выберите 5-10 основных задач, которые представляют наибольшую важность для ваших пользователей. Такими задачами могут быть целевые действия – например, регистрация, покупка, заполнение профиля итд...
Теперь определимся, что именно будем измерять. В отличие от маркетинга, где основные показатели это лиды и продажи, в UX нас могут заинтересовать такие показатели как:
- Вовлеченность пользователей
- Удовлетворённость сервисом или продуктом
- Принятие (использование товара, услуги или функции)
- Удержание (как часто пользователь возвращается)
- Эффективность выполнения задач (подсчёт ошибок, успех выполнения задачи)
Следует выбрать 2-4 метрики, отвечающие за разные аспекты интерфейса (например, удовлетворённость и вовлеченность). Эти показатели мы будем собирать на протяжении долгого времени.
Основные методы исследования для UX-бенчмаркинга являются: количественное юзабилити-тестирование, аналитическое исследование и опросы. Если в первых двух мы собираем метрические данные отображающие производительность пользователей (количество успешных действий, время выполнения, принятие функций), то в последнем мы замеряем поведенческие параметры (простота выполнения задач, коэффициенты удовлетворённости и лояльности).
Примеры задач и метрик:
Продукт: Сайт онлайн-агенства
Задача: отправка формы с запросом
Метрики: количество отправленных и незавершенных случаев
Методика: Аналитическое исследование
Продукт: Интерен-Магазин
Задача: покупка товара в один клик
Метрики: еженедельные продажи в 1 клик, Принятие функции покупки в 1 клик
Методика: Аналитическое исследование, опрос
Суть состоит в том, чтобы провести первый тестировочный сбор данных и проанализировать успешность выбранного метода, убедиться, что собираемые данные отвечают на заданные вопросы. Таким образом можно внести коррективы на раннем этапе.
Вначале у вас не будет эталонного показателя с которым можно сравнить полученные данные. В этом случае можно сравнить их с показателями ваших конкурентов, отраслевым стандартом или целями, заданными стейкхолдерами.
Проанализировав собранные данные, вносим правки в наш продукт, чтобы можно было сравнить как было до правок и стало после.
После запуска доработанной версии продукта проводим повторный сбор данных по выбранным методам. Если вы будете проводить повторный опрос, то дайте пользователям освоиться с новой версией продукта.
После сбора как минимум двух массивов сравниваем метрики и делаем выводы. Например, это могут быть такие показатели как среднее время выполнения задачи (в минутах), средний коэффициент успешности в процентах, оценка уровня сложности выполнения задачи в пунктах от 1 до 10. Все, что можно потом упаковать в красивую презентацию с графиками для клиента.
Бенчмаркинг позволяет отслеживать прогресс и демонстрировать результаты работы. Привязав UX-метрики к целям компании можно не только аргументировать ценность проведенных работ, но и подсчитать их окупаемость. В нашем примере, после имплементации продажи в 1 клик годовая прибыль интернет магазина могла возрасти, к примеру, на 8%.
Также можно оценить и ключевые показатели эффективности как продуктивность сотрудников или лояльность клиентов.
На этом у меня все! Если тема вам понравилась, жмем по реакциям.
Всем отличных выходных!
#методы
В продолжении темы бенчмаркинга пользовательских интерфейсов поэтапно разберем весь процесс.
Этап 1: Определите, что хотите измерятьДля начала выберите 5-10 основных задач, которые представляют наибольшую важность для ваших пользователей. Такими задачами могут быть целевые действия – например, регистрация, покупка, заполнение профиля итд...
Теперь определимся, что именно будем измерять. В отличие от маркетинга, где основные показатели это лиды и продажи, в UX нас могут заинтересовать такие показатели как:
- Вовлеченность пользователей
- Удовлетворённость сервисом или продуктом
- Принятие (использование товара, услуги или функции)
- Удержание (как часто пользователь возвращается)
- Эффективность выполнения задач (подсчёт ошибок, успех выполнения задачи)
Следует выбрать 2-4 метрики, отвечающие за разные аспекты интерфейса (например, удовлетворённость и вовлеченность). Эти показатели мы будем собирать на протяжении долгого времени.
Этап 2: Решите, как измерятьОсновные методы исследования для UX-бенчмаркинга являются: количественное юзабилити-тестирование, аналитическое исследование и опросы. Если в первых двух мы собираем метрические данные отображающие производительность пользователей (количество успешных действий, время выполнения, принятие функций), то в последнем мы замеряем поведенческие параметры (простота выполнения задач, коэффициенты удовлетворённости и лояльности).
Примеры задач и метрик:
Продукт: Сайт онлайн-агенства
Задача: отправка формы с запросом
Метрики: количество отправленных и незавершенных случаев
Методика: Аналитическое исследование
Продукт: Интерен-Магазин
Задача: покупка товара в один клик
Метрики: еженедельные продажи в 1 клик, Принятие функции покупки в 1 клик
Методика: Аналитическое исследование, опрос
Этап 3: Сбор первого массива метрических данныхСуть состоит в том, чтобы провести первый тестировочный сбор данных и проанализировать успешность выбранного метода, убедиться, что собираемые данные отвечают на заданные вопросы. Таким образом можно внести коррективы на раннем этапе.
Вначале у вас не будет эталонного показателя с которым можно сравнить полученные данные. В этом случае можно сравнить их с показателями ваших конкурентов, отраслевым стандартом или целями, заданными стейкхолдерами.
Этап 4: Переработка продуктаПроанализировав собранные данные, вносим правки в наш продукт, чтобы можно было сравнить как было до правок и стало после.
Этап 5: Сбор дополнительного массива метрических данныхПосле запуска доработанной версии продукта проводим повторный сбор данных по выбранным методам. Если вы будете проводить повторный опрос, то дайте пользователям освоиться с новой версией продукта.
Этап 6: Интерпретация результатаПосле сбора как минимум двух массивов сравниваем метрики и делаем выводы. Например, это могут быть такие показатели как среднее время выполнения задачи (в минутах), средний коэффициент успешности в процентах, оценка уровня сложности выполнения задачи в пунктах от 1 до 10. Все, что можно потом упаковать в красивую презентацию с графиками для клиента.
Этап 7: Подсчёт окупаемости Бенчмаркинг позволяет отслеживать прогресс и демонстрировать результаты работы. Привязав UX-метрики к целям компании можно не только аргументировать ценность проведенных работ, но и подсчитать их окупаемость. В нашем примере, после имплементации продажи в 1 клик годовая прибыль интернет магазина могла возрасти, к примеру, на 8%.
Также можно оценить и ключевые показатели эффективности как продуктивность сотрудников или лояльность клиентов.
На этом у меня все! Если тема вам понравилась, жмем по реакциям.
Всем отличных выходных!
#методы
🔥11
Опубликовал статью про UX-бенчмаркинг на VC с некоторыми дополнениями и примерами. Так, что можете почитать и там.
vc.ru
UX-бенчмаркинг: как померить эффективность дизайна — Дизайн на vc.ru
При разработке цифрового продукта или сервиса как правило возникает очевидный вопрос, как померить эффективность того или иного решения? Как понять насколько продукт лучше или хуже конкурентов? Один из методов, который поможет дать четкие ответы это — UX…
👍8
Общение с клиентами, методы исследования, оптические иллюзии...
Темы статей вышедшие на этой неделе:
- Тренды логотипов в 2022
- Методы исследования в UX – Удаленное немодерируемое тестирование
- Подборка лекций про общение с клиентами
- Оптические иллюзии в дизайне – Иллюзия сечения треугольника
- Пластилиновая типографика
- 7 этапов UX-бенчмаркинга продукта
Вдарьте по реакциям если материал был для вас полезен!
Темы статей вышедшие на этой неделе:
- Тренды логотипов в 2022
- Методы исследования в UX – Удаленное немодерируемое тестирование
- Подборка лекций про общение с клиентами
- Оптические иллюзии в дизайне – Иллюзия сечения треугольника
- Пластилиновая типографика
- 7 этапов UX-бенчмаркинга продукта
Вдарьте по реакциям если материал был для вас полезен!
👍6
Голосуем за темы постов на неделю. Выйдут 3 из 4:
Final Results
28%
Психология в дизайне - эффект градиента цели
28%
Методы исследования в UX - first-click тест
38%
Как дизайнерам быстро выявить слабые и сильные стороны продукта
6%
Оптические иллюзий в дизайне – Вертикально-горизонтальная иллюзия
👍1
Что такое UX-копирайтинг
Чтобы интерфейс был доступным для пользователей важно продумать все до мелочей: шрифт, отступы, цветовую палитру... Только когда речь доходит до контента, то многие дизайнеры пасуют – либо не оказывают текстам должного внимания, либо наполняют макеты всякой бессмыслицей. А зря! Ведь UX, это в первую очередь про то, чтобы сделать продукт удобным и понятным.
При этом классический копирайтер не всегда сможет написать хорошие тексты для интерфейсов, в силу отсутствия понимания контекста или технической специфики. А во многих проектах тексты пишет программист, получивший макеты с текстами-заглушками от дизайнера.
При этом чтобы начать работать UX-копирайтером, нужно иметь минимум навыков редактуры текста и базовое понимание в дизайне интерфейсов.
В публикации на TexTerra автор подробно разложил чем именно занимается UX-копирайтер и почему эта специализация в сфере UX становится все более востребованной на бирже труда.
Статья будет полезна всем, кто хочет найти себя в новом направлении или просто получить базовое понимание UX-копирайтинга.
Ссылка на статью: "Что такое UX-копирайтинг, и чем он отличается от обычного"
В дополнение отличный видео-доклад "Текст в интерфейсе" от продуктовой команды Тинькофф.
Чтобы интерфейс был доступным для пользователей важно продумать все до мелочей: шрифт, отступы, цветовую палитру... Только когда речь доходит до контента, то многие дизайнеры пасуют – либо не оказывают текстам должного внимания, либо наполняют макеты всякой бессмыслицей. А зря! Ведь UX, это в первую очередь про то, чтобы сделать продукт удобным и понятным.
При этом классический копирайтер не всегда сможет написать хорошие тексты для интерфейсов, в силу отсутствия понимания контекста или технической специфики. А во многих проектах тексты пишет программист, получивший макеты с текстами-заглушками от дизайнера.
При этом чтобы начать работать UX-копирайтером, нужно иметь минимум навыков редактуры текста и базовое понимание в дизайне интерфейсов.
В публикации на TexTerra автор подробно разложил чем именно занимается UX-копирайтер и почему эта специализация в сфере UX становится все более востребованной на бирже труда.
Статья будет полезна всем, кто хочет найти себя в новом направлении или просто получить базовое понимание UX-копирайтинга.
Ссылка на статью: "Что такое UX-копирайтинг, и чем он отличается от обычного"
В дополнение отличный видео-доклад "Текст в интерфейсе" от продуктовой команды Тинькофф.
❤14
Психология в дизайне - эффект градиента цели
Вам когда-нибудь предлагали поучаствовать в программе лояльности? Например, сбор милей от авиаперевозчиков или бесплатный кофе в кофейне после определенного количества покупок... Именно это и есть эффект градиента цели. Чем ближе покупатель приближается к цели, тем чаще он что-то покупает, чтобы заполучить награду. Иными словами эффект градиента цели, это:
Стремление добиться цели возрастающее по мере приближения к ней
Эффект схож с эффектом Зейгарник, с той разницей, что мотиватором для пользователя является приближение к заветному вознаграждению, а не сам факт завершения действия.
Как применить в дизайне
Если в коммерции эффект широко применяется для повышения покупательской лояльности, то при разработке диджитал продуктов эффект прекрасно подойдет для удержания и мотивации пользователей к завершению действия. Несколько примеров:
– Заполняйте за пользователя некоторые поля в формуляре, чтобы ему было проще достигнуть конечной цели – отправки формуляра
– Отображайте прогресс-бары, изначально немного заполненными, если нужно подтолкнуть пользователя завершить какое-либо действие
– Эффект прекрасно дополняет геймификацию в игровых процессах поднимая мотивацию пользователей
На этом все! Если было полезно, дайте знать в реакциях!
Вам когда-нибудь предлагали поучаствовать в программе лояльности? Например, сбор милей от авиаперевозчиков или бесплатный кофе в кофейне после определенного количества покупок... Именно это и есть эффект градиента цели. Чем ближе покупатель приближается к цели, тем чаще он что-то покупает, чтобы заполучить награду. Иными словами эффект градиента цели, это:
Стремление добиться цели возрастающее по мере приближения к ней
Эффект схож с эффектом Зейгарник, с той разницей, что мотиватором для пользователя является приближение к заветному вознаграждению, а не сам факт завершения действия.
Как применить в дизайне
Если в коммерции эффект широко применяется для повышения покупательской лояльности, то при разработке диджитал продуктов эффект прекрасно подойдет для удержания и мотивации пользователей к завершению действия. Несколько примеров:
– Заполняйте за пользователя некоторые поля в формуляре, чтобы ему было проще достигнуть конечной цели – отправки формуляра
– Отображайте прогресс-бары, изначально немного заполненными, если нужно подтолкнуть пользователя завершить какое-либо действие
– Эффект прекрасно дополняет геймификацию в игровых процессах поднимая мотивацию пользователей
На этом все! Если было полезно, дайте знать в реакциях!
🔥12👍11
В дополнение к посту про эффект градиента цели…
Неплохой пример как замотивировать пользователя закончить процесс ввода данных для карточки пользователя. На polywork после регистрации, введя основную информацию о себе, создается первая запись в ленте карьерных достижений, а всплывающая подсказка объясняет, что только что произошло.
Неплохой пример как замотивировать пользователя закончить процесс ввода данных для карточки пользователя. На polywork после регистрации, введя основную информацию о себе, создается первая запись в ленте карьерных достижений, а всплывающая подсказка объясняет, что только что произошло.
👍1
Дизайн сложных таблиц
Создание удобных, читаемых таблиц требует хорошего знания многих дисциплин в дизайне.
Сложная финансовая таблица, если она сделана с умом, может выглядеть как произведение дизайнерского искусства.
В статье, которую хочу вам порекомендовать, очень подробно и с роскошными примерами разобраны все азы создания подобных таблиц: от выбора шрифта, до отображения единиц измерений и инфографики.
Учитывая ростущий спрос на проектирование финансовых интерфейсов, материал будет очень даже полезнен!
https://awdee.ru/complex-tables-design/
Создание удобных, читаемых таблиц требует хорошего знания многих дисциплин в дизайне.
Сложная финансовая таблица, если она сделана с умом, может выглядеть как произведение дизайнерского искусства.
В статье, которую хочу вам порекомендовать, очень подробно и с роскошными примерами разобраны все азы создания подобных таблиц: от выбора шрифта, до отображения единиц измерений и инфографики.
Учитывая ростущий спрос на проектирование финансовых интерфейсов, материал будет очень даже полезнен!
https://awdee.ru/complex-tables-design/
Оди. О дизайне
Дизайн сложных таблиц — Оди. О дизайне
Подробное руководство дизайнера по проектированию сложных финансовых таблиц для максимальной читабельности данных
👍8
Методы исследования в UX - first-click тест
Тест первого клика (англ. first click testing) – один из методов юзабилити исследования для быстрой проверки гипотез или выявления проблем в интерфейсах. Идея теста проста – выяснить, куда будут нажимать пользователи в первую очередь для выполнения той или иной задачи.
Как проводится тестирование методом first-click
Во время удаленного немодерируемого тестирования показываем пользователям макет и задаем вопрос: где респондент стал бы искать определенную опцию? Каждое задание включает в себя один скрин с одним четко сформулированным вопросом.
Например, на карточке товара в интернет-магазине, можно спросить, как пользователь может посмотреть оценки других покупателей.
Вы также можете включить в один юзабилити-тест несколько последовательных заданий. Результатом теста является тепловая карта с дополнительной статистикой, на основании которой можно сделать выводы для улучшения пользовательского опыта.
На картинке под постом – пример такой карты кликов для двух вопросов.
Сервисы для проведения теста
Большинство зарубежных платформ для проведения пользовательского тестирования, таких так userzoom.com, maze.co, usabilityhub.com или optimalworkshop.com предоставляют возможность проведения теста первого клика. Подобные тесты можно провести также и на российских сервисах fabuza.ru и oprosso.ru, но подписка там будет намного дороже. Как недорогую альтернативу можно настроить замер кликов через Яндекс Метрику на собственном прототипе.
В заключение
Тест можно проводить в любой фазе пользовательского исследования: на прототипах, рабочем варианте продукта или статических скринах. Он позволяет быстро разобраться, могут ли пользователи выполнить поставленную задачу в нужной последовательности в течении заданного времени.
Если большинство пользователей не прошло тест – значит, вероятней всего они не справятся и с дальнейшим сценарием теста. Также вы сможете понять: насколько вашим пользователям понятны названия кнопок и меню и правильно ли они расположены. В результате вы получите ценную информацию для принятия дальнейших решений.
Было полезно? Дайте знать в реакциях!
#методы
Тест первого клика (англ. first click testing) – один из методов юзабилити исследования для быстрой проверки гипотез или выявления проблем в интерфейсах. Идея теста проста – выяснить, куда будут нажимать пользователи в первую очередь для выполнения той или иной задачи.
Как проводится тестирование методом first-click
Во время удаленного немодерируемого тестирования показываем пользователям макет и задаем вопрос: где респондент стал бы искать определенную опцию? Каждое задание включает в себя один скрин с одним четко сформулированным вопросом.
Например, на карточке товара в интернет-магазине, можно спросить, как пользователь может посмотреть оценки других покупателей.
Вы также можете включить в один юзабилити-тест несколько последовательных заданий. Результатом теста является тепловая карта с дополнительной статистикой, на основании которой можно сделать выводы для улучшения пользовательского опыта.
На картинке под постом – пример такой карты кликов для двух вопросов.
Сервисы для проведения теста
Большинство зарубежных платформ для проведения пользовательского тестирования, таких так userzoom.com, maze.co, usabilityhub.com или optimalworkshop.com предоставляют возможность проведения теста первого клика. Подобные тесты можно провести также и на российских сервисах fabuza.ru и oprosso.ru, но подписка там будет намного дороже. Как недорогую альтернативу можно настроить замер кликов через Яндекс Метрику на собственном прототипе.
В заключение
Тест можно проводить в любой фазе пользовательского исследования: на прототипах, рабочем варианте продукта или статических скринах. Он позволяет быстро разобраться, могут ли пользователи выполнить поставленную задачу в нужной последовательности в течении заданного времени.
Если большинство пользователей не прошло тест – значит, вероятней всего они не справятся и с дальнейшим сценарием теста. Также вы сможете понять: насколько вашим пользователям понятны названия кнопок и меню и правильно ли они расположены. В результате вы получите ценную информацию для принятия дальнейших решений.
Было полезно? Дайте знать в реакциях!
#методы
🔥9👍3
Протестируйте свои знания в дизайне
Собрал небольшой квиз по тематике UI/UX
- всего 12 вопросов
- по 30 сек на ответ
Ссылка:
t.me/QuizBot?start=lXAZlTjV
Обязательно поделитесь результатами в комментах! 😉
Собрал небольшой квиз по тематике UI/UX
- всего 12 вопросов
- по 30 сек на ответ
Ссылка:
t.me/QuizBot?start=lXAZlTjV
Обязательно поделитесь результатами в комментах! 😉
🔥9👍3🤣2❤1
Как дизайнерам быстро выявить слабые и сильные стороны продукта
Независимо от того делаете вы проект для клиента или для себя – важно понимание того, насколько конкурентоспособен ваш продукт и в каком направлении его необходимо развивать. В чем сильные стороны, а где могут возникнуть проблемы? Наиболее быстро в этом можно разобраться с помощью SWOT-анализа.
Основная задача метода – структурировано описать ситуацию и выявить проблемы продукта на основе которых можно определить курс действий. SWOT рассматриваются следующие составляющие продукта или компании:
1) Сильные стороны (Strengths)
2) Слабые стороны (Weaknesses)
3) Возможности (Opportunities)
4) Угрозы (Threats)
Применение
Все довольно просто! Необходимо начертить таблицу состоящую из 4 полей. В первый столбец вписываем позитивные факторы – сильные стороны и возможности. Во второй столбец – слабые стороны и угрозы.
В результате вы получите наглядную матрицу, иллюстрирующую текущую ситуацию.
Однако не стоит забывать, что для настоящего стратегического планирования вам понадобится провести более глубокое исследование, SWOT-анализ является лишь ориентиром для дальнейших действий.
На этом все! Желаю всем отличных выходных.
Независимо от того делаете вы проект для клиента или для себя – важно понимание того, насколько конкурентоспособен ваш продукт и в каком направлении его необходимо развивать. В чем сильные стороны, а где могут возникнуть проблемы? Наиболее быстро в этом можно разобраться с помощью SWOT-анализа.
Основная задача метода – структурировано описать ситуацию и выявить проблемы продукта на основе которых можно определить курс действий. SWOT рассматриваются следующие составляющие продукта или компании:
Внутренняя среда 1) Сильные стороны (Strengths)
2) Слабые стороны (Weaknesses)
Внешняя среда3) Возможности (Opportunities)
4) Угрозы (Threats)
Применение
Все довольно просто! Необходимо начертить таблицу состоящую из 4 полей. В первый столбец вписываем позитивные факторы – сильные стороны и возможности. Во второй столбец – слабые стороны и угрозы.
В результате вы получите наглядную матрицу, иллюстрирующую текущую ситуацию.
Однако не стоит забывать, что для настоящего стратегического планирования вам понадобится провести более глубокое исследование, SWOT-анализ является лишь ориентиром для дальнейших действий.
На этом все! Желаю всем отличных выходных.
👍10🔥3
Градиент цели, first-click тест, дизайн квиз...
Темы вышедшие на этой неделе:
- Что такое UX-копирайтинг
- Психология в дизайне - эффект градиента цели
- Дизайн сложных таблиц
- Методы исследования в UX - first-click тест
- Протестируйте свои знания в дизайне - квиз по тематике UI/UX
- Как дизайнерам быстро выявить слабые и сильные стороны продукта
Кстати, дизайн квиз пока прошли 56 человек, только один подписчик смог ответить верно на 11 вопросов из 12. Знаю, тест не слишком простой 😉 Что, радует, большинство смогли ответить правильно как минимум на 7 вопросов и это реально круто 🙌 Значит канал читаете внимательно, так держать!
На этом у меня все! До понедельника!
Темы вышедшие на этой неделе:
- Что такое UX-копирайтинг
- Психология в дизайне - эффект градиента цели
- Дизайн сложных таблиц
- Методы исследования в UX - first-click тест
- Протестируйте свои знания в дизайне - квиз по тематике UI/UX
- Как дизайнерам быстро выявить слабые и сильные стороны продукта
Кстати, дизайн квиз пока прошли 56 человек, только один подписчик смог ответить верно на 11 вопросов из 12. Знаю, тест не слишком простой 😉 Что, радует, большинство смогли ответить правильно как минимум на 7 вопросов и это реально круто 🙌 Значит канал читаете внимательно, так держать!
На этом у меня все! До понедельника!
👍4