Психологические аспекты web-дизайна

Размещено на http://www.allbest.ru/

Размещено на http://www.allbest.ru/

Министерство образования и науки Российской Федерации

Государственное образовательное учреждение

высшего профессионального образования

«КУБАНСКИЙ ГОСУДАРСТВЕННЫЙ УНИВЕРСИТЕТ»

Физико-технический факультет

Кафедра теоретической физики и компьютерных технологий

КУРСОВАЯ РАБОТА

ПСИХОЛОГИЧЕСКИЕ АСПЕКТЫ WEB-ДИЗАЙНА

Работу выполнила

Мяоц Анастасия Сергеевна

Краснодар 2012

Содержание

Введение

1. Анализ процесса восприятия человеком разнородной информации

1.1 Человеческое восприятие

1.2 Магия слов

1.3 Названия и заголовки

1.4 Эмоции в шрифтах

1.5 Живопись для сайта

1.6 Цветные рычаги воздействия

1.7 Рекомендации

2. Ошибки в web-дизайне

2.1 Этого не должно быть на сайте

3. Взгляд психолога на дизайн web-сайтов и других интерфейсов

4. Примеры и характеристика дизайна web-сайтов

Заключение

Список использованных источников

Введение

web дизайн сайт информация

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

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

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

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

Интернетом в наше время пользуется более 30% населения планеты, а это около 1 500 000 000 человек. Поэтому резко возросла потребность в сайтах.

Прямо пропорционально растет также и спрос на грамотный дизайн интернет-сайтов, т.к. человечество не утратило при этом любовь к прекрасному. Ведь наряду с желанием получить практичный товар, возникает другое желание - чтобы товар радовал глаз. Таким образом, межу web-дизайном и психологией существует тесная связь. Зная, куда в первую очередь смотрит человек, и какие цвета наиболее благоприятны для восприятия, веб-мастер может создавать качественные сайты и при этом управлять вниманием пользователя. По статистике 83% информации воспринимается зрительно и 40% из нее запоминается людьми против 20% услышанной. Изображение может нести в себе ничуть не меньше, а иногда и больше, информации, чем текст. Именно психология рассматривает данные аспекты.

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

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

Задачи:

- анализ процесса восприятия человеком разнородной информации;

- исследование ошибок в web-дизайне;

- составление основных условий для правильного подхода к дизайну сайта;

Тема психологии в web-дизайне неисчерпаема, поэтому полученные в данной работе знания, безусловно, помогут в разработке качественного дизайна web-сайта.

1. Анализ процесса восприятия человеком разнородной информации

1.1 Человеческое восприятие

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

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

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

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

По мнению психологов, с ходу человек способен воспринять 7 ± 2 структурных единицы или блока изучаемого материала, будь то графические объекты или текст. Однако это правило на практике подтверждается редко. В большинстве случаев запоминается лишь половина - 3-4 объекта. Это означает, что если, к примеру, использовать меню более чем из 7 элементов либо десяток информационных блоков на одной странице, то сайт окажется тяжелым для восприятия.

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

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

1.2 Магия слов

Несмотря на широкие возможности в графическом оформлении современного web-ресурса, первостепенное значение по-прежнему имеет текстовая часть сайта.

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

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

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

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

Наиболее удобны для чтения строки длиной 26-40 символов. Более длинные строки плохо воспринимаются, так как требуют нескольких повторных просмотров для выделения слов текста.

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

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

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

1.3 Названия и заголовки

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

Заголовки - один из основных помощников в деле привлечения внимания читателя, формировании читательской аудитории сайта. Исследования австралийского специалиста в области web-дизайна Колина Вейлдона выявили, что неудачно выбранный текст заголовка может уменьшить доходчивость соответствующего текста с 67 до 17%.

1.4 Эмоции в шрифтах

Говоря об актуальности подбора шрифтов, необходимо заметить, что основные требования, предъявляемые к шрифту, - это читаемость. Однако каждое шрифтовое начертание говорит на своем собственном языке. Разные стили начертания букв (гарнитуры) несут с собой различное эмоциональное наполнение: шрифты с засечками (serif) традиционны и консервативны, тогда как рубленые гарнитуры (без засечек, sans serif) выглядят более современно и молодо.

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

Документы (печатные и электронные), набранные относительно мелким шрифтом (например, 8 пунктов) с небольшим разнообразием размеров и начертаний символов, создают спокойный, уравновешенный стиль. Сообщения, использующие, разнообразные размеры и более крупный (например, 12 пунктов) шрифт для основного текста, выглядят более импульсивными.

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

Межсимвольный интервал тоже помогает сформировать определенный стиль. Фиксированный интервал информирует читателя о строгости и консерватизме взглядов автора. Варьирование расстояний между словами, символами и строками говорит об открытости, демократизме и энергичности.

Согласно исследованиям Колина Вейлдона, незначительные изменения межстрочного интервала могут увеличить число понявших текст от 77 до 98%, изменение стиля заголовков способно увеличить коэффициент удобочитаемости от 57 до 92%, а неудачная комбинация шрифтов способна снизить доходчивость сообщения до 3%.

1.5 Живопись для сайта

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

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

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

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

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

1.6 Цветные рычаги воздействия

Одним из самых мощных средств воздействия на восприятие человека является цвет. Именно этот элемент часто становится камнем преткновения для web-разработчика при создании нового ресурса Internet.

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

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

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

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

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

Светлые цвета, например белый или желтый, как бы распространяются на расположенные рядом с ними более темные цвета и уменьшают окрашенные в эти цвета поверхности (эффект иррадиации). Это явление играет существенную роль при конструировании шрифтов. В то время как, например, буквы E и F сохраняют на белом фоне свою полную высоту, высота таких букв, как O и G, несколько уменьшается, еще больше уменьшаются из-за острых окончаний буквы A и V.

Еще одна сторона человеческого восприятия - возникновение чувств, переживаний под влиянием того или иного цвета.

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

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

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

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

1.7 Рекомендации

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

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

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

2. Ошибки в web-дизайне

2.1 Этого не должно быть на сайте

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

1. «Анимация» - одна из самых распространенных черт таких сайтов. Огромные анимированные изображения на главной странице, несколько бегущих строк, перемещающиеся в две разные стороны и при этом резко мигающие, вызывают мгновенный уход посетителя с такого сайта. Можно быть уверенным, что он не вернется.

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

2. «Много графики» - сайт перегружен графикой и широкими изображениями, а большие по формату изображения медленно загружаются.

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

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

3. «Кнопки» - начинающие web-строители часто размещают на главную страницу до 10-20 кнопок - счетчики, топы, эмблемы каталогов, ссылки на дружественные сайты. Это не только портит весь вид сайта, но и нагружает, в результате чего страница грузится долго, а медленная скорость загрузки приводит к потере посетителей.

4. «Длинные тексты» - иногда видишь «сайт» целиком умещающийся в одном большом файле, что является большой ошибкой. Пользователь не должен прокручивать экран больше, чем на 2,5-3 раза.

Весь текст по ширине не должен занимать много места. Очень утомительно читать текст, написанный длинными строчками, при этом они «пересекаются», «сбиваются», а глаза быстро устают. Ширина строчек текста должна быть примерно не более 700 рх.

Особенно стоит обратить на эту проблему в настоящее время, когда широко стали распространены широкоэкранные мониторы, а параметры ширины многих сайтов выставлены в 100%, т.е. они растягиваются на всю ширину и читать текст на таких мониторах крайне неудобно.

Необходимо также обращать внимание на то, чтобы текст был разбит на небольшие абзацы, потому как читать текст, написанный сплошным массивом утомительно.

5. «Фон» - классическая ошибка начинающих - это использование цветистых, а зачастую и разных типов фона в пределах сайта. Наиболее оптимально использование белого фона и черного текста на страницах сайта. В этом случае внимание посетителей наиболее сконцентрировано на тексте, и легче всего производить его чтение. Если же нужно изменить цвет фона страниц сайта, то целесообразно использовать светлые, мягкие тона цветов, которые не раздражают и не утомляют глаза. Цвет фона всего сайта также не должен отвлекать и вызывать быстрое утомление глаз.

6. «Ошибки» - всегда следует проверять орфографию. Ошибки зачастую портят все впечатление о сайте.

7. «Выпадающие окна» - использование pop-up окон (всплывающих окон) является нарушением этикета. Самой обычной реакцией на появление таких окон при каждом клике будет уход с такого сайта.

8. «Горизонталь» - часто при жестком дизайне (все расстояния указываются в пикселях) появляется горизонтальная полоса прокрутки, если web-строитель имеет хороший монитор и видеокарту. Следует проверить свой сайт при разрешении 800х600 при 256 цветах.

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

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

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

3. Взгляд психолога на дизайн web-сайтов и других интерфейсов

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

1. Люди не хотят работать или думать больше, чем надо

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

Вместо того чтобы описывать вещи, лучше показать людям пример.

Следует обратить внимание на псевдо функциональность элементов web-страницы, интерфейса или устройства, которые проектируются. Если элемент не будет «кликабельным», не стоит придавать ему вид «кликабельности».

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

Действия по умолчанию. Следует позаботиться, чтобы по умолчанию люди делали как можно меньше действий, чтобы достичь цели.

2. Люди имеют ограничения

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

Информацию целесообразно делать легко воспринимаемой. Следует использовать заголовки, разделять информацию на короткие блоки.

Люди не обладают многозадачностью. Многократные исследования подтвердили, что человек обрабатывает информацию в один поток.

3. Люди совершают ошибки

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

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

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

Если выполнение задачи может содержать ошибки, следует разбить ее выполнение на части.

Если пользователь совершает ошибки, и вы можете их исправить, то исправляйте и покажите ему свои изменения.

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

4. Память человека становится сложнее

Люди меняют свои воспоминания, что говорит о непостоянстве их памяти. Можно верить словам пользователей, но лучше наблюдать за их действиями. Это даст гораздо больше информации.

Люди могут одновременно помнить 3-4 вещи. Правило «7 объектов ± 2» на практике подтверждается редко. В большинстве случаев запоминается лишь половина - 3..4 объекта.

5. Людям свойственна социальность

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

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

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

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

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

Человек может иметь прочные связи со 150-ю людьми. Прочные психологические связи определены как связи с людьми, которые физически находятся близко. Но слабые связи могут исчисляться тысячами и оказывать такое же влияние (например, Facebook).

6. Внимание

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

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

Однако бывают и исключения, когда люди не замечают изменений. Это называют слепотой изменений. Существует ряд экспериментов, где показан этот эффект.

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

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

7. Люди жаждут информации

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

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

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

8. Подсознательная обработка информации

Большая часть умственных процессов происходит подсознательно.

Если есть возможность добиться, чтобы пользователь совершил незначительное действие (например, подписка на бесплатный аккаунт), то в дальнейшем велика вероятность, что этот человек совершит более значимое действие (например, апгрейд до платного премиум аккаунта).

Подсознание принимает или, по крайней мере, участвует в принятии большинства наших решений.

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

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

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

9. Люди создают мысленные модели

Люди всегда создают мысленную модель о каком-либо объекте или задаче (оплата счетов, чтение книги, использование дистанционного управления).

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

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

Метафоры помогают формировать новую мысленную модель. Например, «управлять iPad так же просто, как читать обычную книгу».

Самая главная цель при изучении целевой аудитории - это получить информацию о ментальных моделях пользователей.

10. Визуальная система

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

Элементы расположенные рядом, имеют тенденцию восприниматься вместе.

Целесообразно использовать шрифты достаточного размера и без декоративных элементов. Это значительно облегчает чтение текста.

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

Людям легче воспринимать объекты, если они изображены в перспективе.

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

4. Примеры и характеристика дизайна web-сайтов

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

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

Пример 1

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

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

Пример 2

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

Целесообразней было бы использовать меньшего размера баннер, но большего размера шрифт, что упростило бы читаемость текста.

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

Пример 3

Данный дизайн сайта сразу дает понять, что это портфолио художника. Стиль вполне креативный и соответствует данной тематике. Цвета подобраны грамотно. Данные оттенки голубого и синего успокаивающе воздействуют на сознание человека. В первую очередь внимание привлекают графические изображения, которые являются работами художника, а это одна из главных задач творческих страниц. Текст разбит на логические элементы с использованием заголовков. Это, как уже известно, упрощает поиск необходимой информации и читаемость текста. Меню простое и понятное для восприятия. Все кнопки и ссылки хорошо выделены и легко распознаются человеком. Однако в данном дизайне на главной странице сайта-портфолио слишком много различных элементов, тогда как человек способен воспринять 7 ± 2 структурных единицы или блока изучаемого материала, будь то графические объекты или текст. Причем чаще всего человек может воспринимать 3..4 информационных элемента.

Пример 4

Данный пример является дизайном музыкального сайта. Стиль web-страницы соответствует выбранной тематике. Цвета подобраны вполне грамотно, однако красный цвет слишком яркий и может раздражать или лишний раз отвлекать внимание пользователя. Меню простое и легко воспринимается. На данном сайте используется список жанров музыки, что позволит пользователю быстро найти нужную композицию. Информация разбита на логические элементы, а также используются заголовки. Шрифт достаточно крупный и его разнообразие сведено к минимуму, что упрощает читаемость и позволяет проще воспринимать информацию.

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

Заключение

Основные результаты курсовой работы состоят в следующем:

1. Изучен и проанализирован процесс восприятия человеком разнородной информации.

2. Исследованы основные ошибки web-дизайнеров при разработке сайта.

3. Составлены основные условия для правильного подхода к дизайну сайта.

4. На основании полученных знаний сделаны следующие выводы:

Весь текст, размещенный на web-странице целесообразно разбивать на логические части, абзацы, а также использовать заголовки.

Разнообразие шрифта текста следует свести к минимальному количеству. Выбор предпочтительного цвета человеком определяется его характером и зависит также от социального фактора. Чрезмерное количество графики и анимации может отвлекать и раздражать внимание пользователя.

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

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

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

Список использованных источников

1. Статья «Психология web-дизайна. Искусство web-гипноза» http://www.lred.ru/index.php/dizing/1462--web---web-

2. Статья «Этого не должно быть на Вашем сайте» http://www.lred.ru/index.php/dizing/1572-2011-03-25-01-04-39

3. Статья «Взгляд психолога на дизайн web-сайтов и других интерфейсов» http://hotdesignfor.us/news/2010/05/20/vzglyad-psihologa-na-dizajn-veb-sajtov-i-drugih-interfejsov/

4. Статья «Основные ошибки в web-дизайне» http://webmastermix.ru/web-design/21-errors-web-design.html

5. Статья «Психология в web-дизайне» http://dizain.seoklub.ru/index.html

6. Николай Мациевский, Евгений Степанищев, Глеб Кондратенко. Реактивные веб-сайты, 2009. - 257 с.

7. Сырых Ю.А. Современный веб-дизайн. Рисуем сайт, который продает. - М.: ООО «И.Д. Вильямс», 2008. - 304 с.

Размещено на Allbest.ru