Share
Bij FHOKE hebben we honderden projecten op verschillende manieren beheerd. Met de ervaring van ons team in de branche, hardlopen of werken in studio's, hebben we alles gezien; manieren die hebben gewerkt en anderen die gefaald hebben. In de loop der jaren hebben we ons proces verfijnd en een geweldige geënsceneerde aanpak gevonden die goed werkt voor al onze klanten. Het bespaart ons tijd en geeft meer controle over de handen van de ontwerpers.
De sleutel is om altijd een goede relatie met de klant te onderhouden, waardoor ze zich aan het eind van een project tevreden voelen, maar je hartelijke pijn, pijn en tranen die het uitvoeren van een project kan opleveren, kunnen besparen. Dus als je moeite hebt om met klanten om te gaan en hierdoor de passie voor ontwerpen kwijtraakt, waarom dan niet onze aanpak eens proberen??
Het lijkt misschien vanzelfsprekend, maar al te vaak horen we van freelancers en zelfs agentschappen die in een project springen zonder eerst aan alle scenario's te denken. Zorg ervoor dat je goed plant, stel de juiste vragen en informeer je klant over wat hij / zij verwacht aan het eind van een project te krijgen. Stel vooral redelijke betalingsfasen en voorwaarden in, zodat geen van beiden niets meer heeft.
Als je hebt vastgesteld dat je eerste visioen wordt afgewezen en je wordt ondervraagd over de reden waarom je een bepaalde benadering hebt gekozen, heb je misschien misschien niet de juiste opdracht gegeven (misschien had je er zelfs helemaal geen moeten nemen). )
Een effectieve ontwerpopdracht is de belangrijkste factor om te zorgen dat een project met succes start. Het geeft de klant de juiste vragen die je als ontwerper moet beantwoorden. Maak de vragen goed en de eerste fase van het project is succesvol geweest.
Als u geen korte voorbereiding heeft, waarom gebruikt u dan niet één als deze om aan klanten te geven. Niet alle klanten begrijpen wat een goede ontwerpinstructie is en zullen u niet altijd de antwoorden geven die u wilt - u kunt gerust onze sjabloon gebruiken zoals u wilt. Door dit klaar te hebben, toont het klanten je professionaliteit en bespaart het uiteindelijk (en jij) veel tijd en geld. Vergeet niet: moedig ze aan om hiermee plezier te maken en zorg ervoor dat ze je zoveel mogelijk informatie geven. Als je nog vragen hebt, wees dan niet bang om meer te vragen.
Nu heb je een geweldige opdracht bij de hand die je nodig hebt om het werk te specificeren. Dit kan een gedetailleerde lijst zijn van de functionaliteit of een eenvoudige lijst met pagina's en bestanden die de klant na voltooiing zou moeten verwachten. Probeer zoveel mogelijk informatie te verzamelen binnen het voorstel, omdat dit precies schetst wat de klant zal ontvangen. Het vormt ook een contract tussen u en de klant en voorkomt dat u zich mishandeld voelt als een klant begint met het toevoegen van nieuwe functies of elementen die nooit zijn besproken.
Waarom deze niet gebruiken als kopjes in uw spec:
Een van de belangrijkste overeenkomsten voor nieuwe projecten zijn de betalingsfasen. Kies voorwaarden die in uw voordeel werken maar eerlijk zijn voor de klant. Onthouden nooit start of overhandig een project zonder eerste of laatste betaling, dat heb je wel Nee leverage op dit punt. Maak het duidelijk, zorg ervoor dat klanten de voorwaarden vooraf kennen en zorg ervoor dat ze begrijpen dat de IP / Copyright voor allen / een deel van het project (als u het overdraagt) alleen van hen is voor die betaling. Wees niet bang om je steentje bij te dragen of, als je wordt ondervraagd, tot een wederzijds voordelige overeenkomst te komen. Als u bijvoorbeeld 50% vooruit en 50% bij voltooiing neemt, kunt u overwegen 35% vooruit te nemen en 65% bij voltooiing.
Het is ook niet ongebruikelijk voor een overeengekomen tussenbetaling die duidelijk kan worden gedefinieerd, bijvoorbeeld na planning, scoping en ontwerp voordat de build start. Er zijn veel manieren om betalingen uit te voeren, maar zorg ervoor dat u de voorwaarden kiest die u prettig vindt.
Er zal altijd enige mate van manoeuvreerbaarheid in het spel zijn zodra een project aan de gang is, je hebt tenslotte een relatie met de klant opgebouwd en zult ze willen behagen. Luister, wanneer moet je nee zeggen, leg uit waarom een verandering van invloed is op het project en refereer naar het ondertekende voorstel. De irritatie aan beide kanten kunnen beperken, zorgt voor een leuker project voor jou en de klant.
We hebben gewerkt aan projecten voor het ontwerpen van visuals, van het kort tot het ontwerpen in de browser, maar geen van deze benaderingen werkte net zo goed als eerst wireframing.
Wireframing bepaalt de verwachtingen van een klant voor de lay-out van de site voordat u zelfs maar hebt overwogen om kleur, typografie en grafische afbeeldingen te introduceren. Het zal u uiteindelijk tijd besparen en het gevreesde pixel-duwen voorkomen. Het is ook een geweldige manier om een site te strippen en te focussen op de bruikbaarheid, functionaliteit en flow zonder de klant af te leiden met design. Ontwerp eerst dan zal de klant zich daar bijna zeker op concentreren en niet op wat een geweldige lay-out je hebt gepresenteerd. Het maken van deze fout kan leiden tot belangrijke functies en beslissingen over de bruikbaarheid van de site.
Wees niet bang om te experimenteren met wireframing. Het is een geweldige manier om snel lay-outs te maken en net zo snel te wijzigen. Maar wees niet experimenteel omwille van experimenten, het ziet er misschien mooi uit, maar de site moet bruikbaar zijn en voldoen aan de doelen van de klant.
Waarom probeer je Mockflow of Balsamiq niet voor een kosteneffectieve oplossing voor het maken en delen van je wireframes.
Begin met het kiezen van een rastersysteem om te gebruiken (kijk naar CSS Grid of 978 gs). Met de wijzigingen in de resolutie kunnen deze verschillen en zijn afhankelijk van de klant, het publiek en de apparaten waarop de site zou moeten werken. Zorg ervoor dat u de opties met de klant hebt besproken bij het beschrijven van de site. Dit bespaart u tijd en voorkomt dat verzoeken later worden gewijzigd wanneer het grootste deel van het werk is voltooid. Vergeet niet om te blijven communiceren en de cliënt te onderwijzen in alles wat je doet.
Omdat u de functionaliteit van de site op zijn plaats hebt vanaf de specificatie en begrijpt wat de klant leuk en niet leuk vindt aan zijn instructies, zou dit een relatief snelle fase van het project moeten zijn. Je taak begint nu, dus maak indruk op ze en kies een doordachte lay-out, navigatiestijl en bepaal zelf de beste manier om die functionele delen van de site goed te laten werken voor de klant en de gebruiker.
Laat je inspireren door anderen en kijk rond in welke functies de gebruikers van je client kunnen profiteren. Kijk wat vergelijkbare sites doen, kijk naar sites op webgalerijen en kijk of de functies die ze gebruiken goed worden gebruikt.
Als professional heb je het vermogen om de nieuwste technieken te maken en te gebruiken, maar blijf je jezelf afvragen of het nodig is? Zal dit invloed hebben op uw tijd en uw kosten? Verbetert het de gebruikerservaring? Komt het de klant ten goede? Maakt het best gebruik van de beschikbare ruimte? En vooral, beantwoordt het de briefing? Als het antwoord op al deze vragen ja is, ga je gang. Zo nee, wat is dan het punt?
Als uw klant tevreden is met de lay-out van de site, zorg er dan voor dat deze zich schriftelijk of per e-mail aftekent dat zij tevreden zijn met het werk dat tot nu toe is voltooid en dat u graag naar de volgende fase van het project wilt gaan. Dit brengt controle weer in uw handen als ze besluiten om iets later in het project drastisch te veranderen. Blijf flexibel tot een bepaald niveau. Aanpassingen aan de lay-out van de site gebeuren en je zult bijna zeker merken dat wanneer je de site ontwerpt, bepaalde gebieden elders beter kunnen worden geplaatst. Communiceer dit duidelijk met de klant.
Als wireframes nu deel uitmaken van uw proces, zult u merken dat het ontwerpen van een site een veel gemakkelijkere en aangenamere ervaring zal zijn. Het denken is gedaan, dus het is tijd om de creatieve sappen te laten vloeien.
Als u uw bestanden voorbereidt voordat u gaat ontwerpen, bespaart u later tijd, heeft u alles op zijn plaats en zijn de assets gemakkelijk te vinden. Bij een rastersysteem beslist u om een verborgen laag met hulplijnen te maken (u zult merken dat de meeste rastersites bestanden voor u klaar hebben staan) of een plug-in gebruiken zoals GuideGuide voor Photoshop.
Bereid je lagen voor door een logische mapstructuur te maken en geef elke laag van je bestand een naam tijdens het ontwerpen. Het is een geweldige etiquette, vooral als een andere ontwerper of ontwikkelaar uw bestanden oppikt. Het helpt hen niet alleen, maar helpt u ook om snel assets binnen dat bestand te vinden wanneer u ze nodig hebt. Probeer slimme objecten of vormlagen te gebruiken voor pictogrammen en logo's, zodat deze later kunnen worden geschaald, met name bij het ontwerpen van retina-beeldschermen.
Waar te beginnen is aan elke ontwerper, maar meestal (omdat wireframes op hun plaats zijn), heeft u al een idee van het bekijken van best practices elders en van de instructies van de klant over de stijl die u gaat gebruiken. Laat je inspireren, maar onthoud dat je er de jouwe van maakt. In de loop van de tijd zul je merken dat je je eigen stijl zult creëren en klanten zullen daarom met je willen werken.
Stijl komt voort uit de behandeling van texturen, de lettertypen die u gebruikt en de kleine details zoals knoppen, pictogrammen, scheidingen en interactiestatussen. Voor lettertypen gebruiken opslagplaatsen zoals Google Fonts of TypeKit de nieuwste lettertypen die online werken. Knoppen spelen met ideeën en stijlen; het is heel snel om een stijl om te schakelen en het uiterlijk van de site te veranderen met een paar laageffecten. Neem bijvoorbeeld deze platte knop:
Gemaakt met behulp van de (Shape) 'Rectangle Tool' (U) tot een grootte van 100 x 40 pixels heeft de laag meerdere laageffecten toegepast. Eerst met een platte, dieprode kleur, met gebruik van de 'Color Overlay'-opstelling met een' normale 'mengmodus van 100%. Vervolgens aangebracht met een 'Stroke' met een donkerder rood op 100% met een binnenstip van 2 pixels. Dit creëert een zeer platte, generieke, maar stijlvolle knop die veel sites zou aanvullen.
Het is net zo snel om de laageffecten om te wisselen om een site met meer diepte te maken, met zachte hellingen en schaduwen om diepte te bouwen. Door eenvoudigweg van een 'Color Overlay' naar een 'Gradient Overlay' te veranderen, krijgt u de mogelijkheid om een zacht verloop toe te voegen aan de kleur van de knop. Als u een 'Slagschaduw' met een lage dekking toevoegt, krijgt u een zachte schaduw en verandert u het uiterlijk van de knop onmiddellijk.
Zoek beide knoppen hier.
Als het deel uitmaakt van uw project en u moeite heeft om een logo of site passend te maken voor de andere, waarom dan niet tegelijkertijd merken en ontwerpen? Bij veel bedrijven die online zijn, is het volkomen logisch. We hebben deze aanpak vier jaar geleden gekozen en hebben sindsdien niet meer gekeken. Het is niet altijd mogelijk, maar het heeft onze klanten altijd geholpen bij het ontwikkelen van een visie op het hele merk (inclusief een site) in plaats van hen te vragen om u te vertrouwen en hopen dat ze zich voorstellen hoe een logo in alle media werkt.
Het zal uw tijd om te proberen de ene op de andere te passen drastisch verminderen, wanneer mogelijk de stijl van de site niet is overwogen bij het ontwerpen van een logo. Natuurlijk, schets je nog steeds je ideeën en gebruik een vergelijkbaar proces als dat wat je nu gebruikt, maar spelen met de twee ideeën werkt ook echt. Het is ook veel sneller en gemakkelijker om een merk offline te trekken dan om een offline merk online te laten werken.
Onthouden nooit een project of bestanden overhandigen zonder laatste betaling en een aftekening bij de klant, dat heb je Nee kom terug op dit punt als je zonder een van deze dingen doet.
Als u de site niet zelf aan het ontwikkelen bent, laat dan uw ontwikkelaar of klant niet achter.
Als je de tijd hebt genomen om je bestanden op de juiste manier te legen, heb je geen last van een ontevreden ontwikkelaar of klant. Het is professionele beleefdheid om goed voorbereide bestanden over te dragen en zal niet alleen uw klant of ontwikkelaar blij maken, het zal u tijd besparen met zeer weinig vragen over de configuratie van de bestanden..
Zorg ervoor dat u lettertypen en eventuele items of documentatie verpakt die zijn aangevraagd. Als alle bestanden op één locatie worden bewaard, zoals Dropbox, heeft iedereen toegang tot het project.
We suggereren niet dat dit de manier is waarop iedereen zou moeten werken, maar het komt eerder uit onze ervaring van de industrie.
Ontwerp is zeer subjectief en als u een proces kunt stroomlijnen, is er minder pixel-duwen en schilderen met cijfers zoals voorgeschreven door een klant. Hoe meer controle u heeft over een ontwerp, hoe meer u zich geïnspireerd zult voelen om elk project te verbeteren.
En bedenk dat als u op het juiste moment nee zegt, u en uw bedrijf tijd, moeite en veel pijn kunt besparen. Zei op het verkeerde moment en het zal je al die en meer brengen. Overweeg dus uw antwoorden op veranderingen die de klant vraagt, geef altijd een goede reden en wees duidelijk waarom u denkt dat hun idee misschien niet werkt. Ten slotte bereid zijn om een stap terug te doen; soms kunnen ideeën van klanten een betere ontsteken.
Accentsconagua