+7 3435 21-21-06

10 советов, как сделать успешный сайт

228
2
Начало работы над веб-сайтом может быть пугающим. Разработка состоит из множества составных частей, а клиенты, как правило, всегда ожидают высокого качества конечного продукта. Определение цели, создание карты сайта, создание контента, дизайн пользовательского интерфейса, тестирование сайта, все это те элементы, которые наиболее часто включает процесс веб-дизайна.

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

Итак, сегодня мы рассматриваем 10 советов по веб-дизайну, которые вам нужно иметь в виду при разработке веб-сайта для вашего клиента. Это относится ко всем типам сайтов (B2C). Интернет-магазины, корпоративный сайт, веб-сайты продуктов и т.д.


1. Определите правильные цели проекта.


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

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

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

5 важных вопросов, которые необходимо задать:

1. Какая ценность этого сайта для вас и вашего бизнеса?
2. Что вы хотите достичь с помощью сайта?
3. Как вы хотите измерить эффективность сайта?
4. Является ли веб-сайт важной частью вашего бизнеса?
5. Кто целевая аудитория? Для кого создается ваш сайт?

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

2. Определите цель


Весьма просто, что сайт без четкой, единой цели не имеет шансов на успех.

Цель - это то, что вы и ваш клиент должны определить вместе. Цель должна быть четко определена, измерима и достижима. Вот пример хорошей цели для веб-сайта:

Пример. Целью для веб-сайта должны быть следующие три вещи:

1. Четко определен. Например, «сайт должен привести к продажам».
2. Измеримый. Например, «нужно ежемесячно получать по меньшей мере X продаж».
3. Достижимо. Не «нужно ежемесячно продавать на миллион долларов».

И самое главное, сайт должен иметь только одну Главную цель.

3. Сначала подумайте об аудитории сайта и решите конкретную проблему


Цели - это то, чего хочет ваш клиент с веб-сайта. Решение проблем - это то, что веб-сайт делает для своей аудитории.


 
Пример:

dollarshaveclub-1024x465.jpg

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


4. Самое важное это контент


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

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

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

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



Пример:

tessemaes-1024x569.jpg

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



 5. Уважайте веб-стандарты


Стандарты - это круто. Научитесь любить их. Не бунтуйте и не «изобретайте велосипед».

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

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


Пример:

wrightwoodfurniture-1024x190.png



 Возьмите за правило:

  • Логотип в левом верхнем углу (исследование Nielsen Norman говорит, что пользователи на 89% чаще запоминают логотипы, показанные в верхнем левом углу).

  • Отдельные страницы не должны следовать различным шаблонам дизайна – что часто происходит с интернет-магазинами.

  • Контакт в правом верхнем углу или в центре (например, как показано на скриншоте выше).

  • Основная навигация сверху и избегая путаных меню (которые раздражают пользователей, как показывает другое исследование Nielsen Normal).

  • Предложение и призыв к действию всегда размещают именно на главной странице ( что делает ваш призыв к действию очень заметным).

  • Функция поиска в заголовке.

  • Регистрация в нижнем колонтитуле.


6. Сделать навигацию простой



Если люди не могут легко перейти от точки A к точке B, веб-сайт не сможет достичь своей цели.

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

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

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


ugmonk-1024x476.jpg


 

7. Фокус на мобильном телефоне


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

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

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


greats-405x675.jpg


8. Не игнорируйте типографику


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

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



Вот пример Bittermilk

bittermilk-1024x580.jpg




bittermilk-mobile-569x1012.jpg




9. Работать в команде


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


10. Социальные медиа


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

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


Что дальше?


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




Статья переведена и адаптирована компанией "UMIKS"

Источник
ПОДПИСКА
Хотите получать подборку
новых статей с нашего сайта?
Заполняя данную форму, вы принимаете условия Соглашения об использовании сайта, в том числе в части обработки и использования персональных данных
Заполняя данную форму, вы принимаете условия (cоглашения) об использовании сайта, в том числе в части обработки и использования персональных данных
Спасибо за оставленное сообщение!