9 Van De Beste Manieren Om Een Website Voor Een Klant

9 Van De Beste Manieren Om Een Website Voor Een Klant

De design fase van het maken van een website is redelijk standaard is voor de meeste webdesigners maar als het gaat om de presentatie van de mock-up van een aan opdrachtgever alvorens te snijden / codering van het ontwerp, een aantal problemen ontstaan, dus ik ging naar buiten en vroeg aan de gemeenschap over hoe ze presenteren een website-ontwerp voor een opdrachtgever.

na het filteren van alle reacties en ze samen te vatten ben ik nu klaar om u te presenteren, 9 van de beste manieren om een website ontwerp te presenteren aan een klant, samen met de voor-en nadelen van elke methode.

de problemen

als web-savvy individuen, is het vrij gemakkelijk om te begrijpen en te begrijpen dat mock-ups zijn gewoon statische beelden die weergeven hoe een site eruit zou zien. Echter, wat veel webdesigners hebben gevonden is dat dit concept is ongelooflijk moeilijk voor klanten om hun hoofd te wikkelen rond.

wij, als ontwerpers en communicatoren, proberen klanten duidelijk te maken dat zij een statisch en vlak beeld van hun potentiële site ontwerp zien. Toch komen er veel vragen en opmerkingen van de klanten nadat u het ontwerp hebt gepresenteerd, zoals de vragen die Verne Ho van het maken van Briefing en vele anderen hieronder hebben ervaren:

• Waarom werken de links niet?
• Hoe wijzig ik de tekst?
• Waarom kan ik tekst niet markeren?
• de website is te klein (komt voor omdat de browser de afbeelding standaard heeft gekrompen)!
• de witruimte rondom de site bevalt me niet.
• kunnen we de site centreren?

tot op zekere hoogte kan ik de verwarring begrijpen… ze kijken naar iets dat lijkt op een website die zich in een browser of picture viewer bevindt, maar vreemd genoeg gedraagt het zich niet als een website… natuurlijk zou dit vragen oproepen.

om erachter te komen wat verschillende webdesigners doen om deze problemen te omzeilen, vroeg ik mijn vrienden op Twitter (Volg mij) en Facebook (Voeg mij toe) om te zien wat ze doen wanneer ze een webdesign mock aan een client presenteren.

Methoden van de Presentatie van de Web Design Modellen

Na het krijgen van antwoorden uit mijn Twitter / Facebook vrienden (grote dank u) kwam ik tot deze 9 methoden van het presenteren van een web design mock-up van een opdrachtgever. In willekeurige volgorde:

plaats de afbeelding op een webpagina en stuur ze een link.

mensen kunnen een afbeelding waarschijnlijk beter identificeren als het verschijnt zoals ze het normaal zien, zoals in een webbrowser, maar het creëert nog veel meer vragen zoals ik hierboven heb geschetst.

als u deze methode kiest, probeer het te personaliseren door het naar uw eigen server te uploaden… Gebruik de directory/clients/clientname/index.htm. Een andere tip hier was om de gratis .tk domeinprovider te gebruiken zodat je ze een link zoals http://clientsdomain.tk kunt sturen die er ook professioneel uitziet. Dank u voor de. tk tip Herbert.

stuur een JPEG of PNG via e-mail

stuur een mockup per e-mail is waarschijnlijk de eenvoudigste manier, maar het is niet altijd de beste… sommige gebruikers hebben kleine schermresoluties, wat betekent dat het beeld kan krimpen, wat betekent dat meer vragen samen met de andere die ik hierboven geschetst.

een webgebaseerde toepassing gebruiken

het gebruik van een web-based applicatie om mock-ups te presenteren versterkt het idee dat het iets op ‘display’ en het is niet een live voorbeeld dat kan leiden tot minder vragen.

gebruik de website CodedPreview

met CodedPreview kunt u eenvoudige HTML-voorbeeldpagina ‘ s maken, die laten zien hoe een sjabloon eruit moet zien als het gecodeerd is. (Bedankt liamuk7 voor deze. Probeer het zo veel mogelijk te personaliseren, afgestemd op uw klant.

Maak een’Client Studio’

in plaats van een online gebaseerde applicatie te gebruiken, kunt u uw eigen ‘studio’ op uw eigen server opzetten waar de client in kan loggen en mock-ups (jpg ’s op een html-pagina) kan bekijken die ze goedkeuren… u kunt revisies op dezelfde pagina plaatsen (nieuwe jpg’ s) en na goedkeuring kunt u een link toevoegen om de functionele site te bekijken.

hier is een voorbeeld van IDesignStudios. “Ik e-mail clients met de URL voor de client studio, evenals hun Client-ID, gebruikersnaam en wachtwoord. Je moet een gebruikersnaam / wachtwoord hebben om zelfs in het eerste scherm te komen (w/ disclaimer en dropdown van client ID ‘ s). Een client kan alleen doorgaan naar zijn eigen client gebied (zoals in, alle clients kunnen de eerste pagina w/ dropdown zien, maar u kunt alleen inloggen op 1 client gebied na dat).”U kunt een screenshot van het inlogscherm en in de client studio bekijken.

mock-ups exporteren in PDF

in plaats van op te slaan in jpeg-of png-formaat, wat gewoon een afbeelding is die kan worden geopend in de standaard afbeeldingsoftware van de clients, met het PDF-formaat betekent dit in de meeste gevallen dat ze de website in Adobe Reader moeten openen. Het voordeel hiervan is dat er minder verwachtingen voor het om te functioneren als een website. Het gebruik van Layer comps is ook handig in PDF ‘ s om variaties van een ontwerp te tonen.

Skip photoshop and design in HTML

er zijn een paar debatten over deze en het komt meestal neer op welk proces het beste uw creativiteit toelaat, maar deze is aan u om te beslissen.

laat de Client in uw kantoor komen

hoewel dit niet altijd mogelijk is, is het meestal de beste manier om een web mock aan een client te presenteren, omdat het u in staat stelt om samen met de client over het hele project te praten. Als je deze kans hebt, neem die dan altijd.

stuur ze een JPEG of PNG & vraag ze om het af te drukken

dit was gewoon een idee dat ik bedacht… als je ze een full scale JPEG mockup van het ontwerp stuurt en hen vraagt om het af te drukken, dan zullen ze niet denken dat de website zal functioneren zoals het normaal doet, wat op zijn beurt minder vragen zal betekenen. Een nadeel hiervan is echter dat de site niet op schaal zal zijn.

oorspronkelijke antwoorden

Hieronder staan enkele van de originele reacties van mijn vrienden op Twitter en Facebook… Nogmaals bedankt. Volg me op Twitter en voeg me toe op Facebook en terwijl je bezig bent, Word lid van de Facebook-groep Just Creative Design.

marioOlckers @justcreative Stealth live installeren op de server om proof-of-concept te illustreren en dan terug naar tekentafel na input en overleg.

netbramha @justcreative PNG, hoe zit het met u?

brianyerkes @justcreative sla het op als een jpeg, upload het naar een map op uw server genaamd /clients/clientname. Maak een index.html-pagina. Jpg-afbeelding toevoegen.

brownaddesign @justcreative ik post gewoon het ontwerp op mijn webserver, in een map die ik voor de client maak, en e-mail ze een link om te bekijken.

marnieb @justcreative in JPG-formaat. 🙂

metalgod @justcreative ik stel een PDF samen met annotaties en stuur het naar de client. Daarna bel ik om ze er doorheen te helpen.

trisnadi @justcreative heeft de client het concept eerder gezien? Ik doe normaal gesproken een volledige wandeling door voordat ze het aanraken of vragen te stellen.

ClarkleSparkle @justcreative Email.

bradsherrill @justcreative hebben de client komen in uw kantoor en laat ze bekijken in 1: 1 schaal bij voorkeur jpeg-formaat. Als je dat niet kunt e-mail ze.

jessjoyce @justcreative – wij verzenden / uploaden .PNG ‘ s van de Photoshop/Illustrator docs

spinfly321 @justcreative – ontwerp in photoshop en aanwezig als een jpg

biwerw @justcreative – Maak een webpagina met de .JPG ‘ s van de concepten erop en stuur ze de link. Ik hoop dat dit helpt.

liamuk7 @justcreative-net als een image of met behulp van http://www.codedpreview.com

idesignstudios @justcreative-Ik geef clients toegang tot hun eigen “client studio” – ze kunnen inloggen en mockups (jpg ’s op een html pg) bekijken zoals ze goedkeuren…ik zet revisies op dezelfde pagina (Nieuwe jpg’ s). Eenmaal goedgekeurd voeg ik een link toe om de functionele site in uitvoering te bekijken.

marcoslhc @justcreative-ik lever over het algemeen enkele fysieke schetsen (papier en kleurpotloden) aan de tweede bijeenkomst, en digitale schetsen aan de derde.

stevemoseley @justcreative-hangt af van 2 dingen: projectgrootte, en kieskeurigheid van de klant. Als een van beide-photoshop mockup. Als geen van beide, eerste cut van html.

adellecharles @justcreative ik sla meestal op voor web en voeg in en html doc / upload naar server zodat de client

craftisan @justcreative kan zien wat ik doe hangt af van de client… soms live web previews of pdf/jpg mockups… meestal JPG ‘ s.

randaclay @justcreative JPG-bestand, of soms PDF

EliteByDesign @justcreative meestal gewoon een JPG via e-mail of geüpload naar mijn site. Niets bijzonders, het is maar een eerste ontwerp!

pointlessramble @justcreative Stick het in een HTML-bestand met eventuele achtergronden nodig/etc.

RyanDownie @justcreative om mock-ups te presenteren zet ik de afbeelding in een map op server / naam en voeg vervolgens een backgound afbeelding toe aan de volledige browser

Herbert via FaceBook: meestal upload ik de website met een gratis domein www.yourdomain.tk, het is gemakkelijk om het pad van uw hosting om te leiden naar het gratis domein.

Steve via Facebook: We hebben een web.yourcompany.com setup en geef de client de URL web.yourcompany.com/client.

Patrick McColley via Facebook: Ik post het meestal op mijn server of, als ze het toelaten, op die van hen.

verdere discussies

Hieronder volgen nog enkele artikelen over dit onderwerp van mock ups en presentatie.

• Photoshop Mockups vs Client Expectations
• Verbeter uw creatieve proces, beter ontwerp, snellere goedkeuringen
• Waarom geef je klanten meer dan één Mock Up?
• Live By The Mockup, Die By The Mock Up
• Client Web Site Mockups & Comps: Do you Bother?
• ontwerp Mock-Ups werken niet

die welke reeds in dit artikel zijn gekoppeld:

• Mock-Ups beheren
• Design gaat niet over Tools
• Waarom slaan we Photoshop
• Design, Mock-Ups & Tools

niet over? dus ik vraag u, hoe presenteert u uw webdesign-mockups en na het zien van de voorgestelde methoden, Wat is volgens u de beste manier?

en indien verdiend, zou een digg worden gewaardeerd. Dank je.