Шаг 1: Обсуждение
Естественно, любой проект начинается со встречи с клиентом. На первой встрече вам нужно определить основные направления работы – какой продукт необходимо сделать, какими функциями он будет обладать, какие потребуются материалы (тексты, изображения и т.д.).
Шаг 2: Мозговой штурм
Подумайте о том, как вы будете разрабатывать продукт. Что важно, а что – нет? Что должно быть на каждой странице? В зависимости от размера проекта, вам может потребоваться создать визуальную карту сайта. Подготовка карты сайта важна и для правильной организации информации.
Шаг 3: Каркасы
Каркас – это скелет сайта, содержащий все элементы навигации, функции, информационные блоки, которые войдут в окончательный вариант сайта, но без графического оформления. Он используется для выявления проблем или недостающих элементов. В будущем он будет использоваться в качестве плана на этапах разработки дизайна и программной части. Каким способом вы будете создавать каркасы – решать вам. Для небольших проектов можно сделать изображения в Photoshop или Illustrator. Для более крупных могут понадобиться каркасы в формате HTML, на которых можно проверить поведение.
Вопрос на 3 миллиарда
Amazon позволяет делать лучшими как положительные, так и отрицательные отзывы и благодаря этому и те и другие легко находить.
Далее...
Удобные формы с помощью jQuery
Иногда легко определить, что пользователь вводит неправильные данные. В адресе электронной почты не может быть русских символов.
Далее...
Почему дизайнеры терпят неудачи
На прошлой неделе я анонсировал исследование вопроса о том, почему дизайнеры ошибаются...
Далее...
Шаг 4: Планирование контента
После того, как карта сайта и каркасы будут готовы, вам совместно с клиентом нужно приступать к планированию контента – в особенности текста. Подготовка информации является самой крупной работой, которую выполняет в проекте клиент, и она может занять действительно много времени.
Шаг 5: Первоначальный дизайн
Тем временем, дизайнер может работать над первоначальной версией дизайна – дизайном главной страницы и основных внутренних страниц.
Шаг 6: Отзыв клиента
После разработки первоначального дизайна, клиент должен проверить, что вы движетесь в правильном направлении, и, если нужно, внести корректировки.
Шаг 7: Доработка дизайна
… которые, вероятно, потребуют внесения изменений в первоначальный вариант.
Шаг 8: Согласование
Пока все довольны. Эта цепочка «разработка – согласование – доработка» может повторяться на различных этапах проекта. Помимо подготовки информации, утверждение промежуточных результатов является еще одной функцией клиента.
Шаг 9: Дизайн дополнительных страниц и элементов
После утверждения базового дизайна, вы можете перейти к дизайну остальных страниц и дополнительных элементов.
Шаг 10: Утверждение
И вновь все проверяется, дорабатывается и, наконец, утверждается.
Шаг 11: Создание HTML
Теперь можно приступить к созданию HTML-страниц.
Шаг 12: … и CSS
… и CSS (их можно сделать и в один шаг, но мне нравятся картинки с этим роботом).
Шаг 13: Презентация
И снова обратная связь с клиентом.
Шаг 14: Тестирование
Завершающий этап разработки – отладка. Работу сайта нужно проверить на всех платформах, устранить технические проблемы, проверить ошибки в тексте.
Шаг 15: Запуск
На картинке написано «Конец» – но, конечно, вы не возьмете чек и не скроетесь за дверью. После запуска за сайтом нужно посмотреть еще дней 10 или около того, и в случае возникновения проблем исправить их.