Значение в электронном документе

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

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

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

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

3. Эргономика в электронных дизайн-проектах.

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

По сути, эргономика - это наука об эффективной организации рабочего места на производстве. В применении к дизайну сайта мы проповедуем эргономичный, то есть простой, удобный, понятный и комфортный способ подачи информации. Одним словом - ничего лишнего.

Эргономичный сайт - сайт, созданный с учётом и на основе научных знаний об устройстве и работе человеческого глаза, просматривающего, собирающего (для последующего анализа) информацию с источника излучения определённой спектральной интенсивности, ограниченного по полю обзора. Он обеспечивает необходимые удобства посетителю, сохраняет его силы, здоровье и работоспособность. А это, в конечном итоге, повышает эффективность сайта и приносит доход владельцу сайта.

Эргономические требования к дизайн-проекту. Удобство навигации по сайту. Посетители должны иметь возможность просмотреть любую страницу сайта без особых трудностей. Для этого нужно реализовать удобное меню, карту сайта, названия страниц должны четко соответствовать их содержанию.

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

Вспомогательные элементы - Пиктограммы: помогут передать информацию короче, быстрее, понятнее, эффективнее, чем слово.

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

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

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

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

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

Цветовая схема - Важна цветовая схема сайта. Подбор основных цветов – очень трудная задача. Существует целая наука, посвященная сочетаемости цвета и оттенков. Дизайнер должен предостеречь клиента от неправильного цветового оформления сайта. Цвета фона и шрифтов веб-сайта имеют очень большое значение. Позаботьтесь об отчётливости текста, о хорошей сочетаемости его цвета с цветом фона. Текст должен легко читаться, если же его чтение требует усилий, значит, составленная вами цветовая схема, очевидно, нуждается в доработке.

Цветовое единство дизайна очень важно. Применение различных цветовых схем на каждой отдельной странице веб-сайта крайне НЕЖЕЛАТЕЛЬНО. Пользователь должен видеть, что он по-прежнему находится на том же самом веб-сайте, а постоянной сменой цветов вы собьёте его с толку, в чём нет ничего хорошего. Связность и гармоничность цветового оформления удержат посетителя на вашей странице.

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

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