converlab

Дизайн. Юзабилити. Конверсия.

Written by: Дмитрий Наумов on 08.10.2010 @ 10:22 дп

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

- Не проектируйте сайты с горизонтальной прокруткой

Любое руководство по грамотному веб-дизайну в обязательном порядке декларирует что горизонтальная прокрутка есть смертный грех за который дизайнер должен подвергаться мучительной экзекуции. Дизайнеры разработавшие GraphicTherapy и Horizontal Way (одно дерзкое название чего стоит!) игнорировали табу, результат не разочаровал!

Graphic Therapy

Graphic Therapy

the horizontal way

The Horizontal Way

- Используйте минимальное количество шрифтов

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

Creative Binge

Creative Binge

Geo Elements Design

Geo Elements Design

- Не используйте слишком много цветов

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

Travis Isaacs

Travis Isaacs

ma.tt

ma.tt

- Цель сайта должна быть очевидна

Дизайн должен быть говорящим. Сайты нужно разрабатывать так чтобы новый посетитель быстро смекнул куда он попал и на что может рассчитывать. Если же речь о сайтах больших корпорации, то бренд вообще должен узнаваться моментально. Как ни странно, это не всегда лучшая тактика, иногда разумнее напустить тумана (при этом обязательно нужно заинтересовать), чтобы посетитель подольше задержался на сайте, разбираясь что к чему. Изучите, например, Peter Pearson или Cerotreees:

Peter Pearson

Peter Pearson

cerotreees

cerotreees

- Навигация должна быть понята

Для посетителя сложная навигация — препятствие на пути к цели.. если только она не принимает форму игры или забавы. Навигация на Kasulo (активно используется колесо мыши) или Marciokogan на полноценную аркаду или экшен, конечно, не тянет но ее стоит признать интересной:

kasulo

kasulo

marciokogan

marciokogan

- Пишите «черным по белому»

Мы привыкли к тому что хороший контраст текста к фону всегда хорошо. Я не ставлю под сомнение это утверждение, ибо так оно и есть, но даже это правило имеет исключения – horaciobella и artist-in-design.de:

horaciobella

horaciobella

artist-in-design

artist-in-design

- «Живая» анимация на веб-странице, это зло

Когда какой-то посторонний объект перемещается по страницы это сильно отвлекает. Хотя наполнить сайт «жизнью» можно тоже аккуратно, доказывает студия aba:

aba

aba

- Обходитесь без страниц приветствия

Лет 10-15 назад страницы приветствия были обычным делом, потом практика почти полностью себя изжила, а сам прием стал считаться спорным и неоправданным. Правда, восхитительные образцы встречаются и по сей день, например, Gross:

gloss postproduction

gloss postproduction

Ну, и напоследок. Правила для того и созданы чтобы их иногда нарушали, но в 9 из 10 случаев им все-таки стоит следовать, а если уж и нарушать то обоснованно и талантливо!

Popularity: 10% [?]

Поделиться в соц. сетях

0

Tags: , , , ,

Catogories: Дизайн, Распространенные ошибки дизайна и юзабилити
  • http://dmitry-scriptin.blogspot.com/ Дмитрий Сриптин

    Фактически, никакие законы не были нарушены, просто были использованы наиболее общие формулировки законов:
    * вместо «делайте вертикальную прокрутку» – «делайте удобную прокрутку»
    * вместо «используйте меньше шрифтов» – «используйте хорошо сочетающиеся шрифты»
    и т.д.

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

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

    Люблю статьи, разоблачающие стереотипы, спасибо!

  • http://dmitry-scriptin.blogspot.com/ Дмитрий Скриптин

    ой, я свое имя опечатал :)

  • http://www.maxibiz.blogspot.com/ Дмитрий Наумов

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

  • http://www.maxibiz.blogspot.com/ Дмитрий Наумов

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

  • http://www.liveinternet.ru/users/2203716/ Делитант

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

  • Оригинал
  • http://www.maxibiz.blogspot.com/ Дмитрий Наумов

    Оригинальный пост который я взял за основу указан в первом абзаце, Вы повторяетесь.

  • Kolorimage

    короче говоря..у профессионала даже ошибки в его пользу :)

  • http://www.maxibiz.blogspot.com/ Дмитрий Наумов

    Примерно, так -).