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

Показатели статистики сайта падают

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

Метрики – наиболее важный индикатор

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

Ваши пользователи говорят, что время пришло

Показатели статистики сайта – самый явный индикатор, который мгновенно даёт Вам понять, что что-то не так. Но чтобы понять, что именно не так, Вам придётся пообщаться со своими покупателями.

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

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

Окончательное решение остаётся за Вами

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

Лист технического и UX-долга становится слишком длинным

Справка: Технический долг (tech debt) и UX-долг (User Experience debt) – это та работа в проекте, которую мы решаем не делать в данный момент, потому что: дедлайн «горит», руководство оказывает давление и т.п.

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

Есть много способов удержать рост списка этих долгов на относительно стабильном уровне, но в какой-то момент он достигает своего предела.

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

Когда список долгов становится слишком длинным, очень легко поддаться желанию заняться «частичным редизайном», исправляя отдельные недоработки. Однако все эти действия ведут к тому, что американцы называют «death by 1000 paper cuts». Что означает: чем больше мелких исправлений Вы вносите, тем больше у Вас возникает проблем с другими функциями сайта. Если в действительности лист долгов достиг своего предела, стоит всерьёз задуматься о редизайне.

Он просто выглядит «старым»

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

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

Решите, что убрать, и что добавить

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

В заключение

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

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

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

© Дизайн Мания, 2012. | Комментариев - 4 | Категория Веб-дизайн, Статьи.

Интересные статьи по теме

• Ошибка 404: Изящное решение (18)
• Конкурс на дизайн дефолтного шаблона для LiveStreet CMS (5)
• Инструменты и сервисы для создания набросков дизайна (12)
• 6 основных этапов разработки сайта (8)
• Тренды веб-дизайна в 2009 году. Часть1 (13)

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

Тематические иллюстрации

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

Get my boss to North Cape (http://www.bikingboss.com/)

Иллюстрация развивает основную идею иGet my boss to North Cape. Она не только украшает, но и несет функционально-смысловую нагрузку, подчеркивая то, чему собственно и посвящен этот проект – босс поспорил с подчиненным на то что если они наберут 5000 лайков, тот  должен будет отправиться в долгий путь.

Launch Kit (http://getlaunchkit.com/)

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

Atelier Anonyme Design (http://www.anonyme.in/)

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

Иллюстрация с персонажем

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

inkFinder (http://inkfinder.com/en/)

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

The Evnt (http://2011.theevnt.com/)

The Evnt встречает нас еще одним “осьминогоподобным персонажем”. В данном случае его реализация весьма далека от реальности – это некий мозг заключенным в “скафандр” на трех ногах. Несомненно это также запоминающийся элемент проекта, которые создает замечательную ассоциацию с конкретным событием, которому посвящена веб-страницу. Посмотрите, ведь данный пример является в целом достаточно хорошим дизайн для сайта, но насколько же сильно он изменится, если убрать персонажа!

Big Eye Creative (http://www.bigeyecreative.com/)

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

Иллюстрированные украшения

Данный вид иллюстрации в веб-дизайне носит декоративный характер. Это просто украшение, декорация, не более того. В принципе. и такой вариант имеет право на существования – красивые сайты также запоминаются как и проекты с “идейными” иллюстрациями. Несколько примеров:

1000 WP Themes (http://wp1000.envato.com/)

Иллюстрированные элементы интерфейс 1000 WP Themes (в шапке и навигации) не несут смысловой или функциональной нагрузки, но помогают создают стильный дизайн. Частично красота и стильность оформления дает некоторое представление о возможностях и особенностях вордпресс шаблонов и дизайнов, разрабатываемых данном компанией.

Coca-Cola History (http://www.cocacola.pt/historiasfelizesparacomer/)

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

Metaphiziks (http://www.metaphiziks.com/)

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

Иллюстрированый текст (шрифт)

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

Rangus (http://www.rangus.co.uk/)

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

Joey Lomanto (http://blog.joeylomanto.com/imitation-in-web-design)

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

Информативный иллюстрации

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

Bookish (https://booki.sh/)

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

Vitality City (https://www.vitalitycity.com/)

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

Uklizenodoma (http://uklizenodoma.cz/)

Очень яркий пример когда за основу дизайна взята информационная иллюстрация – тот или иной элемент дизайна помещения (в данном случае) имеет свою подпись и ссылку на детальное пояснение.

Иллюстрация-противоядие (antidote)

Это последний, но очень интересный вид иллюстрации, о котором я хочу сегодня рассказать. Поясню что означает сие странное название. Иногда необходимо чтобы иллюстрация отвлекала, в первую очередь от технологической сути интерфейса и позволяла мыслить более интуитивно. Задача “иллюстрации-противоядия” именно в этом.

Shipment App (http://shipmentapp.com/)

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

Egopop (http://www.egopop.net/)

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

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

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

© Дизайн Мания, 2011. | Комментариев - 4 | Категория Веб-дизайн, Дизайны сайтов, Иллюстрации, Статьи.

Интересные статьи по теме

• Коктейль винтажа и инноваций: ретро стиль в веб-дизайне (6)
• Тренд веб-дизайна “фотофон” – крупные изображения для бэкграунда (1)
• Суть дизайна – в чем же она заключается? (5)
• Мое вдохновение как дизайнера – все возможные источники (9)
• Креативные и яркие дизайны сайтов для вдохновения (8)

Но не “+1″ единым, в последний год внешний вид Google+ диктовал моду и другим сервисам компании Google, которые  подверглись изменению дизайна и стиля оформления. Общим элементом для многих проектов можно выделить стильное меню вверху страницы, похожие иконки, кнопки управления да и вообще много разных элементов, что можно найти во всех проектах – от почты Gmail до Google Reader. Cегодня представляю вашему внимаю интересный набор кнопок в стиле Google+, найденные на сайте shrapp.nl. Набор этот является не просто иконками социальной сети Google+, а скорее целым фреймворком позволяющим добавить кнопки из интерфейса Google+ на свой сайт.

Посмотреть демо как работают кнопки Google+, скачать эти иконки и почитать документацию по их установке можете на этой странице. Во-первых, вы, конечно. можете просто сказать эти симпатичные минималистические иконки для разных действий, ситуаций и т.п. дабы использовать в своем дизайне или сайте. Более продвинутый вариант – это подключение фреймворка (скриптов) для применения иконок через css cтили легко и быстро.

Установка кнопок Google+

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

Итак, порядок установки:

1. Поместите файл css и изображения в корневую директорию сайта, ну или туда где у вас располагаются стили для шаблона.

2. «Подключите» таблицу стилей для этого добавьте в код ссылку вида (добавляется где угодно между <head> и </head>):

<link rel="stylesheet" href="css/css3-buttons.css" type="text/css" media="screen">

3. Далее подключим jQuery TipTip плагин и соответствующую таблицу стилей (добавляется где угодно между <head> и </head>):

<!-- Using TipTip jQuery plugin for the tooltips -->
<link rel="stylesheet" href="tiptip.css" type="text/css"  media="screen">
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script src="jquery.tiptip.js"></script>
<script>
        $(document).ready(function() {
                // Launch TipTip tooltip
                $('.tiptip a.button, .tiptip button').tipTip();
        });
</script>

4. Если вам нужны dropdown (выпадающее) меню, добавляем также:

<script>
        $(document).ready(function() {
                // Toggle the dropdown menu's
                $(".dropdown .button, .dropdown button").click(function () {
                        $(this).parent().find('.dropdown-slider').slideToggle('fast');
                        $(this).find('span.toggle').toggleClass('active');
                        return false;
                });
        }); // END document.ready
 
        // Close open dropdown slider/s by clicking elsewhwere on page
        $(document).bind('click', function (e) {
                if (e.target.id != $('.dropdown').attr('class')) {
                        $('.dropdown-slider').slideUp();
                        $('span.toggle').removeClass('active');
                }
        }); // END document.bind
</script>

На этом установку можно считать законченной. Теперь чтобы, например, вывести вот такие кнопки:

… добавляете код:

<a href="#" class="button left"><span class="label">Left</span></a>
<a href="#" class="button middle"><span class="label">Middle</span></a>
<a href="#" class="button right"><span class="label">Right</span></a>
 
<a href="#" class="button left"><span class="icon icon63"></span></a>
<a href="#" class="button middle"><span class="icon icon58"></span></a>
<a href="#" class="button right"><span class="icon icon64"></span></a>

То есть за счет фреймворка все кнопки Google+ можно отображать через css и html путем несложных действий. Другие примеры использования кнопок в стиле Google+ можете найти в документации, на которую я ссылался ранее. В принципе нет ничего сложного, а получается весьма симпатично и стильно – особенно это, думаю, актуально будет для разработок каких-то внутрикопроративных сайтов, где кнопки будут использоваться для интерфейса системы.

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

© Дизайн Мания, 2011. | Комментариев - 2 | Категория Веб-дизайн, Верстка, Иконки, Статьи.

Интересные статьи по теме

• Школа W3 Schools для веб разработчиков (3)
• Фоновое слайдшоу изображений на весь экран с помощью CSS3 (2)
• Фон для сайта с картинкой на весь экран (background-size) (6)
• Оформление текста с помощью CSS3 на практике (4)
• Эксклюзивные твиттер иконки для блога (9)

«Тонкое» использование текстуры

Хотите разнообразить простой однотонный или градиентный фон — добавьте «легкую» текстуру, которая не будет бросаться в глаза и резко контрастировать, но вместе с тем, усложнит и облагородит фон. Также это позволит немного выделить те или иные объекты, привлекая к ним внимание пользователя.

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

Обратите внимание на еле различимую текстуру в верхней части сайта (там где находится логотип и верхняя навигация). Отличный образец умелой работы с текстурами! Это помогает сделать переход между оттенками фона более заметным и “интересным”.

Другой пример — сайт W+K Studio. Здесь текстура используется вместе с эффектом градиента для фона.

Причем в данном случае «легкая» и весьма простая текстура добавляет глубины и «богатства» этому самому градиентному фону.

Текстура как «грубая сила»

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

Яркий пример второго варианта использования текстур — сайт Church on the Rock, где «сильные» текстуры применяются достаточно  широко.

По сути, весь дизайн (особенно в его верхней части) Church on the Rock «замешан» на контрастных текстурах и их взаимодействии: отдельные области сайта выделяются разными текстурами, при прокрутке вниз используется обычный одноцветный фон.

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

При прокрутке вниз текстура через плавное размытие переходит к белому цвету – хороший прием смены насыщенной шапки на совершенно “минималистичное продолжение” внизу веб-страницы.

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

P.S. На сайте Шпаргалка Блоггера вы можете найти статью о том как установить фон для сайта на html и многие другие публикации о дизайне, верстке в помощь начинающим пользователям.
Приобрели новый модный и дорогой девайс? Сразу же советуем вам купить чехол для ipad 2 или другого вашего планшета, что буквально поможет продолжить его срок эксплуатации.
Сломалась стиральная машина? – лучше заказать профессиональный ремонт стиральных машин у тех, кто разбирается в этом дабы не получить в скором будущем новые поломки.

© Дизайн Мания, 2011. | Нет комментариев | Категория Веб-дизайн, Статьи, Текстуры.

Интересные статьи по теме

• 6 советов по созданию одностраничных веб-сайтов (2)
• Якоб Нильсен – известный специалист по юзабилити (1)
• Этапы развития веб-дизайнера и реакция на критику в работе (10)
• Часто задаваемые вопросы (FAQ) – разрабатываем эффективный раздел FAQ (0)
• Типографика для веб (10)

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

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

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

• изготовление сайтов, баннеров, иконок на продажу;
• податься в студию web-дизайна, или организовать свою;
• работать на себя.

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

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

Как вариант, вы можете совмещать дизайн и html верстку макетов для сайтов. Но для этого навыков «рисования» не достаточно. Вам потребуется освоить хотя бы частично html, css, javascript и, возможно, некоторые другие языки программирования, которые потребуются для создания полноценного макета сайта. Многие web-дизайнеры так и поступают. Этот вид заработка оплачивается гораздо больше, и шанс на то, что вы найдете работу выше. Но, разумеется, вам не обойтись без портфолио, ведь крупные заказы чаще всего достаются проверенным людям. Так что, возможно, придется некоторое время поработать «вхолостую».

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

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

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

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

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

P.S. Что могу добавить по теме исходя из личного опыта. Методы упомянуты, в принципе, правильные, но мне показались немного хаотичными. Поэтому перед тем, как чем-то заниматься с самого начала нужно сесть и подумать – 1) какие у вас есть умения и знания, 2) чем именно вы хотели бы заниматься – потому что “студия” и интернет заработок это уже немного далекие вещи от классического дизайна. Если знаний особо нету, тогда, конечно, вперед на обучение азов – это и графические редакторы, и верстка (которая пригодится).

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

P.P.S. Если вам нужно выбрать необычный презент, полезный или интересный, то подарки купленные в Empik.ua вам определенно подойдет, очень хороший магазин, где есть практически все.
Когда не знаете что лучше выбрать для того или иного человека всегда можно найти в книжный интернет магазин и купить хорошую книгу, будь то классический или современный автор.
Транспортировка грузов – задача иногда сложная, но вполне выполнимая, качественные грузоперевозки может выполнить для вас компания Укрмитсервис, за груз можете не переживать.

© Дизайн Мания, 2011. | Комментариев - 3 | Категория Статьи.

Интересные статьи по теме

• Вещи о которых начинающий веб-дизайнер должен знать заранее (5)
• Этапы развития веб-дизайнера и реакция на критику в работе (10)
• Часто задаваемые вопросы (FAQ) – разрабатываем эффективный раздел FAQ (0)
• Способы навигации пользователей на сайте (0)
• Полезные советы по HTML верстке. Часть 2 (3)

Года три назад, когда дизайн логотипа/веб-сайта  создавался только под заказ, обычный бренд-менеджер и подумать не мог, что вскоре на рынок прийдут IncSping (ныне Brandstack), Inkd, 99designs, StockLogos и другие сервисы готового дизайна. Эти ресурсы полностью изменили представление компаний о разработке дизайна.

В инете можно найти большое количество статей, посвященных вопросам готового дизайна и краудсорсинга, как дополнительного сервиса, существующего в ряде проектов (99designs, Inkd etc). Некоторые дизайнеры и журналисты утверждают, что подобные сервисы не могут удовлетворить потребность клиентов в качественном дизайне. Они указывают на широкие возрастные и профессиональные рамки участников этих сообществ и невозможность точно знать, с каким именно дизайнером (профессионалом или любителем) вы имеете дело. С другой стороны, количество дизайнеров, зарегистрированных на таких ресурсах, и интересные примеры работ, представленные там, заставляют обратить внимание на это направление в дизайне.

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

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

Алёна Жданова, графический дизайнер МногоЛого, BeHance

«Я использую данный сервис для реализации своего творческого потенциала. В процессе работы над логотипом, в голове возникают несколько интересных и креативных образов, которые хочется запечатлеть, а клиент отсекает их на стадии идеи. Тогда я рисую новые образы черной тушью или простым карандашом  и с этого наброска делаю макет на компьютере. Процесс, на самом деле, не такой простой и быстрый. Отрисовать, грамотно построить композицию (чтобы гармонично и красиво смотрелось), отредактировать или заново написать шрифт – всё требует внимания, переосмысления, т.е. времени. На изготовление хорошего, запоминающегося логотипа у многих логомейкеров уходит не меньше недели.

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

Юрий Константинов, уличный арт-дизайнер МногоЛого, Design-works

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

Евгений Скляр, веб-дизайнер, графический дизайнер МногоЛого, Weblancer

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

Николай Мартынов, веб-дизайнер,графический дизайнер МногоЛого

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

По традиции после статью добавлю парочку своих мыслей на этот счет. Я хоть и не являюсь, скажем так, работником дизайн индустрии, но в интернете сталкивался с двумя рассматриваемыми подходами – покупка готового продукта и создание его под заказ (речь идет о копирайтерах и текстах для сайтов). Думаю, что выбирать готовый дизайн сайта или логотипа это достаточно удобно – если нет особо жесткий требований по внешнему виду проекта, то можно попробовать найти уже готовый шаблон. В любом случае за дополнительную плату детали можно будет доработать. К тому же, в таком случае вы экономите очень много времени, по сути, перепрыгивая эта обсуждения дизайна, его создания, правок, который иногда сопровождается несколькими встречами, спорами и т.п. Что же касается дизайнеров, то соглашусь со всеми, кто высказался в статье – возможность, продать те варианты работ, идеи или концепции, которые не приглянулись заказчику – неплохой дополнительный заработок.

P.S. Кстати, если вы только начинаете заниматься дизайном, и хотите чтобы шапка для сайта в фотошопе была сделана вами – можете поучиться этому из соответствующего урока блога.
Дизайн – это, безусловно, этап без которого создание сайтов невозможно, в веб-студии Delta-x вам помогут реализовать проект любой сложности.
Иногда даже лучшие стиральные машины склонны к поломкам, заказать качественный ремонт стиральных машин в Киеве можете в компании “5 звёзд сервис”, хороший результат гарантируется.

© Дизайн Мания, 2011. | Нет комментариев | Категория Логотипы, Статьи.

Интересные статьи по теме

• Группы в социальной сети дизайнеров ilConte (3)
• Фотобанк Depositphotos поможет купить изображения в интернете (2)
• Тренды веб-дизайна 2009. Часть3 (7)
• Суть дизайна – в чем же она заключается? (5)
• Социальная сеть для дизайнеров-профессионалов il Conte (15)

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

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

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

1. Удерживайте фокус внимания посетителей

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

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

У нас не возникает вопроса о том, что этот веб-сайт продаёт

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

2. Создайте визуальную иерархию сайта

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

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

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

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

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

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

3. Понятная навигация

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

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

Ваша цель – сделать всё максимально просто. Редирект пользователя на внешние сайты без предварительного уведомления может вызывать у пользователя недоумение. Он может подумать, что ссылка не работает, либо, что ссылка указана неверно. Старайтесь использовать специальные иконки (огромное количество бесплатных вариантов можно найти в интернете) или заголовки, чтобы пользователь знал, куда он будет перенаправлен.

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

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

4. Экспериментируйте с дизайном

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

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

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

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

Чистота этого дизайна (и кода) просто удивительны. Он заставляет вас остановиться и смотреть.

5. Экспериментируйте с кодом

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

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

Замечательный и простой пример кода для одностраничного сайта.

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

6. Анимация

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

Языки jQuery и AJAX стали общепринятыми для создания анимации на сайте. Неважно, что вы делаете: заставляете контент появляться с разных сторон или создаёте фон в виде слайд-шоу – сохраняйте вовлечённость аудитории в процесс просмотра сайта.

Фон этого сайта сделан в виде анимации. Трудно понять, о чём этот сайт, но он выглядит очень аккуратным.

Переходы на этом веб-сайте сделаны просто великолепно. Обожаю его!

P.S. Еще раз спасибо компании МногоЛого за перевод этой англоязычной статьи. Ее оригинал можете найти здесь – 6 tips to create better one-page websites. Что можно сказать в качестве резюме. Безусловно одностраничные сайты – штука классная, имеющая свои весьма серьезные преимущества: такой проект можно удивить, задержать пользователя, выделить и выгодно подчеркнуть именно ваш сайт среди других сотен обычных и невзрачных. Следовательно наибольшая выгода от таких одностраничников будет в той сфере деятельности, где произведения эффект является чуть ли не самой главной задачей – в качестве примера можно смело приводить сайты-портфолио дизайнеров и любых других творческих людей. По направленности это чем-то напоминает флеш сайты – концепция похожая, только другие варианты реализации.

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

P.S. Качественный и надежный хостинг украина для Вашего сайта, портала или интернет блога по доступным ценам.
Хостинг, домен, разработка проекта, а потом обязательна услуга раскрутка сайта и оптимизация сайтов под поисковые системы для эффективного бизнеса.
Дабы не ходить всегда и везде с очками купите контактные линзы для себя через интернет, что выгодно и быстро, доставка по Украине.

© Дизайн Мания, 2011. | Комментариев - 2 | Категория Дизайны сайтов, Статьи.

Интересные статьи по теме

• Часто задаваемые вопросы (FAQ) – разрабатываем эффективный раздел FAQ (0)
• Использование текстур в веб-дизайне (0)
• Вещи о которых начинающий веб-дизайнер должен знать заранее (5)
• Якоб Нильсен – известный специалист по юзабилити (1)
• Этапы развития веб-дизайнера и реакция на критику в работе (10)

Фото: Фотобанк Фотодженика

Микросток (microstock) – бюджетный сегмент сток-фотографии, предлагающий качественные изображения за копейки, стремительно набирает обороты. Что не удивительно: такой дешевой и доступной качественная фотография не была никогда. Сегодня в микростоке фотографии покупают не только постоянные клиенты фотобанков но и те дизайнеры, которые раньше даже не смотрели в сторону покупки легальных фото. Логично: раньше им это было не по карману. Сейчас – это доступно каждому.

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

Классический фотосток

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

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

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

Появление микростока

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

Низкая цена достигается за счет нескольких факторов:
• Тип лицензии. Изображения в микростоке предоставляются по лицензии Роялти Фри (Royalty Free), неэксклюзивной лицензии, которая оплачивается единоразово без дополнительных отчислений. Роялти Фри позволяет многократно использовать изображение без ограничений по отрасли и территории и с весьма демократичными ограничениями по тиражу (редко меньше, чем 250 000 экземпляров по носителю). Роялти Фри – это общий тип лицензии, детали лицензирования в разных фотобанках могут несущественно отличаться.
• Самообслуживание. Микросток – это интернет-магазин, где пользователь сам ищет, покупает и скачивает изображение, обращаясь к тех. поддержке только в случае возникновения проблем.
• Высокая конкурентность рынка. Как и в любом другом сегменте интернет-бизнеса конкуренты микростока находятся «на расстоянии одного клика», что вынуждает игроков рынка постоянно работать над своими конкурентными преимуществами, в том числе над ценообразованием.

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

Фото: Фотобанк Фотодженика

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

Зачем покупать, можно же с интернета скачать!..

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

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

Воровать фотографии не стоит по нескольким причинам:
• за это грозит административная и уголовная ответственность;
• это не этично по отношению к заказчику дизайна – вы делаете его соучастником преступления, толкаете его на правовое «минное поле»;
• это не этично по отношению к братьям по цеху – фотографам и иллюстраторам – труд которых должен справедливо вознаграждаться. А если Ваш готовый проект будет использовать не только заказчик но и несколько совершенно левых контор, не платя вам ни копейки? А несколько десятков левых контор? Думаю, что подсчет недополученной прибыли произошел в вашей голове мгновенно, вызывая справедливый протест.

Российский рынок микропейментовых фотобанков

Фото: Фотобанк Фотодженика

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

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

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

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

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

Давайте делать выводы
Для клиента – покупателя фотографий, появление микростоков - это решение проблемы с источником материалов для дизайна, рекламы и маркетинга. Раньше нужно было выбирать из дорогостоящих (традиционный фотобанк, заказ фотосессии, собственноручное изготовление) или нелегитимных (пиратские диски с клипартами, краденый контент) решений. Микросток – оптимальное решение для дизайнеров и агентств, которые включают стоимость изображений для изготовления дизайна в стоимость всей услуги. Здесь цена фотографии играет огромную роль, и если она составляет всего десятки рублей – это доступно, выгодно и юридически чисто. Воровать стало – невыгодно! Наконец-то…

P.S. Для знатоков французской музыки и композиторов, скорее всего, имя Поль Мориа говорит о многом. На сайте собрана вся информация о нем.
Также можем посоветовать еще один интересный блог по адресу http://webmoneycredits.livejournal.com/ где собрана вся информация о кредитовании в системе Webmoney.
Надоело носить очки, закажите в интернете новые контактные линзы по хорошим ценам, да еще и с доставкой на дом (по Украине).

© Дизайн Мания, 2011. | Комментариев - 2 | Категория Инструменты, Статьи.

Интересные статьи по теме

• Фотобанк Depositphotos поможет купить изображения в интернете (2)
• Где лучше всего искать royalty free изображения и картинки (11)
• Фотодженика – самый большой российский фотобанк (6)
• Роль фотобанков в работе дизайнера (7)
• Красивые HD картинки для вдохновения на сайте Bepic.ru (1)

Перед тем как перейти непосредственно к эффективному FAQ, давайте рассмотрим некоторые ошибки, которые можно встретить по данному вопросу.

В FAQ должны быть представлены вопросы которые на самом деле волнуют посетителей.

Допустим вы только что запустили новый сайт и сражу же добавляете туда страницу с частыми вопросами. Зачем? У вас же, по сути, даже и посетителей нет, откуда вы знаете какие вопросы будут задавать наиболее часто? Не стоит придумывать вопросы самому, FAQ должен формироваться на основе реально поступающих вопросов, то есть, благодаря обратной связи. Только в этом случае раздел будет реально полезен дляпосетителя. Регулярно дополняйте FAQ вновь поступающими вопросами/ответами.

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

Есть общепринятое обозначение раздела с часто задаваемыми вопросами – FAQ (Frequently asked questions). Оно используется уже очень давно и большинство пользователей (даже в рунете) понимают о чем идет речь. Поэтому не стоит изобретать что-то свое. Если вы решите назвать раздел «ВиО» (вопросы и ответы), далеко не каждый посетитель догадается, что кроется за этой таинственной аббревиатурой.

Делайте раздел FAQ только там где он нужен.

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

Разрабатываем эффективный раздел FAQ

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

Скажите “нет” разделу FAQ

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

Собирайте вопросы

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

Разместите ссылки на FAQ в структуре сайта там где их привык видеть пользователь

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

Проявите максимум знания в юзабилити сайтов и не заставляйте посетителя искать этот раздел.

FAQ должен быть оформлено разборчиво

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

Группируйте родственные вопросы/ответы в категории

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

Кстати, дополнительно можно также выделить секцию с наиболее популярными вопросами/ответами (имеется ввиду «самых часто задаваемых, популярных в самом FAQ»).

Добавьте поиск по FAQ

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

Где это уместно используйте изображения

Иногда одна картинка может рассказать больше чем 1000 слов, поэтому там где целесообразнее использовать изображения, используйте! В качестве примера: вот таким образом на сайте «The Bank of Washington» (с помощью принтскрина соответствующей страницы) дается совет по восстановлению пароля. Видимо вопрос, ответ и картинку-подсказку, которая весьма наглядно все разъясняет.

Не превращайте FAQ в бесконечную «простыню»

Не стоит заставлять пользователя бесконечно долго прокручивать страницу FAQ в поиске нужно вопроса/ответа. Создайте удобную структуру и средства для использования раздела. Для этих целей можно: разбить FAQ на страницы, сгруппировать категории, добавить скрипт “раскрытия и скрытия ответа” и ссылку в начало страницы к списку все вопросов.

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

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

© Дизайн Мания, 2011. | Нет комментариев | Категория Статьи, Юзабилити.

Интересные статьи по теме

• 6 советов по созданию одностраничных веб-сайтов (2)
• Способы навигации пользователей на сайте (0)
• Вещи о которых начинающий веб-дизайнер должен знать заранее (5)
• Якоб Нильсен – известный специалист по юзабилити (1)
• Школа W3 Schools для веб разработчиков (3)

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

Заголовки страниц

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

• шрифт заголовка больше основного текст хотя бы на пару пикселей;
• использован другой цвет шрифта или фона для шрифта;
• имеется заметное пространство сверху и снизу от заголовка.

Хлебные крошки

«Хлебными крошками» называют цепочки ссылок, которые призваны показать, каким образом текущая страница относится к главной. Часто они расположены непосредственно над заголовком страницы. Например: Главная > Форум > Работа > Вакансии.

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

При этом, «хлебные крошки» показывают реальную структуру сайта, а не путь, по которому пришел пользователь. Кстати, если у вас блог на вордпресс, то советую почитать статью про то как создать хлебные крошки в WordPress с помощью плагина Breadcrumb NavXT.

Первичная и вторичная навигация

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

Ссылки

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

Структура страницы

Важную роль в навигации по сайту играет и структура его страниц. При проектировании страницы помните, что:

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

Прогресс

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

Карта сайта

Наличие карты имеет значение для сайтов с большим количеством страниц. Вот уж где легко заблудиться! К карте можно обратиться, когда необходимую информацию невозможно отыскать с помощью поиска по сайту, поэтому карта сайта должна полностью отражать структуру последнего, быть четкой и понятной. Чтобы создать в wordpress карту сайта для блога можно использовать плагин dagon design sitemap generator.

Название страницы (Title)

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

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

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

© Дизайн Мания, 2011. | Нет комментариев | Категория Статьи, Юзабилити.

Интересные статьи по теме

• Часто задаваемые вопросы (FAQ) – разрабатываем эффективный раздел FAQ (0)
• Якоб Нильсен – известный специалист по юзабилити (1)
• Полезные советы по HTML верстке. Часть 2 (3)
• Где и как дизайнеру заработать в интернете (3)
• Вещи о которых начинающий веб-дизайнер должен знать заранее (5)