Эргономическая экспертиза. Эргономический консалтинг. Проектирование рабочих мест и пользовательских интерфейсов

Этапы работы дизайнера:
поиск идеи;
«Дизайн всегда происходит от идеи. Таким образом,

Поиск идеи

Компьютерный дизайн

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест и пользовательских интерфейсов

Поиск идеи

Компьютерный дизайн

«Наблюдай за всем, что происходит вокруг тебя, за каждым

Поиск идеи

Компьютерный дизайн

Метод фокальных объектов

Алгоритм применения:
Выбирают «фокальный» объект.
Выбирают три-четыре

Зрительное восприятие

Компьютерный дизайн

Основные свойства:
Последовательность

Избирательность
Целостность

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест и пользовательских интерфейсов

Зрительное восприятие

Компьютерный дизайн

Основные свойства:
Реакция на движение.
Запоминаемость.
Константность.

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест и

Зрительное восприятие

Компьютерный дизайн

Основные свойства:
Соотносительность.

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест и пользовательских

Зрительное восприятие

Компьютерный дизайн

Основные свойства:
Иллюзорность.

Иллюзия стрелок Мюллера-Лиера

Иллюзия сходящихся и расходящихся линий

Иллюзия

Перспектива

Компьютерный дизайн

Перспектива – это изображение глубины трехмерного пространства в соответствии с

Перспектива

Компьютерный дизайн

Линейная

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест и пользовательских интерфейсов

Перспектива

Компьютерный дизайн

Линейная

Основные ошибки

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест и пользовательских интерфейсов

Перспектива

Компьютерный дизайн

Панорамная

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест и пользовательских интерфейсов

Перспектива

Компьютерный дизайн

Плафонная

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест и пользовательских интерфейсов

Перспектива

Компьютерный дизайн

Плафонная

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест и пользовательских интерфейсов

Перспектива

Компьютерный дизайн

Театральная

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест и пользовательских интерфейсов

Перспектива

Компьютерный дизайн

Рельефная

Барельеф

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест и пользовательских интерфейсов

Перспектива

Компьютерный дизайн

Рельефная

Рельеф

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест и пользовательских интерфейсов

Перспектива

Компьютерный дизайн

Рельефная

Горельеф

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест и пользовательских интерфейсов

Перспектива

Компьютерный дизайн

Диорамная

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест и пользовательских интерфейсов

Перспектива

Компьютерный дизайн

Архитектурная

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест и пользовательских интерфейсов

Перспектива

Компьютерный дизайн

Стереоскопическая

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест и пользовательских интерфейсов

Перспектива

Компьютерный дизайн

Воздушная перспектива

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест и пользовательских интерфейсов

Перспектива

Компьютерный дизайн

Обратная

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест и пользовательских интерфейсов

Тени

Компьютерный дизайн

Построение теней
при солнечном освещении

Построение теней
при центральном освещении

Изображение собственной

Цвет
?

Компьютерный дизайн

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест и пользовательских интерфейсов

Цвет

Компьютерный дизайн

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест и пользовательских интерфейсов

Психофизиологическое и психологическое воздействие цвета на человека

Компьютерный дизайн

ЧСС и кровяное давление

простые,

Психофизиологическое и психологическое воздействие цвета на человека

Компьютерный дизайн

Красный

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест

Психофизиологическое и психологическое воздействие цвета на человека

Компьютерный дизайн

Оранжевый

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест

Психофизиологическое и психологическое воздействие цвета на человека

Компьютерный дизайн

Желтый

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест

Психофизиологическое и психологическое воздействие цвета на человека

Компьютерный дизайн

Зеленый

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест

Психофизиологическое и психологическое воздействие цвета на человека

Компьютерный дизайн

Голубой

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест

Психофизиологическое и психологическое воздействие цвета на человека

Компьютерный дизайн

Синий

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест

Психофизиологическое и психологическое воздействие цвета на человека

Компьютерный дизайн

Фиолетовый

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест

Психофизиологическое и психологическое воздействие цвета на человека

Компьютерный дизайн

Белый

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест

Психофизиологическое и психологическое воздействие цвета на человека

Компьютерный дизайн

Черный

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест

Цвет

Компьютерный дизайн

Цветовые модели:
RGB;
CMYK.

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест и пользовательских

Цвет

Компьютерный дизайн

Цветовые модели:
LAB;
HSB и HLS.

LAB

HSB

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест

Цвет

Компьютерный дизайн

При использовании освещения необходимо помнить следующее:
чем сильнее освещение, тем ярче

Цвет

Компьютерный дизайн

Формула гармоничного соотношения размеров цветовых пятен:
Ж:К:С = 3:6:8

По Гете

Круг Освальда

Цветовой

Цвет

Компьютерный дизайн

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест и пользовательских интерфейсов

Цвет

Компьютерный дизайн

Некоторые виды цветового контраста:
контраст по тону;
контраст светлого и

Композиция

Компьютерный дизайн

Фронтальная – произведение строится в одной плоскости

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих

Композиция

Компьютерный дизайн

Объемная композиция используется при дизайне архитектурных объектов, упаковок и различных

Композиция

Компьютерный дизайн

В пространственной композиции преобладают размеры пространства в котором размещены объекты

Эргономическая

Композиция

Компьютерный дизайн

Шрифтовая композиция

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест и пользовательских интерфейсов

Композиция

Компьютерный дизайн

Инструменты

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест и пользовательских интерфейсов

Композиция

Компьютерный дизайн

Характеристики композиции

Форма

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест и пользовательских интерфейсов

Композиция

Компьютерный дизайн

Форма

Симметрия и асимметрия

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест и пользовательских интерфейсов

Композиция

Компьютерный дизайн

Характеристики композиции

Равновесие

Равновесие формы – состояние, при котором все элементы сбалансированы

Композиция

Компьютерный дизайн

Характеристики композиции

Равновесие

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест и пользовательских интерфейсов

Композиция

Компьютерный дизайн

Характеристики композиции

Равновесие

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест и пользовательских интерфейсов

Композиция

Компьютерный дизайн

Характеристики композиции

Равновесие

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест и пользовательских интерфейсов

Композиция

Компьютерный дизайн

Характеристики композиции

Равновесие

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест и пользовательских интерфейсов

Композиция

Компьютерный дизайн

Характеристики композиции

Равновесие

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест и пользовательских интерфейсов

Композиция

Компьютерный дизайн

Гармония и центр композиции

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест и пользовательских

Композиция

Компьютерный дизайн

Гармония и центр композиции

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест и пользовательских

Композиция

Компьютерный дизайн

Гармония и центр композиции

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест и пользовательских

Композиция

Компьютерный дизайн

Основные принципы построения композиции

Для передачи движения (динамики) используются:
диагональные линии;

Композиция

Компьютерный дизайн

Основные принципы построения композиции

Условия для выражения покоя (статики):
нет диагоналей;

Композиция

Компьютерный дизайн

Основные принципы построения композиции

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест и пользовательских

Композиция

Компьютерный дизайн

Основные принципы построения композиции

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест и пользовательских

Композиция

Компьютерный дизайн

Основные принципы построения композиции

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест и пользовательских

Композиция

Компьютерный дизайн

Шрифт

Характеристики шрифтов:

Гарнитура шрифта (Type family).
Начертание (Type face).
Насыщенность шрифта.
Пропорции шрифта.
Контрастность.
Кегель.
Комплектность (полиграфический

Композиция

Компьютерный дизайн

Шрифт

=
?

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест и пользовательских интерфейсов

Композиция

Компьютерный дизайн

Шрифт

Univers

Bodoni

Garamond

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест и пользовательских интерфейсов

Композиция

Компьютерный дизайн

Шрифт

Девиз
Заголовок
Основной текст
адреса, телефоны, имена авторов

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест и

Композиция

Компьютерный дизайн

Шрифт

Основные гарнитуры:
Академическая.
Балтика.
Журнальная.
Журнальная рубленая.
Кудряшевская энциклопедическая.
Гельветика.
Лазурского.
Таймс.
Школьная.

Варианты начертания:
нормальное;
курсивное;
жирное;
жирное курсивное.

Эргономическая

Композиция

Компьютерный дизайн

Шрифт

Межстрочный интервал и трекинг

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест и

Композиция

Компьютерный дизайн

Шрифт

Печатная реклама должна:
быть целостной, упорядоченной, не содержать таких элементов

Композиция

Компьютерный дизайн

Шрифт

Классификация художественных эффектов, применяемых к тексту

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест

Композиция

Компьютерный дизайн

Шрифт

Псевдотрехмерные эффекты, применяемые к тексту

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест и

Композиция

Компьютерный дизайн

Шрифт

Советы:
необходимо целесообразно располагать информационные блоки;
строка должна не превышать

Композиция

Компьютерный дизайн

Реклама

Эффективная реклама – это реклама, которая сразу же приковывает внимание

Композиция

Компьютерный дизайн

Реклама

Не пользуйтесь шаблонами!
Научитесь правильно представлять товары различной аудитории.
Реклама не должна

Композиция

Компьютерный дизайн

Реклама

Товар

Бренд

Услуги

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест и пользовательских интерфейсов

Наружная реклама

Компьютерный дизайн

Виды наружной рекламы:
Реклама на щитах (билбордах).
Реклама на установках «prismavision».
Реклама

Наружная реклама

Компьютерный дизайн

Реклама на щитах (билбордах)

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест и

Наружная реклама

Компьютерный дизайн

Реклама на установках «prismavision»

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест и

Наружная реклама

Компьютерный дизайн

Реклама на тумбах

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест и

Наружная реклама

Компьютерный дизайн

Реклама на городской мебели

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест и

Наружная реклама

Компьютерный дизайн

Реклама на опорах уличного освещения

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест

Наружная реклама

Компьютерный дизайн

Рекламные установки на зданиях

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест и

Наружная реклама

Компьютерный дизайн

Реклама на дисплеях

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест и пользовательских

Наружная реклама

Компьютерный дизайн

Реклама на транспорте

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест и пользовательских

Наружная реклама

Компьютерный дизайн

Реклама на мостах, путепроводах и над проезжей частью

Эргономическая экспертиза
Эргономический

Наружная реклама

Компьютерный дизайн

«Неонка»

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест и пользовательских интерфейсов

WEB-дизайн

Компьютерный дизайн

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест и пользовательских интерфейсов

WEB-дизайн

Компьютерный дизайн

Вначале думаем, потом делаем

От большего к меньшему, от общего к

WEB-дизайн

Компьютерный дизайн

Модульная сетка

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест и пользовательских интерфейсов

WEB-дизайн

Компьютерный дизайн

Масштабируемость

Шрифтовая схема

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест и пользовательских интерфейсов

WEB-дизайн

Компьютерный дизайн

Запас на рост сайта

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест и пользовательских

WEB-дизайн

Компьютерный дизайн

Реакция на пользователя

В зависимости от типа и масштабности сайта, нужно

WEB-дизайн

Компьютерный дизайн

Реакция на пользователя

Ссылки с дополнительными свойствами

Псевдо-ссылки

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест

WEB-дизайн

Компьютерный дизайн

Оформление содержания

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест и пользовательских интерфейсов

WEB-дизайн

Компьютерный дизайн

Принципы эффективного веб-дизайна.

Как мы думаем?
мы ищем что-то интересное или

WEB-дизайн

Компьютерный дизайн

Принципы эффективного веб-дизайна

Не заставляйте пользователя думать.
Не испытывайте терпение пользователей.

Эргономическая экспертиза
Эргономический

WEB-дизайн

Компьютерный дизайн

Принципы эффективного веб-дизайна

Управляйте пользовательским вниманием.
Добиваемся понятной композиции.

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих

WEB-дизайн

Компьютерный дизайн

Принципы эффективного веб-дизайна

Эффективное использование текста.
Стремление к простоте.

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих

WEB-дизайн

Компьютерный дизайн

Принципы эффективного веб-дизайна

Не бойтесь пробелов.
Эффективное общение с помощью «зрительного языка».
организация;
экономия;
коммуникация.

Эргономическая

WEB-дизайн

Компьютерный дизайн

Принципы эффективного веб-дизайна

Традиции наши друзья.
Начинаем тестировать на начальном этапе. Тестируем

WEB-дизайн

Компьютерный дизайн

Принципы эффективного веб-дизайна

Тестирование

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест и пользовательских интерфейсов

Юзабилити-тестирование

Компьютерный дизайн

Обобщенный алгоритм:

Экспертная оценка эргономических показателей качества ПИ.
Оценка временных показателей.

Уточнение иерархии

Юзабилити-тестирование

Компьютерный дизайн

Оценка временных показателей:

Разработка программы и методики проведения натурных экспериментов.
Разработка тестовых

Проектирование ПИ

Методы оценки качества ПИ

Аналитические методы.
Экспериментальные.
на тренажерах;
на реальных рабочих местах.
Анкетирования.
Экспертные.

Параметры

Проектирование ПИ

Методы оценки качества ПИ

Аналитические методы.

Метод GOMS (Goals, Operators, Methods,

Проектирование ПИ

Методы оценки качества ПИ

Эргономическая экспертиза
Эргономический консалтинг
Проектирование рабочих мест и

Проектирование ПИ

Методы оценки качества ПИ

Аналитические методы.

Закон Фитса

Закон Хика

T –