Бизнес Дизайн

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

RSS

Пять причин заткнуться вашему шефу

Опубликовано 14.11.2007 - В рубриках: Теория дизайна

Big Boss Этот пост я просто был вынужден написать. На днях имел счастье вести беседу с «Биг Босом» компании, которую имею честь продвигать в интернет… До этого момента, я вел переговоры исключительно с менеджером по рекламе, что довольно-таки логично.

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

Что-то на сайте так скучно и нудно, давайте сделаем анимированную шапку! Так, что бы оно все было в движении, а наш ассортимент появлялся со вспышками и прочими спецэффектами, такое посетителя точно впечатлит!

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

Что должен делать такой сайт? Какие функции на него возлагаются?

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

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

А как в этом помогает анимация размером 1004х250 пикселей вверху страницы? Она привлекает к себе внимание, тем самым, отбирая акцент как раз от контента, на котором желательно сосредоточить все внимание посетителя.

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

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

К сожалению, врачи еще не знают как излечить лого-брендо-манию. Как только лекарство будет найдено — я обязательно сообщу об этом. Я конечно понимаю, что компания для «Биг Боса» на должности любимой дочери, которую он холит и лелеет, но ведь и «баловать» ее тоже нельзя (:

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

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

Важно: Дизайн ради дизайна должен умереть.

Я знаю, тут не хватает эмоциональной нагрузки — раз не хотите анимацию на шапке, то хотя бы фотографию счастливого семейства можно поставить?

Использование образов первого ассоциативного ряда в дизайне — признак плохого дизайнера.

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

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

Более подробно о рекламе, а именно о баннерах я расскажу в одном из будущих постов, те, кто подпишутся на RSS, точно его не пропустят.

А почему так много пустого пространства? Короче – я плачу вам не за «дыры» в дизайне!

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

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

Что-то все блекло на сайте, может, стоит разбавить сине-белый вставками красного или оранжевого? А может лучше коричневый, он сейчас как раз в моде. Точно, вот почему так скучно на сайте — сделайте унылый черный текст более ярким, он должен привлекать!

Конечно, поставить акцент на всех элементах страницы можно (за счет изменения цвета, размера, месторасположения…), но что из этого выйдет? А выйдет, естественно, ужас.

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

Не сомневаюсь, что «Биг Бос» в жизни успешный бизнесмен, «Ролекс» под рукавом «Версачи» и «Мерс» под окнами (могу поспорить, окна тоже какие-то буржуйские) об этом не просто говорят, они об этом кричат, но пускай каждый занимается своим делом, и не поддавайтесь на его регулярные «Вы что, денег не хотите?».

Всем смотреть видео в тему, правда видео на инглише, а те, кто его еще его не понимают — быстро учат английский с Ириной Арамовой! (Надин, с прошедшим!)

P.S. Мою статью про дизайн для блогов напечатали на seonews.ru, Дмитрий Донченко теряет девственность с Хабром, а Алексей Дмитриев рассказывает о тех, кто делает сайты.

Еще, сотрудники Лебедева нудно, но с «полезностями» рассказывают про PNG, а Жуковский размышляет о труде и его трудностях.

P.P.S. R.S.S. 4 Biz.2.Blog. Blogowar.ru

Ссылки против чайников

Опубликовано 12.11.2007 - В рубриках: Юзабилити

Секреты Сегодня расскажу про элементы интра- и экстранавигации, или же человеческим языком — про все то, на чем ми кликаем (:

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

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

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

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

Давайте начнем с простого — на какие вопросы должны отвечать ссылки?

Если в кратце:

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

А если подробнее — то читайте замечательную статью на оригинальном английском на сайте web design from scratch! Хотя есть и качественный перевод на русский

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

Ссылки придают акцент некоторым частям информации, которую мы передаем, по этой причине акцентировать внимание, например, на «читать далее…» — это кощунство (ну не могу подобрать другого слова).

Я б лучше придал эмоциональный акцент словосочетанию «купить сейчас» (:

Важно: ссылки должны быть подчеркнуты, а все, что подчеркнуто — должно быть ссылкой.

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

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

pizdec-a-ne-menu.png
Визуальный шум.

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

Еще несколько слов о символах в ссылках — это просто ужас. Тут простой совет — просто не делайте так!

simvoli-nafig.png
Так нельзя делать!

Всякие нажималочки и кнопочки — должны быть с надписями, и желательно с глаголами. Т.е. кнопка поиска на странице должна быть с надписью «Найти», а не «Поиск по сайту».

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

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

На человеческом языке это означает, что если вы поставите ссылку «купить розового слона» на некий сайт, то при запросе в поисковой системе «где купить розового слона?» наш некий сайт (на который мы ссылались) с большей долей вероятности появится на первой странице результатов поиска (по крайней мере, его релевантность по отношению к другим сайтам — повыситься однозначно).

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

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

P.S. Оказывается я умею вдохновлять на умные мысли, шесть нулей рассказывают о простоте всего гениального, а Дмитрий Донченко расскрывает секреты увеличения RSS подписчиков. Ну как не вспомнить о Давыдовском полуговнопосте.

Акция! Бесплатно RSS-фиды только до конца месяца!