Luați controlul și economisiți timp când proiectați pentru clienți

La FHOKE am condus sute de proiecte în multe feluri. Cu experiența din industria noastră, care rulează sau lucrează în cadrul studiourilor, am văzut totul; căi care au funcționat și altele care au eșuat. De-a lungul anilor ne-am perfecționat procesul și am găsit o mare abordare scenică care funcționează bine pentru toți clienții noștri. Aceasta ne economisește timp și face mai mult control în mâinile designerilor.

Cheia este să păstrați întotdeauna o relație bună cu clientul, lăsându-i să se simtă mulțumiți la sfârșitul proiectului, dar vă salvează suferința, durerea și lacrimile pe care le poate aduce un proiect. Deci, dacă vă străduiți să vă ocupați de clienți și să pierdeți pasiunea de a proiecta din acest motiv, atunci de ce să nu dați abordarea noastră?


Scurt și spec

Îmbrățișați funcția Vision & Stop a clienților

Ar putea părea evident, dar de prea multe ori am auzit de freelanceri și chiar de agenții care sărind într-un proiect fără să se gândească mai întâi la toate scenariile. Asigurați-vă că planificați bine, căutați întrebările corecte și educați-vă clientul cu privire la ceea ce ar trebui să se aștepte să fie livrate la sfârșitul unui proiect. Mai presus de toate, stabiliți etape și termeni rezonabili de plată, astfel încât niciunul dintre dvs. să nu rămână fără nimic.

Crearea unei sinteze eficiente de design

Dacă ați descoperit că prima rundă a vizualelor dvs. este respinsă și că sunteți pus la îndoială de ce ați adoptat o anumită abordare, atunci poate că nu ați luat decizia potrivită (poate că nu ar fi trebuit să luați deloc unul. )

O scurtă prezentare eficientă a proiectului este singurul factor esențial în asigurarea succesului unui proiect. Acesta va oferi clientului întrebările potrivite că, în calitate de designer, aveți nevoie de răspuns. Obțineți corect întrebările și prima etapă a proiectului a fost un succes.

Dacă nu aveți o pregătire succintă, de ce să nu folosiți unul ca acesta pentru a da clienților. Nu toți clienții înțeleg ce este o scurtă prezentare a designului și nu vă va da mereu răspunsurile pe care le doriți - nu ezitați să utilizați șablonul dorit. Prin faptul că aveți acest lucru gata, clienții vă arată profesionalismul dvs. și, în final, le salvează (și voi) mult timp și bani. Amintiți-vă: încurajați-i să se distreze cu acest lucru și să-i facă să vă ofere cât mai multe informații posibil. Dacă aveți încă întrebări, nu vă fie teamă să cereți mai mult.

Opriți senzația de rănire

Acum aveți o scurtă prezentare a mâinii pe care trebuie să o specificați. Aceasta poate fi o listă detaliată a funcționalității sau o listă simplă de pagini și fișiere pe care clientul trebuie să le aștepte la finalizare. Încercați și detaliați cât mai multe informații posibil în cadrul propunerii, deoarece aceasta descrie exact ce va primi clientul. De asemenea, acesta formează un contract între dvs. și client și vă va împiedica să vă simțiți maltratat dacă un client începe să adauge noi caracteristici sau elemente care nu au fost discutate niciodată.

De ce să nu le folosiți ca titluri în specificațiile dvs.:

  • rezumatul proiectului
  • Scopul proiectului
  • Membrii echipei de proiect
  • Procesul tău
  • Fluxul / harta la nivel înalt
  • Caracteristicile și funcționalitatea proiectului - Părăsiți-le în bucăți ușor de urmărit cum ar fi proiectarea, dezvoltarea și desfășurarea
  • Cotare - cu etapele de plată
  • Contract semnat - semnătura clientului, datată
  • Termenii dvs.

Unul dintre cele mai importante acorduri pentru proiectele noi este etapele de plată. Alegeți termeni care funcționează în favoarea dvs., dar sunt corecte cu clientul. Tine minte nu începeți sau predați un proiect fără plata inițială sau finală, veți avea Nu leverage-ul în acest moment. Asigurați-vă clar, asigurați-vă clienților să cunoască termenii în față și asigurați-vă că înțeleg că IP / Drepturile de autor pentru toate / o parte a proiectului (dacă le transferați) este doar a lor pe acea plată. Nu vă fie frică să vă stați la sol sau, dacă sunteți întrebat, să ajungeți la un acord reciproc avantajos. De exemplu, dacă luați 50% în avans și 50% la finalizare, vă recomandăm să luați în avans 35% și 65%.

De asemenea, nu este neobișnuită o plată convenită la jumătatea perioadei care poate fi definită în mod clar, de exemplu după planificare, proiectare și proiectare înainte de începerea execuției. Există mai multe modalități de plată a plăților, dar asigurați-vă că decideți termenii cu care vă simțiți confortabil.

Va exista întotdeauna un anumit nivel de manevrabilitate în joc odată ce un proiect este în curs de desfășurare, după toate acestea, veți fi construit o relație cu clientul până la acel moment și veți dori să le mulțumiți. Învățați când să spuneți nu, explicați de ce o schimbare va afecta proiectul și va reveni la propunerea semnată. Capacitatea de a limita iritarea pe ambele părți va face pentru un proiect mai plăcut pentru dvs. și pentru client.


Wireframing

Lucrul la utilizarea, aspectul și navigarea

Am lucrat la proiecte care proiectează vizualuri direct de la scurt la proiectare în browser, dar nici una dintre aceste abordări nu a funcționat la fel de bine atunci când firframing primul.

Așteptați așteptările

Wireframing stabilește așteptările clientului pentru aspectul site-ului înainte de a vă gândi chiar la introducerea culorii, tipografiei și graficii. În ultimă instanță, veți economisi timp și veți împiedica procesul de împingere a pixelilor. Este, de asemenea, o modalitate foarte bună de a dezbrăca un site și de a vă concentra asupra utilității, funcționalității și fluxului acestuia, fără a distrage clientul prin design. Design-ul mai întâi, atunci clientul se va concentra cu siguranță asupra acestui aspect și nu asupra a ceea ce aveți o prezentare excelentă. Efectuarea acestei greșeli poate duce la compromiterea caracteristicilor importante și a deciziilor privind gradul de utilizare a site-ului.

Nu vă fie frică să experimenteze când se lucrează la fir. Este o modalitate foarte bună de a crea rapid machete și la fel de rapid de modificat. Dar nu fi experimental pentru experimente dragul, ar putea arata destul de, dar site-ul trebuie să fie utilizabil și să îndeplinească obiectivele clientului.

De ce să nu încercați Mockflow sau Balsamiq pentru o soluție eficientă din punct de vedere al costurilor pentru crearea și partajarea rețelelor dvs. wireframes.

Unde să încep

Începeți prin a decide să utilizați un sistem de rețea (consultați CSS Grid sau 978 g). Odată cu modificările în rezoluție, acestea pot varia și vor depinde de client, publicul și dispozitivele pe care ar trebui să le lucreze site-ul. Asigurați-vă că ați discutat opțiunile cu clientul când specificați site-ul. Acest lucru vă va economisi timp și va împiedica orice solicitare de modificare a rezoluțiilor mai târziu, când majoritatea lucrărilor au fost realizate. Amintiți-vă să continuați să comunicați și să educați clientul în tot ceea ce faceți.

Pentru că aveți funcționalitatea site-ului în loc de spec. Și înțelegeți ce îi place și nu-i place clientului de pe scurt, aceasta ar trebui să fie o etapă relativ rapidă a proiectului. Munca ta incepe acum, impresioneaza-le si alege un bine gandit prin aspect, stil de navigare si decide cu privire la cel mai bun mod de a face acele zone functionale ale site-ului sa functioneze bine pentru client si utilizator.

Fiți inspirați de ceilalți și căutați în jur ce funcții pot aduce beneficii utilizatorilor dvs. clienților. Vedeți ce site-uri similare fac, uita-te la site-uri pe galerii de web și a vedea dacă caracteristicile pe care le folosesc sunt puse în uz bun.

Ca profesionist, aveți abilitatea de a crea și de a folosi cele mai recente tehnici, dar continuați să vă întrebați dacă este necesar? Va afecta timpul și costurile dvs.? Îmbunătățește experiența utilizatorului? Beneficiază clientul? Folosește cel mai bine spațiul disponibil? Și mai presus de toate, răspunde rapoartei? Dacă răspunsul la toate aceste întrebări este da, atunci mergeți mai departe. Dacă nu, atunci care este punctul?

Odată ce clientul dvs. este mulțumit de aspectul site-ului, asigurați-vă că semnează fie în scris, fie prin e-mail că sunt mulțumiți de munca finalizată până în prezent și sunt fericiți să vă deplasați la următoarea etapă a proiectului. Acest lucru pune controlul înapoi în mâinile tale, dacă decid să schimbe dramatic ceva mai târziu în proiect. Rămâneți flexibil la un anumit nivel. Modificările la aspectul site-ului se întâmplă și veți găsi aproape sigur că atunci când proiectați site-ul anumite zone pot fi mai bine plasate în altă parte. Comunicați acest lucru în mod clar cu clientul.


Proiecta

Injectarea unui brand cu culori, texturi și tipografie

Având o rețea wireframes ca parte a procesului dvs. acum, veți descoperi că proiectarea unui site va fi o experiență mult mai ușoară și mai plăcută. Gândirea a fost făcută, deci este timpul să lăsăm sucurile creative să curgă.

Pregătiți-vă pentru a economisi timp

Pregătirea fișierelor înainte de proiectare vă va economisi timp mai târziu, veți avea totul în loc și activele pot fi găsite cu ușurință. Cu un sistem de grilă ați început să creați un strat ascuns de ghidaje (veți găsi că majoritatea site-urilor grid au fișiere pregătite pentru dvs.) sau să utilizați un plugin, cum ar fi GuideGuide for Photoshop.

Pregătiți-vă straturile creând o structură de director logică și continuați să denumiți fiecare strat al fișierului în timp ce creați. Este o etichetă excelentă, mai ales dacă un alt designer sau dezvoltator preia fișierele. Acesta nu numai că îi va ajuta, ci vă va ajuta să găsiți rapid resursele din acel fișier atunci când aveți nevoie de ele. Încercați să utilizați obiecte inteligente sau straturi de formare pentru pictograme și logo-uri, astfel încât acestea să poată fi scalate mai târziu, mai ales atunci când se proiectează pentru afișarea retinei.

Efectuarea deciziilor de proiectare

De unde sa inceapa este la fiecare designer, dar de obicei (pentru ca sunt existente frameframe) veti avea deja o idee de la a va uita la cele mai bune practici in alta parte si de la informatiile clientului cu privire la stilul pe care il veti lua. Fiți inspirați, dar amintiți-vă că faceți-vă propriul. Cu timpul veți găsi că veți crea propriul stil și clienții vor dori să lucreze cu dvs. din cauza acestuia.

Stilul provine din tratarea texturilor, a fonturilor pe care le utilizați și a detaliilor mici, cum ar fi butoanele, pictogramele, împărțirea și starea de interacțiune. Pentru fonturi, utilizați depozite, cum ar fi Google Fonts sau TypeKit, pentru a obține cele mai noi fonturi care funcționează online. Butoanele se joacă cu idei și stiluri; este foarte rapid să comutați un stil în sus, schimbând aspectul întregului site cu câteva efecte de strat. Luați de exemplu acest buton plat:

Creat utilizând instrumentul (Shape) 'Rectangle Tool' (U) la o dimensiune de 100 x 40 pixeli, stratul a aplicat mai multe efecte de strat. În primul rând, cu o culoare roșie, roșie, folosind culoarea "Overlay Color" cu un mod de amestecare "Normal" la 100%. Apoi se aplică cu un "Stroke" folosind un roșu mai închis la 100%, cu un pixel în interior. Acest lucru creează un buton foarte plat, generic, dar elegant, care ar compliment multe site-uri.

Este la fel de rapid să schimbați efectele stratului pentru a crea un site cu mai multă adâncime, folosind gradienți moi și umbre pentru a construi adâncime. Pur și simplu schimbarea de la o suprapunere de culoare la o suprapunere de gradient vă va da posibilitatea de a adăuga un gradient moale la culoarea butonului. Adăugarea unei "Drop Shadow" cu o opacitate scăzută vă va oferi o umbră moale și modificați instantaneu aspectul butonului.

Găsiți ambele butoane aici.

Despre Branding?

Dacă este o parte a proiectului dvs. și vă depuneți eforturi pentru a face ca un logo sau un site să se potrivească celuilalt, atunci de ce nu marcați și proiectați-le în paralel? Cu multe companii bazate on-line, are sens perfect. Am luat această abordare acum patru ani și nu ne-am uitat de atunci. Nu este întotdeauna posibil, dar a ajutat întotdeauna clienții noștri să construiască o viziune a întregului brand (care include un site), decât să-i ceară să aibă încredere în tine și speră că vor avea în vedere modul în care o siglă funcționează în toate mediile.

Acesta va reduce în mod dramatic timpul încercând să vă potriviți celuilalt atunci când este posibil ca stilul site-ului să nu fi fost luat în considerare în momentul proiectării unei sigle. Desigur, schițați-vă ideile și folosiți un proces similar cu ceea ce utilizați acum, dar jocul cu cele două idei, în același timp, într-adevăr funcționează. De asemenea, este mult mai rapid și mai ușor să tragi un brand offline decât să faci online o activitate de marcă offline.


Predea

Nu lăsați-l pe dezvoltator în întuneric

Tine minte nu să predea un proiect sau fișiere fără plată finală și un semn de la client, vei avea Nu reveniți în acest moment dacă nu faceți niciunul dintre acestea.

Dacă nu dezvoltați singur site-ul, atunci nu lăsați-l pe dezvoltator sau pe client să ghicească.

Dacă ați făcut timp pentru a vă strânge corect fișierele, nu veți avea reacții la un dezvoltator sau client nemulțumit. Este o amabilitate profesională de a transmite fișiere bine pregătite și nu numai că vă va menține fericit clientul sau dezvoltatorul, ci vă va economisi timp cu foarte puține întrebări privind configurarea fișierelor.

Asigurați-vă că ați pus la pachet fonturile și toate materialele sau documentele solicitate. Păstrarea tuturor fișierelor într-un singur loc, cum ar fi Dropbox, va permite accesul tuturor celor implicați în proiect.


Concluzie

Bucurați-vă de rolul dvs. de designer

Nu sugerăm că acesta este modul în care toată lumea ar trebui să funcționeze, ci vine din experiența noastră din industrie.

Design-ul este foarte subiectiv și dacă puteți raționaliza un proces, va fi mai puțin pixel împingând și pictați numerele așa cum este dictat de un client. Cu cât aveți mai mult control asupra designului, cu atât vă veți simți mai inspirat pentru a vă îmbunătăți mai bine fiecare proiect.

Și rețineți, învățând să spuneți că nu la momentul potrivit vă poate salva timp, efort și multă durere. A spus la momentul nepotrivit și vă va aduce toate acestea și multe altele. Deci, luați în considerare răspunsurile dvs. la schimbările pe care le întreabă clientul, dați mereu un motiv bun și clarificați de ce credeți că ideea lor ar putea să nu funcționeze. În cele din urmă, fiți pregătit să faceți un pas înapoi; uneori ideile clienților pot aprinde una mai bună.