• Web-редактор: Dreamweaver 8, Notepad++
• Шаблонизатор: Smarty.
• Управление проектами: MSProject, MSVisio.
• Проектировщик интерфейсов: Axure.
• Графические программы: Adobe Photoshop.
Глава 1. Основы сайта
Основные ошибки при создании сайта
Многие крупные компании тратят большие деньги на дизайн своего сайта. Что же они ожидают получить взамен? Что-то действительно прекрасное? В действительности компании желают увеличить продажи. Они рассчитывают на то, что с хорошим дизайном будут продавать больше.
В чем отличие веб-дизайнера от юзабилити-специалиста? Веб-дизайнеры отдают предпочтение наведению лоска, красоты на сайте. Они стремятся сделать из него некое произведение искусства и зачастую забывают о том, что главная цель сайта – продажи!
Основная цель юзабилити-специалиста в том, чтобы сделать из сайта платформу для продаж, учитывая интересы всех потенциальных клиентов компании.
Вы полагаете, что красивый сайт будет продаваться лучше, чем некрасивый? Отчасти, но эстетика сама по себе не гарантирует 100 %-ного успеха. Нужно разграничивать такие понятия, как потребительский товар и платформа для продаж, т. е. сайт.
Давайте рассмотрим пример. Перед вами красивый автомобиль. Он будет продаваться лучше, чем его уродливая альтернатива. И все-таки автомобиль – это сам потребительский товар. А сайт – это платформа для продаж товаров или услуг. Это два разных понятия. Не путайте!
Сайт может обладать красивым дизайном, но быть сложным в использовании: запутанная навигация, формы с большим количеством полей для заполнения, отсутствие призыва к действию (или их слишком много), малый размер шрифта и т. д. В отличие от красивого автомобиля, который редко когда окажется трудным в использовании.
В погоне за красивым сайтом разработчики часто забывают о его удобстве. При виде красивого сайта посетитель скажет: «Да, красивый сайт. Но он не работает, как я ожидал».
Веб-дизайнер может со мной не согласиться. И все-таки что он ставит при создании сайта во главу угла? Что является его приоритетной задачей при разработке? Большинство дизайнеров уделяют больше внимания внешнему виду. Но главная цель сайта – продавать больше. А это напрямую связано с юзабилити.
Юзабилити-специалист отдает предпочтение удобству сайта для обычного посетителя, а не визуальной привлекательности. Например, графические элементы добавляются на сайт, только если они необходимы. Чтобы усилить желание посетителей выполнить необходимые действия на сайте.
Навигационное меню предназначено для простоты в использовании. А лишние элементы, которые засоряют сайт, просто удаляются. Не стоит загромождать его и усложнять структуру. Важно найти верный баланс при разработке дизайна: он должен упрощать работу с сайтом, делая ее комфортной. Простой и функциональный дизайн подразумевает удобство, а не «а-ля» дизайн сайта, сделанный на коленке.
Посмотрите на крупные компании, такие как Google, Microsoft, Яндекс и т. д., – все они используют плоский дизайн. Довольно простой, без всяких нагромождений, лишних деталей. Вам комфортно находиться на таких сайтах? Думаю, да. Вот такой сайт и нужно стремиться сделать.
Плоский дизайн в сочетании с минимализмом позволит передать ощущение роскоши, ультрасовременности.
Рекомендую использовать полуплоский дизайн. Выглядит он как плоский, но включает в себя тонкие ЗБ-тени, блики, которые позволят создать некоторую глубину в пользовательском интерфейсе.
На первый взгляд может показаться, что плоский дизайн легко проектировать, однако это не так. В плоской конструкции нужно тщательно продумывать, как вы будете отображать кликабельность интерактивных элементов – ссылки, кнопки, поля формы и т. д.
Например, не следует использовать один и тот же цвет для кнопки и для отдельного фона статического объекта. Если на вашем сайте определенный цвет интерпретируется как ссылка, то не следует использовать его для обычного текста.
Не вводите посетителей в заблуждение. Ваш дизайн должен тонко подсказывать посетителям, что кликабельно, а что нет.
Основные ошибки при создании сайта:
1. ОТСУТСТВИЕ ЦЕЛИ
Это проблема номер один. Многие сайты построены по принципу «как хотел заказчик, так и сделали», не задаваясь вопросом: какова цель сайта, его предназначение?
Если вам нужен сайт для галочки, только чтобы знать, что ваша компания представлена в сети, то ваша цель достигнута. Однако для эффективного использования Интернета сайт должен решать проблемы пользователей. Какую ценность, пользу, выгоду он несет? Покажите людям, что совершать покупки лучше именно у вас.
2. ЛИЧНЫЕ ПРЕДПОЧТЕНИЯ
Не создавайте сайт для самого заказчика – не он является целевой аудиторией.
Ориентируйтесь на пользователей – именно для них на самом деле и создается сайт.