Шта је прототип?
Прототип је радна верзија производа направљена са циљем тестирања идеје пре него што се крене у имплементацију. Не треба бити савршен — треба бити довољно добар да покаже идеју.
Зашто прототипирамо?
- Тестирамо пре него кодирамо. Грешку у дизајну је јефтиније исправити у прототипу него у коду.
- Комуницирамо идеје. Клијент или тим лакше разуме интерактивни прототип него технички опис.
- Добијамо повратне информације. Корисници тестирају прототип и дају повратне информације пре почетка израде производа.
- Брзо итерирамо. Идеја → прототип → тест → поправка: за једну итерацију потребно је неколико сати, а не дана или месеци.
Фиделитет прототипа
Фиделитет означава колико прототип изгледа и функционише слично коначном производу.
| Тип | Изглед | Када се користи | Алати |
|---|---|---|---|
| Lo-fi | Скице, сиве боје, без стила | Почетак пројекта, брзо тестирање структуре | Папир, Figma wireframe |
| Mid-fi | Структура јасна, мало стила | Тестирање тока кориснике | Figma frames + компоненте |
| Hi-fi | Потпун визуелни дизајн, интеракције | Клијентске презентације, финално тестирање | Figma прототип |
Место прототипа у процесу дизајна
Истраживање → Дефинисање проблема → Генерисање идеја → Прототипирање → Тестирање → Имплементација
Кораци пре саме имплементације су итеративни - понављају се све до задовољавајућег резултата тестирања, када се почиње са конкретном имплементацијом.
Кључни појмови
- Wireframe. Скелет интерфејса - приказује распоред компоненти интерфејса без боје и слика.
- User flow. Пут корисника кроз апликацију - низ екрана и акција.
- Mockup. Статичан hi-fi приказ интерфејса без интеракција.
- Интерактивни прототип. Прототип са интерактивним елементима и прелазима.