Восприятие и мысли мужчин и женщин отличаются друг от друга. Об этом говорят в психологии, философии, социологии. И таковые разговоры не беспочвенны. Даже интересы, по большей части, у каждой половины человечества в большинстве разные, что дает маркетологам огромный простор для идей, дабы реализовать ту или иную продукцию. Согласитесь, когда мы видим рекламу, достаточно странно осознавать, что даже магазины обуви рекламируют женщины и представляют женскую обувь, будто мужчины и дети не обуваются вовсе. А причина в стереотипности, по большей части, и в реалии тоже. Женщина – жена, мать – является основным покупателем, приходит с мужем/детьми; она знает, когда пора обновлять обувь в семье и кому, и прочее, и прочее.

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

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

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

Изображения

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

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

Исключением из правила являются гетеросексуальные изображения. Образность, малое количество одежды или одежда, подходящая и мужчинам, и женщинам. Каждый из нас подсознательно интересуется изображениями, где представлены образы противоположного пола, поэтому не должно быть двоякости на фотографиях или артах для веб-дизайна. Не стоит заставлять мужчин думать, кто на картинке: женщина с короткой стрижкой, без макияжа, в джинсах и толстовке или это подросток-юноша/молодой мужчина. «Схватываться» сюжет должен практически мгновенно.

Вот несколько примеров дизайнов с изображениями только для женщин и только для мужчин. Как говорится: «почувствуйте разницу» в тематике и оформлении. everlovinpress, papercutart, Carmex, Intelligo Group.

Стереотипы изображений

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

Шрифты

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

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

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

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

Разные типы шрифтов могут использоваться на сайтах, но иногда шрифт способен привлекать одновременно представителей обоих полов. souppeddler, barcampomaha, Car Dealer, Brooks and Falotico, All Football Everything

Стереотипы шрифтов

  • Мужской тон: старый английский стиль, Slab serif, четкий с заческами, высокие тонкие линии с засечками, жирные и толстые мазки.
  • Женский тон: курсивный, каллиграфический, изогнутость с засечками, тонкие штрихи.

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

Цветовые палитры

Можно написать целую книгу о «мужских и женских» палитрах цветов. Если обобщить все, что существует в мире, касательно данного вопроса, то стереотип один: голубой для мальчиков, розовый для девочек. И это используют даже в маркетинге  магазинов не только детских товаров. Даже в обычной нашей жизни мы с вами тоже применяем это (те же голубые и розовые ленточки у новорожденных в колясках).  Но если задуматься, цветовые ассоциации могут быть гораздо более сложными и глубокими. И поэтому хотелось бы, чтобы дизайнеры разбирались или, как минимум, имели представление, что такого рода разграничения существуют и почему.

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

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

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

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

Веб-мастера используют гораздо большее количество цветов и оттенков, сочетают их, смешивают, создавая новые. Но в целом база остается одна. Arteric, The Marlowe, Interpolis, pumasikkerhedssko, jessmarksphotography.

Стереотипы цветовых оттенков

  • Мужской тон: синий, темные и насыщенные
  • Женский тон: пастель, розовые, фиолетовые

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

Формы

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

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

Стилизация же фигур тоже находится не на последнем месте. Большие, насыщенные более мелкими, анимационные – женские; когда как более серые, плоские, минималистские – мужские.

Что ж, давайте взглянем, что применяют в мире мастера и как четкие границы сглаживают и оттеняют с помощью иных форм. wythehotel, Baker Mountain Guides, Tender Greens, Decojent, Sergio Rossi, Brewfull.

Стереотипы форм

  • Мужской тон: жесткие, четкие края, квадраты, треугольники
  • Женский тон: кривые, круги, сердца, плавность

Вывод

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

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

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

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

И, тем не менее, некоторые сайты воспринимаются как «для женщин» или «для мужчин».