ПРИМЕР ПРОТОТИПА САЙТА
В публикации я хочу помочь потенциальным заказчикам разобраться, что такое «прототип». Чем полезен прототип и как над ним работать. Рассмотрим примеры
План:
1.С чего начинается работа над сайтом
2. Работа над прототипом
3. Примеры прототипа сайта.
Работа над созданием сайта начинается с исследования в рамках поставленной задачи.
Под поставленную задачу разрабатываю структуру сайта.
пример структуры лендинг
а:
По продуманной структуре создаю дизайн сайта в Figma.
Что такое кликабельный прототип в Figma? Это когда пользователь может пройти весь путь посетителя сайта и посмотреть контент.
Примеры
ПРИМЕР ПРОТОТИПА https://www.figma.com/proto/NcdrMdIj6plmYfnLFUM8po/test?node-id=53%3A176&scaling=scale-down-width&page-id=0%3A1&starting-point-node-id=53%3A176&show-proto-sidebar=1
Можно смотреть кликать по кнопкам.
Прототип это не работающий сайт. Это пример работы сайта . В ходе работы над прототипом вносятся правки в дизайн, пожелания анимации отдельных элементов.
Как сделать в Figma кликабельную кнопку с эффектом изменения цвета при наведении
Что еще можно сделать в прототипе?
Параллакс, скролл, микроанимацию иконок, анимацию по кругу.
Кликабельный прототип нужен для призентации дизайна заказчику и отработки пользовательского опыта. Если прототип отправить нескольким знакомым и попросить оценить удобство пользования и дать фитбэк. Можно на этапе разработки выявить слабые места и внести изменения