|
Веб-Дизайн - по научному. Дизайн – это не просто картинка. Дизайнер - не просто художник. Такое мнение, что в своей работе дизайнер
опирается исключительно на свой вкус, в корне не верно. Опытный дизайнер помимо вкуса учитывает такие вещи как:
социальная группа, на которую нацелен дизайн, особенности цветовых ассоциаций, основы НЛП, физика, психология,
социология, строение человеческого глаза, в конце концов. |
|
|
1 |
Все хорошо в меру Работа нашего глаза заключается в сборе информации. Полученная информация передаётся для обработки в извилины.
Их работа заключается в выделении сигнала на фоне помех. Чтобы получить сигнал, мозгу необходимо произвести фильтрацию
и обработку всей полученной картинки. Скажем, для бизнес-сайта, сведения о товарах и услугах, т.е. полезная информация, - искомый сигнал. Графика (анимация и спецэффекты) - помеха. Чем больше помех в поле зрения, тем сложнее выделить полезную информацию. Чем больше времени это занимает, тем меньше вероятность обнаружения сигнала на фоне помех. Тем больше вероятность пропуска в обнаружении полезного сигнала среди ложных помех. Посетитель сайта может не найти нужную информацию на сайте, перегруженном графикой. На профессионально выполненных сайтах, вы практически не встретите анимацию и спецэффекты. К тому же, внедрение в состав сайта спецэффектов и графической анимации не только увеличивает время загрузки страниц, но и стоимость работ. Вывод: много картинок – не есть хорошо. |
|
2 |
Помните о вашей целевой аудитории! 1. Для начала вспомните, в какой стране Вы живете.
Глаз европейца просматривает страницы сайта сверху вниз и слева на право, глаз араба – справа на лево,
а японцы вообще люди очень сложные. Тем не менее, наибольшее внимание сосредотачивается на верхней части страницы.
Именно поэтому, а не потому, что так модно или дизайнеру так захотелось, в верхней части страницы сайта, как правило,
размещается наиболее важная информация: название фирмы, логотип, название сайта и т.д. Типовая ошибка: заполнение верхней части страницы сайта авангардной и сложной композицией из многих рисунков, среди которых едва заметно название фирмы и название сайта. В результате человеческий глаз, сканируя данную часть страницы сайта, не успевает распознать и запомнить нужную информацию. Происходит перенасыщение. Вместо увеличения запоминаемости происходит снижение запоминаемости основных надписей, названия фирмы и названия сайта. Вывод: чем проще выполнена верхняя часть страницы, тем легче запомнить название сайта и саму фирму. 2. К какой возрастной и социальной группам принадлежат Ваши потенциальные посетители?
Если вы производите «памперсы», знайте, 3х месячные малыши тут ни при чем - сайт для их мам. Следовательно: мягкие, спокойные цвета и
умилительные младенцы. Сноуборды для подростков – побольше ярких, вкусных, стильных картинок, минимум текста. Не бойтесь сразу указывать
цену – покупать не им, а родителям. Продаете линзы – текст покрупнее. Линзы для стариков – текст в 2 раза крупнее, дублированное меню,
крупные картинки, доступное изложение преимуществ продукта. Считается, что человеческий глаз может различать до 10 миллионов оттенков цветов. В процессе старения уменьшается чувствительность глаза по отношению к коротковолновому свету. Например, фиолетовые и синие цвета кажутся детям более яркими, чем пожилым людям. Вывод: не поленитесь, определите социальную и возрастную аудитории. 3. Кого среди них больше: мужчин или женщин? Сетчатка глаза имеет световоспринимающие элементы, называемыми «палочки» и «колбочки», при этом палочки отвечают
за восприятие тона, а колбочки - за восприятие цвета. У мужчин преобладают палочки, а у женщин-колбочки. Вывод: в дизайне сайта для женщин большее значение имеет цвет, а следовательно - настроение, а для
мужчин - форма, следовательно, - содержание. 4. И, наконец, много ли среди них дальтоников? Уменьшить неправильное цветовосприятие дизайна сайта определённой группой посетителей сайта (3-4%),
имеющей изменённое цветовосприятие (дальтонизм и цветовая слепота), можно: - Уменьшением количества графики, используемой в дизайне сайта; - Тестированием всех графических материалов сайта (фотографий и рисунков) при уменьшении или полном исключении отдельных цветов и их оттенков; - Применением графики, состоящей из небольшого количества цветов (сильноконтрастной графики). |
|
3 |
Если с тем, кто будет посещать сайт, вы определились, задумайтесь, в каких условиях они
будут это делать? В зависимости от освещённости в дневное или в вечернее время, относительная спектральная чувствительности
глаза меняется. Этим объясняется тот факт, что в разное время суток (утро, день, вечер, ночь) один и тот же сайт,
вернее - дизайн сайта, может восприниматься по-разному. Просмотр сайта человеческим глазом более фрагментарен, чем, например, просмотр картины, весящей на стене. Как следствие, впечатление от дизайна сайта во многом зависит от того, на каком удалении от глаза и под каким ракурсом просматривается дизайн сайта, а еще многое зависит от настроек вашего монитора. Посетитель сайта может просматривать его на настольном компьютере или на переносном компьютере, сидя в кресле, положив компьютер, например, на колени. Вывод: разное удаление глаза от экрана монитора и разный ракурс просмотра приведет к тому, что впечатление от дизайна сайта будет различно.
|
|
4 |
Стиль сайта Часто и ошибочно под фирменным стилем сайта подразумевают только какой-либо графический рисунок, расположенный в
верхней части страницы сайта, анимационные кнопки и фон страниц сайта. Подобные заблуждения, с точки зрения требований,
предъявляемых к разработке бизнес-сайта, приводят к тому, что сайт прибыли не приносит. Один из элементов общей программы создания имиджа фирмы - разработка единого фирменного стиля подачи материалов о фирме, товарах или услугах на основе особых художественных приемов и дизайнерских решений. Цель разработки фирменного стиля - создание конечного ряда характерных цветографических элементов, использование которых в любых комбинациях на упаковке товара или в рекламе обеспечивает узнаваемость предприятия и вызывает устойчивые положительные ассоциации. Помимо товарного знака, логотипа фирмы и особого шрифта, являющихся центральными элементами в ряду таких цветографических элементов, для придания эмоционально-ассоциативной выразительности объекту, на котором они применяются, чрезвычайно важное значение имеет используемая гамма цветов. Применение единого фирменного стиля дает наибольший эффект, когда он используется в рамках широкой программы создания определенного имиджа фирмы: начиная с дизайна товара и его упаковки и заканчивая хорошо продуманной рекламой разного рода, в том числе и рекламой сайта данной фирмы в Интернете. Запоминающийся изобразительный знак и фирменное наименование (логотип), выполненное характерным шрифтом, какие-либо выразительные динамические линии, точно выбранный цвет или его различные сочетания позволяют создать у посетителя сайта устойчивые и положительные цветовые ассоциации, которые требуются фирме для успешной реализации своих товаров и услуг. Важно: добиться цветовых ассоциаций от использования основного цвета можно тем в большей степени, чем меньше
вспомогательных цветов используется в дизайне сайта. |
|
5 |
Не пытайтесь объять необъятное. Практические результаты показывают, что глаз наблюдателя способен различать две светящиеся точки, если
освещённость в промежутке между двумя максимумами будет отличаться от максимальной на 5 %. Это означает, что,
несмотря на теоретическую возможность создания дизайна сайта из большого количества оттенков цвета, глаз человека
не сможет различать на мониторе все оттенки цвета. |
|
6 |
Немного НЛП Каждый день, в течение года, бизнесмен по электронной почте получает несколько писем с предложением разработать
сайт за $50-100. В итоге вырабатывается стойкое убеждение, что $50-100 - та цена, за которую можно создать сайт.
Поддавшись внушению, бизнесмен заказывает сайт. Вскоре осознает, что никакой прибыли такой сайт не приносит.
То есть бизнесмен попал под одну из разновидностей НЛП. Но уже поздно. Деньги потрачены впустую. Это иллюстрация распространенного мифа о том, что за малые деньги можно получить конкурентоспособный сайт. Зная физиологию человека, закономерности и характерные особенности восприятия им той или информации (того или иного внешнего воздействия), можно прогнозировать дальнейшую реакцию и действия (поступки) человека. Профессиональная разработка сайтов для бизнеса, по своей сути, - упрощённое нейро-лингвистическое программирование. Основной задачей при этом ставится побуждение посетителя сайта приобрести тот или иной товар или услугу. Никаких псевдонаучных методов или тех методов, которые могут в какой-либо степени нанести ущерб здоровью человека (например, «25 кадр»), при этом не используется. К примеру, простейший способ воздействия на посетителя сайта - выбор типа, размера и иных параметров шрифта. Например, выделенный текст запоминается больше, чем простой. Однако в основе всех существующих методов и способов обеспечения привлечения внимания посетителей к рекламируемым на сайте товарам и услугам лежит общеизвестный и распространённый метод повторения. Суть данного метода можно точно охарактеризовать известным выражением: "Повторение - мать учения". Какие бы рекомендации и советы ни встречались по поводу того, как заставить посетителей запомнить сайт и представленные на нём товары и услуги, наиболее простой, эффективный и многократно проверенный способ - метод повторения:). |
|
7 |
Важность своевременного контента Контент сайта, занимая 70-80% всей видимой площади сайта, оказывает непосредственное влияние на фирменный стиль сайта
и его запоминаемость. Качество контента сайта обуславливает степень воздействия на посетителей сайта. Фирменный стиль
бизнес-сайта разрабатывается после того, как подготовлен весь контент сайта, но не наоборот. |
|
8 |
Напоследок о формах Колбочки и палочки располагаются на сетчатке глаза неравномерно. Следовательно, и восприятие объектов,
располагающихся в поле зрения глаза, будет несколько различным. Экспериментально установлено, что существует определённая последовательность различения разных признаков объекта. Прежде всего, различается положение и яркость объекта по отношению к фону, затем его цветовые характеристики и только после этого - форма. Экспериментальным путём при исследовании формы символов выявлено, что наиболее быстро и точно распознаются символы, контур которых имеет резкие перепады. Треугольник и прямоугольник распознать значительно легче, чем многоугольник или овальные фигуры. По точности их распознавания простейшие фигуры располагаются в следующем порядке (в порядке возрастания): треугольник, ромб, прямоугольник, круг, квадрат. На восприятие размера влияет симметрия формы: симметричные фигуры кажутся более компактными и меньшими по размеру, чем равновеликие им несимметричные. |
|
9 |
О вкусах спорят Многие веб-дизайнеры, если они работают как штатные сотрудники фирмы, вынуждены разрабатывать
фирменный стиль на основе мнения и вкуса только одного человека - руководителя своей фирмы. Фирменный
стиль бизнес-сайта рассчитан на вкус не одного человека, а многих. А вкусы у людей разные. К тому же
восприятие фирменного стиля бизнес-сайта сильно зависит от технических характеристик мониторов,
программного обеспечения и «железа». Вывод: Понимание веб-дизайна субъективно. При разработке фирменного стиля сайта следует,
руководствоваться назначением сайта. |
|
Итого: Основные факторы, влияющие на степень воздействия и запоминаемость фирменного стиля сайта:
- Скорость загрузки страниц сайта.
- Качественная подготовка контента сайта (текст, таблицы и графика). - Подробное описания товаров и услуг. - Оптимизация дизайна сайта для просмотра на мониторах с различной разрешающей способностью. - Учёт возрастной аудитории сайта. - Отсутствие излишней анимации. - Возможность просмотра сайта без необходимости загрузки дополнительных программных модулей. - Возможность просмотра сайта без ошибок на браузерах различных производителей и их версий. - Отсутствие в сайте сломанных гиперссылок или негрузящихся рисунков. - Отсутствие в сайте недоработанных страниц (страниц, находящихся «на реконструкции»). - Удобная и интуитивно понятная система навигации. Возможность перехода с любой страницы на любую другую не более чем за два нажатия (через страницу). Небольшая глубина сайта. - Наличие в сайте содержания (карты) сайта. - Отсутствие грамматических и синтаксических ошибок. - Применение основной и цветовой палитры, отображаемой без ошибок на различных мониторах. - Соответствие цветовой палитры сайта тематике сайта. |
|
|
Однако.
Важно помнить, что несмотря на все вышеизоженное, в сети существует масса
гениальных примеров игнорирования этих принципов. А все потому, что на каждое правило
найдется исключение :)
|
|
| BACK | ||
![]() |
![]() ![]() ![]() |
![]() |