Дизайн и юзабилити

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

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

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

Smashing Magazine - редизайн и переход с WordPress на Hugo

Новости  /  Дизайн и юзабилити News  /  Design

Думаю, большинство из вас в курсе, что такое Smashing Magazine. Если нет — почитайте там статьи, получите удовольствие.

Мне лично они нравятся. Недавно они затеяли редизайн сайта. И, что вдвойне приятно, наряду с редизайном они перешли с глючного решета WordPress на Hugo. Чуть больше подробностей далее.

Ant Design

Дизайн и юзабилити  /  Фреймворки React  /  Design

Ant Design — это альтернатива Material Design. Что лучше, что хуже — решать вам, я лишь делюсь информацией.

Вы наверняка слышали про Material UI — библиотеку, которая реализует принципы Material Design для React. Аналогично, есть реализация Ant Design — Ant Design of React. Подробно не смотрел, но выглядит красиво. Далее несколько восторженных отзывов про табличное представление.

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

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

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

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

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

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

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 считаю неблагодарным занятием, поэтому просто оставлю эти два термина вместе :)