Открытый UX
1.3K subscribers
100 photos
4 videos
5 files
143 links
UX-дизайн, интерфейсы и исследования.

Чат канала: @open_ux_chat
Download Telegram
Проблема, с которой часто сталкиваются начинающие исследователи, – респонденты плохо отвечают на некоторые вопросы.
Например, про ожидаемую цену продукта. Спрашиваешь его - «Сколько это будет стоить?», а он такой: «Ну, я не знаю. Я хочу как можно дешевле это купить. Например, за 10 рублей».

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

Но некоторые исследователи делают еще хуже. 😱
Они не просто не задают этот «плохой» вопрос, но еще и сразу начинают подсказывать, называя цену:
«Это стоит 200 рублей. Что думаете?»

Это очень грубая, но в тоже время частая ошибка. Естественно, что чисто по-человечески, когда наш собеседник затрудняется с ответом, мы хотим дать ему подсказку, чтобы он хоть что-то сказал. Мол, ответа у нас нет или он неинформативный, а с подсказкой-то мы точно хоть что-то узнаем!

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

Хорошо, скажете вы, а что делать-то? Не задавать вопрос – плохо, задавать с подсказкой – плохо, всё плохо! Что, от исследований ценовых ожиданий отказаться?

НЕТ. Есть несколько принципов работы с оценкой нового продукта:

1️⃣ Для настоящего исследователя всё является информацией - даже то, что для обычного человека может и не являться.
Если респондент затрудняется со стоимостью, это значит, что:
🅰️ или он не ваша ЦА (ему пофиг, сколько это стоит, потому что ему это не нужно);
🅱️ или сам товар не так важен. Ну, стоят хлопья для завтрака 300 рублей или 350 – да наплевать, беру и кладу в корзину, не глядя на ценник.

2️⃣ ️Вы управляете ходом беседы. Если респонденту продукт важен, и вы это знаете, а он уходит от ответа через формулировки, вроде «я хочу купить максимально дешево», то вы можете настаивать на ответе. «Хорошо, вы хотите купить подешевле. А сколько это реально будет стоить? Почему именно столько? А купите за такую цену? А почему?»

3️⃣ ️Когда вы изучаете ожидания от продукта, вы всегда начинаете с открытых, общих вопросов. Вы можете давать подсказки или альтернативы, но строго после того, как респондент рассказал вам, что он САМ об этом думает.

⛔️ Плохой пример: Что вы думаете про красный цвет этой машины?
Так делать не надо - вы сразу обращаете внимание на цвет, подчеркиваете его важность, в то время как респондент может иметь другое мнение.

Правильный вариант: Что вы думаете про эту машину? А про ее внешний вид? А про цвет?
Вы идете за респондентом и смотрите, на какие характеристики машины он сам обратил внимание.

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

На пункте 3️⃣ у исследователей, скорее всего, загорается лампочка: так это же «воронка»!
Да, это похоже на прямую «воронку» (структурирование вопросов в гайде от общего к частному), но на самом деле это просто принцип задавания вопросов, который позволяет вам избежать ошибок. А «воронки» - это глобальный подход к структурированию вопросов в гайде, где прямой и обратный вариант служат для разных целей.

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

@PostPostResearch
Чудеса на курсах по исследованиям от Skillbox 😮

Чему там учат то?

Открытый UX
Дружите с аналитиками?
За #мем спасибо Поясни за UX

Открытый UX
Сила привычки
Продолжение конспекта #Книги Джефа Раскина «Интерфейс. Новые направления в проектировании компьютерных систем»‎

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

Жесты и режимы
Жест в рамках данной книги — это набор автоматических действий пользователя.
Например, опытный пользователь для набора слова «Привет» будет использовать один жест (просто быстро пробежится пальцами обеих рук по клавиатуре), а неопытный юзер совершит 6 жестов — по одному на каждую букву.

Режим опять же в книге — состояние интерфейса при котором только что осуществленный жест интерпретируется по прежнему.
Простой пример — карманный фонарик. Он имеет два режима: вкл и выкл. Переход из одного режима в другой осуществляется после совершения очевидного жеста — нажатия на кнопку.

Сложности использования режимов
Иногда бывает трудно правильно назвать ту или иную кнопку. Решение — максимально понятно отображать текущий режим и информировать пользователя, если жест приведет к смене режима.

Тестированных пользователей вводила в заблуждение кнопка «заблокир.» на экране компьютера. Нажимая её, они ожидали блокировки экрана, но кнопка тут же менялась на «разблокир.», а пользователи ошибочно полагали, что экран разблокирован, не догадываясь, что это лишь следующее действие — разблокировать только что заблокированный экран.

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

Открытый UX
Памятка «Ошибки в UX-тестах и как их избежать»

Разбираем ошибки на разных стадиях UX-теста – от подготовки – до завершения.
(на картинке - превью четвертого слайда)

📝Интерактивная памятка в Figma
🧾Скачать версию для печати в PDF

Памятка создана Константином Ефимовым и Анастасией Жичкиной.

Спасибо Юлии Кингсеп, Мише Хананашвили и Кириллу Улитину за комментарии и дополнения.
Над дизайном работали Анастасия Андреева и Наталья Селезнева.
Когда смотришь макеты джуна 😵‍💫
#мем

Открытый UX
Закон прегнантности
#UX_законы

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

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

Где применяется в жизни
Лучший пример использования — базовые интерфейсные иконки.

Открытый UX
Открытый UX
Закон прегнантности #UX_законы Люди воспринимают двусмысленные или сложные изображения в виде простейших возможных форм, потому что такая интерпретация требует наименьших когнитивных усилий. Это один из основных принципов гештальтпсихологии: человек использует…
В комментариях к предыдущему посту Константин Ефимов, автор канала @postpostresearch, подсветил интересный момент: по результатам исследований бургер-меню не особенно узнаваемая иконка для пользователей 40+

У Константина был доклад на конференции ProfsoUX2020 на схожую тему: "Почему гайдлайны не панацея? Взгляд исследователя" с интересными примерами интерфейсов и полезными рекомендациями.

Запись доклада можно посмотреть на YouTube

Открытый UX
А теперь о важном. Как отвлекаетесь от работы?
#мем

Открытый UX
Forwarded from Кнопочка
Зачем подписывать иконки

UserTesting провели исследование о том, как пользователи воспринимают иконки с подписями и без них.

Вот результат
🔸 Когда пользователи видели иконки с подписями, в 88% случаев они смогли правильно предсказать, что произойдёт при нажатии.
🔸 Для иконок без подписей число правильных ответов снизилось до 60%.
🔸 А когда пользователям показывали иконки, уникальные для конкретного приложения, только 34% респондентов дали правильные ответы.

Ради интереса зашла в несколько приложений в телефоне. В Must из 8 иконок на главной смогла правильно угадать назначение только 4 😒

Лучше добавить подпись к иконке, даже если вам она кажется достаточно очевидной. И даже если без подписи сильно красивее :-)

Ссылка на исследование открывается с VPN
Перед новым годом совсем обленился, обещаю скоро вернуться. А пока держите #мем

Открытый UX
Удобство приложений российских банков
#Видео

24 ноября Анна Минаева (USABILITYLAB), Влад Ермаков (МКБ) и Денис Тур (УБРиР) обсудили обновления интерфейсов приложений российских банков:
– Какие изменения произошли в мобильных приложений российских банков
– Как они соотносятся с трендами развития иностранных банков
– Что думают об этом пользователи

Смотреть на YouTube

Открытый UX
Психбольница в руках пациентов
#Книги

Небольшой конспект книги Алана Купера, который большую часть своей профессиональной деятельности занимался разработкой ПО. Еще в начале своей карьеры Купер всерьез задумался, почему разработчики не спрашивают у пользователей их мнения. Именно об этом он впоследствии написал книгу. Также Купер предложил метод проектирования с помощью персон, который теперь так популярен среди UX-дизайнеров.

Ключевая мысль книги:
Деловой человек либо владеет высокими технологиями, либо… скоро перестанет быть деловым человеком, потеряв свой бизнес. Слишком широко вошло в нашу жизнь IT. Если инфо-система неэффективно внедрена в бизнес, компания будет нести колоссальные убытки. Именно поэтому в аналитику и проектирование программного продукта стоит вкладывать гораздо больше времени и денег, чем в его последующее производство и внедрение.

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

Говоря об этом термине, автор упоминает о распространенных формулировках «проектирование интерфейса», «поведенческое проектирование» и «концептуальное проектирование». Все они кажутся Куперу недостаточно ёмкими.

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

Слагаемые успеха
Существует всего три слагаемых качества продукта в сфере IT:

▸ Потенциал. За него отвечают инженеры, имеющие те или иные ограничения своих способностей и возможностей.
▸ Жизнеспособность. За неё отвечают продажники, понимающие, что может быть востребованным на рынке.
Привлекательность. За неё отвечаю проектировщики, изучающие, что сделает потребителей счастливыми и удовлетворит все их потребности.

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

Открытый UX
Вредные советы из #Книги Алана Купера "Психбольница в руках пациентов"

Автор систематизирует недостатки программ его времени, демонстрируя, как НЕ надо делать грамотному проектировщику.
▸ Программа не запоминает уже проделанных действий или ранее вводимой информации.
▸ Программа сложна настолько, что кажется, будто бы сделаны только для самих программистов.
▸ Программа не выдает нужную информацию.
▸ Программа возлагает на пользователя ответственность и всегда делает его «виноватым».
▸ Программа постоянно переспрашивает очевидные вещи в диалогах подтверждения.

Открытый UX
Когда закончил исследования
#мем

Открытый UX
Подборка полезных инструментов и сервисов для дизайнера

Иконки
https://iconoteka.com
iconfinder.com
thenounproject.com
http://iconmonstr.com/
http://feathericons.com/
https://lineicons.com/
http://iconstore.co/
https://icons8.com/icons/glyph-neue
https://akaricons.com/
https://iconstore.co/
https://fontello.com/
https://www.iconfinder.com/

Фотостоки
https://www.pexels.com/
https://unsplash.com
https://stocksnap.io/popular
https://icons8.com/photos
https://www.everypixel.com
Ресурс с работами художников (произведения искусства), которые приравнены к общественному достоянию. Специально для вебдизайнеров. Ресурс бесплатный. Скачать можно в очень хорошем разрешении: https://artvee.com/
https://gratisography.com/
https://deathtothestockphoto.com/
https://kaboompics.com/
https://www.artlimited.net/
https://www.photoshelter.com/
https://500px.com/
Подборки ретро фотографий из прошлого в высоком качестве: https://nos.twnsnd.co
Изображения доступны для скачивания в очень хорошем качестве. Сайт отлично подходит для использования каких-то элементов в собственном дизайне + у стока удобный интерфейс и дотошная система тегов: https://burst.shopify.com
500к аутентичных «нестоковых» фотографий: https://deathtothestockphoto.com
Ещё один отличный сток на 6000+ файлов с приятным бонусом. Помимо бесплатных фото, есть бесплатные видео Файлы: https://isorepublic.com
Тысячи бесплатных фотографий еды в готовом и сыром варианте): https://www.foodiesfeed.com

3D
https://www.pixelsquid.com/
https://ooobj.ru/

Видеостоки
https://coverr.co
https://www.videvo.net
https://www.pexels.com/@free-videos
https://www.lifeofvids.com/

Мокапы
https://www.ls.graphics/

Текстуры
https://speckyboy.com/free-high-resolution-texture-packs/
→ Посмотреть:
https://teletype.in/@designtelega/TqOn_kkC2
→ Скачать:
https://www.dropbox.com/s/0wwlrbos56qnbey/5-silver-mix-glitter-texture.zip?dl=0

Карты
https://snazzymaps.com/

Шрифты
http://www.myfonts.com/
http://vk.com/shrift
https://fontsinuse.com вот на этом сайте можно смотреть как используют шрифт
https://type.today/ru
https://www.fontshare.com
https://n-13.tilda.ws/fonts

Иллюстрации
https://www.openpeeps.com
https://blush.design
https://icons8.com/illustrations
https://ui8.net/
https://absurd.design/
https://uispace.net/
https://www.uplabs.com/
https://www.isometriclove.com/
https://growwwkit.com/
https://getillustrations.com/
https://www.vektors.pro/
https://www.joypixels.com/

Цвета
https://webgradients.com — градиенты
https://pigment.shapefactory.co — цветовые сочетания
https://color.adobe.com/ru/create — цветовое колесо
https://coolors.co

Инструмент для согласования правок от Бюро
https://conspectus.io/, подробно о ней рассказывается в книге Управление проектами, людьми и собой

Вдохновение
https://www.siteinspire.com/
https://land-book.com/
https://uijar.com/ — один из любимейших
https://cargo.site/
https://www.thebestdesigns.com/
https://tympanus.net/codrops/ — много примеров и инструкций по анимации и эффектам)
https://httpster.net/2021/oct/
https://www.hoverstat.es/
https://siiimple.com/
https://www.darkmodedesign.com/
https://savee.it
https://www.wikiart.org/ — энциклопедия искусства
http://www.jam3.com
https://adoratorio.studio
https://immersive-g.com
https://www.behance.net/
https://superherocheesecake.com
https://activetheory.net/home
https://www.awwwards.com/
https://dogstudio.co/
https://locomotive.ca/en
https://www.designspiration.com/

Паттерны
ui-patterns.com
goodui.org

Коды для Тильды
https://tildoshnaya.com/
https://mo-ti.ru/
https://roman-kosov.ru/
https://direktoriya.site/
https://romanyu.ru/
https://michailozdemir.dev/
http://blog.tilda.cc/zero-block-october2020-updates

Делитесь своими ресурсами, подборками и вдохновляющими сайтами

Открытый UX
Закон единой связанности
#UX_законы

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

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

Происхождение
Люди естественным образом воспринимают объекты как организованные паттерны. Этот принцип существует, потому что разум склонен воспринимать паттерны в раздражителях, основанных на определенных правилах. Эти принципы объединены в пять категорий: Близость, Сходство, Непрерывность, Замкнутость и Связность.

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

Открытый UX