9 A legjobb módja, hogy bemutassa a honlapon, hogy az ügyfél

9 A legjobb módja, hogy bemutassa a honlapon, hogy az ügyfél

a tervezési fázisban a honlap létrehozása meglehetősen szabványos a legtöbb webes tervezők azonban, amikor a bemutató a makett fel, hogy egy ügyfél előtt szeletelés / kódolás a design, néhány probléma merül fel, így kimentem, és megkérdezte a közösség arról, hogyan mutatják be a weboldal design egy ügyfél.

az összes válasz szűrése és összefoglalása után készen állok arra, hogy bemutassam Önnek a weboldal tervezésének 9 legjobb módját az ügyfél számára, az egyes módszerek előnyeivel és hátrányaival együtt.

a problémák

web-hozzáértő egyénekként meglehetősen könnyű megérteni és megérteni azt a koncepciót, hogy a makettek egyszerűen statikus képek, amelyek ábrázolják, hogy néz ki egy webhely. Amit azonban sok webdesigner talált, az az, hogy ez a koncepció hihetetlenül nehéz az ügyfelek számára, hogy körbevegyék a fejüket.

tervezőként és kommunikátorként igyekszünk világossá tenni az ügyfelek számára, hogy amit látnak, az statikus és lapos kép a potenciális webhelytervezésről. Ennek ellenére sok kérdés és észrevétel érkezik az ügyfelektől, miután bemutatta a tervet, mint például a Verne Ho a Briefing létrehozásáról és még sokan mások, az alábbiakban tapasztalták:

• miért nem működik egyik link sem?
• hogyan szerkeszthetem a szöveget?
• miért nem tudom kiemelni a szöveget?
• a weboldal túl kicsi (azért fordul elő, mert a böngésző alapértelmezés szerint összezsugorította a képet)!
• nem szeretem az oldalt körülvevő fehér teret.
• központosíthatjuk az oldalt?

bizonyos mértékig megértem a zavart… valamit néznek, ami úgy néz ki, mint egy weboldal, amely egy böngészőben vagy képnézegetőben van, azonban furcsa módon nem úgy viselkedik, mint egy weboldal… nyilvánvalóan ez a tény kérdéseket vetne fel.

hogy megtudjam, mit tesznek a különböző webes tervezők, hogy megkerüljék ezeket a problémákat, elmentem és megkérdeztem a barátaimat a Twitteren (Kövess engem) és a Facebook-on (Add Me), hogy lássák, mit csinálnak, amikor egy webdesign-modellt mutatnak be egy ügyfélnek.

módszerek bemutató Web Design makettek

miután kapok válaszokat az én Twitter / Facebook barátok (nagy köszönöm) azért jöttem, hogy ezek a 9 módszerek, hogyan kell bemutatni a web design makett fel egy ügyfél. Nem fontossági sorrendben:

helyezze a képet egy weboldalra, és küldjön neki egy linket.

az emberek valószínűleg jobban tudják azonosítani a képet, amikor az úgy jelenik meg, ahogy általában látják, például egy webböngészőben, azonban sokkal több kérdést vet fel, amint azt korábban fentebb felvázoltam.

ha ezt a módszert választja, próbálja meg személyre szabni a saját szerverére történő feltöltéssel… használja a/clients/clientname/index könyvtárat.htm. Egy másik tipp itt az ingyenes. tk domain szolgáltató használata volt, hogy elküldhessen nekik egy linket, például http://clientsdomain.tk, amely szintén elég professzionálisnak tűnik. Köszönöm a. tk tip Herbert.

JPEG vagy PNG küldése e-mailben

a makett e-mailben történő elküldése valószínűleg a legegyszerűbb módszer, azonban nem mindig a legjobb… néhány felhasználónak kis képernyőfelbontása van, ami azt jelenti, hogy a kép zsugorodhat, ami további kérdéseket jelent a fent vázolt többiekkel együtt.

használjon valamilyen webalapú alkalmazást

a webalapú alkalmazás használata a makettek bemutatására megerősíti azt az elképzelést, hogy ez valami a kijelzőn, és ez nem egy élő példa, amely kevesebb kérdést eredményezhet.

használja a weboldalt CodedPreview

a CodedPreview lehetővé teszi egyszerű HTML előnézeti oldalak létrehozását, amelyek megmutatják, hogyan kell kinéznie egy sablonnak kódolva. (Köszönöm liamuk7 ezt.) Ismét próbálja meg személyre szabni, amennyire csak lehet, az ügyfélre szabva.

hozzon létre egy ‘kliens stúdiót’

ahelyett, hogy online alapú alkalmazást használna, beállíthatja a saját ‘stúdióját’ a saját szerverén, ahol az ügyfél bejelentkezhet, és megtekintheti a maketteket (JPG-k egy html oldalon), amelyeket jóváhagynak… ugyanazon az oldalon (új jpg-k) revíziókat helyezhet el, és a jóváhagyás után hozzáadhat egy linket a folyamatban lévő funkcionális webhely megtekintéséhez.

íme egy példa az IDesignStudios-tól. “E-mailben küldöm el a klienseknek az ügyfélstúdió URL-jét, valamint az Ügyfélazonosítójukat, felhasználónevüket és jelszavukat. Van, hogy egy felhasználónév / jelszó, hogy még bejutni az első képernyőn (w/ disclaimer and dropdown of client ID ‘ s). Az ügyfél csak a saját ügyfélterületére léphet tovább (mint az összes ügyfél láthatja az első oldalt w/ legördülő menüből, de csak 1 ügyfélterületre jelentkezhet be).”Megtekintheti a bejelentkezési képernyő képernyőképét az ügyfélstúdióban.

makettek exportálása PDF formátumban

ahelyett, hogy JPEG vagy png formátumban mentené, amely csak egy kép, amelyet meg lehet nyitni az ügyfelek alapértelmezett képmegtekintő szoftverében, PDF formátumban birtoklása a legtöbb esetben azt jelenti, hogy meg kell nyitniuk a weboldalt Adobe Reader. Ennek az az előnye, hogy kevesebb elvárás van arra, hogy úgy működjön, mint egy weboldal. A réteg tömörítések használata a PDF-fájlokban is hasznos a terv variációinak bemutatására.

skip photoshop and design in HTML

van néhány vita erről, és általában jön le, hogy milyen folyamat a legjobb lehetővé teszi a kreativitás azonban ez az Ön számára, hogy döntsön.

kérje meg az Ügyfelet, hogy jöjjön be az irodájába

bár ez nem mindig lehetséges, általában ez a legjobb módja annak, hogy webes modellt mutasson be az ügyfélnek, mivel lehetővé teszi az egész projekt megbeszélését az ügyféllel együtt. Ha van ilyen lehetősége, mindig használja ki.

küldj nekik egy JPEG vagy PNG & kérd meg őket, hogy nyomtassák ki

ez csak egy ötlet volt, amivel előálltam… ha elküldöd nekik a terv teljes méretű JPEG makettjét, és megkéred őket, hogy nyomtassák ki, akkor nem fogják azt gondolni, hogy a weboldal úgy fog működni, mint általában, ami kevesebb kérdést jelent. Ennek hátránya azonban, hogy a webhely nem lesz méretezhető.

eredeti válaszok

az alábbiakban néhány az eredeti válaszok a barátaim a Twitter és a Facebook… még egyszer köszönöm. Kövess a Twitteren és Add meg a Facebook-on, és amíg a Facebook, Csatlakozz a Just Creative Design Facebook csoporthoz.

marioOlckers @justcreative Stealth live telepíteni a szerveren, hogy bemutassa proof-of-concept, majd vissza a rajztábla után bemenet és konzultáció.

netbramha @justcreative PNG, mi a helyzet veled?

brianyerkes @justcreative mentse el jpeg formátumban, töltse fel a szerver /clients/clientname nevű könyvtárába. Készíts egy indexet.html oldal. JPG kép hozzáadása.

brownaddesign @justcreative csak a webszerveremre teszem fel a tervet, egy könyvtárba, amelyet az ügyfél számára hozok létre, és elküldöm nekik egy linket a megtekintéshez.

marnieb @justcreative JPG formátumban. 6819 >

metalgod @ justcreative összeraktam egy PDF-et jegyzetekkel és elküldtem az ügyfélnek. Aztán követem a hívást, hogy végigvezetem őket rajta.

trisnadi @ justcreative látta már az ügyfél a tervezetet? Általában teljes sétát teszek, mielőtt hagyom, hogy megérintsék vagy kérdéseket tegyenek fel.

ClarkleSparkle @justcreative Email.

bradsherrill @ justcreative kérje meg az Ügyfelet, hogy jöjjön be az irodájába, és hagyja, hogy 1:1 méretarányban, lehetőleg jpeg formátumban nézze meg. Ha nem tudja megtenni e-mailben őket.

jessjoyce @justcreative – küldünk/feltöltünk .PNG a Photoshop / Illustrator docs

spinfly321 @ justcreative-Design photoshop és jelen, mint egy jpg

biwerw @justcreative – hozzon létre egy weboldalt a .JPG-k a fogalmak rajta, és küldje el nekik a linket. Remélem, ez segít.

liamuk7 @justcreative – csak képként vagy http://www.codedpreview.com

idesignstudios @justcreative – hozzáférést adok az ügyfeleknek a saját “kliens stúdiójukhoz” – bejelentkezhetnek és megtekinthetik a maketteket (JPG-k egy html pg-n), ahogy jóváhagyják…ugyanazon az oldalon tettem a módosításokat (új jpg-k). A jóváhagyás után hozzáadok egy linket a folyamatban lévő funkcionális webhely megtekintéséhez.

marcoslhc @ justcreative-általában néhány fizikai vázlatot (papír és színes ceruza) szállítok a második találkozóra, a digitálisakat pedig a 3.

stevemoseley @ justcreative – 2 dologtól függ: a projekt mérete és az ügyfél válogatása. Ha bármelyik-photoshop makett. Ha egyik sem, akkor először vágja le a html-t.

adellecharles @justcreative én általában menteni a web és helyezze be és html doc / feltöltés szerver csak azért, hogy az ügyfél láthatja

craftisan @justcreative mit csinálok függ az ügyfél… néha élő webes előnézetek vagy pdf/jpg makettek… többnyire jpg.

randaclay @justcreative JPG fájl, vagy néha PDF

EliteByDesign @justcreative általában csak egy JPG e-mailben vagy feltöltve a webhelyemre. Semmi divatos, elvégre ez csak egy első tervezet!

pointlessramble @ justcreative ragassza be egy HTML fájlba, bármilyen háttérrel / stb.

RyanDownie @justcreative a makettek bemutatásához a képet a szerver /név könyvtárába helyeztem, majd hozzáadtam egy backgound képet a tile full browser-hez

Herbert a FaceBook-on keresztül: általában ingyenes domainnel töltöm fel a weboldalt www.yourdomain.tk, könnyű átirányítani az utat a tárhelyről az ingyenes domainre.

Steve a Facebook-on keresztül: van egy web.yourcompany.com állítsa be és adja meg az Ügyfélnek az URL-t web.yourcompany.com/client.

Patrick McColley a Facebook-on keresztül: általában a szerveremre teszem, vagy ha engedik, az övék.

további megbeszélések

az alábbiakban néhány további cikk található a makettek és prezentációk témájáról.

• Photoshop Mockups vs kliens elvárások
• Javítani kell a kreatív folyamat, jobb tervezés, gyorsabb jóváhagyások
• miért ad az ügyfelek több, mint egy makett?
• ÉLŐ a makett, meghalni a makett
• kliens weboldal makettek & tömörít: zavar?
• tervezés makett Ups nem működik

azok már kapcsolódik ebben a cikkben:

• a makettek kezelése
• a tervezés nem az eszközökről szól
• miért nem hagyjuk ki a Photoshopot
• tervezés, makettek & eszközök

tehát azt kérdezem tőled, hogyan mutatod be a webdesign makettjeidet, és miután megnézted a javasolt módszereket, szerinted mi a legjobb módszer?

és ha megérdemlik, a digg-t értékelni fogják. Köszönöm.