Когда начинается процесс проектирования (или повторного проектирование) сайта, первым шагом является создание набора мокапов веб-сайта чтобы выстроить внешний вид. Эти мокапы — просто образы, которые создаются и показывают, как веб-сайт будет выглядеть без необходимости написания кода. Это плоские изображения, которые не могут взаимодействовать, но выглядят как скриншот страницы сайта. Такие мокапы используются как способ общения между идеей дизайнера с клиентом, а так же как «план» для разработки веб-сайта до его завершения.
Почему бы не начать веб-сайт с написания кода?
Процесс разработки мокапа гораздо быстрее, чем написание кода веб-страницы. Создание изображения макета позволяет поэкспериментировать с различными элементами дизайна, цветами и шрифтами настолько быстро, что можно получить лучшее представление о том, как будет выглядеть дизайн прежде чем написать код. Дизайнер имеет возможность организовать свои мысли таким образом, что у него появляется четкий план для проектирования и разработки веб-сайта. Макет можно легко показать клиенту для обратной связи, а также внести изменения быстро и легко, если есть вопросы или что-то просто не работает. Клиент также может использовать мокапы, чтобы показать друзьям / семье / коллегам потенциальный сайт для обратной связи, прежде чем дать свое одобрение.
Если проектирование начать с написания кода веб-сайта без мокапа, это займет очень много времени, прежде чем клиент сможет увидеть представление дизайнера. Также гораздо труднее вносить изменения в такие элементы, как набор цветов и многие другие, пока сайт только находится в стадии разработки. Изображения на основе мокапов имеют решающее значение для процесса разработки и экономят много времени на протяжении создания всего проекта в долгосрочной перспективе.