С чего начать разработку сайта?

Разработка сайта — это процесс который кажется не посвященному в это таинство весьма легким делом. И то правда, открыл Фотошоп, вставил несколько картинок и текстовых блоков, и вуаля, макет готов, осталось только отдать программистам…

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

Каковы цели и потребности бизнеса?

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

Пример описания целей

Кто ваша целевая аудитория?

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

Пример описания профиля пользователя

Какая информация будет размещаться на сайте?

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

Пример описания функционального и контентного наполнения сайта

Что должен сделать человек после посещения сайта?

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

Призыв к действию

Зачем все это?

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

Хочешь изучить UX/UI Design и научиться проектировать сайты и приложения?

Приходи на онлайн-курс, который помогает изучить методику и прямо во время обучения сделать проект для портфолио. Зписывайся на курс по ссылке 👉 https://hyperschool-digital-product-design.webflow.io/

--

--

Alex Voloshyn
Блог-портфолио Александра Волошина

Проектирую сложные сайты, веб-сервисы и мобильные приложения, обучаю в своей онлайн-школе Open Design School.