Dizajner za prednji kraj

Koalescencija dizajnera i razvojnog programera

Prednji dizajn je malo sivo područje koje se spaja s tako lijepim svijetom dizajna koje uključuje oblike, teksture, ravnotežu, boju i simetriju i logički entitet koji je razvoj Front Front-a koji se sastoji od polumjera obruba, pozadinske slike, plutanja , Mreže i Flexbox.

Brad Frost ovako rezimira:

Dizajn sučelja uključuje stvaranje HTML, CSS i prezentacijskog JavaScript koda koji čini korisničko sučelje.

Suočimo s tim, odnosi dizajnera i programera koji provode dizajne mogu biti stjenoviti.

Programeri postaju frustrirani kada dizajneri dizajniraju stvari koje su „nemoguće“. Mnogo puta sam čuo kako programeri pišu dizajnere za svoj "Magazin" poput dizajna za korisničko sučelje web stranice. U osnovi to znači da će dizajn biti teško izgraditi ili će vjerojatno uzrokovati probleme s preglednikom.

Dizajneri nikada ne mogu razumjeti zašto njihov dizajn nikada ne čini korisnika netaknutim. Zar ne mogu vragovi vidjeti da vodeći i kerning nije ništa poput PDF-a izvezenog iz Sketch / Illustrator-a? Moram li objasniti sve za njih, zašto ne mogu intuitirati pravi izbor?

Čak i nakon najrazvijenije konceptualizacije korisničkog sučelja, tijekom naprednog razvojnog procesa uvijek će biti prepreka koje će zahtijevati određeni oblik dizajna.

Ja sam radio na oba kraja spektra. Osmislio sam korisničke sučelja za druge dečke koje mogu implementirati. Također su implementirali specifikacije dizajna koje mi je dodijeljeno kao Front End developer.

No nedavno sam dobio priliku raditi u onom malom sivom području koje sam ranije spomenuo - kao prednjeg dizajnera. Što se tiče iskustva, bilo je prilično slatko i zabavnije od bilo kojeg od dva djela učinjena odvojeno. Sada sam imao priliku dizajnirati korisničko sučelje na takav način da slijedi ispravne sheme boja, a istovremeno nije bilo boli kod A ** za kodiranje. Živjeti u ovom čistilištu dvaju svjetova bilo je ushićeno.

Kontrola sadržaja dizajna pomogla mi je lakše uhvatiti potencijalne probleme i donijeti ispravne odluke unaprijed.

Uz ovu moju raspoloživost, bio sam u mogućnosti da: -

  • Izgradite prilagodljivi sustav dizajna temeljen na kodu, uz uvažavanje nijansi UX zakona.
  • Primijenite probnu i pogrešnu metodologiju za procjenu tehničkog utjecaja dizajnerskih odluka i uvijek implementirajte alternative Dizajn da biste smanjili zamršenosti uključene u kod.
  • Omogućite unutar preglednika dokaz koncepta imajući na umu važnost prilagodljivih dizajna.
  • Generiram svoje prilagođene resurse bez potrebe da čekam da netko drugi ispravno utvrdi u 100 pokušaja.
  • Dobijte bolju predodžbu o dimenzijama različitih predmeta na proporcionalan način.

S gore navedenim iskustvom shvatio sam da HTML, CSS i JavaScript grade korisnička sučelja - da, ista korisnička sučelja koja dizajneri pažljivo izrađuju u alatima poput Photoshop i Sketch. Da bi timovi zajedno mogli izgraditi uspješne sustave dizajniranja korisničkog sučelja, ključno je tretirati razvoj frontenda kao temeljnog dijela procesa dizajniranja.

I da, zamagljujemo crte. Tvrtke poput Shopify i Optimizely već su donijele napredni razvoj na dizajnerskoj strani svog postupka - s ogromnim uspjehom. Te tvrtke zapošljavaju pojedince (koji se često nazivaju kreativnim tehnolozima) koji su vješti u dizajnu proizvoda i naprednim web tehnologijama, sprječavajući bilo kakvu potrebnu primopredaju kako bi dizajniranje zaživjelo u šifri.

„Krajnji cilj UI inženjera je stvoriti sjajna korisnička iskustva, baš kao i naši dizajneri. Zbog toga su u timu za dizajn. "
- Jeff Zych, Optimizely menadžer dizajna

Zapravo se ta konvergencija događa i u sofisticiranosti alata. Samo je pitanje vremena prije nego što alati za dizajn i izradu prototipa u potpunosti zamijene razvoj naprednih elemenata, neprimjetno stvarajući visokokvalitetnu osnovnu kodnu bazu za vaš okvir po izboru (React, Vue ili drugo).

Danas dok entitet poznat kao Web istražuje svoje ogromne horizonte i postaje sve zbunjeniji, dizajneri ne mogu raditi na statičkim okruženjima kako bi realno artikulirali sve moguće veličine ekrana, faktore oblika i predvidjeli varijable koje utječu na web. , Stoga je odgovornost programera da usko surađuju s dizajnerima kako bi shvatili što je izvedivo.

Moramo prijeći od arhaičnog procesa stvaranja statičkih dizajna u Photoshopu do prihvaćanja mnogo šireg skupa alata - u rasponu od alata za kolaborativni dizajn (poput Figma), mrtvih jednostavnih prototipskih platformi (poput InVision, Marvel), usluga testiranja korisnika (poput UserTestinga). com, Validately i Lookback) i alate za suradnju dizajnera i programera (poput Zeplina).

Suvremeni postupak web dizajna zahtijeva intenzivnu suradnju između dizajnera i naprednih programera. Postizanje dobrog korisničkog iskustva rezultat je pametne izvedbe i vizualnog dizajna i koda. Odgovornost ne leži u jednoj ili drugoj disciplini, već negdje između - Sivog područja.

Ovim bih želio pozvati sve dečke poput mene: Prigrlite svoju dvostruku prirodu - kreativnu i tehničku stranu koja vas čini „dizajnerom sučelja“.