Veebidisaini protsess samm-sammult
Veebidisain ei alga Figmast ega lõpe ilusa pildiga. See on otsuste jada, kus iga järgmine etapp toetub eelmisele — ja kus tagasi minek läheb iga sammuga kallimaks.
See juhend läbib protsessi etapid, mida igas neist kinnitada ja millised on levinumad kohad, kus asi kinni jookseb.
Etapid järjekorras#
Järjekord ei ole bürokraatia. Iga etapp vähendab järgmise määramatust.
- Avastus: eesmärgid, sihtrühm, peamine tegevus, piirangud. Üks kuni kaks nädalat.
- Struktuur: leheloend, hierarhia, mallide arv. Kinnitatakse enne visuaali.
- Sisu mustand: päris tekst tähtsaimatele lehtedele.
- Traatmudel: paigutus ja hierarhia ilma värvide ja fontideta.
- Visuaalne suund: üks või kaks kontseptsiooni tähtsaima lehe põhjal.
- Mallikujundus: ülejäänud mallid kinnitatud suunas.
- Komponendid ja seisundid: nupud, vormid, veateated, tühjad vaated.
- Üleandmine: failid, spetsifikatsioonid, varad ja arendajaga läbivaatus.
Kui visuaal algab enne struktuuri kinnitamist, kujundatakse lehti, mida ei ole vaja, ja unustatakse need, mida on.
Mida igas etapis kinnitada#
Selge kinnituspunkt hoiab ära lõputu ringlemise. Kinnita üks asi korraga.
| Etapp | Mida kinnitatakse | Mida veel ei arutata |
|---|---|---|
| Avastus | Eesmärk ja peamine tegevus | Kujundus |
| Struktuur | Leheloend ja hierarhia | Värvid ja fondid |
| Traatmudel | Paigutus ja info järjekord | Visuaalne stiil |
| Visuaalne suund | Stiil ühel lehel | Kõik ülejäänud lehed |
| Mallid | Iga malli kujundus | Detailne tekst |
| Komponendid | Seisundid ja käitumine | Uus funktsionaalsus |
Kõige levinum kinnitusviga on arutada värve traatmudeli juures. See ajab mõlema etapi eesmärgi sassi ja pikendab projekti nädalate võrra.
Kus protsess takerdub#
Peaaegu kõik viivitused tulevad neljast kohast, ja kõik neli on ennetatavad.
| Takistus | Põhjus | Lahendus |
|---|---|---|
| Sisu ei saabu | Keegi ei vastuta konkreetselt | Nimeline vastutaja ja tähtaeg lehe kohta |
| Lõputud kooskõlastusringid | Liiga suur otsustajate ring | Üks otsustaja, koondatud tagasiside |
| Vastuoluline tagasiside | Arvamused ilma kriteeriumideta | Tagasiside eesmärgi vastu, mitte maitse |
| Ulatus kasvab vaikselt | Iga koosolek lisab ühe soovi | Kirjalik muudatuste käsitlus |
| Kujundus ei ole ehitatav | Arendaja kaasati liiga hilja | Arendaja vaatab traatmudeli üle |
Hea tagasiside andmine#
Tagasiside kvaliteet määrab tulemuse rohkem kui kujundaja oskus. Need reeglid teevad selle kasulikuks.
- Kirjelda probleemi, mitte lahendust: «ei ole selge, mida edasi teha», mitte «tee nupp punaseks».
- Viita eesmärgile: kas see aitab peamist tegevust või mitte?
- Koonda tagasiside ühte dokumenti, mitte kümnesse sõnumisse.
- Määra üks otsustaja. Komitee tagasiside toodab kompromisse, mis ei teeni kedagi.
- Eralda «see on vale» ja «mulle ei meeldi» — mõlemad on kehtivad, kuid erinevalt käsitletavad.
- Anna tagasisidet päris sisu peale, mitte näidisteksti peale.
- Kui midagi töötab, ütle seda ka. Kujundaja ei tea muidu, mida säilitada.
Korduma kippuvad küsimused
Kui kaua veebidisain aega võtab?
Kümne lehega ettevõtte lehe puhul kolm kuni kuus nädalat kujundustööd, eeldusel et sisu on olemas ja otsustaja on kättesaadav. Kalendris kulub tavaliselt kauem, sest kooskõlastused ja sisu ootamine venitavad. Suurim üksik muutuja ei ole lehtede arv vaid otsustusprotsessi kiirus.
Kas traatmudelid on vajalikud?
Väikese lehe puhul saab neist mööda minna, kui mallid on lihtsad. Suurema lehe puhul säästavad nad aega, sest paigutuse üle vaidlemine on odavam ilma värvide ja piltideta. Nende päris väärtus on tähelepanu suunamine: traatmudeli juures arutatakse infohierarhiat, mitte esteetikat.
Mitu kontseptsiooni peaks kujundaja pakkuma?
Üks hästi põhjendatud või maksimaalselt kaks. Kolm või rohkem tähendab, et avastusetapp ei andnud piisavat suunda, ja valik muutub maitseküsimuseks. Parem on üks kontseptsioon koos selgitusega, miks see eesmärki teenib, ja seejärel selle täpsustamine.
Kas kujundaja peaks kirjutama ka teksti?
Mitte tingimata, kuid keegi peab kirjutama enne kujundust. Kujundus näidisteksti peal peidab probleemid: pealkirjad, mis ei mahu, loendid, mis on tegelikult kaks korda pikemad, tühjad vaated, millele ei mõeldud. Kui kujundaja teksti ei kirjuta, määra see kellelegi teisele samasse ajakavasse.
veebidisaini protsessveebilehe kujundaminetraatmudelkujunduse etapiddisaini tagasisideveebidisain
