Share
På FHOKE har vi lyckats med hundratals projekt på många sätt. Med vårt lags branscherfarenhet, körning eller arbete inom studior har vi sett allting; sätt som har fungerat och andra som har misslyckats. Under årens lopp har vi förfinat vår process och funnit ett bra arrangemang som fungerar bra för alla våra kunder. Det sparar tid och lägger mer kontroll i designarnas händer.
Nyckeln är att alltid upprätthålla ett bra förhållande med kunden och låta dem känna sig nöjda i slutet av ett projekt men spara dig hjärtatsmärta, smärta och tårar som kör ett projekt kan ge. Så om du kämpar för att hantera kunder och förlorar passionen att designa på grund av detta, varför inte ge vårt tillvägagångssätt ett steg?
Det kan tyckas uppenbart, men alltför ofta hör vi frilansare och till och med byråer hoppar in i ett projekt utan att tänka på alla scenarier först. Se till att du planerar bra, ställ de rätta frågorna och utbilda din klient på vad de borde förvänta sig att levereras i slutet av ett projekt. Framför allt sätta rimliga betalningsstadier och villkor så att ingen av er är kvar med ingenting.
Om du har funnit att din första bildrunda avvisas och du ifrågasätts om varför du tog ett visst tillvägagångssätt, kanske du inte har tagit rätt korta (kanske du inte ens hade tagit en alls. )
En effektiv designkarta är den enskilt viktigaste faktorn för att se till att ett projekt startar framgångsrikt. Det kommer att ge klienten rätt frågor som designer, du behöver svara. Få frågorna rätt och projektets första etapp har varit en framgång.
Om du inte har en kort förberedd, varför inte använda en sådan som detta för att ge kunderna. Inte alla kunder förstår vad en bra designkarta är och kommer inte alltid ge dig de svar du vill ha - använd gärna vår mall som du vill. Genom att ha det klart visar kunden din professionalism och sparar dem (och du) mycket tid och pengar. Kom ihåg: uppmuntra dem att ha kul med det här och få dem att ge dig så mycket information som möjligt. Om du fortfarande har frågor, var inte rädd att be om mer.
Nu har du en bra kortfattad hand som du behöver speciera arbetet. Det här kan vara en detaljerad lista över funktionaliteten eller en enkel lista över sidor och filer som klienten bör förvänta sig vid slutförandet. Försök och detaljera så mycket information som möjligt inom förslaget, eftersom det beskrivs exakt vad kunden kommer att få. Det utgör också ett avtal mellan dig själv och kunden och kommer att förhindra att du känner dig misshandlad om en klient börjar lägga till nya funktioner eller element som aldrig diskuterats.
Varför inte använda dessa som rubriker i din spec:
Ett av de viktigaste avtalen för nya projekt är betalningssteg. Välj termer som fungerar till din fördel men är rättvist för kunden. Kom ihåg aldrig starta eller överlämna ett projekt utan inledande eller slutbetalning, du kommer att ha Nej hävstång på denna punkt. Gör det klart, se till att kunderna känner till villkoren på framsidan och se till att de förstår att IP / Copyright for All / Del av projektet (om du överför det) är bara deras på den betalningen. Var inte rädd för att stå fast eller, om du ifrågasätter, komma till ett ömsesidigt fördelaktigt avtal. Om du till exempel tar 50% på förhand och 50% vid slutförandet kan du överväga att ta 35% på förhand och 65% när du är klar.
Det är inte heller ovanligt för en överenskommen halvvägsbetalning som tydligt kan definieras, t.ex. efter planering, scoping och design innan byggnaden startar. Det finns många sätt att ställa in betalningar, men se till att du bestämmer villkor som du är bekväm med.
Det kommer alltid att finnas någon nivå av manövrerbarhet på spel när ett projekt pågår, trots allt har du byggt upp ett förhållande med kunden vid den tidpunkten och vill vilja behaga dem. Hur som helst, lär dig när du ska säga nej, förklara varför en förändring kommer att påverka projektet och hänvisa till det undertecknade förslaget. Att kunna begränsa irritation på båda sidor kommer att göra ett roligare projekt för dig och kunden.
Vi har arbetat med projekt som utformar visuella bilder direkt från det korta till designen i webbläsaren, men ingen av dessa metoder har fungerat lika bra när wireframing först.
Wireframing sätter en kunds förväntningar på webbplatsens layout innan du ens överväger att introducera färg, typografi och grafik. Det kommer i slutändan att spara dig tid och förhindra den främmande pixel pushing processen. Det är också ett bra sätt att ta bort en webbplats och fokusera på användbarhet, funktionalitet och flöde utan att distrahera klienten med design. Design först då klienten kommer nästan säkert att fokusera på det och inte på vilken bra layout du har presenterat. Att göra detta misstag kan leda till att viktiga funktioner och beslut på webbplatsens användbarhet äventyras.
Var inte rädd för att experimentera vid wireframing. Det är ett bra sätt att snabbt skapa layouter och lika snabbt att ändra. Men var inte experimentell för experimentens skull, det kan se bra ut, men webbplatsen måste vara användbar och uppfylla kundens mål..
Varför inte prova Mockflow eller Balsamiq för en kostnadseffektiv lösning för att skapa och dela dina trådramar.
Börja med att bestämma om ett nätsystem ska användas (titta på CSS-nätet eller 978 gs). Med ändringarna i upplösningen kan dessa variera och bero på klienten, publiken och enheterna där webbplatsen ska fungera. Se till att du har diskuterat alternativen med klienten när du specificerar webbplatsen. Detta sparar tid och förhindrar eventuella förfrågningar att ändra resolutioner senare när majoriteten av arbetet har gjorts. Kom ihåg att fortsätta att kommunicera och utbilda klienten i allt du gör.
Eftersom du har funktionaliteten på webbplatsen på plats från specifikationen och förstår vad kunden tycker om och ogillar av sin kortfattad beskrivning, borde detta vara ett relativt snabbt steg i projektet. Ditt jobb börjar nu, så imponera på dem och välj en väl genomtänkt layout, navigationsstil och bestäm det bästa sättet att göra de funktionella områdena på webbplatsen bra för kunden och användaren..
Bli inspirerad av andra och titta på vilka funktioner som kan gynna kundens användare. Se vad liknande webbplatser gör, titta på webbplatser på webbgallerier och se om de funktioner som de använder används väl.
Som professionell har du förmågan att skapa och använda de senaste teknikerna, men fortsätt att fråga dig själv om det behövs? Kommer det att påverka din tid och dina kostnader? Förbättrar det användarupplevelsen? Gynnar det kunden? Går det bäst med tillgängligt utrymme? Och mest av allt, svarar det kortfattat? Om svaret på alla dessa frågor är ja, gå vidare. Om nej, vad är meningen då??
När din klient är nöjd med webbplatsens layout, se till att de skriver ut antingen skriftligen eller på e-post om att de är nöjda med det arbete som har utförts hittills och är glada att du flyttar till nästa steg i projektet. Detta ger kontrollen tillbaka i dina händer om de bestämmer sig för att dramatiskt ändra något senare i projektet. Behåll flexibel till en viss nivå. Justeringar av webbplatsens layout sker och du kommer nästan säkert att finna att vissa områden kan vara bättre placerade på andra ställen när du utformar webbplatsen. Kommunicera detta tydligt med kunden.
Med wireframes som en del av din process nu, kommer du att upptäcka att utforma en webbplats blir en mycket lättare och en trevligare upplevelse. Tänkandet har gjorts så det är dags att låta kreativa juicer flöda.
Att förbereda dina filer innan du utformar sparar tid senare, du har allt på plats och tillgångar kan enkelt hittas. Med ett rutnätverk bestäms genom att skapa ett dolt lager guider (du hittar de flesta nätverkssidor som har filer redo för dig) eller använda ett plugin som GuideGuide för Photoshop.
Förbered dina lager genom att skapa en logisk mappstruktur och fortsätt att namnge varje lager av din fil när du designar. Det är bra etikett, speciellt om en annan designer eller utvecklare plockar upp dina filer. Det hjälper inte bara dem men hjälper dig att hitta tillgångar inom den filen snabbt när du behöver dem. Försök använda smarta objekt eller formlag för ikoner och logotyper, så att de kan skalas senare, särskilt när du utformar för näthinnan.
Var du ska börja är nere till varje designer, men vanligtvis (eftersom trådramar är på plats) kommer du redan ha en idé att titta på bästa metoder på annat håll och från kundens kortfattade stil vad du ska ta. Bli inspirerad, men kom ihåg att göra den till din egen. Över tiden hittar du att du kommer att skapa din egen stil och kunder kommer att vilja arbeta med dig på grund av det.
Stilen kommer från behandling av texturer, de teckensnitt du använder och de små detaljerna som knappar, ikoner, delningar och interaktionstillstånd. För teckensnitt använder du repositorier som Google Fonts eller TypeKit för att få de senaste teckensnitt som fungerar online. För knappar spelar du med idéer och stilar; Det är väldigt snabbt att byta upp en stil, ändra webbplatsens hela utseende med några skikteffekter. Ta till exempel den här plana knappen:
Skapat med hjälp av (Shape) 'Rectangle Tool' (U) till en storlek på 100 x 40 pixlar har lagret haft flera skikteffekter applicerat på det. Först med en platt, djupröd färg, med "Color Overlay" -inställningen med ett "Normal" blandningsläge på 100%. Sedan appliceras med en "Stroke" med en mörkare röd på 100% med en 2 pixel inre stroke. Detta skapar en mycket platt, generisk men ändå snygg knapp som skulle komplimera många webbplatser.
Det är lika snabbt att byta lagereffekterna för att skapa en webbplats med mer djup, med hjälp av mjuka gradienter och skuggor för att bygga djup. Att bara byta från ett "Färgöverlägg" till en "Gradient Overlay" ger dig möjlighet att lägga till en mjuk gradient till knappens färg. Lägga till en "Drop Shadow" med låg opacitet ger dig en mjuk skugga och ändrar knappens utseende direkt.
Hitta båda dessa knappar här.
Om det är en del av ditt projekt och du kämpar för att skapa en logotyp eller en webbplats passar den andra, varför märka inte och konstruera dem parallellt? Med många företag baserade på nätet är det perfekt förnuft. Vi tog den här strategin för fyra år sedan och har inte tittat tillbaka sedan. Det är inte alltid möjligt, men det har alltid hjälpt våra kunder att bygga en vision av hela varumärket (vilket inkluderar en webbplats) i stället för att be dem att lita på dig och hoppas att de tänker på hur en logo fungerar över alla medier.
Det kommer dramatiskt att minska din tid på att försöka göra den passande den andra, när det är möjligt att stilen på webbplatsen inte har beaktats vid utformningen av en logotyp. Naturligtvis skanna dina idéer och använd en liknande process till vad du använder nu men att leka med de två idéerna samtidigt gör det verkligen bra. Det är också mycket snabbare och lättare att dra ett varumärke offline än att göra ett offline-varumärke arbete online.
Kom ihåg aldrig lämna över ett projekt eller filer utan slutbetalning och ett tecken från kunden, kommer du att ha Nej kom tillbaka vid denna punkt om du gör utan någon av dessa.
Om du inte utvecklar webbplatsen själv lämnar du inte din utvecklare eller kundgissning.
Om du har tagit dig tid för att lagra dina filer på rätt sätt, kommer du inte att få en backlash av en missnöjd utvecklare eller klient. Det är professionellt artighet att överlämna väl förberedda filer och kommer inte bara att hålla din klient eller utvecklare glad att det kommer att spara dig tid med mycket lite ifrågasättande om konfigurationen av filerna.
Se till att du fyller i fonter och eventuella tillgångar eller dokumentation som begärs. Att behålla alla filer på ett ställe som Dropbox gör det möjligt för alla som är involverade i projektet.
Vi föreslår inte att det här är hur alla ska arbeta, snarare kommer det utifrån vår erfarenhet av branschen.
Designen är väldigt subjektiv och om du kan effektivisera en process kommer det att bli mindre pixel att trycka och måla efter siffror som dikteras av en klient. Ju mer kontroll du har över en design desto mer kommer du att känna dig inspirerad för att förbättra varje projekt.
Och kom ihåg att lära sig att säga nej till rätt tid kan spara dig och ditt företag tid, ansträngning och mycket smärta. Sagt vid fel tid och det kommer att ge dig alla dessa och mer. Så överväga dina svar på förändringar som kunden frågar, ge alltid goda skäl och vara tydliga på varför du tycker att deras idé kanske inte fungerar. Slutligen var beredd att ta ett steg tillbaka; ibland klienternas idéer kan antända en bättre.
Accentsconagua