+38(067) 192 3443

profisist@gmail.com

ПЯТЬ ПРАВИЛ СОЗДАНИЯ САЙТА

Ноябрь 14, 2017 - юра сливчук

No Comments

ПЯТЬ ПРАВИЛ СОЗДАНИЯ САЙТА
Теперь, когда вы понимаете, какие действия от вас потребуются для созда-
ния сайта, самое время узнать подробнее, на чем нужно сделать упор, чтобы
игра стоила свеч. Ниже приведены пять правил, следование которым обеспе-
чит хороший с точки зрения дизайна сайт.
ПРАВИЛО № 1. Узнайте об использовании базовых принципов
цвета и разметки
В  отличие от  печатной продукции, при дизайне сайта вы сталкиваетесь
с определенным набором сложностей. Ведь посетители сайта видят слова,
фотографии, цвета и чертежи не на бумаге, а на мониторе компьютера, экра-
не iPod или даже мобильного телефона. Поэтому к тем многочисленным
проверенным временем элементам дизайна, которые применимы к печатной
продукции, придется добавить несколько деталей, характерных именно для
интернета. Вот несколько способов максимально эффективного использова-
ния цвета и разметки:
■ Используйте цвет очень аккуратно, сознательно ограничив свой выбор.
Не допускайте визуальной атаки посетителей кричащими цветами.
■ Пусть самая важная информация (например, заголовки, информация
о преимуществах и т. д.) располагается на самом видном месте.
■ Применяйте только те шрифты, которые легко читаются. Возможно,
мелкий текст и кажется вам замечательным, но он зачастую раздражает
людей, не отличающихся идеальным зрением. У большинства сайтов
есть функция увеличения размера шрифта, но существуют и исключе-
ния (например, Flash-сайты). Также не докучайте своим посетителям
причудливыми шрифтами.
■ Стремитесь к постоянству. У всех ваших страничек должен быть оди-
наковый внешний вид и система навигации.
■ Пусть все будет просто. Не  используйте действующую на  нервы
Flash-анимацию (такие картинки стоят дорого, раздражают и, кроме
того, тормозят процесс скачивания) и вычурные правила и таблицы.

ПРАВИЛО № 2. Сделайте скорость своей приоритетной задачей
Ваш сайт должен быстро загружаться. Если для этого ему требуется больше
десяти секунд (даже при использовании модема на 56K), ваши посетители
покинут сайт в надежде найти то, что им нужно, в другом месте. Вот несколь-
ко советов, как обеспечить высокую скорость загрузки:
■ Все ваши файлы должны быть небольшого размера. Чем они больше,
тем дольше будет длиться их скачивание.
■ Не используйте много изображений, и пусть они обязательно будут
в сжатом виде.
■ Избегайте больших — и многочисленных — баннеров и графиков.
■ Применяйте Flash-анимацию (или иные спецэффекты) дозирован-
но и только в том случае, если вам нужно добиться WOW-эффекта*.
Не используйте ее для стартовой страницы.
ПРАВИЛО № 3. Оптимизируйте свои настройки
под различные браузеры и мониторы
Все время помните, что посетители будут заходить на ваш сайт с различных
устройств и восприниматься он будет по-разному, в зависимости от плат-
формы (Macintosh или PC), размера экрана и браузера. Поэтому прокон-
сультируйтесь с веб-разработчиком, чтобы убедиться, что ваш сайт оптими-
зирован под разные возможности пользователей. Затем проверьте, как сайт
открывается в разных браузерах, зайдя на www.anybrowser.com или скачав их
на свой компьютер (например, Internet Explorer, FireFox, Mozilla и Netscape).
Самое простое в данном случае — это убедиться, что ваш сайт соответ-
ствует мировым стандартам W3C (WWW Consortium**). Если вы хотите
узнать об этом больше, зайдите на www.w3.org.
* WOW-эффекты — это различные способы работы, благодаря которым потребитель уходит
от вас в восхищении, с возгласами «вау!». Ситуации, в которых вы предвосхищаете его ожида-
ния и запросы, приятно удивляете его. WOW-эффекты запускают один из самых результативных
способов рек ламы — сарафанное радио, что в итоге приводит к увеличению количества новых
клиентов и повышению лояльности существующих. Прим. ред.
** WWW Consortium (от англ. Th e World Wide Web Consortium (W3C)) — основная международ-
ная организация, определяющая стандарты интернета. Прим. перев.

ПРАВИЛО № 4. Используйте стандартные решения
интернет-дизайна, чтобы сделать свой сайт
простым в навигации и использовании
Если вы смотрите на вещи так же,
как я, то наверняка забраковали
множество сайтов, пока не выш-
ли на сайт с корзиной для поку-
пок: ни один из них не стоил ва-
ших усилий. Так же бывает, когда
вы, едва войдя в  магазин, раз-
ворачиваетесь и  направляетесь
к выходу, ведь то, что вы ищете,
не стоит тех усилий, которых вам
будет стоит поиск.
Вот вам простая аналогия:
скажем, у вас совсем мало време-
ни, но  нужно срочно заменить
разбитую колбу для кофеварки.
Вы точно знаете, какого типа кол-
бу ищете, у  вас есть наличные,
а  по  пути домой будет магазин
Wal-Mart. Вы решаете заглянуть
и быстренько купить то, что нуж-
но, — по вашим расчетам, на это
уйдет не больше десяти минут.
Но все выходит не совсем так,
как вы планировали. Вы видите
огромные очереди в  кассы, кас-
сиры работают медленно, в зале
полно народу, вывески какие-то
невнятные, сотрудники отправ-
ляют вас не в тот отдел, наконец,
вы обнаруживаете коробки с кол-
у
интернет-дизайна, чтобы сделать с
простым в навигации и использова
Экран вашего компьютера
не журнал,
который вы читаете в ванне. Почти 79% интернет-пользо-
вателей лишь бегло просматривают страницу. Да, мы уже
давно не читаем — лишь просматриваем. Чтение страни-
цы онлайн — совершенно другое дело, чем лежание на ди-
ване с газетой или книжкой в руках. Ваш сайт должен быть
удобным для беглого просмотра. Вот несколько советов,
как заставить читателей заглотить наживку, спрятанную
в рекламном послании:
1. Выделите ключевые слова. Используйте разные цвета,
жирный шрифт, курсив или пишите все заглавными
буквами — но делайте так, чтобы ключевые слова вы-
делялись. Особенно сложно это осуществить с элек-
тронными журналами, где текст довольно простой.
2. Используйте говорящие заголовки и подзаголовки.
Не тратьте усилий на заумные высказывания. Ваши
потенциальные клиенты сначала будут читать заго-
ловки, а уже потом решать, стоит ли тратить время на
подробности.
3. Используйте большие пробелы. Таким образом вы
сможете направлять взгляд читателей туда, куда нуж-
но. Не засоряйте страничку излишним количеством
сбивающих с толку надписей.
В чем смысл всего сказанного именно для вас? Если вы
хотите, чтобы вашу страничку читали, нужно хорошенько
подумать над словами и расположить их так, чтобы текст
был приятен глазу.
Лорри Морган-Ферреро (www.red-hot-copy.com)
!!

бами для кофеварок, но на них нет ценников и добраться до них без стремян-
ки невозможно. Будете ли вы терпеть все это или уйдете?
Ответ зависит от многих вещей, например от того, насколько остро вам
необходим продукт, а также от наличия альтернативных вариантов. В опи-
санной ситуации сложно сказать, что лучше сделать: ведь вы уже потратили
уйму времени, а выясняется, что придется потратить еще больше, отправля-
ясь на поиски в другой магазин.
Не допускайте этого с онлайн-покупателями. Если вы не будете общаться
с посетителями и облегчать им задачу, они уйдут в другое место не разду-
мывая. Поэтому навигация вашего сайта должна быть простой и понятной.
Если вы хотите, чтобы посетители чувствовали себя комфортно, ваш сайт
должен соответствовать тому, чего от него ждут. Расположите часто исполь-
зуемые элементы там, где клиенты их ищут. Есть множество способов сде-
лать так, чтобы ваш сайт отличался от остальных, но не стоит отклоняться
от стандартов. Вот несколько советов, которыми вы можете воспользоваться
прямо сейчас:
■ Используйте стандартное синее подчеркивание для ссылок и создания
гипертекста.
■ Если при входе на ваш сайт нужна регистрация, пусть пользователи
вводят свое имя и пароль.
■ Все ссылки должны быть в формате HTML (если не предусмотрено
иное).
■ Все покупки, планируемые онлайн, следует осуществлять при помощи
корзины и предложенной системы оплаты.
■ Расположите все менее значимые пункты меню, а также второстепен-
ные ссылки в нижней части страницы.
■ Разместите у себя карту сайта, которая была бы связана с главной и все-
ми другими страницами вашего сайта.
■ Убедитесь, что все ссылки работают, иначе вы разочаруете своих посе-
тителей и замучаете поисковую систему.
■ Сделайте так, чтобы пользователям было просто сделать закладку
на вашей страничке. Применяйте иконку favicon (небольшой логотип,
который автоматически отображается в «Избранном»).
ОСНОВЫ ИНТЕРНЕТ-МАРКЕТИНГА
ГЛАВА 4 ■ ДИЗАЙН И НАВИГАЦИЯ
112
ПРАВИЛО № 5. Поймите, что веб-дизайн
и веб-программирование — разные вещи
Очень важно понимать разницу между веб-дизайном (тем, как сайт выглядит
и функционирует) и веб-программированием (его техническими элемента-
ми и кодировками). На конечный вид сайта и его итоговую эффективность
большое влияние оказывает его внутренняя структура — скрытый от посто-
ронних глаз мир HTML- и Java-скриптов.
Не переживайте, если вы ничего в этом не понимаете. Достаточно знать,
что не видимое невооруженным глазом будет воздействовать на впечатле-
ние посетителей от сайта и ваш успех в интернете в целом. Оставьте все
детали программисту, но убедитесь, что он знает новые методики и ис-
пользует их. Например, технология CSS* позволяет дизайнерам быстро
трансформировать целый сайт,
внося изменения лишь на одной
странице. Она придает станицам
сайта аккуратный вид и сокраща-
ет время, которое требуется на за-
грузку каждой.
Возможно, вы уже слышали (но не совсем поняли) термин HTML. Если
это так, то не переживайте. Вам нужно усвоить только, что HTML — один
из языков кодирования, который программисты применяют для создания
интернет-документов. К счастью, сегодняшние сайты создаются при исполь-
зовании гораздо более дружелюбной версии системы редактирования тек-
стов, такой как Microsoft ’s WYSIWYG**.

Если вы нашли ошибку, пожалуйста, выделите фрагмент текста и нажмите Ctrl+Enter.

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

Ваш комментарий

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

Спасибо!

Теперь редакторы в курсе.