Московский: Дизайн & Тимлид: заметки с тегом UX

Нужны ли полоски внутри таблицы

Wed, 20 Nov 2019 14:54:12 +0100

Решил разобраться как лучше сделать с полосками или нет.

Сперва смотрю на сайте бюро: нашел статью про черезполосицу, они предлагают её убирать. А вот мнение Ильи Бирмана насчет линий. И у него же отличный пример таблицы без полосок:

http://biathlontime.com/2018-2019/cup/women/nations/

Нужно взглянуть на примеры других сервисов:

В моем случае решил выбрать 1 вариант:

Пример с работы: между строчек есть или нет разделительной линии (шапку замазал, чтобы ни кто не догадался)

Для себя нашел такие зависимости:

Если в таблице 2-3 значения цифр то можно обойтись и без полосок: смотрится вполне хорошо.
Когда много цифр и они находятся на непредсказуемом расстоянии друг от друга, по всей длине экрана — то полоски лучше использовать.
Черезполосицу просто так использовать не стоит, но в анализе финансовых показателей этот приём может обозначать рост и падение акций.
Если делать полоски, то делать их незаметными, серенькими.

Как оценивать UX дизайн бесплатно и без исследований

Sun, 03 Nov 2019 22:00:33 +0100

Предположим у нас есть 2 варианта пути пользователя. Как определить, что один из них лучше другого? В моем примере ниже — это очевидно: чем меньше экранов, тем лучше.

Два варианта сценария покупки

Но, что делать если количество экранов равно? Когда я столкнулся с такой задачей, то начал считать количество действий пользователя. Например, тут нужно: навести на кнопку «купить», нажать на кнопку, на другом экране прочитать заголовок, навести на кнопку добавить в корзину и т. д. Когда все действия расписаны, легко заметить, где нужно совершить меньше движений.

Метод GOMS

Более продвинутую методику я услышал от одного из спикеров на Media & Design Conference. Они так же считают количество действий пользователя, но еще переводят действия в секунды и оценивают финально сколько пользователь тратит времени на каждый экран. Самое интересное — расчеты времени пользователя.

K = 0,28 c — нажатие клавиши клавиатуры;
B = 0,2 с — клик мышью;
P = 1,1 с — среднее время нахождения любого объекта на сайте;
H = 0,4 с — перемещения руки с клавиатуры на мышь (или обратно);
M = 1,35 с — ментальная пауза (время на обдумывание следующего шага).

Почему то запись этого доклада пропала, но я для себя наскриншотил самое важное:

С помощью этого способа можно доказать удобство одного из вариантов, но этот метод имеет свои исключения: например огромную форму для заполнения лучше разбить на несколько экранов.

Как проводить UX исследования

Mon, 26 Aug 2019 10:22:13 +0100

Недавно я был на интенсиве в Британке. Необходимость проведения исследований над продуктом подчеркивал каждый лектор. И это правильно: наша модель мира, модель мира нашей команды может сильно отличаться от реальных пользователей. Материал интенсива и знания из опыта я попробую описать в этой статье.

Твой мир может сильно отличаться от мировоззрения других

Необходимо замерять показатели эффективности.

Когда я открыл магазин матрасов, было мало конкурентов. Покупатели находили пару сайтов, выбирали и шли ко мне. Покупатели были, прибыль была → магазин рос. Но все изменилось через пару лет. Когда конкурентов стало много → клиенты стали реже приходить. Как понять где причина, что стало меньше покупателей? Я стал измерять показатели: сколько людей заходят на сайт, сколько времени они тратят, сколько из них звонят, приходят в магазин и создают заказ.

Воронка продаж в моем представлении

Горькая правда: Даже 1 шаг, который людям придется сделать, чтобы воспользоваться вашим продуктом, может стоить вам бизнеса.

Пример про такси: таксисты 90% времени простаивали. В то время как клиенты искали их на остановках, звонили по телефону диспетчеру. Диспетчер искала водителей по рации. Водители соревновались у кого лучше рация и реакция. Когда появилось приложение для водителей, водители видели где клиент, а клиентам не нужно звонить диспетчерам. Все в выигрыше!

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

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

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

Я часто искал подтверждение своего решения

Исследования помогают:

— найти проблемы интерфейса;
— выявить и описать потребности пользователей;
— правильно сформулировать бизнес-требования;
— проверить эргономику решения.

Качественное или количественное исследование

Количественные — проверка решения на большом количестве респондентов. Например, сравнить два варианта дизайна и выбрать лучший. В этом помогает Яндекс Толока. Там много пользователей за копеечку сравнивают картинки. Для заказчиков — это возможность сравнить дизайн, опросить пользователей. Когда из 100 опрошенных, 70 выбирают вариант, который тебе казался хуже, это удивляет.

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

Виды качественных исследований:
— Интервью: узнаем боли и потребности
— Юзабилити-тестирование: замеряем удобство
— Карточная сортировка: говорим о структуре
— Наблюдение: изучаем контекст
— Опрос: узнаем мнение.
— Соц сети/звонки/поддержка: читаем обратную связь.

При проведении интервью следим, чтобы:

— у нас были открытые вопросы,
— мы молчим и слушаем, больше говорит респондент,
— не задаем вопросы с вариантами ответа,
— не поддакиваем пользователю, не говорим: «да нажимайте сюда...»
— не используем профессиональный лексикон,
— придерживаемся плана интервью, тратим не более 45 мин,
— исследовать опыт пользователя, без вопросов (а если бы... вы купили?),

Пользователи врут

И мы тоже. Дето в том, что наш мозг изменяет прошлое, мы помним информацию искаженно, забываем и редактируем эмоциональные события; добавляем пробелы информации из стереотипов, упрощаем события и числа, отбрасываем частности. И еще множество искажений на картинке:

Большая картинка

Большая часть материалов составлена на основе лекции Алины Ермаковой. А вот её курс.

Мой телеграмм канал
P.S: волшебные фразы при тестировании: «мы тестируем интерфейс, а не вас. Тут нет неправильных ответов или правильных», «А как вам кажется, что это?»,