Начало

Для начала познакомимся с таким понятием, как юзабилити.

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

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

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

3) на что еще надо обратить внимание, так это на цветовую гаммувашей интернет-страницы. Количество цветов не прямо пропорционально качеству страницы, поэтому не надо с ними перебарщивать. Специалисты уверяют, что на одной странице одновременно можно применять не более 5 цветов. Только и здесь не надо чрезмерного фанатизма, если вы используете какие-то рисунки, не стоит в каком-нибудь CorelDraw или другой программе переделывать их в черно-белые, трехцветные и т. п. Нет, это относится к основному стилю вашей страницы, а используемые рисунки пусть так и остаются многоцветными;

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

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

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

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

8) еще несколько слов по поводу выбора стиля текста. Во-первых, что касается выбора шрифтов. Конечно, вы можете удивить своих посетителей тем, что представите на их суд какой-нибудь редкий, очаровательный (как вам кажется) шрифт. Но здесь вас, скорее всего, ждут подводные камни, причем очень серьезные. Если вы смогли достать где-то этот шрифт, то совсем не факт, что ваш посетитель также где-то его заполучил, или вообще у него возникла такая мысль. Поэтому вместо вашего редкого шрифта у себя на компьютере он сможет увидеть (если вообще хотя бы что-то увидит) только какие-нибудь иероглифы, которые вряд ли захочет переводить. Поэтому лучше всего остановиться на стандартных шрифтах, представленных, скажем, в наборе Microsoft Word. Тот же самый полюбившийся Times New Roman еще никто не отменял;

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

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

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

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

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

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

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

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

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

1.1.4. Текстовое наполнение вашего сайта

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

Скорее всего, ваш первый сайт будет на русском языке. Помните слова писателя (нет, я не про то, что «умом Россию не понять»): «Велик и могуч русский язык». Поэтому первое правило, о котором стоит упомянуть, когда речь идет об информации на вашем сайте, заключается в том, что вы должны всеми доступными и недоступными способами исключить возможность орфографической или пунктуационной ошибки. Любому грамотному человеку (а мы-то с вами верим, что посетители у нас будут все очень грамотные) подобные ошибки режут глаз. Если уж вы взялись за это дело, то возьмитесь за него ответственно. Вы можете сказать, что русский язык вам никогда не давался, а о том, чтобы заводить редактора сайта, говорить еще рановато, но тут вам на помощь придет орфографический словарь. На крайний случай – хотя бы проверка правописания в Microsoft Word.

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

Но если все-таки никакой оригинальной идеи в вашей голове так и не возникло, не расстраивайтесь. Давайте начнем с чего-нибудь простого, так сказать, с сайта обо всем и ни о чем. К примеру, какой-либо новостной сайт или сайт, скажем, посвященный сотовым телефонам, садоводству или чему-то еще. Вы, конечно же, сразу обрадовались такой облегченной задаче, сразу же стали искать в Интернете нужную вам информацию и с помощью кнопок Ctrl+C и Ctrl+V активно вставлять ее себе на страницы. Остановитесь. Вот так делать точно нельзя. Во-первых, это плагиат и нарушение авторских прав (хотя кто за этим следит в Интернете?). А, во-вторых, никто не любит вот такие сайты-двойники, и, скопировав всю информацию с другого сайта, вы вряд ли продвинетесь в поисковой системе выше, чем сайт-источник, да и вообще просто куда-то продвинетесь. Но не пугайтесь, здесь не все так безнадежно. Копируйте информацию, только вставьте ее пока в блокнот или в Word. Для чего, скажете вы, если ее нельзя использовать. Здесь на помощь нам приходит такое понятие, как копирайтинг(или рерайтинг). Эти слова – синонимы, они обозначают «переписать», т. е. изложить ту же информацию, только своими словами. Думаю, что многие из вас еще в школе сталкивались с этим делом, когда с помощью книги «100 золотых сочинений» писали свое «оригинальное» и отличное сочинение. Хотя даже и с такой книгой не все справлялись с этой задачей и, просто переписав сочинение от корки до корки, получали «неуд». Если вы относитесь к такому типу людей, то без посторонней помощи вам, наверное, не обойтись. А где же такую помощь взять? Можно, конечно, обратиться к родственникам, и, если вам повезет, кто-нибудь да поможет. Но есть и другой способ. Только тут вам придется выложить небольшие деньги.

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

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

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

Очень похож на www.textsale.ru другой сайт, который называется www.texttrader.ru. Он существует немного меньше, поэтому и его оборот поменьше. Но многим почему-то удобнее работать именно с ним. Цена на этих и подобных сайтах обычно зависит от объема статьи. А объем измеряется в количестве знаков с пробелами.

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

Еще одним неплохим сайтом, который сейчас набирает хорошие обороты, является сайт www.e-generator.ru. Здесь к вам на помощь придет множество креативных, творческих и оригинальных людей, которые помогут вам придумать что-то новое и интересное. Задания, которые они могут здесь выполнять, – это не только написание каких-то статей. Здесь люди придумывают различные идеи, лозунги, визитки, помогают графически оформить ваш сайт и т. п.

И напоследок то, на что вам обязательно стоит обратить свое внимание. Работая, скажем, с тем же сайтом www.advego.ru, вы заметите, что здесь особую роль отводят ключевым словам. Нередко веб-мастера, предлагая выполнить работу на какую-то тематику, обращают внимание на то, какие ключевые слова и в каком количестве должны быть использованы.

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

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

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

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

 Материал с книги
Как заработать в Интернете: Практическое пособие

М. А. Дорохова

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