Share
Designerii au un impact imens asupra performanței site-ului bazat pe Cum ei proiectează pentru web, înainte de a scrie o singură linie de cod. Acest articol va acoperi modul în care poate fi performanța proiectat și ce este nevoie pentru a face acest lucru.
Cu toate acestea, performanța este adesea ignorată de majoritatea designerilor. Acest lucru se întâmplă din mai multe motive, dar de multe ori se reduce la faptul că designerii consideră timpul de încărcare al altcuiva loc de munca.
Există o mulțime de articole care acoperă modul de a face un site mai rapid și aproape întotdeauna oferă sfaturi cum ar fi minificarea CSS și optimizarea imaginilor. Aceste sfaturi sunt utile și importante, dar nu rezolvă problema principală.
Pasul mai esențial este mai puțin tangibil - necesită o schimbare în gândire. Crearea de site-uri web rapide necesită reținere și focalizare. Indiferent cât timp cheltuiți pentru optimizare, un site web cu trei mii de linii de CSS, zece pluginuri jQuery și cinci imagini full-bleed va fi încet. Performanța poate fi îmbunătățită, dar nu veți vedea rezultate excelente până când nu-l faceți un principiu de design de bază.
Proiectarea pentru performanță necesită un angajament de a maximiza necesitățile și a elimina luxul inutil. O abordare mai utilă în ceea ce privește proiectarea este necesară atunci când fiecare element are un impact tangibil și net pozitiv asupra rezultatului final. Aceasta nu contrazice importanța esteticii, mai degrabă înseamnă că nu ar trebui să dea un control gol.
Este de la sine înțeles că designerii cunosc importanța simplității. Cu toate acestea, eficiența este adesea ignorată în lexiconul designerului. Simple și eficiente nu sunt neapărat legate. Multe site-uri "bine concepute" sunt frumoase, clare, intuitive și absolut umflat.
Ca designeri, vrem să facem ceva care să facă apel la simțurile noastre vizuale. Vedem o mulțime de site-uri care folosesc fotografii de înaltă fidelitate, texturi și detalii de finisaj pentru a atinge acest scop. Adesea este greu de argumentat cu rezultatele pe o bază strict vizuală. Cu toate acestea, trebuie să ne întrebăm dacă aceste elemente grele lucrează pentru a rezolva problemele de experiență reală sau doar pentru a arăta bine din motive de a arăta bine.
Proiectarea eficientă vă forțează să creați o experiență la fel de semnificativă cu Mai puțin. Puteți capta interesul și imaginația publicului dvs. fără a recurge la o imagine cu sânge complet? Aș susține că puteți și că merită.
Un exemplu de design simplu, dar ineficient este pagina de pornire a lui Karma. Designul lui Karma este superb și clar, însă cântărește aproximativ 1 MB pe 45 de cereri. Nu mă înțelegeți rău, îmi place modul în care arată site-ul Karma, acesta nu reușește testul de performanță și, prin urmare, lipsește ca un design de succes.
Un design eficient nu este, prin natura sa, stark și fără personalitate. Mai degrabă, existența fiecărui element a fost verificată și justificată. Design-urile eficiente nu lipsesc de stil, există doar o motiv foarte bun de ce acest stil a fost adăugat. Este ușor să găsiți ceva pe Dribbble și să îl adăugați la desenele noastre pentru că arată bine. O abordare fără minte a designului creează ineficiență.
Au fost multe vorbe despre designul plat. Se pare că un stil minimalist ar ajuta viteza, dar acest lucru nu este neapărat cazul. Designul plat poate sa faceți amprentele paginii mai mici, dar nu este o garanție. Exemplul de mai sus al site-ului Karma este o dovadă.
Există, desigur, stiluri vizuale care predispun la performanțe mai bune, dar se limitează la execuție și la manifestarea stilului în proiectarea finală. Esteticul nu este un substitut pentru a face performanța un obiectiv central.
Acum, că am vorbit în mod abstract, poate că este timpul să intrăm în câteva exemple cu privire la modul de aplicare a acesteia. Mai jos sunt câteva sfaturi:
Încercați să începeți un proiect fără a vă baza pe soluții ușoare. Începe procesul de proiectare fără a utiliza imagini, tipografii personalizate și trei greutăți ale fontului (regular, bold, italic). Vedeți cât de departe puteți obține utilizând culoarea, contrastul și forma. Puteți adăuga întotdeauna diferite fonturi, imagini și texturi mai târziu.
Scopul principal al unui designer este să comunice. Există câteva modalități mai bune de a comunica o idee decât cuvântul scris. Cuvintele pot merge mult - prea adesea adăugăm elemente vizuale când o propoziție clară va fi suficientă. Încercați să înlocuiți o imagine vizuală cu copywriting puternic și o tipografie bine concepută.
Este ușor să te sugeți în nuanțele designului. Fac asta tot timpul. Este important să ne amintim că rolul designerului este de a rezolva probleme, nu de a face lucrurile să arate destul. Sunt un credincios ferm că o estetică puternică creează încredere cu un utilizator și ajută la crearea unui răspuns emoțional. Cu toate acestea, estetica ar trebui mereu să sprijine problemele pe care ni le cere să le rezolvăm (de exemplu, îmbunătățirea utilizabilității, finalizarea sarcinilor mai mari etc.). Privind designul prin acest obiectiv, vom contribui la crearea unei abordări bazate pe obiective și la concentrarea gândirii noastre .
Cea mai bună modalitate de a înțelege impactul designului asupra performanței este de a avea o idee generală despre tipul de cod care va fi necesar pentru a-l crea. Browserele moderne au o mulțime de trucuri ascunse care pot face site-ul dvs. mai ușor și face viața mai ușoară. Cunoscând cum să construiți un site, veți ști ce să evitați.
Imaginile (atât raster cât și vector) pot fi produse pentru a fi mai mici. Ar trebui să ne gândim la crearea unei imagini, așa cum ne gândim la crearea unui fișier CSS - pentru a face treaba cu o amprentă cât mai mică posibil. Acest subiect ar putea fi un articol separat complet, dar esența este de a evita artefacte pixel în imaginile raster și puncte vectoriale inutile în SVG-urile voastre. Acest lucru va avea un impact semnificativ asupra dimensiunii unui fișier.
Viteza web nu se încadrează în categoria sexy. Performanța nu câștigă premii de design și nu primește portofoliul dvs. laudat de colegii dumneavoastră. Cu toate acestea, impactul asupra celor care contează - cei care utilizează site-ul pe care l-ați creat. Dacă nu proiectați pentru performanță, nu vă faceți treaba.
În cele din urmă, performanța este singurul element al lui UX (despre care știu), care este cu totul obiectiv și cuantificabil. Mi se pare răcoritoare într-o afacere care poate fi atât de amorfă și subiectivă încât există cel puțin o măsură în care, făcându-i numărul să scadă, pot garanta că cineva acolo are un mai bine zi.
Accentsconagua