Načelni savjeti i trikovi za aplikacije

Princip je moj dosad najdraži alat za brzo prototiranje. Počeo sam ga koristiti prije otprilike dvije godine i volio sam da je jednostavna upotreba i pojednostavljen proces kada je u pitanju brzo brzo ispitivanje više ideja. Iako je ova aplikacija vrlo jednostavna, na putu sam otkrila nekoliko skrivenih dragulja i hakova. Nadam se da bi vam neki od sljedećih savjeta mogli poboljšati tijek rada.

Prototipiranje tijeka rada

  • Kretanje lučnog luka s krivuljama animacije. Ova bi tehnika mogla biti korisna za prototipiranje nekih prijelaza materijala i još više.
  • Ankativne petlje za animaciju s proljetnom krivuljom kako biste izbjegli više umjetničkih ploča i održavali datoteke čistima. U sljedećem primjeru trepereći kursor polja ulaza izveden je sa samo dvije ploče s grafikama pomoću ove tehnike. Pokazivač sam nije animiran. Umjesto toga, maska ​​koja je pokriva, pomiče se s opružnom krivuljom za položaj X.
  • Anketiranje o slijedu na animiranoj ploči umjesto stvaranja dodatnih grafičkih ploča da bi se smanjila složenost prototipa. U sljedećem primjeru stvorena je animacija kvačice s dvije grafičke ploče i animacijama za sljedovanje, umjesto da se stvore tri ploče za svako stanje i dodaju prijelazi između njih.
  • Postavite prozirni lutkasti objekt unutar grupe za pomicanje kako biste dodali umetanje. Dodajmo dnu marginu na popis koji se može pomicati:
  • Izbjegavajte ogromne zaslone prototipa 50+ jer bi Principle mogao početi zaostajati, pa čak i propasti, posebno kada se prototip pokreće na IOS uređaju. Ako apsolutno morate stvoriti gigantske prototipove da biste poboljšali performanse, slojevi su skicirani, koristite manje slike za sadržaj. Imam vrhunski MacBook Pro 15 "sredinom 2015. i iPhone 7, možda noviji hardver može podnijeti teže prototipove.
  • Pomaknite točku sidrenja bilo kojeg sloja jednostavnim sjeckanjem

Uvoz i izvoz

  • Iskoristite sufikse naziva sloja Sketch za uvoz čistijih i lakših datoteka u Principle. U Načelu 3 možete spljoštiti grupu u jedan sloj dodavanjem zvjezdice (*) na kraj naziva njenog sloja u Sketch-u. Da biste spriječili uvoz sloja, dodajte znak minus (-) na kraju naziva njegovog sloja u Sketch. U Načelu 4 sufiksi su promijenjeni. Koristite "princip spljoštenosti" umjesto (*) i "princip preskoči" umjesto (-).
  • Povucite i ispustite slojeve s skice na princip.
  • Gifovi koji se izvoze izravno iz principa prilično su teški i kvaliteta slike bi mogla biti bolja. Ako vam treba gif kao izlaz, preporučio bih da animaciju izvezite kao .mov, a zatim je uvezete u Photoshop kao animaciju okvira i koristite gif za web značajku da biste izvezli gif. Također je moguće dramatično smanjiti veličinu gif-a u PS-u uklanjanjem dupliciranih okvira i dodavanjem kašnjenja, kao i podešavanjem opcija optimizacije gif-a, npr. spustite tablicu boja, ugađanje boja itd.
  • Vaši suigrači nemaju pri ruci IOS uređaje, ali posjeduju prijenosnike? Izvezite prototip kao mac aplikaciju i pošaljite ga kako bi mogli testirati prototip na svom računalu.

General

  • Spremite prototipove u Principle IOS aplikaciji da biste im pristupili izvanmrežno bilo kada i bilo gdje. Ovo bi moglo biti korisno za testiranje s korisnicima na mjestima gdje internetska veza nije pouzdana ili uopće nije dostupna. Na primjer, mogli biste pokrenuti gerilski test upotrebljivosti podzemno ili u dalekom selu.
  • Odaberite vjernost prototipa prema svojim ciljevima. Na primjer, ako je cilj testiranje informacijske arhitekture s korisnicima, da li bi imalo smisla trošiti dodatno vrijeme na ugađanje vremenskih krivulja i krivulja animacije za animacije?
  • Razgovarajte o svojstvima animacije koje ćete upotrebljavati s programerima kako biste bili sigurni da nije previše složeno implementirati. Na primjer, proljetne animacije mogle bi izdvojiti dodatne napore, a možda bi bila bolja ideja upotrijebiti jednu od uobičajenih animacijskih krivulja kako biste uštedjeli vrijeme za značajnije značajke.
  • Mudro koristite animaciju. Princip je vrlo jednostavan i toliko je primamljivo da svuda dodate fantastične animirane prijelaze, suptilne mikro-interakcije itd. Ako istovremeno razvijate prototip pravog proizvoda, važno je imati na umu UX kao i napori na razvoju.

Jesam li nešto propustila? Ne ustručavajte se dodati komentarima svoje omiljene tehnike i savjete!

Provjerite moju zbirku mikro-interakcija gdje sam sastavila puno besplatnih proizvoda od kojih je većina napravljena u Principu.