Прототипування - це схематичний макет сторінки або сторінок сайту

Прототипування - це схематичний макет сторінки або сторінок сайту

Як свідчить старе латинське прислів 'я, перемога любить підготовку. Її можна сказати рівною мірою і про планування, і про прототипування. Це що таке? Які існують особливості? Про це і не тільки буде вестися розмова в рамках статті.

Що називають прототипуванням

Під цим поняттям розуміють швидкий "чорновий" варіант реалізації базового функціоналу, щоб можна було проаналізувати роботу системи в цілому. Вона може бути неефективною, містити помилки або працювати не повністю - все залежить від цілей прототипування. Такий підхід дозволяє краще побачити, як влаштована система. Прототипування застосовується в приладі- і машинобудуванні, програмуванні та низці інших технічних областей. Після цього процесу часто переглядають архітектуру системи, реалізацію функцій, різні розробки і, якщо немає претензій, тестують кінцевий продукт.


Особливості прототипування

Необов 'язково, щоб зразок робився із застосуванням тих самих технологій, що і система, яку розробляють. Зазвичай прототипи є додатками до технічного завдання. Тепер переходимо до сайтів. Давайте проведемо аналогію із завданням за підручником алгебри. Сайт - це один номер. Технічне завдання виступає в ролі умови, а прототип - це чернетка вирішення завдання. Зазвичай він є накидом, в якому немає красивих картинок. Макет створюють ще до дизайнерської та програмної реалізації. За часом цей процес може займати від декількох десятків хвилин до годин - все залежить від складності, деталізації, технічного завдання та особистих умінь людини. Під прототипуванням можна розуміти створення макетів як для окремих сторінок, так і для всього ресурсу. Вони значною мірою дозволяють заощадити гроші і час. Прототипи можуть створюватися для представлення клієнту, А/В-тестування та внесення правок.

Технічне завдання + прототипування сайту =?

Подібні зразки є частиною ТЗ. Вони дозволяють задавати чіткі межі розробки і сприяють усуненню непорозуміння між замовником і виконавцем. За допомогою тексту описується техніка, логіка, структура і особливості адміністрування сайту, а завдяки прототипу це все візуалізується і є поняття, що і як буде виглядати. Адже як повинен бути виконаний сам проект, кожен представляє і інтерпретує зі своєї точки зору. Якщо немає бажання робити самому всю роботу, то можна звернутися до спеціального центру прототипування. І там все зроблять фахівці. Добре, якщо замовник (з позиції фрілансера) сам перед дачею технічного завдання звернувся до центру прототипування. Таким чином можна отримати зрозуміле ТЗ. З такої точки зору прототипування - це якісний щабель реалізації проекту.

Робимо якісний прототип

Для цього слід ретельно проаналізувати технічне завдання. Таке часто можна було бачити в шкільних підручниках: завдання не містить осудної (для вас) умови, але вирішити його треба. Тому слід завжди націлюватися на отримання ретельно опрацьованого технічного завдання. Як показує практика, для повноцінного і багатофункціонального сайту воно займає як мінімум 50 сторінок А4. Технічні завдання на пару сотень - це навіть не межа в даній сфері, а звичайна норма. Необхідно, щоб у ньому був прописаний кожен аспект і нюанс - ось такий прототип сайту потрібен.

Робота над помилками

Якщо були допущені упущення в прототипі, то вони часто переходять в дизайн, верстку сайту і його програмну частину. Це тягне за собою велику кількість проблем. Вартість їх виправлення зростає в арифметичній прогресії на кожному етапі (а буває, що і в геометричній). Тому навіть коли здається, що прототип сайту готовий, необхідно його перевірити ще раз, щоб переконатися у відсутності помилок. А тепер давайте розглянемо процес його створення.

Паперовий макет

Для початку промалюйте прототип на папері. Можна на ній створити навіть вигляд з браузера (теж намальованого). Спочатку промалюйте базові елементи. Що необхідно зобразити, конкретно відрізняється від призначення сайту. Так, в інтернет-магазинах роблять статичними меню товарів і рядок пошуку. Потім створюйте по черзі всі сторінки і виражайте функціонал, який на них буде. Розташуйте всі елементи інтерфейсу сайту на своїх місцях. Прототипування - це процес, що дозволить створити більш досконалий продукт, в якому будуть усунені різночитання технічного характеру, і буде отриманий результат, що відповідає технічному завданню. Кожна помилка, яка буде допущена, є дорогою в прямому сенсі слова. Тому прототипування сайту необхідно проводити з усією відповідальністю.

Процес створення прототипу

Отже, починаємо. Для створення прототипу необхідно зробити чотири кроки:


  1. Визначаємо початкові вимоги, яким повинен він відповідати.
  2. Розробляємо перший варіант прототипу, в якому міститься виключно користувацький інтерфейс системи.
  3. Передаємо прототип замовнику/кінцевому користувачеві, щоб вони змогли його вивчити. Важливим на цьому етапі є налаштування зворотного зв 'язку про внесення необхідних змін, а також доповнень.
  4. Прототип переробляється на підставі отриманих пропозицій та/або зауважень.

Можна скористатися спеціальними середовищами. Так, доступним є 3D-прототипування, що дозволить краще оглянути все з різних сторін.

Прототипування програмних продуктів і комп 'ютерних систем

Оскільки ми розглядаємо створення макету сайту, то необхідно знати, як це можна зробити. Для створення прототипу використовуються мови програмування високого рівня абстракції. У нашому випадку це PHP, JavaScript, Ac^ Script і багато інших. Також можуть застосовуватися і спеціальні інструменти. Коли прототип затверджено, у кінцевій реалізації створюють документований і більш акуратний код. Одночасно з цим збільшується кількість зусиль, що витрачаються на налагодження і тестування сайту, щоб переконатися, що він повністю виконує свій функціонал. На етапі прототипування виявляють найзначніші архітектурні помилки, вносять зміни в інтерфейс модулів системи, а також проводять перерозподіл їх обов 'язків.

Які якості повинен мати ефективний прототип

Можна виділити досить багато точок опори, але в рамках статті пропонуються такі:

  1. Створення прототипу не повинно бути затяжним за часом.
  2. Ефективний макет є одноразовим. Він необхідний тільки для того, щоб донести ідею проекту до зацікавленої особи. Після того як вона була прийнята, він стає непотрібним і, відповідно, може бути відкинутий.
  3. В ефективному прототипі необхідно, щоб увага була сфокусованим на частинах, які становлять найбільший інтерес. Сюди можна віднести найскладніші з точки зору реалізації і найважливіші функціональні складові.
  4. Слід звертати увагу на елементи взаємодій, які потенційно можуть бути корисними при донесенні ідеї проекту до кінцевого споживача.

Ув 'язнення

Якщо ви плануєте працювати в сфері розробки сайтів, то прототипування - це цінний інструмент, щоб зберегти свої нерви, час і гроші. Тому не зайвим буде опанувати всі нюанси створення макетів сайтів у стислі терміни. Адже технологія прототипування дозволяє заощадити багато часу на кінцевих етапах створення сайту.