Conţinut
- Computarea statică este o livrare slabă
- Avantajele browserului
- Răspunde în mod implicit
- Planificați ca prototip
- rezumat
Proiectarea pe web se schimbă. Într-o lume cu dispozitive și capabilități multiple, avem multe provocări noi, interesante. Am considerat că proiectarea în browser este o abordare utilă în rezolvarea unora dintre aceste probleme de proiectare.
În primul rând, câteva clarificări. Proiectarea în browser nu înseamnă că dezinstalați Photoshop, ardeți cheia de licență și jurați să nu împingeți niciodată un alt pixel. Proiectează în orice mod funcționează pentru tine. Inspirați-vă în parc sau cu un Sharpie. Gândiți-vă la probleme în modul în care vă bucurați. Nu lăsați pe nimeni să vă spună cum ar trebui să fiți creativi.
În cele ce urmează, aș spera să vă conving că:
- Ar trebui să petrecem timp de proiectare lucrând în HTML, CSS și JS.
- Clienților ar trebui să li se afișeze machete HTML și CSS în locul imaginilor statice ca livrabil de design final, acolo unde este posibil.
Computarea statică este o livrare slabă
În mod tradițional, compoziția statică finală a servit două scopuri distincte: de a obține semnarea clientului și ca un plan de predat unui dezvoltator pentru a construi site-ul final. Este o livrare nepotrivită în ambele cazuri.
Pentru clienți stabilește așteptări false, subliniază lucrurile greșite și nu reprezintă web-ul bine pentru începători. În calitate de designeri, comunicăm întotdeauna. Fie că este vorba de ascultarea clienților, vorbirea prin abordări, lucrul cu feedback sau convingerea oamenilor, cel puțin jumătate din munca de proiectare este comunicarea. Competicile statice confundă această comunicare. Ele subliniază impresiile de suprafață atunci când trebuie să vorbim și despre senzația de navigare și experiența interacțiunii. Obținând „semnare de proiectare” ca imagini ale paginilor, îi învățăm să se gândească la site-uri mai degrabă în termeni de pagini decât de componente. Companiile dau o impresie falsă despre web ca ceva care nu scade și nici nu curge, dar rămâne încăpățânat statice.
Pentru dezvoltatori, compozițiile statice oferă un plan confuz, incomplet și adesea frustrant. Este greu să obțineți o imagine de ansamblu a unui site din imaginile unui subset al paginilor sale. O compoziție statică nu descrie bine scopul și reutilizarea potențială a conținutului său. Există adesea confuzie cu privire la ce ar trebui să facă lucrurile și unde vor fi refolosite. Dezvoltatorii pot de asemenea să fie frustrați de ipotezele conținute în comp. Conținutul perfect al comp-ului face loc realității care se ascunde în baza de date. Perfecțiunea neschimbată a imaginilor statice poate fi greu de egalat în browserele mai vechi. Companiile pot deveni găuri de scurgere ale timpului dezvoltatorului, ducând la un cod fragil, buggy și la un timp greșit pe elemente de o importanță îndoielnică.
Avantajele browserului
Este ușor să critici și să găsești găuri. Nu vreau să petrec mai mult timp fiind negativ. Toate abordările au un efect negativ. Nu cred că proiectarea în browser este pur și simplu cea mai slabă abordare. Cred că motivele convingătoare pentru proiectarea în browser sunt virtuțile sale, mai degrabă decât eșecurile altor abordări.
Răspunde în mod implicit
Web-ul este receptiv în mod implicit. Suntem cu toții entuziasmați de designul receptiv. Geniile potrivite lucrează la lucruri geniale adecvate. Toți experimentăm și încercăm lucruri noi. Să nu uităm, totuși, că web-ul este receptiv în mod implicit. Elementele de bază ale webului sunt crearea de documente HTML și permiterea vizualizării lor aproape peste tot pe aproape orice. În mod implicit, web-ul nu are lățime optimă, înălțime optimă, dimensiuni de font optime sau nimic optim. Proiectarea în browser ne oferă o reacție gratuită. De asemenea, la fel de important, centrează gândirea noastră de design în jurul fluidității web.
Proiectarea în browser oferă beneficii practice. Avem instrumente (cum ar fi Shadow și LiveReload) pentru a proiecta simultan mai multe dispozitive. Putem experimenta cu designul nostru și schimbările se reflectă instantaneu pe desktop-uri, tablete, telefoane în peisaj și telefoane în portret. Astea sunt lucruri Sci-Fi! La fel de important este că schimbăm modul în care ne gândim la proiectarea paginilor web. Proiectăm având în vedere diversitatea internetului. De fapt, mai mult decât atât, proiectăm cu varietatea frontului și a centrului web. Varietatea web-ului devine parte a pânzei noastre.
Planificați ca prototip
În calitate de designeri de pe web, suntem norocoși. Mediul nostru nu este nici scump, nici impracticabil de modelat. Arhitecții nu își pot testa cu ușurință ideile în cărămidă. Puține alte medii ne permit să ne deplasăm atât de abil între plan și prototip. Să prețuim acest lucru. Să petrecem timp cu design-urile noastre mai degrabă lucruri practice decât teoretice.
Proiectarea în mediul pe care îl vom construi ne permite să testăm deciziile noastre de proiectare în raport cu ceva apropiat de produsul final. Putem decide într-un mod mai informat. Vrem să testăm mai mult decât aspectul de suprafață al desenelor noastre. Ajungem să le ținem metaforic în mâini, să le măsurăm greutatea și să le testăm echilibrul.
Acest lucru nu înseamnă că trebuie să proiectăm numai în browser. Experimentați și încercați lucrurile în orice fel vă simțiți confortabil. Nu ascultați niciodată pe cineva care are o rețetă pentru creativitate. Dar încearcă să nu-ți ghicești al doilea design. Luați decizii finale pe baza impresiei dvs. despre aceasta în browser.
rezumat
Proiectarea în browser nu este un glonț de argint. Cu toate acestea, cred că oferă avantaje puternice față de abordările tradiționale, mai ales având în vedere noile provocări de proiectare cu care se confruntă atunci când proiectează pe mai multe dispozitive.
Este la fel de mult o schimbare a mentalității ca o schimbare a instrumentelor. Proiectarea în browser îi determină pe clienți, designeri, oameni UX și dezvoltatori să se concentreze pe produs, mai degrabă decât pe un produs livrabil. Ne amintește ce și de ce construim. Încercați, vedeți cum se simte, spuneți-mi cum mergeți.
