Все записи с тэгом «интерфейсы»

Нужна ли опция увеличения размера шрифта на сайте?

02.06.2009

Одно время возможность увеличить размер шрифта кликом на ссылку или пиктограмму была очень популярна на западных сайтах. Конечно, предоставить возможность к информации для людей с ослабленным зрением — это гуманно, но насколько это удобно в использовании?

К сведению: Такой возможности нет ни на одном из ведущих новостных сайтов Рунета (РБК, Лента.ру, Известия, Ведомости, Коммерсантъ, Взгляд.ру, Газета.ру, Интерфакс, Regnum, Дни.ру), а также на сайтах BBC, New York Times, The Times, Financial Times.

Как делают

Самый популярный вариант, используемый в Рунете. На сайте medsputnik.ru показано как делать не надо: текущий размер шрифта понять невозможно (вам кажется, что сейчас выбран самый большой? нет, ровно наоборот — самый маленький).

UPD: Более грамотный вариант используется на BFM.ru: текущий размер выделяется цветом.


Вариант от reuters.com это настоящая пытка для слабовидящих. Мало того, что ссылки на этот функционал выполнены шрифтом меньшего размера, чем текст новости, так еще и попасть надо точно в «-» или «+».


The Wall Street Journal (wsj.com) был более гуманен к пользователю и сделал «-» и «+» побольше, однако обратной связи для определения текущего размера не хватает.


Вывод

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

#cookbook #интерфейсы #разработка ПО

Добавить комментарий

Семь требований к хорошему дизайну

18.03.2009

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

Насколько легко можно…

определить функцию устройства?

указать возможные действия пользователя?

определить соответствие намерения и физического действия?

выполнить действие?

сказать, находится ли система в необходимом состоянии?

определить соответствие состояния системы его интерпритации?

сказать, в каком состоянии находится система?

#cookbook #дизайн #интерфейсы

Добавить комментарий

Таксономия

27.01.2009

Еще одно модное слово (в добавок к когнитивности), которым можно пыль в глаза пускать:

Таксоно́мия (от греческих «расположение по порядку» и «закон») — иерархически выстроенная система целей и результатов от простой к сложной системе. Проще говоря, банальная классификация.

Следует употреблять его для обозначения иерархической организации категорий в интерфейсе веб-сайта.

#cookbook #булшит-бинго #интерфейсы #разработка ПО

Добавить комментарий

Использование структуры и навигации в результатах поиска

19.01.2009

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


Хороший пример — Amazon.com

Плюс такого подхода в том, что пользователи имеют возможность итеративно уточнять свои запросы, опираясь на иерархическую систему классификации (если она конечно есть на сайте).

#cookbook #интерфейсы #разработка ПО

Добавить комментарий

Капча

23.12.2008

CAPTCHA (от англ. «Completely Automated Public Turing test to tell Computers and Humans Apart» — полностью автоматизированный публичный тест Тьюринга для различия компьютеров и людей) — компьютерный тест, используемый для того, чтобы определить, кем является пользователь системы: человеком или компьютером. Основная идея теста: предложить пользователю такую задачу, которую может решить человек, но которую крайне трудно научить решать компьютер. В основном это задачи на распознавание символов.

Более подробно о самом тесте и его видах написано в Википедии, а я лишь приведу пример не лишенной чувства юмора капчи с сайта sport.vesti.ru:

#cookbook #интерфейсы

Добавить комментарий


Реклама