Fun подход к созданию успешных сайтов (часть 1)

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

Можно, кстати, говорить о синонимах: как-то приятный и запоминающийся. Т.е. чтобы сайт был запоминающимся, он должен быть приятным. Наоборот тоже верно. Здесь я хочу рассмотреть, как делать приятные и запоминающиеся сайты с помощью Fun подхода.

Fun теория

Слово Fun довольно тяжело перевести на русский язык. Я просто приведу примеры сайтов, которые демонстрируют эту теорию в действии.

Вчера мне попался один прекрасный сайт сделанный на основе Fun. Это сайт Borjomi (http://thedeepestsite.com).

Borjomi - самый глубокий сайт

Borjomi — самый глубокий сайт

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

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

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

Кстати, приводя примеры, нашел русский аналог «Fun теории» — переосмысление.

Создаем сайт с помощью Fun теории

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

Прошу вас также понять, что Fun это не упрощение сайта до уровня гориллы. Нет! Наоборот, это внесение некоей элитарности для ценителя.

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

Делаем рутинное лучше

Возьмите пять первых сайтов, которые вам попадутся. Готов поспорить, что у 90% из них есть страницы типа «О сайте», «О нас», «Контакты». Я прав? А ведь это очень скучные страницы. Добавьте в них юмора и стиля и посмотрите что у вас получилось. Например сайт Mutant Labs, предлагает такой вариант.

 

Страница "О сайте" Mutant Labs

Страница «О сайте» Mutant Labs

Страница «Контакты» уныла? Не беда. Включаем Fun и получаем машину для связи. Заметьте, это можно сделать даже в Paint.

Страница "Контакты" превратилась в интересный механизм

Страница «Контакты» превратилась в интересный механизм

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

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

Перенаправляем негатив

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

Страница 404 - обязательно сделайте ее интересно!

Страница 404 — обязательно сделайте ее интересно!

У меня появилось желание пройтись по другим страницам данного сайта и посмотреть, что сделали люди, которые додумались до такого. А у вас?

Поиск на сайте

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

Дудл Google

Дудл Google

Проводя поиск по картам Google, вы можете натолкнуться на драгоценные камни, Мордор и другие интересные и сказочные места.

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

Много хорошо это тоже плохо

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

Слишком много хорошо уже плохо

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

Вместо информации вы получаете кучу красивых картинок

Вместо информации вы получаете кучу красивых картинок

Помните, fun применим не только к созданию проектов. Посмотреть ошибки fun подхода на примере дизайна визиток можно здесь.

Другой пример чрезмерности, сайт Meomi.com. Я игрался около получаса, прежде чем ушел оттуда. Кстати, до сих пор не могу вспомнить, что там было написано. Получился красивый сайт, на котором никто не читает текст. Симпатично, классно, бессмысленно.

Никто не обращает внимания на информацию, все играют

Никто не обращает внимания на информацию, все играют

Сайт Два жирафа (http://twogiraffes.com/), является противовесом вышесказанному. Интересный дизайн, понятный лозунг. У меня возникло желание прокрутить его от начала до конца, а потом сделать это еще раз. Класс! Это то,  что нужно!

 

Хороший пример Fun подхода

Хороший пример Fun подхода

Продолжение следует…

Запись опубликована в рубрике Блог, Вдохновение, Дизайн, ЛикБез, Разработка с метками , , , , . Добавьте в закладки постоянную ссылку.

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code lang=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" extra="">