Проектирование интерфейсов, юзабилити

Проектирование пользовательских интерфейсов, способы усовершенствования традиционных решений, примеры лучшей практики, юзабилити, использование JavaScript для создания удобных и эффективных интерфейсов

Контрастность и дальтонизм

11.05.2011 / 6 комментариев

Недавно получил сообщение от посетителя сайта: «Почему у вас список ссылок таким бледным цветом. Чтобы труднее было найти и разглядеть? Почти ничего не видно. Приходится выделять текст мышкой, чтобы прочитать. Дурдом».

Вообще знаю, что контраст важен, и учитываю это при подборе цветов. В данном случае ссылки действительно были бледными, но всё-таки я открывал сайт на нескольких устройствах, и везде различал слова без особого напряжения. Выходит, делать «на глаз» нельзя.

Может быть проблема контраста затрагивает маленький процент пользователей, и не стоит на нее обращать внимание? Попробуем оценить:

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

Проектирование интерфейсов, юзабилити, Accessibility, Дизайн сайта

Приёмы управления содержимым drupal-сайтов, улучшение юзабилити админки

11.09.2009 / 7 комментариев

По материалам того, что рассказывал в Киеве, составил обзор модулей для эффективного управления содержимым drupal-сайтов. Получилось в формате Q&A.

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

Проектирование интерфейсов, юзабилити, Drupal, Админка, Модерация сайта, Производительность труда, Юзабилити

У некоторых интернет-магазинов конверсия — 20%. Неужели из-за юзабилити?

01.07.2009 / 23 комментария

Благодаря Антону Незнамову набрел на список интернет-магазинов с высокой конверсией. «Высокая» — не то слово: 15—25% — это по-моему фантастика, учитывая, что в рунете люди бьются за десятые доли процентов.

Конверсию считают как отношение уникальных покупателей к уникальным посетителям в месяц. И получается, что каждый пятый посетитель делает на сайте заказ.

Предположил, что такие удивительные показатели отчасти связаны с хорошим юзабилити магазинов. Пошел смотреть.

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

Проектирование интерфейсов, юзабилити, Конверсия, Интернет-магазин, Электронная коммерция, Юзабилити

Что делать, когда при прокрутке шапка таблицы выходит за пределы обзора

18.02.2009 / 15 комментариев

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

Представьте, что вас интересует колонка W203.

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

Проектирование интерфейсов, юзабилити, Юзабилити

Раскрывающееся меню

05.02.2009 / 24 комментария

Когда делаешь на сайте раскрывающееся меню, бывает непонятно, как поступить с узловыми элементами.

Выпадающее меню на сайте

Вот меню с сайта Dell. Как вы думаете, если нажать на «Laptops and Tablets», откроется новая страница? Я бы засомневался.

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

Проектирование интерфейсов, юзабилити, Меню, Юзабилити

Как показать кликабельность картинки

12.09.2008 / 15 комментариев

Посетители приучены нажимать на ссылки и кнопки. А как быть со ссылками по картинкам? Как показать, что на картинку можно нажать и получить некоторый результат?

Если кликабельность картинки никак не обозначена, большинство посетителей не догадаются об этом. Не стоит рассчитывать, что люди будут наводить курсор на картинку и наблюдать, сменилась ли «стрелочка» на «пальчик». Недавно я собрал статистику по главной deadland.ru и убедился в этом.

По картиночкам кликают неохотно

Heatmap, карта кликов страницы сайта

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

Проектирование интерфейсов, юзабилити, CTR, Иллюстрации на сайте, Юзабилити

Крупный шрифт: все говорят, никто не делает

12.05.2008 / 39 комментариев

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

Фактически упомянутый совет воспринимается так: не используйте слишком мелкий шрифт. Однако «крупный» и «не слишком мелкий» — не одно и то же. Когда на сайте статьи набраны Верданой в 11px — говорят, это слишком мелко, а когда Эриалом в 13px — все вроде бы довольны. Но большая ли разница?

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

Проектирование интерфейсов, юзабилити, Оформление текста, Типографика, Юзабилити