Jedinica 7 / 11

Umjetna inteligencija u izradi prototipova i dizajnu visoke rezolucije

Dobici:

  • Sposobnost izrade brzih prototipova kostura, uzorka sadržaja i ideja mikro interakcije s umjetnom inteligencijom
  • Sposobnost izrade realističnog teksta rezerviranog mjesta i podataka za prototip i testiranja dizajna u stvarnoj uporabi
  • Sposobnost održavanja dosljednosti i logike komponenti prilikom premještanja AI izlaza u alat za dizajn (Figma itd.)

Prototip je imitacija dizajna po kojoj se može kliknuti i ploviti; To je simulacija koju korisnik može doživjeti kao u stvarnom proizvodu. High-fidelity dizajn, s druge strane, je dizajn koji je postao bliži konačnom proizvodu bojom, tipografijom, stvarnim sadržajem i mikro interakcijama. Cilj u ovoj fazi je učiniti ideju testiranom "kao da je stvarna". Umjetna inteligencija je ovdje jaka na tri načina: brzo stvara kosture i varijacije, pruža realističan sadržaj rezerviranog mjesta i podatke te sugerira ideje mikrointerakcije. Ali održavanje konzistentnosti i logike komponenti prilikom premještanja izlaza u alat za dizajn - to jest, uklapanje sustava u sustav bez zatrpavanja - ljudski je posao.

Svrha prototipa: jeftino testirati pravo pitanje

Izrada prototipa ima jednu svrhu: jeftino testirati pretpostavku, bez pisanja koda. "Razumije li korisnik ovaj tijek?", "Ubrzava li ovaj raspored njegov zadatak?" Zato prototip ne mora biti savršen kao pravi proizvod; samo mora biti dovoljno stvaran da uvjerljivo prikaže pitanje koje se ispituje.

Umjetna inteligencija ubrzava tu vjerodostojnost. Ali postoji opasnost: visoka rezolucija čini se "gotovom". Kada zainteresirane strane vide uglađen prototip, mogu ga zamijeniti za konačnu odluku; Međutim, to je još uvijek hipoteza. Uvijek jasno recite što prototip testira, a što je još otvoreno.

Oprez: uglađeni prototip preuveličava zrelost. Ako ga ne uokvirite kao "ovo je alat za testiranje, a ne konačni dizajn; mi testiramo ovo pitanje" kada ga pokažete zainteresiranoj strani, stvorit će se pogrešno očekivanje.

Realistički sadržaj: spašavanje prototipa od laži

Najveća laž prototipa su savršena rezervirana mjesta poput "Lorem ipsum" i "Ime Prezime". U stvarnom svijetu imena su duga, popisi ponekad prazni, brojevi ponekad negativni, datumi ponekad zastarjeli. Kada je prototip ispunjen idealnim sadržajem, on krije stvarne probleme.

Ovdje je umjetna inteligencija vrijedna: ona proizvodi realističan sadržaj rezerviranog mjesta i podatke različitih duljina, različitih stanja. Prototip možete približiti stvarnoj upotrebi sa zahtjevima kao što su "Dajte mi 20 realističnih naziva proizvoda, neki od njih su vrlo dugački", "Napišite 5 različitih scenarija praznih slučajeva", "Izradite ogledne podatke o računu uključujući negativni saldo". Dakle, test ispituje stvarnost, a ne ideal.

Vrsta sadržaja

lažan (obmanjujući)

Realno (s umjetnom inteligencijom)

Ime

"Ime Prezime"

Primjeri s kratkim, dugim, pojedinačnim imenima, posebnim znakovima

Popis

uvijek puna

Prazno, varijacije od 1 stavke i 100 elemenata

broj

uvijek pozitivno

Nula, negativne, vrlo velike vrijednosti

teksta

idealna dužina

Preteran naslov, vrlo kratak opis

datum

danas

Prošlost, budućnost, "upravo sada", "prije 3 godine"

Mikro interakcije: male, ali odlučujuće

Mikrointerakcije su mali, pojedinačni trenuci interakcije, kao što je povratna informacija kada pritisnete gumb, polje koje postaje zeleno kada se ispuni, animacija učitavanja, itd. To kod korisnika stvara osjećaj da me "sustav čuo". AI je dobar partner za brainstorming za generiranje ideja o mikrointerakciji (kada, koje povratne informacije, koja promjena stanja). Ali svaka mikro-interakcija mora se odvagnuti u smislu izvedbe, pristupačnosti i distrakcije; otmjena, ali nepotrebna animacija usporava doživljaj.

tri mini kućišta

Slučaj 1 — Narudžba se sažima sa stvarnim podacima. Tim je napunio prototip s 30 realističnih (neki vrlo dugački) naziva proizvoda koje je generirala AI. Dva su se rasporeda kartica prelila; Problem je uočen i riješen prije testiranja. Lekcija: realan sadržaj rano otkriva skrivene pogreške.

Slučaj 2 — uglađeni prototip stvorio je lažna očekivanja. Dizajner je pripremio prototip visoke rezolucije za "samo testiranje protoka", ali ga je dionicima pokazao bez uokvirivanja. Dionik je rekao "super, objavimo"; dok dostupnost i sadržaj još nisu postojali. Lekcija: jasno navedite što prototip testira.

Slučaj 3 — Dosljednost komponente je prekinuta. Skica zaslona iz AI-a sadržavala je drugačiji stil gumba od gumba u sustavu dizajna. Prilikom prijenosa ovoga na Figmu, dizajner ga je zaboravio povezati s komponentom sustava; Na proizvodu se nalaze dva različita gumba. Lekcija: kada premještate izlaz u alat, povezivanje s postojećim komponentama je obavezno.

Upiti koji se mogu kopirati

Generirajte realističan sadržaj rezerviranog mjesta za ovaj zaslon:- 20 naziva <<vrsta elementa>>: neki su prekratki, neki predugi, jedan s posebnim znakom.- 4 prazna scenarija.- 3 ekstremna primjera podataka (nula, negativni, preveliki). Svrha: testirati prototip sa stvarnom, a ne idealnom upotrebom. Kontekst: <<zaslon/proizvod>>

Predložite prototip kostura za ovaj tijek (popis zaslona + glavni elementi na svakom zaslonu): Zadatak: "<<zadatak>>". Pitanje koje želim testirati je: "<<hipoteza>>". Predložite dovoljno zaslona za testiranje ovog pitanja; nemoj dodavati više.

Predložite 4 ideje mikrointerakcije za ovu interakciju (pritisak gumba, provjera polja, učitavanje, uspjeh). Za svaki: okidač, povratna informacija, prijedlog trajanja i napomena o pristupačnosti (osjetljivost pokreta, najava čitača zaslona). Kontekst: <<interakcija>>

Provjerite kompatibilnost ove skice zaslona s mojim sustavom dizajna: jesu li gumb, tipografija, razmak i boja u skladu s mojim postojećim pravilima o komponentama ("<<sažetak>>"). Navedite svaku stavku koja je nekompatibilna i na koju komponentu sustava treba biti spojena. Nacrt: <<tekst>>

Slab upit / Jak upit

Slabo: "Dajte ogledni sadržaj za ovaj prototip."

Rezultat: idealna duljina, jednoličan, lažan sadržaj koji skriva stvarne probleme.

Jako: "Generirajte 20 naziva proizvoda; neki su predugi, jedan s posebnim znakom; dodajte 4 prazna slučaja i 3 primjera rubnih podataka; pokušajte testirati prototip u stvarnoj upotrebi."

Rezultat: sadržaj koji stvarno gura izgled, rano otvara greške.

Razlika: snažan prompt zahtijeva raznolikost + rubni slučaj + svrhu.

Uobičajene greške

  • Testiranje s idealnim sadržajem. Odlična rezervirana mjesta skrivaju stvarne probleme.
  • Zamijenivši ulašteni prototip kao konačnu odluku. Ako se kadriranje ne izvrši, javljaju se lažna očekivanja.
  • Dodavanje nepotrebnog zaslona. Prototip bi trebao biti dovoljan za testiranje hipoteze; previše je gubljenje vremena.
  • Razbijanje logike komponente. Zaboravljanje spajanja komponenti sustava prilikom transporta do vozila proizvest će nedosljednost.
  • Otmjena, ali nepotrebna mikrointerakcija. Dodavanje animacije bez razmatranja performansi i pristupačnosti.

Ukratko

Izrada prototipa je način jeftinog testiranja hipoteze bez pisanja koda; Visoka rezolucija čini ga uvjerljivim, ali također stvara iluziju "gotovog". AI pokreće ovu fazu brzim kosturom, realističnim sadržajem rezerviranog mjesta i idejama za mikrointerakciju. Njegov najvrjedniji doprinos raznoliki su i ekstremni podaci koji vam omogućuju da testirate prototip u stvarnom, a ne idealnom kontekstu. Ljudska je odgovornost jasno definirati ono što prototip testira, održavajući dosljednost komponenti i stila prilikom premještanja rezultata u alat za dizajn.

Zadatak aplikacije

  1. Napišite jednu rečenicu hipoteze koju želite testirati na tok.
  2. Uz drugi upit, stvorite prototip kostura dovoljan za testiranje ove hipoteze.
  3. S prvim upitom stvorite realističan sadržaj rezerviranog mjesta s rubnim slovima i ispunite prototip.
  4. S trećim upitom generirajte 2-3 ideje za mikro interakciju i procijenite bilješke o pristupačnosti.
  5. S četvrtim upitom provjerite i ispravite nacrt za dosljednost sustava dizajna.

popis za provjeru

  • [ ] Jasno sam napisao hipotezu koju testira prototip.
  • [ ] Testirao sam s realističnim i rubnim sadržajem.
  • [ ] Prototip sam postavio kao "alat za testiranje" za dionike.
  • [ ] Zadržao sam dovoljan broj ekrana da testiram hipotezu.
  • [ ] Odvagao sam mikrointerakcije u odnosu na pristupačnost i performanse.
  • [ ] Održavao sam dosljednost povezujući izlaz sa komponentama sustava.