Процесс проектирования вашего сайта
Сеть изменяется быстро, одна тенденция сменяется другой, еще до того, как вы поймете, что это был тренд.
Одна из самых больших ошибок начинающих веб дизайнеров состоит в том, чтобы перейти сразу к Dreamweaver, Photoshop, Flash или другим программам и начать “строить” сайт прежде чем действительно продумать дизайн своего проекта. Поэтому, если Вы начинаете в веб дизайне, или возможно Вы имеете несколько сайтов в своем арсенале, но еще не развили процесс разработки сайта до совершенства, вот некоторые подсказки, которые помогут Вам идти по правильному пути. Можете верить этому или нет, но практически все это можно сделать с помощью ручки и бумаги.
1. Установите цели вашего сайта
Какова главная цель вашего сайта? Чего вы хотите добиться? Если вы хотите создать сайт, организующий свадьбы, должны ли вы включить раздел, посвященный фотографиям младенцев в ванной? Они немного связаны – ведь младенцы часто следуют за свадьбами! Но не слишком ли вы отклоняетесь от темы? У веб сайта должна быть определенная главная цель и, возможно, еще одна или две связанных цели.
2. Определите содержание вашего сайта
избежать путаницы, нужно разобраться в структуре Вашего сайта, и понять, каким контентом он будет наполнен. Все мы видели беспорядочные сайты, где кажется, что даже сам владелец не может толком сказать о чем же его сайт. Важно имея достаточно жесткую структуру, в то же время сохранять гибкость сайта, чтобы можно было добавлять новую информацию без каких-либо проблем.
3. Страницы Wireframe
Wireframe – это как бы скелетная схема вашего будущего сайта, которая показывает взаимосвязь между всеми страницами. С помощью такой схемы легко оценить юзабилити, информационную архитектуру, расположение и содержание определенных блоков и всего сайта в целом, а так же понять, что будет, а что не будет работать. Есть ряд приложений, специально предназначенных для облегчения разработки, такие, как iPlotz и OmniGraffle, или можно использовать графические программы, такие как Illustrator и Visio. Лично для меня быстрее и проще изобразить wireframes на бумаге, но многие считают специальные приложения незаменимыми. Важно тщательно проработать этот этап. Это то, где вы можете использовать весь свой творческий потенциал.
Wireframe Sketch by Mike Rohde
4. Построение
Теперь вы готовы перейти к созданию сайта на основе того, что было сделано на предыдущих этапах. Это означает, что пришло время собрать воедино все части проекта в какой-нибудь программе, например в Photoshop, или начать работать с кодом Вашего сайта. Вы как бы наращиваете мясо на скелет, созданный с помощью wireframes.
5. Тестирование
Это жизненно важно, и вы можете рассматривать тестирование как непрерывный процесс. Вы должны будете проверить юзабилити и доступность, а также работоспособность всех ссылок и правильное расположение иллюстраций на сайте. Для начала вы можете самостоятельно провести некоторые тесты, еще хорошей идеей будет показать ваш сайт своим друзьям и родственникам, или создать опрос на вашем форуме. Думаю ответы не заставят себя долго ждать, если посетители обнаружат какие-то проблемы.
Итак, в двух словах, это типичный процесс разработки сайта. Это конечно, общий подход, но если вы будете разрабатывать сайты испытанным и проверенным способом, то со временем сможете усовершенствовать и ускорить этот процесс.
Используете ли Вы аналогичный процесс веб дизайна? Какие шаги Вы добавили бы?
Источник статьи: http://www.sitepoint.com
Автор: Jennifer Farley
Popularity: 1% [?]
Метки: веб дизайн, подготовительные работы