Вы знали, что на разработку непосредственно дизайна сайта дизайнер тратит всего 20-30% рабочего времени?
Остальная работа связана с анализом ниши, конкурентов, референсов и прототипированием.
О прототипировании, то есть о разработке прототипа, и поговорим.
Прототипирование – это обязательный этап, который предшествует созданию конечного дизайна сайта. Без него никуда.
Прототип – это черно-белый набросок будущего сайта. Без цвета, без детальной проработки, без картинок. Но дизайнер уже работает с композицией, компоновкой, подбором шрифтов.
Создавая прототип, дизайнер проверяет гипотезы о том, как пользователь может максимально быстро и просто достичь своих целей на сайте.
Прототипы бывают разной глубины – с низкой или высокой детализацией. Чем сильнее детализирован прототип, тем проще он тестируется. Благодаря глубокой детализации прототипа мы сможем получить исчерпывающее представление о работе сайта, по максимуму обнаружим недочеты в логике работы и пользовательском пути.
Как именно готовится прототип:
- Формируются гипотезы, проводятся исследования.
- На их основе составляется список функционала (к примеру, каталог продукции, карточки товаров, поиск на сайте, фильтры и сортировка, оформление заказа, оплата и доставка, личный кабинет и пр.), определяется набор уникальных страниц, прописываются сценарии поведения.
- Создается сетка сайта, стили текста, базовый набор UI-элементов. Наш любимый инструмент для прототипирования и UI-дизайна – Figma. Также работаем с Axure, Sketch, Adobe XD.
- Делается главная страница. Разрабатывается хедер, футер, навигационные элементы, располагаются блоки внутри страницы. Тестируются интерактивные элементы: активные ссылки, ховер-эффекты, всплывающие формы, слайдеры.
- С опорой на главную страницу разрабатываются внутренние страницы. Учитываются элементы взаимодействия: межстраничные переходы, клики, выпадающие списки.
В результате еще до написания кода станет ясно, как будет работать логика взаимодействия пользователя с продуктом. Если что-то не так, спокойно вносим правки. На этапе прототипирования намного проще скорректировать функциональность, чем во время программирования.
На выходе у нас на руках будет структура сайта и карта взаимодействия с ним посетителя. Все, прототип готов стать финальным дизайном.
Не можете определиться, какой сайт вам нужен – шаблонный или уникальный? Здесь найдете ответы на свои вопросы.
Стоимость разработки сайта можете рассчитать на нашем онлайн-калькуляторе
#созданиесайта #создатьсайт #купитьсайт #дизайнсайта