Share
På FHOKE har vi klart hundrevis av prosjekter på mange måter. Med vårt lags bransjeerfaring, kjører eller jobber i studioer, har vi sett det hele; måter som har arbeidet og andre som har mislyktes. Gjennom årene har vi raffinert prosessen vår og funnet en flott iscenesatt tilnærming som fungerer bra for alle våre kunder. Det sparer oss tid og legger mer kontroll i designernes hender.
Nøkkelen er å alltid opprettholde et godt forhold til klienten, slik at de føler seg fornøyd på slutten av et prosjekt, men sparer deg for hjertesorg, smerte og tårer som kjører et prosjekt kan bringe. Så hvis du sliter med å håndtere kunder og mister lidenskapen til å designe på grunn av dette, hvorfor ikke gi vår tilnærming en tur?
Det kan virke åpenbart, men altfor ofte hører vi om frilansere og til og med byråer hopper inn i et prosjekt uten å tenke på alle scenarier først. Sørg for at du planlegger deg godt, still de riktige spørsmålene og utdyp kunden din på hva de bør forvente å bli levert på slutten av et prosjekt. Fremfor alt angi rimelige betalingsfaser og vilkår slik at ingen av dere er igjen med noe.
Hvis du har funnet at den første runden med visuelle er avvist, og du blir spurt om hvorfor du tok en bestemt tilnærming, så har du kanskje ikke tatt den riktige korte (kanskje du ikke engang har tatt en i det hele tatt. )
En effektiv designkompetanse er den mest kritiske faktoren for å sikre at et prosjekt starter vellykket. Det vil gi kunden de riktige spørsmålene som designer, du må svare. Få spørsmålene riktig, og den første fasen av prosjektet har vært en suksess.
Hvis du ikke har en kort forberedt, hvorfor ikke bruke en slik som denne til å gi til klienter. Ikke alle klienter forstår hva en god design-kort er, og vil ikke alltid gi deg svarene du vil ha - bruk gjerne vår mal som du vil. Ved å ha dette klart, viser det kundene din profesjonalitet og til slutt sparer dem (og deg) mye tid og penger. Husk: oppmuntre dem til å ha det gøy med dette og få dem til å gi deg så mye informasjon som mulig. Hvis du fortsatt har spørsmål, vær ikke redd for å be om mer.
Nå har du en flott kort hånd som du må spesifisere arbeidet. Dette kan være en detaljert liste over funksjonaliteten eller en enkel liste over sider og filer som klienten bør forvente ved ferdigstillelse. Prøv og detalj så mye informasjon som mulig innenfor forslaget, da dette skisserer nøyaktig hva kunden vil motta. Det danner også en kontrakt mellom deg selv og klienten og vil forhindre at du føler deg mishandlet hvis en klient begynner å legge til nye funksjoner eller elementer som aldri ble diskutert.
Hvorfor ikke bruke disse som overskrifter i din spesifikasjon:
En av de viktigste avtalene for nye prosjekter er betalingstrinn. Velg vilkår som fungerer til din fordel, men er rettferdig for kunden. Huske aldri starte eller overføre et prosjekt uten innledende eller endelig betaling, vil du ha Nei innflytelse på dette punktet. Gjør det klart, sørg for at kundene kjenner vilkårene foran og sørg for at de forstår at IP / Opphavsrett for Alt / Del av prosjektet (hvis du overfører det) er bare deres på den betalingen. Ikke vær redd for å stå på bakken din eller, hvis du er spørsmålstegn, komme til en gjensidig fordelaktig avtale. For eksempel, hvis du tar 50% på forhånd og 50% ved ferdigstillelse, kan du vurdere å ta 35% på forhånd og 65% ved ferdigstillelse.
Det er heller ikke uvanlig for en avtalt halvveisbetaling som kan defineres tydeligvis, f.eks. Etter planlegging, scoping og design før byggingen starter. Det er mange måter å sette inn betalinger på, men sørg for at du bestemmer vilkår som du er komfortabel med.
Det vil alltid være noen grad av manøvrerbarhet på spill når et prosjekt er på gang, etter alt vil du ha bygget et forhold til klienten på det punktet og vil ønske å tilfredsstille dem. Hvor lenge, lær når du skal si nei, forklar hvorfor en endring vil påvirke prosjektet og referere tilbake til det signerte forslaget. Å kunne begrense irritasjon på begge sider, vil gjøre et hyggeligere prosjekt for deg og kunden.
Vi har jobbet med prosjekter som utformer visualer rett fra kort til design i nettleseren, men ingen av disse tilnærmingene har også fungert når wireframing først.
Wireframing setter en kundes forventninger til utformingen av nettstedet før du selv har vurdert å introdusere farge, typografi og grafikk. Det vil til slutt spare deg tid og forhindre den fryktede piksel-push-prosessen. Det er også en fin måte å stripe tilbake et nettsted og fokusere på brukervennlighet, funksjonalitet og flyt uten å distrahere klienten med design. Design først da klienten vil nesten helt sikkert fokusere på det og ikke på hva en flott layout du har presentert. Å gjøre denne feilen kan føre til at viktige funksjoner og beslutninger på nettstedets brukervennlighet blir kompromittert.
Ikke vær redd for å eksperimentere når wireframing. Det er en fin måte å raskt lage oppsett og like raskt å endre. Men vær ikke eksperimentell for eksperimenter, det kan se fint ut, men nettstedet må være brukbart og oppfylle kundens mål..
Hvorfor ikke prøve Mockflow eller Balsamiq for en kostnadseffektiv løsning for å lage og dele dine wireframes.
Begynn med å bestemme om et rutenett system skal brukes (se på CSS Grid eller 978 gs). Med endringene i oppløsning kan disse variere og avhenge av klienten, publikum og enhetene som nettstedet skal fungere på. Pass på at du har diskutert alternativene med klienten når du spesifiserer nettstedet. Dette sparer tid og forhindrer eventuelle forespørsler om å endre oppløsninger senere når flertallet av arbeidet er gjort. Husk å fortsette å kommunisere og utdanne klienten i alt du gjør.
Fordi du har funksjonaliteten til nettstedet på plass fra spesifikasjonen og forstår hva klienten liker og misliker fra sin korte, bør dette være en relativt rask fase av prosjektet. Din jobb starter nå, så imponere dem og velg et godt gjennomtenkt layout, navigasjonsstil og avgjør den beste måten å gjøre de funksjonelle områdene på nettstedet fungerer godt for kunden og brukeren..
Bli inspirert av andre og se på hvilke funksjoner som kan være til nytte for kundens brukere. Se hva lignende nettsteder gjør, se på nettsteder på webgallerier og se om funksjonene de bruker, blir brukt til nytte.
Som profesjonell har du muligheten til å lage og bruke de nyeste teknikkene, men fortsett å spørre deg selv om det trengs? Vil det påvirke din tid og dine kostnader? Forbedrer det brukeropplevelsen? Er det til fordel for klienten? Går det best ut av ledig plass? Og mest av alt, svarer det kort? Hvis svaret på alle disse spørsmålene er ja, så fortsett. Hvis nei, så hva er poenget?
Når klienten er fornøyd med utformingen av nettstedet, må du sørge for at de skriver av enten skriftlig eller på e-post at de er fornøyd med arbeidet som er fullført til dags dato, og er glade for at du skal flytte til neste fase av prosjektet. Dette setter kontrollen tilbake i dine hender hvis de bestemmer seg for å endre seg dramatisk noe senere i prosjektet. Hold deg fleksibel til et visst nivå. Justeringer av layoutet til nettstedet skjer, og du vil nesten sikkert finne at når du designer nettstedet, kan enkelte områder være bedre plassert andre steder. Kommuniser dette klart med klienten.
Å ha wireframes som en del av prosessen din nå, vil du oppdage at utformingen av et nettsted vil være en mye enklere og en mer fornøyelig opplevelse. Tenkingen er gjort, så det er på tide å la kreative juicer flyte.
Når du klargjør filene dine før du designer, sparer du tid senere, vil du ha alt på plass og eiendeler kan lett finnes. Med et rutenettverk avgjøres ved å lage et skjult lag med guider (du finner at de fleste rutenettene har filer klar for deg) eller bruk et plugin som GuideGuide for Photoshop.
Forbered lagene dine ved å lage en logisk mappestruktur, og fortsett å navngi hvert lag av filen når du designer. Det er flott etikett, spesielt hvis en annen designer eller utvikler plukker opp filene dine. Det vil ikke bare hjelpe dem, men hjelper deg med å finne eiendeler i den filen raskt når du trenger dem. Prøv å bruke Smart Objects eller Shape Layers for ikoner og logoer, slik at disse kan skaleres senere, spesielt når du designer for netthinnen.
Hvor å starte er ned til hver designer, men vanligvis (fordi wireframes er på plass), vil du allerede ha en ide om å se på beste praksis andre steder og fra klientens kort om stilen du skal ta. Bli inspirert, men husk å gjøre den til din egen. Over tid vil du finne at du vil lage din egen stil og kunder vil ønske å jobbe med deg på grunn av det.
Stilen kommer fra behandling av teksturer, skrifttyper du bruker og de små detaljene som knapper, ikoner, delinger og interaksjonstilstander. For skrifttyper bruker du arkiver som Google Fonts eller TypeKit for å få de nyeste skrifttypene som fungerer online. For knapper spilles med ideer og stiler; Det er veldig raskt å bytte stil, endre hele utseendet på siden med noen lagseffekter. Ta for eksempel denne flate knappen:
Lagd ved hjelp av (Shape) 'Rectangle Tool' (U) til en størrelse på 100 x 40 piksler, har laget flere lagseffekter påført det. Først med en flat, dyp rød farge, ved hjelp av "Color Overlay" -oppsettet med en "Normal" Blend-modus på 100%. Deretter påføres med en "Stroke" ved hjelp av en mørkere rød på 100% med et 2 piksler innvendig slag. Dette skaper en veldig flat, generisk, men stilig knapp som vil komplimentere mange nettsteder.
Det er like raskt å bytte lagseffekter for å lage et nettsted med mer dybde, ved hjelp av myke gradienter og skygger for å bygge dybde. Bare å bytte fra et "Fargeoverlegg" til et "Gradient Overlay" vil gi deg muligheten til å legge til en myk gradient til fargen på knappen. Hvis du legger til en "Drop Shadow" med lav opasitet, vil du gi en myk skygge og umiddelbart endre knappens utseende.
Finn begge disse knappene her.
Hvis det er en del av prosjektet ditt, og du sliter med å lage en logo eller et nettsted, passer det andre, hvorfor ikke merke dem og designe dem parallelt? Med mange bedrifter som er basert på nettet, er det perfekt fornuftig. Vi tok denne tilnærmingen for fire år siden og har ikke sett tilbake siden. Det er ikke alltid mulig, men det har alltid hjulpet våre kunder med å bygge en visjon av hele merkevaren (som inkluderer et nettsted) i stedet for å be dem om å stole på deg og håper de forestiller seg hvordan en logo fungerer på alle medier.
Det vil dramatisk redusere tiden din prøver å få den til å passe den andre når muligens stilen til nettstedet ikke er tatt i betraktning ved utformingen av en logo. Selvfølgelig skal du skisse dine ideer og bruke en lignende prosess til det du bruker nå, men å leke med de to ideene samtidig gjør det virkelig arbeid. Det er også langt raskere og enklere å trekke en merkevare frakoblet enn å lage et offline-merkevaren på nettet.
Huske aldri overlevere et prosjekt eller filer uten endelig betaling og et skilt fra kunden, vil du ha Nei kom tilbake på dette punktet hvis du gjør uten noen av disse.
Hvis du ikke utvikler nettstedet selv, så ikke la utvikleren eller klienten gjette.
Hvis du har tatt deg tid til å lagre filene dine på riktig måte, vil du ikke få en tilbakekobling av en utilfreds utvikler eller klient. Det er profesjonelt høflighet å overleide godt forberedte filer og vil ikke bare holde klienten eller utvikleren glad, det vil spare deg tid med svært lite spørsmål om oppsettet av filene.
Pass på å pakke opp skrifter og eventuelle eiendeler eller dokumentasjon som er forespurt. Å holde alle filene på ett sted som Dropbox vil gi tilgang til alle som er involvert i prosjektet.
Vi foreslår ikke at dette er måten alle skal jobbe på, heller, det kommer fra vår erfaring fra bransjen.
Design er veldig subjektiv og hvis du kan strømline en prosess, vil det være mindre pixel som skyver og maler etter tall som dikteres av en klient. Jo mer kontroll du har over et design, desto mer vil du føle deg inspirert til å forbedre hvert prosjekt.
Og husk, å lære å si nei til rett tid kan spare deg og din bedrift tid, krefter og mye smerte. Said på feil tidspunkt, og det vil gi deg alle disse og mer. Så vurder dine svar på endringer klienten spør, gi alltid god grunn og vær klar over hvorfor du tror at ideen deres kanskje ikke fungerer. Til slutt, vær forberedt på å ta et skritt tilbake; noen ganger klientens ideer kan antennes en bedre.
Accentsconagua