Добици:
- Способност израде брзих скелета прототипа, садржаја узорака и идеја за микро интеракцију са вештачком интелигенцијом
- Способност израде реалистичног текста и података за прототип и тестирања дизајна у стварној употреби
- Способност одржавања конзистентности и логике компоненти приликом премештања АИ излаза у алат за дизајн (Фигма итд.)
Прототип је имитација дизајна на коју се може кликнути и којом се може кретати; То је симулација коју корисник може доживети као у стварном производу. Дизајн високе верности, с друге стране, је дизајн који је постао ближи финалном производу са бојом, типографијом, правим садржајем и микро интеракцијама. Циљ у овој фази је да се идеја учини проверљивом „као да је стварна“. АИ је овде јак на три начина: брзо производи скелете и варијације, пружа реалистичан садржај и податке и предлаже идеје за микро интеракцију. Али одржавање конзистентности и логике компоненти приликом премештања излаза у алат за пројектовање – то јест, уклапање система у систем без затрпавања – је људски посао.
Сврха прототипа: јефтино тестирати право питање
Израда прототипа има једну сврху: јефтино тестирати претпоставку, без писања кода. „Да ли корисник разуме овај ток?“, „Да ли овај распоред убрзава његов задатак?“ Зато прототип не мора да буде савршен као прави производ; само мора бити довољно реално да убедљиво прикаже питање које треба тестирати.
Вештачка интелигенција убрзава овај кредибилитет. Али постоји опасност: висока резолуција је „готова“. Када заинтересоване стране виде углађени прототип, могу га погрешити за коначну одлуку; Међутим, то је још увек хипотеза. Увек јасно реците шта прототип тестира, а шта је још отворено.
Опрез: Полирани прототип преувеличава зрелост. Ако га не уоквирите као „ово је алатка за тестирање, а не коначни дизајн; ми тестирамо ово питање“ када га покажете заинтересованој страни, створиће се погрешно очекивање.
Реалистичан садржај: спасавање прототипа од лажи
Највећа лаж прототипа су савршени чувари места као што су „Лорем ипсум“ и „Име Презиме“. У стварном свету, имена су дугачка, листе су понекад празне, бројеви су понекад негативни, датуми су понекад застарели. Када је прототип испуњен идеалним садржајем, он крије стварне проблеме.
Овде је АИ драгоцена: производи реалистичан садржај и податке различите дужине, различитих стања. Можете да приближите прототип стварној употреби са захтевима као што су „Дај ми 20 реалних назива производа, од којих су неки веома дугачки“, „Напиши 5 различитих сценарија празних случајева“, „Направи узорке података о рачуну укључујући негативно стање“. Дакле, тест тестира стварност, а не идеал.
Тип садржаја
лажно (обмањујуће)
Реалистичан (са вештачком интелигенцијом)
Име
"Име Презиме"
Примери са кратким, дугим, појединачним именима, специјалним знаковима
Лист
увек пуна
Празна, 1 ставка, варијације од 100 елемената
Број
увек позитиван
Нула, негативне, веома велике вредности
текст
идеална дужина
Препун наслов, врло кратак опис
датум
данас
Прошлост, будућност, "управо сада", "пре 3 године"
Микро интеракције: мале, али одлучујуће
Микроинтеракције су мали, појединачни моменти интеракције, као што су повратна информација када притиснете дугме, поље које постаје зелено када се попуни, анимација учитавања, итд. Ово ствара осећај код корисника да ме је „систем чуо“. АИ је добар партнер за генерисање идеја за микро интеракцију (када, какве повратне информације, које стање се мења). Али свака микроинтеракција мора бити одмерена у смислу перформанси, приступачности и ометања; фенси, али непотребна анимација успорава искуство.
три мини кофера
Случај 1 — Урушавање налога са стварним подацима. Тим је испунио прототип са 30 реалистичних (неки веома дугих) назива производа које је генерисала АИ. Два распореда картица су се прелила; Проблем је ухваћен и решен пре тестирања. Лекција: реалистичан садржај рано открива скривене грешке.
Случај 2 — Полирани прототип је створио лажна очекивања. Дизајнер је припремио прототип високе резолуције за „само тестирање протока“, али га је показао заинтересованим странама без кадрирања. Заинтересована страна је рекла „одлично, хајде да то објавимо“; док приступачност и садржај још нису постојали. Лекција: јасно наведите шта прототип тестира.
Случај 3 — Конзистентност компоненте је нарушена. Скица екрана од АИ је садржала другачији стил дугмета од дугмета у систему дизајна. Када је ово пренео на Фигму, дизајнер је заборавио да га повеже са системском компонентом; На производу се налазе два различита дугмета. Поука: када премештате излаз у алат, његово повезивање са постојећим компонентама је неопходно.
Копирајућа упутства
Генеришите реалистичан садржај чувара места за овај екран:- 20 <<типова елемента>> имена: нека су прекратка, нека предугачка, једна са посебним карактером.- 4 празна сценарија великих слова.- 3 екстремна примера података (нула, негативна, превелика). Сврха: тестирати прототип са стварном, не идеалном употребом. Контекст: <<екран/производ>>
Предложите скелет прототипа за овај ток (листа екрана + главни елементи на сваком екрану): Задатак: "<<задатак>>". Питање које желим да тестирам је: "<<хипотеза>>". Предложите довољно екрана за тестирање овог питања; не додај више.
Предложите 4 идеје за микро интеракцију за ову интеракцију (притисак на дугме, верификација поља, учитавање, успех). За сваки: окидач, повратна информација, предлог трајања и напомена о приступачности (осетљивост на покрет, најава читача екрана). Контекст: <<интеракција>>
Проверите да ли је ова скица екрана компатибилна са мојим системом дизајна: да ли су дугме, типографија, размак и боја у складу са мојим постојећим правилима компоненте („<<сажетак>>“). Наведите сваку ставку која је некомпатибилна и на коју компоненту система треба да буде повезана. Нацрт: <<текст>>
Слаби промпт / Јаки промпт
Слабо: „Дајте узорак садржаја за овај прототип.“
Резултат: идеална дужина, уједначен, лажни садржај који скрива стварне проблеме.
Снажно: „Генеришите 20 назива производа; нека су предугачка, једно са посебним карактером; додајте 4 празна случаја и 3 примера података о ивици; циљ је да тестирате прототип у стварној употреби.“
Резултат: Садржај који заиста гура изглед, рано отварајући грешке.
Разлика: јака подсетница захтева разноликост + рубни случај + сврха.
Уобичајене грешке
- Тестирање са идеалним садржајем. Одлични чувари места скривају стварне проблеме.
- Погрешити углачани прототип као коначну одлуку. Ако се кадрирање не изврши, појављују се лажна очекивања.
- Додавање непотребног екрана. Прототип би требао бити довољан да тестира хипотезу; превише је губљење времена.
- Разбијање логике компоненте. Заборављање да повежете компоненте система приликом њиховог транспорта до возила ће довести до недоследности.
- Фантастична, али непотребна микро интеракција. Додавање анимације без разматрања перформанси и приступачности.
Укратко
Израда прототипа је начин да се јефтино тестира хипотеза без писања кода; Висока резолуција га чини уверљивим, али и ствара илузију „завршеног“. АИ покреће ову фазу брзим скелетом, реалистичним садржајем чувара места и идејама за микро интеракцију. Његов највреднији допринос су разноврсни и екстремни подаци који вам омогућавају да тестирате прототип са стварним, а не идеалним контекстом. Људска је одговорност да јасно уоквири оно што прототип тестира, одржавајући доследност компоненти и стила приликом премештања резултата у алат за дизајн.
Задатак апликације
- Напишите једну реченицу хипотезе коју желите да тестирате за ток.
- Са другом промптом, направите прототип скелета довољан да тестира ову хипотезу.
- Са првим упитом, креирајте реалистичан садржај чувара места са малим словима и попуните прототип.
- Са трећим упитом, генеришите 2-3 идеје за микро интеракцију и процените белешке о приступачности.
- Четвртим упитом проверите и исправите нацрт за конзистентност система дизајна.
контролна листа
- [ ] Јасно сам написао хипотезу коју прототип тестира.
- [ ] Тестирао сам са реалистичним и рубним садржајем.
- [ ] Уоквирио сам прототип као „алат за тестирање“ за заинтересоване стране.
- [ ] Задржао сам довољан број екрана да тестирам хипотезу.
- [ ] Одмерио сам микро интеракције у односу на приступачност и перформансе.
- [ ] Одржао сам конзистентност повезујући излаз са компонентама система.