Разбор кейса 48 👆

Здесь нужно отформатировать таблицу характеристик. Сейчас из-за переносов всё смешалось в кашу.

1️⃣ Здесь хорошо, что сделан цветовой акцент на описаниях, а не на названиях полей. На скрине см. пример без акцентов.

2️⃣ Можно оставить стили как сейчас, но сделать перенос строки после названия поля, плюс добавить отступы перед названием полей. Тогда ничего смешиваться не будет.

3️⃣ Или можно сделать в 2 колонки:
Название поля | Описание
НО здесь желательно делать колонки одинаковой ширины, а не как на скрине.

ЗоЮ

#шпаргалка | Про цифры и слова

Цифры могут сбивать с толку или выглядеть «пугающе».

Магия цифр (цифрами) в том, что они считываются мгновенно, иногда и до (или вместо) прочтения остального текста.

Например текст: «Разобраться в инвестициях за 60 секунд». Да, мы понимаем, что секунды что-то очень маленькое и быстрое, но когда рядом стоит «большая» цифра, то это уже не выглядит таким уж быстрым. «За одну минуту» — вроде бы минута длиннее секунд, но она ОДНА ))

Лучше писать цифрами, если надо кого-то в чём-то убедить. Потому всякие скидки, проценты и бонусы пишут цифрами.

Пишем цифрами физические и денежные единицы, марки и модели, адреса и даты.

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

Цифры до 10 лучше писать словами, НО это если число в именительном падеже или не надо убеждать.

Считается, что люди больше верят нечётным числам, чем чётным. Вот всегда не любил чётные числа ))

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

Ещё по теме:
- Немного про типографику
- Как показывать цены

#UXtext | ЗоЮ

ментальная рекурсия ))

#юмор | ЗоЮ

Разбор кейса 50 👆

1️⃣ Если здесь речь про «Email или Телефон», то почему в placeholder только email?
Я бы предложил перенести подзаголовок в плейсхолдер.

2️⃣ SSO довольно «редкий сценарий», почему он стоит первым? Ну и засуньте его в «…»? Может как-то понятнее написать? Не все же знаю что такое SSO, да и вариантов SSO есть несколько, непонятно что именно имеется в виду.

3️⃣ Слоган «помогает бизнесу работать».
- почему с маленькой буквы или это не слоган?
- «Битрикс24» — это же фактически логотип? Почему текст согласован с лого? Ну напишите: «Помогаем работать бизнесу». Почему только «бизнесу», а «небизнесу» не помогаете? Напишите: “Помогаем работать” или придумайте новый.
- почему всё так криво и не ложится не под какие направляющие? (скрин)
- ещё странный белёсый абрис вокруг текста лого.

4️⃣ Странное описание альтернативного сценария авторизации (где про QR). А если у юзера уже открыто приложение, что он должен сделать? Наверно надо что-то нажать в приложении, чтобы открыть камеру и авторизацию по QR или что?

5️⃣ Кнопка справа вверху, «Создать Битрикс24»? В каком смысле, что имеете ввиду? Наверное «Создать аккаунт», «Регистрация»? Весьма нестандартное место для подобной кнопки, почему нельзя поставить её в саму форму, как делает большинство?

ох, если бы было так просто — нагнал юзеров и сразу стало удобно )

хотя некоторые только на цифры и ориентируются )

#юмор | ЗоЮ

Про заглавные буквы в текстах сайтов

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

👉 Разбираемся, как это влияет на восприятие и удобство использования.


А как вам без заглавных букв?

#UXtext #мнение | ЗоЮ

Разбор кейса 52 👆

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

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

Стрелки бывают разные, «разворачивают» разное, и всякий раз разрабы обязаны чесать репу (или у кого что), чтобы предложить ВАШИМ юзерам, что-то понятное. Сильно чесать — проводить исследования. Или повертеть разные варианты: зачем это здесь? ожидаемо это здесь? а если без стрелок? а если текстом? а если не разворачивать?

1️⃣ Может шеврон и/или “галка” (чекбокс) не нужны. Если таки нужны, то можно попробовать перенести шеврон вправо (более привычное и ожидаемое место) и может сделать “треугольником” (как на классических select).

2️⃣ По клику на родительский пункт (и/или его галку) автоматом разворачивать его дочерние пункты, тогда юзеру и стрелка (шеврон или что там) не нужна.

3️⃣ Убрать шеврон (стрелки) и справа сделать маленькую кнопку с текстом “счета”, не чёрным цветом, тогда будет гораздо понятнее, что во вложении.

4️⃣ Поправить текст placeholder поля поиска, написать: «Начните вводить счёт или компанию». Кажется, что так будет понятнее.

5️⃣ Сортировать номера счетов по возрастанию (или убыванию). Или сортировать чуть сложнее: по первым пяти цифрам, а внутри по последним 4-6. Так удобнее искать визуально, тем более, что юзеры ищут счёт тоже по последним цифрам.

6️⃣ Ещё зачем-то доступна красная кнопка Применить, если ничего не чекнуто. Будем считать, что не весь сценарий вошёл в скрин )


ЗоЮ

#рефы | Выбор разных размеров

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

Это видео из магазина Zenden, как у них сделан выбор размера.

Да, они поленились и не стали делать отдельное оформление для удаления товара (а зря). Из-за этого названия, цвета и остальное немного сбивает с толку. Но идея мне понравилась.

Вот ещё пример

ЗоЮ

«Копировать» или «скопировать»

Очень часто ловлю себя на том, что в разных контекстных меню ищу именно «Копировать» (ссылку, текст и всякое). И очень часто же, вместо «Копировать» нахожу «Скопировать», что меня расстраивает.

Есть ли «правильный» вариант?
👉 Отвечаю
(сори, немного сложно)

#мнение #UXtext | ЗоЮ

Разбор кейса 54 👆

1️⃣ Кнопку очистки на полях поиска убирать не надо. Может её мало кто видит и мало кто пользуется (из вашей ЦА), но дико бесит, когда её нет, а она нужна (сразу баг выкатываю)

2️⃣ Кнопка бледно-серая, кажется, что disabled, и её плохо видно (серое на сером, неудачный стиль).

3️⃣ Очень не нравится круглая иконка для кнопки Х. Первое, что выхватывает взгляд юзера — формфактор, “что-то круглое”. И только потом надо рассмотреть внутри Х. Лучше было бы простой крестик использовать.

4️⃣ Фон непустого поля ввода совпадает с фоном пустого поля. Кажется, что для непустых полей правильнее менять фон на более светлый (или белый). Тогда и кнопку Х было бы виднее, и юзер активнее пользовался бы поиском и очисткой поля.

5️⃣ На пустом поле поиска я бы ещё попробовал перенести иконку лупы влево. Например потому, что так гораздо быстрее находить взглядом это поле. Уже приучили искать “лупу” для поиска, а взгляд ищет слева направо.
На непустом поле убираем лупу и справа показываем крестик очистки.

6️⃣ Сильно не хватает контекста, зачем это всё юзеру. Ну написал он что-то в поиске → нашёл → поставил чеки → завершил сценарий. Зачем ему может понадобиться что-то стирать в поле поиска? только если не нашёл?

Ещё про поиск:
- подсветка подстроки (бенчмарк)
- идеальный поиск (бенчмарк)

ЗоЮ