Паперове прототипування - школа цинічного дизайну - medium

Статті студентів · Анастасія Красовська

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

Паперове прототипування - школа цинічного дизайну - medium

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

За допомогою такого прототипу можна показати структуру майбутнього сайту або програми і отримати миттєвий зворотний зв'язок від замовника, намалювали, обговорили, намалювали ще раз, якщо це необхідно. Після представлення прототипу клієнт знає чого очікувати в результаті, а розробник упевнений в цілях і вимогах.

Необхідні інструменти для паперового прототипирования цілком доступні: стопка паперу, олівець, ластик і ножиці. За великим рахунком паперовий прототип - найдешевший і простий спосіб втілити ідею на папері, але деякі виробники пішли далі.

Існують sketchbook з зображеннями браузера або мобільних ОС, в яких на клейкою основі вже надруковані елементи інтерфейсу, Behance Dot Grid Book - блокноти з точковою розміткою, для того щоб не відволікатися на лінії, якщо користуєтеся папером в клітку і трафарети на кшталт офіцерських лінійок.

Паперове прототипування - школа цинічного дизайну - medium

Є багато сайтів, які пропонують скачати і роздрукувати вже готові елементи інтерфейсу. Я раджу користуватися ними, вони економлять купу часу. Вам не доведеться перемальовувати кожен раз сторінки при проектуванні нового сайту або програми. Такі елементи можна легко пересувати по «екрану браузера», додавати або видаляти, якщо це необхідно.

Слідкуйте за тим, щоб на сторінці були тільки потрібні елементи, ні більше, ні менше. Інакше легко заплутатися, особливо якщо ви працюєте в команді.

У паперового прототипирования є свої переваги і недоліки.

  1. Одноразовість, за умови якщо ви малюєте прототипи на папері, а не користуєтеся роздрукованими і вирізаними елементами інтерфейсу.
  2. Не враховуються розміри елементів і блоків, через це він може не поміститися в відведений йому простір в браузері.
  3. Відсутність інтерактивності.

Наступним етапом, якщо це необхідно, варто проектувати прототип за допомогою програмного забезпечення, наприклад в Axure або онлайн сервісу Ninjamock. Безсумнівний плюс таких програм в тому, що прототипи стають інтерактивними.

Найважливіше, що добре продуманий прототип заощадить купу часу і грошей при створенні сайту або програми.