Web dizaina process soli pa solim
Web dizains nesākas Figmā un nebeidzas ar skaistu bildi. Tā ir lēmumu virkne, kur katrs nākamais posms balstās uz iepriekšējo — un kur atgriešanās ar katru soli kļūst dārgāka.
Šis ceļvedis aptver posmus, ko katrā apstiprināt un kur lietas visbiežāk apstājas.
Posmi secībā#
Secība nav birokrātija. Katrs posms samazina nākamā nenoteiktību.
- Izpēte: mērķi, auditorija, galvenā darbība, ierobežojumi. Viena līdz divas nedēļas.
- Struktūra: lapu saraksts, hierarhija, veidņu skaits. Apstiprina pirms vizuālā.
- Satura melnraksts: īsts teksts svarīgākajām lapām.
- Karkasi: izkārtojums un hierarhija bez krāsām un fontiem.
- Vizuālais virziens: viens vai divi koncepti uz svarīgākās lapas bāzes.
- Veidņu dizains: pārējās veidnes apstiprinātajā virzienā.
- Komponenti un stāvokļi: pogas, formas, kļūdu paziņojumi, tukšie skati.
- Nodošana: faili, specifikācijas, resursi un pārskats kopā ar izstrādātāju.
Ja vizuālais sākas pirms struktūras apstiprināšanas, tiek dizainētas lapas, kas nav vajadzīgas, un aizmirstas tās, kas ir.
Ko katrā posmā apstiprināt#
Skaidrs apstiprinājuma punkts novērš bezgalīgu riņķošanu. Apstiprini vienu lietu vienlaikus.
| Posms | Ko apstiprina | Ko vēl neapspriež |
|---|---|---|
| Izpēte | Mērķi un galveno darbību | Dizainu |
| Struktūra | Lapu sarakstu un hierarhiju | Krāsas un fontus |
| Karkasi | Izkārtojumu un informācijas secību | Vizuālo stilu |
| Vizuālais virziens | Stilu uz vienas lapas | Visas pārējās lapas |
| Veidnes | Katras veidnes dizainu | Detalizētu tekstu |
| Komponenti | Stāvokļus un uzvedību | Jaunu funkcionalitāti |
Biežākā apstiprināšanas kļūda ir apspriest krāsas pie karkasiem. Tas sajauc abu posmu mērķi un pagarina projektu par nedēļām.
Kur process iestrēgst#
Gandrīz visas aizkaves nāk no četrām vietām, un visas četras ir novēršamas.
| Šķērslis | Iemesls | Risinājums |
|---|---|---|
| Saturs nepienāk | Neviens konkrēti neatbild | Vārdā nosaukts atbildīgais un termiņš |
| Bezgalīgas saskaņošanas kārtas | Pārāk plašs lēmēju loks | Viens lēmējs, apkopotas atsauksmes |
| Pretrunīgas atsauksmes | Viedokļi bez kritērijiem | Atsauksmes pret mērķi, ne gaumi |
| Apjoms aug klusi | Katra tikšanās pievieno vēlmi | Rakstiska izmaiņu kārtība |
| Dizains nav uzbūvējams | Izstrādātājs pieaicināts par vēlu | Izstrādātājs pārskata karkasus |
Kā dot labas atsauksmes#
Atsauksmju kvalitāte nosaka rezultātu vairāk nekā dizainera prasme. Šie noteikumi padara tās noderīgas.
- Apraksti problēmu, ne risinājumu: «nav skaidrs, ko darīt tālāk», nevis «padari pogu sarkanu».
- Atsaucies uz mērķi: vai tas palīdz galvenajai darbībai?
- Apkopo atsauksmes vienā dokumentā, nevis desmit ziņās.
- Nosaki vienu lēmēju. Komitejas atsauksmes rada kompromisus, kas nekalpo nevienam.
- Nošķir «tas ir nepareizi» un «man nepatīk» — abi ir derīgi, bet risināmi citādi.
- Dod atsauksmes par īstu saturu, ne par paraugtekstu.
- Ja kaut kas strādā, pasaki arī to. Dizaineris citādi nezina, ko saglabāt.
Biežāk uzdotie jautājumi
Cik ilgi aizņem web dizains?
Desmit lapu uzņēmuma vietnei trīs līdz sešas nedēļas dizaina darba, pieņemot, ka saturs ir un lēmējs pieejams. Kalendārā parasti paiet ilgāk, jo saskaņojumi un satura gaidīšana ievelk. Lielākais atsevišķais mainīgais nav lapu skaits, bet lēmumu pieņemšanas ātrums.
Vai karkasi ir vajadzīgi?
Mazai lapai tos var izlaist, ja veidnes ir vienkāršas. Lielākai lapai tie ietaupa laiku, jo strīdēties par izkārtojumu ir lētāk bez krāsām un attēliem. To īstā vērtība ir uzmanības virzīšana: pie karkasiem apspriež informācijas hierarhiju, nevis estētiku.
Cik konceptu dizainerim jāpiedāvā?
Vienu labi pamatotu vai maksimāli divus. Trīs vai vairāk nozīmē, ka izpētes posms nedeva pietiekamu virzienu, un izvēle kļūst par gaumes jautājumu. Labāk viens koncepts ar skaidrojumu, kāpēc tas kalpo mērķim, un tad tā precizēšana.
Vai dizainerim jāraksta arī teksts?
Ne obligāti, bet kādam tas jāuzraksta pirms dizaina. Dizains uz paraugteksta slēpj problēmas: virsraksti, kas neietilpst, saraksti, kas patiesībā divreiz garāki, tukšie skati, par kuriem neviens nedomāja. Ja dizaineris tekstu neraksta, uzdod to kādam citam tajā pašā grafikā.
web dizaina processmājaslapas dizainskarkasidizaina posmidizaina atsauksmesvietnes dizains
