створення прототипів

Прототип - дослідний зразок чого-небудь.

Прототипи створюються у всіх областях діяльності. З появою комп'ютера та Інтернету з'явилася необхідність створення прототипів і в цій сфері - прототипів інтерфейсів програм, різних схем, діаграм, веб-сторінок, сайтів і т.п. Саме про таких прототипах надалі і піде мова.

Створення макетів - перший етап при створення прототипу.

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

Макет може не містити колірного оформлення і якихось деталей, які можуть відволікати, мета макета - дати загальне уявлення про призначення, зовнішній вигляд і роботі елемента інтерфейсу або сторінки сайту.

В макетах широко застосовуються "власники місця" (placeholders) - рамка, перекреслена хрест-на-хрест. Наприклад, власник місця для зображення вказує не тільки на те, що в цьому місці буде розташовуватися зображення, але і розміри місця, відведеного для зображення.

Нижче на малюнку - макет інтерфейсу програми на початковій стадії роботи (макет низькою точності):

створення прототипів

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

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

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

Шлях від початкового комплекту макетів до готового прототипу може бути різним. Іноді макети відразу перетворюються в прототип, іноді потрібно довший шлях проб і помилок.

Інтерактивність для нашого випадку - це здатність створюваного макета (прототипу) реагувати на дії користувача.

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

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

Деякі спеціальні програми по створенню прототипів дозволяють створювати інтерактивність без написання коду і пропонують великий набір (кілька десятків) подій і відповідних їм дій.

При описі програм для створення прототипів зустрічаються деякі спеціальні терміни (такі терміни можуть фігурувати і в назвах програм).

Примітка: Всі бажаючі можуть ознайомитися докладніше зі значеннями термінів UI. UX. UX design. UI design та ін. В Інтернеті (наприклад, Вікіпедія про UI).

Програми для створення прототипів

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

Але чи потрібно застосовувати спецпрограми для створення прототипу сайту?

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

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

Схожі статті