экология. Лабораторная работа 1 Прототипирование сайта Придумать предметную область будущего сайта
Скачать 187.62 Kb.
|
Лабораторная работа №1 Прототипирование сайта Придумать предметную область будущего сайта Выполнить схематичное прототипирование на бумаге. Сделать прототип в цвете в Figma.com. Сделать прототип главной страницы в html-документе. Теория Прототип сайтов – это макет отдельной страницы или всего сайта с помощью схематических и условных элементов. По факту, сам прототип — это схематический набросок, эскиз, если угодно. Его создают еще до этапов дизайна и программирования. Прототипирование сайтов - это, соответственно, сам процесс разработки прототипа. Это делается для того, чтобы: Грамотно и досконально продумать расположение всех необходимых блоков и элементов дизайна; Правильно организовать систему навигации на сайте; Продумать возможности взаимодействия пользователей с сайтом; Представить наглядно концепцию будущего сайта; Более того, разработка прототипа существенно снижает время разработки проекта и помогает сократить число правок и доработок, которые могут возникнуть при несоответствии функционала сайта ожиданиям клиента. После представления прототипа заказчик понимает, чего ожидать в результате, а исполнители уверены в целях и требованиях. Прототипирование начинается с анализа контента, результаты которого определяют структуру будущего сайта. Визуально, интер+фейс и другие мелочи здесь идут вторым номером, так как основная цель прототипа – построить грамотную структуру для максимально удобного взаимодействия с пользователем. Существует несколько требований к прототипам сайта: Быстрое создание прототипа; Легкость внесения изменений в прототип; Интерактивность; Доступность – возможность оценить прототип клиентом, программистом, менеджером и др.; Детализация прототипа; Виды и методы прототипирования Есть множество различных методов прототипирования сайтов. 1. Бумажное прототипирование: Плюсы: Высока скорость создания прототипа Возможность создать детализированный прототип Не требуется специальных знаний и навыков Быстрое изменение прототипа за счет перерисовки Возможность оставлять комментарии и пометки в любых местах Минусы: Отсутствие какой-либо интерактивности Не точное расположение и размеров элементов Вероятность, что не понравится клиенту из-за не эстетичного вида 2. Прототипирование при помощи специальных программ: Плюсы: Высокая скорость создания прототипа Высокая детализация прототипа Эстетичный вид прототипа Наличие интерактивности заложенного функционала в прототипе Высока скорость редактирования прототипа без повторной отрисовки Возможность сохранения прототипа в разных графических форматах Возможность оставлять комментарии и пометки в любых местах Минусы: Немного времени на изучение программы 3. Прототипирование при помощи графических редакторов: Плюсы: Средняя скорость создания прототипа Высокая детализация прототипа Эстетичный вид прототипа Высока скорость редактирования прототипа без повторной отрисовки Возможность сохранения прототипа в разных графических форматах Возможность оставлять комментарии и пометки в любых местах Минусы: Большое количество времени на изучение программы Отсутствие интерактивности у прототипов в большинстве графических редакторов |