9 Av De Beste Måtene Å Presentere Et Nettsted Til En Klient

9 Av De Beste Måtene Å Presentere Et Nettsted Til En Klient

designfasen for å lage et nettsted er ganske standard for de fleste webdesignere, men når det gjelder å presentere mock opp til en klient før du skiver / koder designet, oppstår det noen problemer, så jeg gikk ut og spurte samfunnet om hvordan de presenterer et nettsteddesign til en klient.

etter å ha filtrert gjennom alle svarene og oppsummert dem, er jeg nå klar til å presentere for deg, 9 av de beste måtene å presentere et nettsteddesign til en klient, sammen med fordelene og ulempene ved hver metode.

Problemene

som web-kunnskapsrike individer er det ganske enkelt å forstå og forstå konseptet at mock-ups bare er statiske bilder som skildrer hvordan et nettsted vil se ut. Men, hva mange webdesignere har funnet er at dette konseptet er utrolig vanskelig for kundene å vikle hodet rundt.

vi, som designere og kommunikatører, prøver å gjøre det klart for kundene at det de ser på er et statisk og flatt bilde av deres potensielle nettsteddesign. Fortsatt, mange spørsmål og kommentarer kommer fra kundene etter at du presentere design, slik Som De Verne Ho For Å Skape Briefing og mange andre, har opplevd nedenfor:

• Hvorfor fungerer ikke noen av linkene?
• hvordan redigerer jeg teksten på dette?
• Hvordan kan jeg ikke markere tekst?
• nettstedet er for lite (oppstår fordi nettleseren har krympet bildet som standard)!
• jeg liker ikke det hvite rommet som omgir nettstedet.
• kan vi sentrere nettstedet?

til en viss grad kan jeg forstå forvirringen… de ser på noe som ser ut som et nettsted som er inne i en nettleser eller bildeviser, men merkelig, det virker ikke som et nettsted… åpenbart vil dette faktum stille spørsmål.

for å finne ut hva ulike webdesignere gjør for å komme seg rundt disse problemene, gikk jeg og spurte vennene Mine På Twitter (Følg Meg) Og Facebook (Legg Til Meg) for å se hva De gjør når de presenterer et webdesign mock opp til en klient.

Metoder For Å Presentere Webdesign Mockups

Etter å ha fått svar fra Mine Twitter / Facebook-venner (stor takk) kom jeg til disse 9 metodene for hvordan å presentere et webdesign mock opp til en klient. I ingen bestemt rekkefølge:

Plasser bildet på en nettside og send dem en lenke.

Folk kan nok bedre identifisere et bilde når det vises som de normalt ser det, for eksempel i en nettleser, men det skaper mange flere spørsmål som jeg tidligere skissert ovenfor.

hvis du velger denne metoden, prøv å tilpasse den ved å laste den opp til din egen server … bruk katalogen / klienter/klientnavn / indeks.htm. Et annet tips her var å bruke gratis. tk domeneleverandøren slik at du kan sende dem en lenke som http://clientsdomain.tk som også ser ganske profesjonell ut. Takk for. tk tips Herbert.

Send EN JPEG eller PNG Via E-Post

Å Sende en mockup via e-post er trolig den enkleste måten, men Det er ikke alltid den beste… Noen brukere har små skjermoppløsninger som betyr at bildet kan krympe, noe som betyr flere spørsmål sammen med de andre som jeg skisserte ovenfor.

Bruk en slags nettbasert applikasjon

Ved hjelp av en web – basert applikasjon for å vise frem mock-ups forsterker ideen om at det er noe på ‘skjerm’, og det er ikke et levende eksempel som kan føre til mindre spørsmål.

Bruk Nettstedet CodedPreview

CodedPreview lar deg lage enkle html-forhåndsvisningssider, som viser hvordan en mal skal se ut når den er kodet. (Takk liamuk7 for denne.) Igjen, prøv å tilpasse det så mye du kan, skreddersydd for klienten din.

Opprett Et ‘Client Studio’

I Stedet for å bruke et nettbasert program, kan du sette opp ditt eget ‘studio’ på din egen server der klienten kan logge inn og vise mock ups (jpg på en html-side) som de godkjenner… Du kan sette revisjoner på samme side (nye jpg-er) og når du er godkjent, kan du legge til en lenke for å vise det funksjonelle nettstedet som pågår.

her er et eksempel Fra IDesignStudios. «Jeg sender e-post til klienter med URL-ADRESSEN til klientstudioet, Samt Deres Klient-ID, Brukernavn og Passord. Du må ha et brukernavn / passord for å selv komme inn i den første skjermen(m / ansvarsfraskrivelse og dropdown av klient-ID). En klient kan bare fortsette til sitt eget klientområde (som i, alle klienter kan se den første siden m / dropdown, men du kan bare logge inn på 1 klientområde etter det).»Du kan se et skjermbilde av påloggingsskjermen og inne i klientstudioet.

Eksporter mock-ups I PDF

I Stedet for å lagre i jpeg-eller png-format, som bare er et bilde som kan åpnes i klientens standard bildevisningsprogramvare, betyr DET I PDF-format i de fleste tilfeller at de må åpne nettstedet I Adobe Reader. Fordelen med dette er at det er mindre forventninger til at det skal fungere som et nettsted. Bruk av lag comps er også nyttig I Pdf-Filer for å vise variasjoner av et design.

Hopp over photoshop og design I HTML

Det er noen debatter om denne, og det kommer vanligvis ned til hvilken prosess som best muliggjør kreativiteten din, men denne er for deg å bestemme.

Få Klienten Til Å Komme Inn På Kontoret

selv om dette ikke alltid er mulig, er det vanligvis den beste måten å presentere en webmock opp til en klient, da det lar deg snakke over hele prosjektet sammen med klienten. Hvis du har denne muligheten, ta alltid den.

Send DEM EN JPEG eller PNG & Be Dem Om Å Skrive Ut Den

Dette var bare en ide jeg kom opp med… hvis du sender dem en FULLSKALA JPEG-mockup av designet og ber dem om å skrive det ut, vil de ikke tro at nettstedet vil fungere som det normalt gjør, noe som igjen vil bety mindre spørsmål. En ulempe med dette er imidlertid at området ikke vil være å skalere.

Opprinnelige Svar

Nedenfor Er noen av de opprinnelige svarene fra vennene Mine På Twitter Og Facebook… igjen takk. Følg Meg På Twitter Og Legg Meg På Facebook og Mens du er på det, Bli Med I Just Creative Design Facebook-Gruppen.

marioOlckers @justcreative Stealth live installere på serveren for å illustrere proof-of-concept og deretter tilbake til tegnebrettet etter innspill og konsultasjon.

netbramha @justcreative PNG, hva med deg?

brianyerkes @justcreative Lagre den som en jpeg, last den opp til en katalog på serveren din kalt / clients / clientname. Lag en indeks.html-side. Legg til jpg-bilde.

brownaddesign @justcreative jeg legger bare inn designet på webserveren min, i en katalog jeg lager for klienten, og send dem en lenke for å se.

marnieb @justcreative I JPG-format. 🙂

metalgod @justcreative jeg setter sammen EN PDF MED merknader og sender den over til klienten. Så følger jeg opp med et kall for å gå dem gjennom det.

trisnadi @justcreative har klienten sett utkastet før? Jeg gjør vanligvis en full tur gjennom før de lar dem røre ved det eller stille spørsmål.

ClarkleSparkle @justcreative E-Post.

bradsherrill @ justcreative har klienten kommet inn på kontoret og la dem se i 1: 1 skala helst jpeg-format. Hvis du ikke kan gjøre det e dem.

jessjoyce @justcreative – vi sender/laster opp .png Av Photoshop / Illustrator docs

spinfly321 @justcreative – Design i photoshop Og presentere som en jpg

biwerw @justcreative – Lag en nettside med .jpg av konseptene på den og send dem linken. Håper dette hjelper.

liamuk7 @justcreative – Akkurat som et bilde eller brukerhttp://www.codedpreview.com

idesignstudios @justcreative – jeg gir klienter tilgang til sitt eget «klientstudio» – de kan logge inn og se mockups (jpg på en html-pg) som de godkjenner…jeg legger revisjoner på samme side (nye jpg-er). Når godkjent jeg legge til en link for å vise den funksjonelle området pågår.

marcoslhc @justcreative – jeg leverer vanligvis noen fysiske skisser (papir og fargeblyanter) til det andre møtet, og digitale til 3.

stevemoseley @justcreative – Avhenger av 2 ting: prosjektets størrelse, og pickiness av klienten. Hvis enten – photoshop mockup. Hvis ikke, første kutt av html.

adellecharles @justcreative jeg lagrer vanligvis for web og setter inn og html doc / upload til server bare slik at klienten kan se

craftisan @justcreative hva jeg gjør avhenger av klienten … noen ganger live web previews eller pdf / jpg mockups … for det meste jpgs.

randaclay @justcreative JPG-fil, ELLER NOEN GANGER PDF

EliteByDesign @justcreative Vanligvis bare EN JPG via e-post eller lastet opp til nettstedet mitt. Ikke noe fancy, tross alt, det er bare et første utkast!

pointlessramble @ justcreative Hold den i EN HTML-fil med alle bakgrunner som trengs / etc.

RyanDownie @justcreative å presentere mock-ups jeg sette bildet i en katalog på server / navn og deretter legge til en backgound bilde til flis full nettleser

Herbert Via FaceBook: jeg vanligvis laste opp nettstedet med et gratis domene www.yourdomain.tk, det er enkelt du omdirigere banen fra hosting til gratis domene.

Steve Via Facebook: Vi har en web.yourcompany.com oppsett og gi klienten URL-ADRESSEN web.yourcompany.com/client.

Patrick McColley via Facebook: jeg legger det vanligvis på serveren min, eller hvis de lar meg, deres.

Videre Diskusjoner

Nedenfor er noen flere artikler om dette emnet mock ups og presentasjon.

• Photoshop Mockups vs Klient Forventninger
• Forbedre Den Kreative Prosessen, Bedre Design, Raskere Godkjenninger
• Hvorfor Gi Klienter Mer enn Bare En Mock Up?
• Leve Av Mockup, Dø Av Mock Up
• Klient Nettsted Mockups & Comps:Har Du Bry?
• Design Mock Ups Virker ikke

de som allerede er knyttet til i denne artikkelen:

• Managing Mock Ups
• Design Handler ikke Om Verktøy
• Hvorfor Hopper Vi Ikke Over Photoshop
• Design, Mock Ups & Verktøy

så jeg spør deg, hvordan presenterer du webdesignmockupene dine og etter å ha sett de foreslåtte metodene, hva tror Du er den beste måten?

og hvis fortjent, ville en digg bli verdsatt. Takk.