UX

UX для форм

UX UX  /  Usability

Сегодня немного про UX:

  • Размещение сообщений об ошибках.
  • Выбор между радио-кнопками и выпадающими списками
  • Покупка в 1 клик

Делаем модальные окна правильно

UX UX  /  Usability

В январе писал о пуш-нотификациях. Сегодня, с подачи Жени Кирьянова — о модальных окнах. Конечно, самый простой совет — “не используйте их”. Но иногда всё-таки, приходится.

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

Как сделать push-уведомления менее раздражающими

UX  /  Дизайн и юзабилити UX  /  Usability

Вас бесят запросы о подписке на сайтах? Меня бесят. Неважно — это про пуш-уведомления или о добавлении в список рассылки. Сегодня про то, как самим такое не делать.

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

Делаем метки и формы лучше

UX  /  Дизайн и юзабилити UX  /  Usability

Больше года назад, я рекомендовал почитать статью Design Better Forms (Common mistakes designers make and how to fix them). От своих слов я не отказываюсь и по-прежнему рекомендую :) Заодно, добавлю ещё пару статей, которые особенно полезны для тех, кого заботит вопрос правильного использования меток.

Почему я выделяю метки? Знаете, у меня есть мечта… что в приложениях, в разработке которых я буду участвовать, инпуты будут расположены одним столбцом а метки — сверху. Максимум — внутри и всплывают наверх. За исключением, может быть, “сурового ынтырпрайза”, хотя и в этом случае что-нибудь можно придумать…

Одна задача на страницу

UX  /  Дизайн и юзабилити UX  /  Usability

В прошлом месяце я писал про слишком минималистичный интерфейс, а недавно увидел статью Better Form Design: One Thing Per Page (Case Study).

Cтатья про упрощение интерфейса. Причём для всех — и для пользователей и для разработчиков. Идея не новая, но рассказана очень грамотно. Вот что мне понравилось:

  • Всё хорошо структурировано и иллюстрировано удачными примерами.
  • Там нет призывов “измельчить формы до предела” :)

Хороший и плохой минимализм

Статьи  /  Дизайн и юзабилити  /  UX UX  /  Design

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

Манифест UX in Motion

UX Design  /  UX

Сегодня хочу рассказать про впечатления о статье Creating Usability with Motion: The UX in Motion Manifesto. Ссылку прислал мне Женя Кирьянов, за что ему отдельное спасибо. Есть перевод первой половины этой статьи, но ссылку не дам :) Просто тот случай, когда лучше прочитать оригинал, подглядывая в словарь.

Если вкратце, статья отличная. К сожалению, идеальный вариант — сразу всё это попробовать реализовать в реальных приложениях, а у меня такой возможности нет. Сразу предупреждаю:

Про руководства по стилю (style guides)

Дизайн и юзабилити Design  /  Usability  /  UX

Хочу поделиться подборкой статей про руководства по стилю (или как говорят наши зарубежные коллеги, style guides).

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

Что ж, начну с отечественных наработок.

Два простых способа сделать пользователей счастливее

UX  /  Вёрстка  /  Производительность Design  /  UX  /  Performance  /  YarFullStack

Сегодня расскажу про два сравнительно простых способа как сделать ваших пользователей ещё счастливее.

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

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

Удобное представление таблиц и диаграмм

UX  /  Дизайн и юзабилити Usability  /  UX  /  Design

Прошлые две недели прошли для меня под знаком статьи Clear off the table. Сначала увидел ссылку в комментарии к другой статье на хабре, потом ещё пара человек мне ссылку на перевод прислали.

Что характерно, поскольку сама статья и анимация достаточно грамотная, у многих возникает ощущение “круто! давайте всё так сделаем”. Не надо так :)

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

UX с точки зрения психологии

UX  /  Дизайн и юзабилити Usability  /  UX

Сначала хотел сделать подборку статей по UX, но одна статья достойна отдельного поста. Это отличная статья Susan Weinschenk о том, как можно применить знания психолога к UX-проектированию.

Статья короткая и не даёт подробных рецептов. Зато она затрагивает многие моменты, которые не всегда очевидны для разработчиков. Разумеется, большинство из них очевидны для UX-проектировщиков и тех, кто вечерами перечитывает книги Алана Купера :)

Я попробую сжать информацию из этой статьи ещё больше, сократив или убрав некоторые пункты. А вы уже сами решайте насколько вам полезно будет прочитать оригинал.

Подборка из 3 интереснейших твитов по UX и Usability

UX  /  Дизайн и юзабилити Usability  /  UX

Сегодня предлагаю вашему вниманию несколько наиболее полезных, на мой взгляд, недавних твитов Luke Wroblewski на тему Usability и UX. Если вы не в курсе о том, кто это, вы серьёзно? крайне рекомендую посмотреть, как минимум, эти твиты

Скажу сразу, спорить на тему границ UX и Usability считаю неблагодарным занятием, поэтому просто оставлю эти два термина вместе :)