Прототипування - це схематичний макет сторінки або сторінок сайту
Відео: Як створити макет сайту с помощью Moqups
Як свідчіть стара латинська прислів`я, перемога любити підготовку. Ее можна Сказати в рівній мірі и про планування, и про прототипирование. Це що таке? Які існують Особливості? Про це і не тільки буде вестися розмова в рамках статті.
Що назівають прототіпірованії
Під ЦІМ Поняття розуміють Швидкий «Чорновіл» варіант реализации базового функціоналу, щоб можна Було проаналізуваті роботу системи в цілому. Вона может буті неефективно, містіті помилки або працювати в повну обсязі - все Залежить від цілей прототипирования. Такий підхід дозволяє краще Побачити, як влаштована система. Прототипування застосовується в пріладо- и машинобудуванні, програмуванні та ряді других технічних областей. После цього процесса часто переглядають архітектуру системи, реалізацію функцій, Різні розробки І, если немає претензій, тестують кінцевій продукт.
Особливості прототипирования
Необов`язково, щоб зразок робів Із ЗАСТОСУВАННЯ тих самих технологій, что и система, якові Розробляють. Зазвічай прототип є Додатками до технічним завдання. Тепер Зміни в порядку до сайтів. Давайте Проведемо аналогію Із завдання за підручніком алгебри. Сайт - це один номер. Технічне завдання Виступає в роли умови, а прототип - це чернетка решение задачі. Зазвічай ВІН є Начерк, в якому немає красивих картинок. Макет створюють ще до дізайнерської и програмної реализации. За часом цею процес может займаті від декількох десятків хвилин до години - все Залежить від складності, деталізації, технічного завдання и особіст умінь людини. Під прототіпірованії могут розуміті создания макетів як для окрема сторінок, так и для Всього ресурсу. Смороду значний мірою дозволяють заощадіті гроші і Час. Прототип могут створюватіся для представлення клієнту, А / В-тестування и внесення правок.
Відео: Adobe XD Як почінаті прототипирование Огляд програми XD Урок 2
Технічне завдання + прототипирование сайту =?
Подібні зразки є частина ТЗ. Смороду дозволяють задаваті чіткі Межі розробки и спріяють Усунення непорозумінь между замовником и виконавцями. С помощью тексту опісується техніка, логіка, структура и Особливості адміністрування сайту, а Завдяк прототипу це все візуалізується и є Поняття, что и як буде віглядаті. Аджея як винен буті Виконання сам проект, КОЖЕН представляет и інтерпретує по-своєму. Если немає бажання делать самому всю роботу, то можна звернути в Спеціальний центр прототипування. І там все зроблять фахівці. Добре, если замовник (з позіції фрілансера) сам перед дачею технічного завдання звернув в центр прототипування. Таким чином можна отріматі зрозуміле ТЗ. З такой точки зору прототипирование - це якісний степень реализации проекту.
Робимо якісний прототип
Для цього слід ретельно проаналізуваті технічне завдання. Таке часто можна Було Бачити в шкільних підручніках: завдання НЕ містіть осудної (для вас) умови, но вірішіті ее треба. Тому слід всегда націлюватіся на Отримання ретельно пропрацював технічного завдання. Як показує практика, для повноцінного и багатофункціонального сайту воно займає як мінімум 50 сторінок А4. Технічні завдання на пару сотень - це даже НЕ межа в даній сфері, а звичайна норма. Необходимо, щоб в ньом Було прописано КОЖЕН аспект и нюанс - ось такий прототип сайту потрібен.
Робота над помилки
Если були допущені упущення в прототіпі, то смороду часто переходять в дизайн, верстку сайту и его програмнного часть. Це Тягном за собою велику Кількість проблем. Стоимость їх виправлення зростанні в аріфметічної прогресії на кожному етапі (а буває, что и в геометрічній). Тому даже коли здається, что прототип сайту готов, необходимо его перевіріті ще раз, щоб переконатіся у відсутності помилок. А тепер давайте розглянемо процес его создания.
паперовий макет
Для качана прорисуйте прототип на папері. Можна на ній создать даже вид з браузера (теж намальованого). Спочатку прорисуйте базові елементи. Що необходимо зобразіті, конкретно відрізняється від призначення сайту. Так, в інтернет-магазинах роблять статичними меню товарів и рядок поиска. Потім створюйте черзі Всі сторінки и вісловлюйте функціонал, Який на них буде. Розмістіть всі елементи інтерфейсу сайту на своих місцях. Прототипування - це процес, что дозволити создать більш Досконалий продукт, в якому будут усунені різночітання технічного характеру, и буде отриманий результат, відповідній технічним завдання. Кожна помилка, яка буде допущена, є дорогою в прямому СЕНСІ слова. Тому прототипирование сайту та патенти Проводити з всёй ВІДПОВІДАЛЬНІСТЮ.
Відео: Як и де коздавать прототипи сайтів - Частина 2 - Mockingbird
Процес создания прототипу
Отже, ПОЧИНАЄМО. Для создания прототипу та патенти сделать Чотири кроки:
- Візначаємо Початкові вимоги, Яким повинен ВІН ВІДПОВІДАТИ.
- Розробляємо перший варіант прототипу, в якому містіться Виключно корістувальніцькій інтерфейс системи.
- Передаємо прототип Замовнику / кінцевому корістувачеві, щоб смороду змоглі его вівчіті. Важлівою на цьом етапі є налагодження зворотнього зв`язку про внесення необхідніх змін, а такоже ДОПОВНЕННЯ.
- Прототип переробляється на підставі отриманий пропозіцій і / або зауваження.
Можна скористати спеціальнімі середовища. Так, доступним є 3D-прототипування, что дозволити краще озирнутися все з різніх сторон.
Прототипування програмних продуктов и комп`ютерних систем
Оскількі ми розглядаємо создания макета сайту, то необходимо знаті, як це можна сделать. Щоб создать прототип, Використовують мови програмування високого уровня абстракції. У нашому випадка це PHP, javascript, ActionScript и много других. Такоже могут застосовуватіся и СПЕЦІАЛЬНІ інструменти. Коли прототип учет, то в кінцевій реализации створюють документованій и більш АКУРАТНИЙ код. Одночасно з ЦІМ збільшується Кількість зусіль, что вітрачаються на налагодження и тестування сайту, щоб переконатіся, что ВІН Повністю Виконує свой функціонал. На етапі прототипирования віявляють найзначніші архітектурні помилки, вносячи Зміни в інтерфейс модулів системи, а такоже проводять перерозподіл їх обов`язків.
Якими якости винен володіті Ефективний прототип
Можна віділіті й достатньо много точок опори, но в рамках статті предлагают Такі:
- Створення прототипу не винних буті затяжним за годиною.
- Ефективний макет є одноразовим. ВІН необхідній только для того, щоб донести ідею проекту до зацікавленої особи. После того як вона булу прийнятя, ВІН становится непотрібнім І, відповідно, может буті відкінутій.
- В ефективного прототіпі необходимо, щоб увага булу сфокусованім на частина, Які становляться Найбільший Інтерес. Сюди можна Віднести найскладніші з точки зору реализации та найважлівіші функціональні СКЛАДОВІ.
- Слід звертати Рамус на елементи взаємодій, Які потенційно могут буті корисностей при донесенні Ідеї проекту до кінцевого споживача.
Висновок
Если ви плануєте працювати в сфері розробки сайтів, то прототипирование - це цінній інструмент, щоб Зберегти свои нерви, час і гроші. Тому не зайве буде опануваті всіма нюансами создания макетів сайтів в Стислі Терміни. Аджея технологія прототипування дозволяє заощадіті много годині на кінцевіх етапах создания сайту.