Чужие мысли

Переводы и статьи по дизайну интерфейсов, юзабилити и web-разработке

Фильтрация данных в таблицах

Refining Data Tables
Автор: Luke Wroblewski
Источник: UXmatters

Множество статей посвящено самому распространенному элементу интерфейса web-приложений – формам. Формы по праву заслужили такое внимание: от дизайна форм напрямую зависит успешность их заполнения пользователем. Чтобы получить почтовый ящик нужно заполнить регистрационную форму. Чтобы купить товар в интернет-магазине, нужно заполнить форму заказа. Но не все данные можно организовать при помощи форм.

Таблицы занимают второе место по частоте использования в web-приложениях после форм. При работе в сети пользователям часто требуется работать с элементами в списках (контакты, товары, письма, сообщения) – искать, добавлять, редактировать, удалять. И от дизайна таблиц напрямую зависит удобство работы с ними. Однако, в отличие от дизайна форм, к удобной в использовании таблице можно прийти по нескольким путям.

В этой статье основное внимание будет уделено удобству поиска в больших таблицах.

Читать дальше »



Редизайн простой таблицы

Redesigning a Simple Table
Автор: Luke Wroblewski
Источник: Functioning Form

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

Читать дальше »



Дизайн форм (часть 2)

Web Application Form Design Expanded
Автор: Luke Wroblewski
Источник: Functioning Form

Группировка полей и подписей

Большинство читателей интересовались, как можно преодолеть ограничения, связанные с использованием разного фона для подписей и полей. Действительно, несмотря на то, что дополнительные элементы в форме (даже если они совсем тонкие) увеличивают визуальный шум, несколько тщательно подобранных линий могут помочь пользователям связать поля и соответствующие подписи.

Читать дальше »



Дизайн форм

Web Application Form Design
Автор: Luke Wroblewski
Источник: Functioning Form

Редкие приложения не используют формы для ввода данных или настоек. Но не все приложения используют формы правильно. Выравнивание полей, расположение подписей, другие визуальные элементы – все это может помогать или мешать работе пользователя.

Читать дальше »