UX для форм
Сегодня немного про UX:
- Размещение сообщений об ошибках.
- Выбор между радио-кнопками и выпадающими списками
- Покупка в 1 клик
Сегодня немного про UX:
В январе писал о пуш-нотификациях. Сегодня, с подачи Жени Кирьянова — о модальных окнах. Конечно, самый простой совет — “не используйте их”. Но иногда всё-таки, приходится.
О том, как их применять в разных ситуациях — далее. А тех, кто прочитает эту короткую статью до конца ждет нематериальный бонус :)
Вас бесят запросы о подписке на сайтах? Меня бесят. Неважно — это про пуш-уведомления или о добавлении в список рассылки. Сегодня про то, как самим такое не делать.
В чём основная проблема? На многих сайтах запрос на подписку открывается до того, как ты успеваешь хоть что-то сделать. Как исправить? Очевидно, предлагать подписку после совершения какого-то действия. Чтобы была понятна польза от неё. Вот пользователь оформил заказ. Почему бы не предложить ему подписаться на уведомление о доставке или смене статуса?
Больше года назад, я рекомендовал почитать статью Design Better Forms (Common mistakes designers make and how to fix them). От своих слов я не отказываюсь и по-прежнему рекомендую :) Заодно, добавлю ещё пару статей, которые особенно полезны для тех, кого заботит вопрос правильного использования меток.
Почему я выделяю метки? Знаете, у меня есть мечта… что в приложениях, в разработке которых я буду участвовать, инпуты будут расположены одним столбцом а метки — сверху. Максимум — внутри и всплывают наверх. За исключением, может быть, “сурового ынтырпрайза”, хотя и в этом случае что-нибудь можно придумать…
В прошлом месяце я писал про слишком минималистичный интерфейс, а недавно увидел статью Better Form Design: One Thing Per Page (Case Study).
Cтатья про упрощение интерфейса. Причём для всех — и для пользователей и для разработчиков. Идея не новая, но рассказана очень грамотно. Вот что мне понравилось:
Статьи / Дизайн и юзабилити / UX UX / Design
Последнее время замечаю, что стал настороженно относиться к фразе “минималистичный дизайн”. Идея-то, чаще всего, хорошая. Особенно, когда не пытаются её применить к интерфейсу, который действительно должен содержать много элементов.
Сегодня хочу рассказать про впечатления о статье Creating Usability with Motion: The UX in Motion Manifesto. Ссылку прислал мне Женя Кирьянов, за что ему отдельное спасибо. Есть перевод первой половины этой статьи, но ссылку не дам :) Просто тот случай, когда лучше прочитать оригинал, подглядывая в словарь.
Если вкратце, статья отличная. К сожалению, идеальный вариант — сразу всё это попробовать реализовать в реальных приложениях, а у меня такой возможности нет. Сразу предупреждаю:
UX / Дизайн и юзабилити Usability / UX / Design
У меня накопилось много интересных ссылок, подробно описывать каждую утомительно. Поэтому, я просто оставлю это здесь.
Хочу поделиться подборкой статей про руководства по стилю (или как говорят наши зарубежные коллеги, style guides).
На случай, если вы сталкиваетесь с этим понятием впервые, подобные руководства упрощают жизнь дизайнеров, верстальщиков, разработчиков и тестировщиков. А для крупных компаний, которые каждый год по несколько дизайнеров нанимают, я бы сказал — значительно упрощают жизнь.
Что ж, начну с отечественных наработок.
UX / Вёрстка / Производительность Design / UX / Performance / YarFullStack
Сегодня расскажу про два сравнительно простых способа как сделать ваших пользователей ещё счастливее.
Как вы уже знаете, мне нравятся быстрые сайты. Летом я уже делился набором инструментов для оптимизации сайтов. Однако, есть пара несложных приёмов, первый из которых эти инструменты вряд ли когда-нибудь догадаются посоветовать.
Начнём с самого простого в реализации способа. Его внедрение, правда, может отнять у вас много времени на этапе согласования в компании или с участниками вашей команды.
UX / Дизайн и юзабилити Usability / UX / Design
Прошлые две недели прошли для меня под знаком статьи Clear off the table. Сначала увидел ссылку в комментарии к другой статье на хабре, потом ещё пара человек мне ссылку на перевод прислали.
Что характерно, поскольку сама статья и анимация достаточно грамотная, у многих возникает ощущение “круто! давайте всё так сделаем”. Не надо так :)
Собственно, о чём речь? Речь о том, что в идеале, пользователь должен быть избавлен от лишней информации и “визуального шума”. С этим я согласен более чем абсолютно. Только всё хорошо в меру. Что предлагают авторы?
UX / Дизайн и юзабилити Usability / UX / Design
Недавно прочитал статью Tips for Using Icons in Your App. Понравилась. Вроде всё по делу. Делюсь кратким содержанием.
UX / Дизайн и юзабилити Usability / UX / Design
Хочу поделиться подборкой хороших статей про особенности дизайна кнопок.
Сначала хотел сделать подборку статей по UX, но одна статья достойна отдельного поста. Это отличная статья Susan Weinschenk о том, как можно применить знания психолога к UX-проектированию.
Статья короткая и не даёт подробных рецептов. Зато она затрагивает многие моменты, которые не всегда очевидны для разработчиков. Разумеется, большинство из них очевидны для UX-проектировщиков и тех, кто вечерами перечитывает книги Алана Купера :)
Я попробую сжать информацию из этой статьи ещё больше, сократив или убрав некоторые пункты. А вы уже сами решайте насколько вам полезно будет прочитать оригинал.
Сегодня предлагаю вашему вниманию несколько наиболее полезных, на мой взгляд, недавних твитов
Luke Wroblewski на тему Usability и UX.
Если вы не в курсе о том, кто это, вы серьёзно? крайне рекомендую посмотреть, как минимум, эти твиты
Скажу сразу, спорить на тему границ UX и Usability считаю неблагодарным занятием, поэтому просто оставлю эти два термина вместе :)