UX+Usability

Атрибуты srcset и sizes у картинок

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

Если вы помните, давным давно я писал про srcset и sizes для картинок. Эти атрибуты позволяют подсказать браузеру, какие картинки лучше грузить (работают для тэгов img и picture).

А сегодня увидел твит, который одной картинкой поясняет принципы работы. И решил напомнить вам эту тему.

UX для API

UX  /  Общее UX+Usability  /  API

Недавно прочитал замечательную статью User experience design for APIs. Крайне рекомендую прочитать. И не смотрите, что это блог Keras — советы применимы к любому коду.

Мои рассуждения на эту тему:

  • Большинство советов логичны и понятны. Скажу больше — многие очевидны. Однако почему, блин, мы так не делаем?
  • Ответ на вопрос из предыдущего пункта: чаще всего, проблема в нехватке времени.
  • Способ решения: когда несколько раз сталкиваешься с одной и той же проблемой UX в API — решить её.

Удобные таблицы с данными

UX  /  Дизайн и юзабилити  /  Визуализация UX+Usability  /  Design

Полтора года назад писал о представлении таблиц и диаграмм. По-прежнему считаю, что ту гифку сложно превзойти (по соотношению объём/полезность).

Прочитал ещё одну статью по теме — более длинную, зато с парой свежих советов.

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+Usability  /  Design

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

Манифест UX in Motion

UX Design  /  UX+Usability

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

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

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

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

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

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

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

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

UX  /  Дизайн и юзабилити  /  Визуализация UX+Usability  /  Design

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

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

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

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

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

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

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

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

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

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

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

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