Запоминаемость
7.6.1. Автоматизм, привычка и простота Мне нравятся программные продукты Adobe Systems Inc. Взять, к примеру, Photoshop. Его гениальная особенность втом, что набор инструментов и способов их использования достаточно прост, а …
Обучаемость
7.5.1. Стимулы и предпосылки Человек учится чему-либо только тогда, когда он этого хочет. В вузе он учится, если хочет получить высшее образование. Класть плитку он учится, если хочет обустроить свой …
Комфортность
7.4.1. Комфортность в жизни и в Web Комфортность как элемент юзабилити по своей сути не является управляющей частью интерфейса пользователя. Она носит скорее характер дополнительных удобств. Представьте себе два загородных …
Удобство работы с навигацией
7.3.1. Размеры элементов. Школа юного снайпера Одним из основополагающих законов разработки интерфейса пользователя является закон Фитса1. Для ускорения работы элемент интерфейса не должен быть маленьким и находиться в отдаленных уголках …
Удобство работы с информацией в Web
і 7.2.1. По левую руку от светофора Если вам приходится искать магазин или офис по описанию, то происходит это примерно так: вы начинаете поиски с какого-то места, например, автобусной остановки, …
Определение юзабилити
Что же такое юзабилити (usability)? Если буквально переводить с английского языка это слово, то получится что-то вроде «способность к использованию» или «удобство употребления». В общем случае юзабилити — степень удобства …
Юзабилити в теории и на практике
Vestra salus — nostra salus [5] Все фотографии с моей свадьбы были сделаны и собраны в одну пачку, когда после этого события прошло несколько месяцев. Моя жена, наконец-таки, купила такой …
Элементы оформления
К элементам оформления относятся элементы, которые образуют самую верхнюю часть Web-сайта — его внешний вид. Это не сама информация, а лишь ее представление. Я не хотел в этой книге говорить …
Элементы содержания
6.5.1. Текст Текст занимает 60—65 % Всемирной паутины. Способ подачи этой информации неоспоримо важен, однако большое значение имеет и заинтересованность посетителя в той информации, ко - торую он ищет. Человек …
Поиск
Многие посетители даже и не подумают разбираться в навигации и том, как устроена информация на сложном и объемном сайте, если разработчики обеспечили их функцией Поиск. Нередко они обращаются к ней …
Элементы навигации
Представьте себе, что вы оказались одни в лесу без компаса в облачный день. Лес сухой, мха на деревьях нет, а ветки густо растут со всех сторон и торчат везде одинаково. …
Элементы взаимодействия системы с пользователем
6.2.1. Окно браузера Все Web-страницы, с которыми работают пользователи, отображаются внутри окна браузера. В зависимости от компании-изготовителя и версии браузера существуют некоторые различия, однако общий принцип одинаков. Браузер мржет быть …
Обзор аппаратного обеспечения
К элементам интерфейса необходимо относить все, что используется для отдачи системе команд и получения от нее результата. Конечно же, этот список шире, чем просто кнопки, чек-боксы и поля ввода. К …
Пример компоновки
Вариантов компоновки блоков великое множество, что позволяет создавать уникальные и запоминающиеся Web-сайты. Прежде всего следует решить, к какой цели вы стремитесь: к выражению собственных творческих способностей или к популярному и …
Основные элементы комлоновки страниц
■j; ■ ' ' ■ ■ Теперь нам предстоит довольно кропотливая работа — рассмотреть основные компоновочные блоки, используемые в построении Web-страниц. Блоки следует понимать как некоторую абстракцию, а не как …
Понятие модульной сетки
Модульная сетка (шаблон, трафарет) — воображаемая сетка, образованная, как правило, горизонтальными и вертикальными линиями, к которым «привязываются» основные элементы страницы (рис, 5.6). Это понятие заимствовано из издательского дела (впрочем, как …
Виды верстки
В языке HTML существуют два способа задавать размеры элементов страницы: в относительных величинах, например, в процентах от предоставленного элементу пространства, и в абсолютных, например, в пикселях. На самом деле пиксель …
Оформление главных страниц
Главная (начальная) страница сайта считается «лицом» компании, которой этот сайт принадлежит, поэтому часто оформление главной страницы сайта и его вторичных страниц различаются. Из всего, что я когда-либо видел, для первой …
Основные способы верстки и их особенности
Верстка — это размещение в поле страницы, предоставляемом браузером, подготовленной информации либо создание заготовки для последующего заполнения. Верстка Web-сайта является неотъемлемым этапом его создания и осуществляется с помощью языка HTML. …
Смысловые уровни Web-сайта
Существуют пять смысловых уровней организации Web-сайта. 1. Внешний вид Web-сайта Это самый верхний, презентационный уровень. Он представляет собой совокупность шрифтов, таблиц, изображений, цветов, результатов поиска — всего, что видит пользователь. …
Этапы создания интерфейса
( Интерфейс программного продукта проходит четыре этапа создания: бумажный прототип, электронный прототип, макет, собственно интерфейс. Бумажный прототип?! Это так долго. Я на компьютере Сделаю все гораздо быстрее! Неизвестный проектировщик Бумажный …
Проектирование программного обеспечения и интерфейса
Предположим, что вы решили создать некоторый «Электронный телефонный справочник». .Сначала о его интерфейсе ничего не известно, есть только самые общие требования. Для того чтобы справочник был действительно полезен и удобен, …
Независимость интерфейса от других компонентов приложения
Если создание серьезного программного продукта требует многих усилий и ресурсов, то логично было бы предположить, что все части такой сложной системы очень тесно связаны между собой. Зависит ли интерфейс пользователя …
Виды программного обеспечения
Фредерик Брукс — именитый участник крупных западных проектов по созданию сложнейших программных систем — выделяет несколько разновидностей программного обеспечения. Программа. Самый простой вариант программного обеспечения. Чаще всего это просто код, …
Интерфейс в программном обеспечении
«Вы либо ноль, либо единица... Любой мальчишка из гаража может лишить нас работы...». Это фраза из фильма «Антимонополия» (Antitrust) компании Metro — Goldwen — Mayer. В этом фильме активно проводится …
Что такое идеальный интерфейс
Чем больше интерфейс отличается от того, к чеіму пользователь привык в реальной жизни, тем труднее ему работать с таким интерфейсом. Поэтому мне кажется целесообразным рассмотреть понятие идеального интерфейса и, по …
Время протекания процессов
Способ визуализации может быть применен не только для наглядного отображения информации, но и для отвлечения пользователя от долговременного ожидания или для отражения состояния системы. Например, инсталляционные программы часто снабжают пояснениями, …
Точность данных
Человек склонен округлять. Это свойство позволяет ускорить работу и более наглядно отобразить информацию. Если я спрошу у вас, чему равно число п, большая часть мне ответит 3,14. Рыбак редко говорит …
Монотонность
Монотонность — это предоставление одного способа достижения одной цели. Предрасположенность человека к такому свойству интерфейса, как монотонность, в некоторой степени обусловлена человеческой натурой. Интерфейс, которому присуща монотонность, упрощает и ускоряет …
Кратковременная память
Вся информация, воспринимаемая пользователем при работе с системой, хранится в кратковременной памяти. Кратковременная память имеет весьма ограниченный объем и является по сути не отдельным свойством человеческого мозга, а некоторой составляющей …
Фокус внимания
Фокус внимании человека применительно к компьютерным системам — это место на экране, куда направлен его взгляд и где он сознательно сосредоточен. Цель качественного, хорошо проработанного интерфейса, с одной стороны, удерживать …
Ограничейия физические и умственные
Существует огромный контингент людей, в том числе и интернет-пользователей, которые не подпадают под определение «молодой человек, опытный и внимательный, с уникальной памятью, совершенной реакцией, орлиным зрением и последними достижениями техники …
Опыт против разнообразия
Студенту первого курса медицинского института гораздо проще определить у больного аппендицит, чем студенту пятого курса. Это с первого взгляда абсурдное заявление, тем не менее, очень верно. Старшекурсник знает, что кроме …
Привычки
Интерфейс призван формировать у пользователя привычки. Привычки формируются независимо от того, думает ли об этом разработчик. Если одно и то же действие повторяется несколько раз подряд, оно становится привычным. Привычки …
Пользователь — компьютер
Человек непоследователен, он отвлекается, не может продуктивно работать долгое время и воспринимает только адаптированную для него информацию. Человек не может в уме пересчитывать большие числа, не может помнить наизусть весь …