9 af de bedste måder at præsentere en hjemmeside for en klient

9 af de bedste måder at præsentere en hjemmeside for en klient

designfasen med at oprette en hjemmeside er ret standard for de fleste internetdesignere, men når det kommer til at præsentere mock up for en klient, før de skærer / koder designet, opstår der nogle problemer, så jeg gik ud og spurgte samfundet om, hvordan de præsenterer et hjemmeside design til en klient.

efter filtrering gennem alle svarene og opsummere dem jeg er nu klar til at præsentere dig, 9 af de bedste måder at præsentere en hjemmeside design til en klient, sammen med fordele og ulemper ved hver metode.

problemerne

som internetkyndige individer er det ret nemt at forstå og forstå konceptet, at mock-ups simpelthen er statiske billeder, der skildrer, hvordan et sted ville se ud. Men hvad mange internetdesignere har fundet er, at dette koncept er utroligt svært for kunderne at pakke deres hoved rundt.

vi som designere og kommunikatorer forsøger at gøre det klart for kunderne, at det, de ser på, er et statisk og fladt billede af deres potentielle site design. Alligevel kommer mange spørgsmål og kommentarer fra klienterne, efter at du har præsenteret designet, som dem Verne Ho for at skabe Briefing og mange andre, har oplevet nedenfor:

• Hvorfor fungerer ingen af linkene ikke?
• Hvordan redigerer jeg teksten på dette?
• Hvorfor kan jeg ikke fremhæve tekst?
• hjemmesiden er for lille (opstår, fordi bro. ser har krympet billedet som standard)!
• jeg kan ikke lide det hvide rum, der omgiver stedet.
• kan vi centrere siden?

til en vis grad kan jeg forstå forvirringen… de ser på noget, der ligner en hjemmeside, der er inde i en bro.ser eller billedfremviser, men mærkeligt nok fungerer det ikke som en hjemmeside… selvfølgelig ville denne kendsgerning rejse spørgsmål.

for at finde ud af, hvad forskellige internetdesignere gør for at komme rundt om disse problemer, gik jeg og bad mine venner på kvidre (Følg mig) og Facebook (Tilføj mig) for at se, hvad de gør, når de præsenterer et internetdesign mock op til en klient.

metoder til præsentation af Mockups

efter at have fået svar fra mine kvidre / Facebook-venner (stor tak) kom jeg til disse 9 metoder til, hvordan man præsenterer en hjemmeside design mock op til en klient. I ingen bestemt rækkefølge:

Placer billedet på en hjemmeside og send dem et link.

folk kan sandsynligvis bedre identificere et billede, når det ser ud som de normalt ser det, f.eks.

hvis du vælger denne metode, prøv at tilpasse den ved at uploade den til din egen server… brug mappen/klienter/Klientnavn/indeks.htm. Et andet tip her var at bruge den gratis. tk-domæneudbyder, så du kan sende dem et link som http://clientsdomain.tk, som også ser ret professionelt ud. Tak for.tk tip Herbert.

Send en JPEG eller PNG via e-mail

afsendelse af en mockup via e-mail er sandsynligvis den enkleste måde, men det er ikke altid det bedste… Nogle brugere har små skærmopløsninger, hvilket betyder, at billedet kan krympe, hvilket betyder flere spørgsmål sammen med de andre, som jeg skitserede ovenfor.

brug en slags internetbaseret applikation

brug af en internetbaseret applikation til at fremvise mock-ups styrker ideen om, at det er noget på ‘display’, og det er ikke et levende eksempel, der kan føre til færre spørgsmål.

brug hjemmesiden Kodetforudsigelse

Kodetforudsigelse giver dig mulighed for at oprette enkle HTML-forhåndsvisningssider, der viser, hvordan en skabelon skal se ud, når den kodes. (Tak liamuk7 for denne.) Prøv igen at tilpasse det så meget som muligt, skræddersyet til din klient.

Opret et ‘Client Studio’

i stedet for at bruge et online-baseret program kan du oprette dit eget ‘studio’ på din egen server, hvor klienten kan logge ind og se mock ups (jpg ‘er på en html-side), som de godkender… du kan sætte revisioner på samme side (nye jpg’ er), og når du er godkendt, kan du tilføje et link for at se det igangværende funktionelle sted.

her er et eksempel fra IDesignStudios. “Jeg e-mailer klienter med URL’ en til klientstudiet samt deres klient-ID, Brugernavn og adgangskode. Du skal have et brugernavn/adgangskode for endda at komme ind på den første skærm (m/ ansvarsfraskrivelse og rullemenu af klient-ID ‘ er). En klient kan kun fortsætte til deres eget klientområde (som i alle klienter kan se den første side med rullemenuen, men du kan kun logge ind på 1 klientområde efter det).”Du kan se et skærmbillede af log ind-skærmen og inde i klientstudiet.

Eksporter mock-ups i PDF

i stedet for at gemme i JPEG-eller png-format, som kun er et billede, der kan åbnes i klienternes standardbilledvisningsprogram, betyder det i PDF-format i de fleste tilfælde, at de skal åbne hjemmesiden i Adobe Reader. Fordelen ved dette er, at der er færre forventninger til, at det fungerer som en hjemmeside. Brugen af layer comps er også nyttig i PDF-filer til at vise variationer af et design.

Spring photoshop og design i HTML

der er et par debatter om denne, og det kommer normalt ned på den proces, der bedst muliggør din kreativitet, men denne er for dig at beslutte.

få klienten til at komme ind på dit kontor

selvom dette ikke altid er muligt, er det normalt den bedste måde at præsentere en internet mock up til en klient, da det giver dig mulighed for at tale over hele projektet sammen med klienten. Hvis du har denne mulighed, skal du altid tage den.

Send dem en JPEG eller PNG& bed dem om at udskrive det

dette var bare en ide, jeg kom op med… hvis du sender dem en fuldskala JPEG mockup af designet og beder dem om at udskrive det, så vil de ikke tro, at hjemmesiden vil fungere som det normalt gør, hvilket igen vil betyde mindre spørgsmål. En ulempe ved dette er dog, at stedet ikke vil være at skalere.

Originale svar

nedenfor er nogle af de oprindelige svar fra mine venner på kvidre og Facebook… endnu en gang tak. Følg mig på kvidre og tilføje mig på Facebook og mens din på det, slutte sig til Just Creative Design Facebook-gruppen.

marioOlckers @justcreative Stealth live Installer på serveren for at illustrere proof-of-concept og derefter tilbage til tegnebrættet efter input og konsultation.

netbramha @justcreative PNG, hvad med dig?

brianyerkes @justcreative Gem det som en jpeg, upload det til en mappe på din server kaldet /clients/clientname. Lav et indeks.html-side. Tilføj jpg-billede.

brunaddesign @justcreative jeg sender bare designet på min internetserver, i en mappe, jeg opretter til klienten, og sender dem et link til visning.

marnieb @justcreative i JPG-format.

metalgod @justcreative jeg sammensætter en PDF med kommentarer og sender den over til klienten. Så følger jeg op med et opkald for at gå dem igennem det.

trisnadi @justcreative har klienten set udkastet før? Jeg går normalt en hel tur igennem, før jeg lader dem røre ved det eller stille spørgsmål.

ClarkleSparkle @justcreative e-mail.

bradsherrill @justcreative har klienten kommer ind på dit kontor og lad dem se i 1:1 skala helst jpeg-format. Hvis du ikke kan gøre det e-mail dem.

jessjoyce @justcreative – vi sender/upload .pngs af Photoshop / Illustrator docs

spinfly321 @justcreative – design i photoshop og præsentere som en jpg

to @justcreative – Opret en hjemmeside med .JPG ‘ er af begreberne på det og sende dem linket. Håber dette hjælper.

liamuk7 @justcreative – ligesom et billede eller ved hjælp af http://www.codedpreview.com

idesignstudios @justcreative – jeg giver klienter adgang til deres eget “client studio” – de kan logge ind og se mockups (jpg ‘er på en html pg), som de godkender…jeg sætter revisioner på samme side (nye jpg’ er). Når jeg er godkendt, tilføjer jeg et link for at se det igangværende funktionelle sted.

marcoslhc @justcreative – jeg leverer generelt nogle fysiske skitser (papir og farveblyanter) til det andet møde og digitale til 3.

stevemoseley @justcreative-afhænger af 2 ting: projekt størrelse, og pickiness af klienten. Hvis enten-photoshop mockup. Hvis hverken, første klip af html.

adellecharles @justcreative jeg gemmer normalt til internettet og indsætter i og html doc / upload til server bare så klienten kan se

craftisan @justcreative hvad jeg gør afhænger af klienten… nogle gange live forhåndsvisninger eller pdf/jpg mockups… for det meste JPG ‘ er.

randaclay @justcreative JPG-fil, eller undertiden PDF

EliteByDesign @justcreative normalt bare en JPG via e-mail eller uploadet til min side. Intet fancy, det er trods alt kun et første udkast!

pointlessramble @justcreative Stick det i en HTML-fil med alle nødvendige baggrunde/etc.

Ryandonie @justcreative at præsentere mock-ups Jeg sætter billedet I en mappe på server /navn og derefter tilføje et backgound billede til flise fuld bro. ser

Herbert via FaceBook: jeg uploader normalt hjemmesiden med et gratis domæne www.yourdomain.tk, det er nemt at omdirigere stien fra din hosting til det gratis domæne.

Steve via Facebook: Vi har en web.yourcompany.com Opsæt og giv klienten URL ‘ en web.yourcompany.com/client.

Patrick McColley via Facebook: Jeg lægger det normalt på min server, eller hvis de lader mig, deres.

yderligere diskussioner

nedenfor er nogle yderligere artikler om dette emne af mock ups og præsentation.

• Photoshop Mockups vs Client forventninger
• forbedre din kreative proces, bedre Design, hurtigere godkendelser
• Hvorfor Give klienter mere end blot en Mock Up?
• Live af Mockup, Die af Mock up
• klient hjemmeside Mockups & Comps:gider du?
• Design Mock Ups fungerer ikke

dem, der allerede er knyttet til i denne artikel:

• håndtering af Mock Ups
• Design handler ikke om værktøjer
• hvorfor springer vi ikke over Photoshop
• Design, Mock Ups & værktøjer

så jeg spørger dig, hvordan præsenterer du dine designmockups og efter at have set de foreslåede metoder, hvad mener du er den bedste måde?

og hvis fortjent, ville en digg blive værdsat. Tak.