Verkkosuunnitteluprosessi: ideasta valmiisiin näkymiin
Hyvä suunnitteluprosessi ei ole byrokratiaa: se on järjestys, joka estää uudelleentekemisen. Jokainen vaihe sulkee päätöksen, jonka seuraava ottaa ratkaistuna.
Tämä opas käy läpi vaiheet, mitä kukin tuottaa, kauanko ne kestävät, ja missä kohdin suunnitteluprojektit yleensä jumittuvat.
Vaiheet ja mitä kukin tuottaa#
Järjestyksellä on väliä. Vaiheen ohittaminen ei poista sitä — se vain siirtää päätöksen eteenpäin, kun sen muuttaminen maksaa enemmän.
| Vaihe | Tuotos | Tyypillinen kesto |
|---|---|---|
| Kartoitus | Tavoitteet, yleisö, rajoitteet | 3–5 päivää |
| Rakenne | Sivulista ja navigaatio | 3–5 päivää |
| Rautalankamallit | Asettelu ilman visuaalista tyyliä | 1–2 viikkoa |
| Visuaalinen suunta | Typografia, väri, sävy — yhdellä sivulla | 3–5 päivää |
| Valmiit näkymät | Mallipohjat sovellettuna, työpöytä ja mobiili | 2–4 viikkoa |
| Prototyyppi | Klikattavat polut testaukseen | 2–4 päivää |
| Luovutus | Järjestelmä, viennit, määritykset | 3–5 päivää |
Visuaalinen suunta yhdellä ainoalla sivulla on vaihe, joka säästää eniten aikaa. Sävyn hyväksyminen ennen sen soveltamista kolmeenkymmeneen näkymään estää kolmenkymmenen näkymän uudelleentekemisen.
Rautalangat ennen tyyliä#
Rautalangat ilman väriä ja typografiaa pakottavat keskustelun sisällöstä ja hierarkiasta, ja juuri se keskustelu merkitsee.
- Piirrä mobiili ensin. Tilaa on vähemmän, mikä pakottaa priorisoimaan.
- Käytä oikeaa sisältöä tai mahdollisimman lähellä olevaa. Paikkamerkkiteksti piilottaa tilaongelmat.
- Näytä tyhjät tilat, virhetilat ja lataustilat — ne unohtuvat usein ja improvisoidaan jälkeenpäin.
- Merkitse päätoiminto jokaisessa näkymässä. Jos niitä on kolme, ei ole yhtään.
- Älä keskustele väreistä tässä vaiheessa. Jos ne nousevat esiin, rautalangat ovat liian yksityiskohtaisia.
- Todenna sisältörakenne sen kanssa, joka sen kirjoittaa, ennen kuin etenette.
Missä prosessi yleensä jumittuu#
Tukokset ovat lähes aina samat, ja lähes kaikki ovat organisatorisia eivätkä luovia.
| Tukos | Syy | Ratkaisu |
|---|---|---|
| Ristiriitainen palaute | Useita päättäjiä ilman hierarkiaa | Yksi ainoa vastuuhenkilö |
| Loputtomat kierrokset | Kierroksia ei määritelty sopimuksessa | Kiinteä määrä hyväksymiskriteerein |
| Puuttuva sisältö | Ketään ei ole nimetty | Nimi ja päivämäärä jokaiselle sivulle |
| «Tätä en kuvitellut» | Visuaalinen suunta ohitettu | Hyväksy sävy yhdellä sivulla ensin |
| Näkymiä joita ei voi rakentaa | Suunnittelu ilman yhteyttä toteutukseen | Varhainen katselmus kehittäjän kanssa |
| Mobiili improvisoitu lopuksi | Suunniteltu vain työpöydälle | Suunnittele mobiili ensin |
«Loputtomat kierrokset» on lähes aina sopimusongelma, ei suunnitteluongelma. Määrittele mikä on kierros ja montako niitä on.
Luovuta suunnitelma jonka voi rakentaa#
Luovutus ratkaisee, sujuuko rakentaminen vai muuttuuko se tulkintaharjoitukseksi.
- Luovuta pieni järjestelmä, ei pelkkiä näkymiä: värit, kirjasimet, välistykset, komponentit.
- Dokumentoi jokaisen komponentin tilat: normaali, kohdistus, aktiivinen, poistettu käytöstä, virhe.
- Määrittele käyttäytyminen taitekohtien välillä, ei vain kahta kiinteää leveyttä.
- Sisällytä tyhjät tilat ja virhetilat jokaiselle näkymälle.
- Vie kuvat moderneissa formaateissa ja niissä koissa, joissa niitä käytetään.
- Merkitse mikä on kiinteää ja mikä saa mukautua — rakentaja törmää tapauksiin joita et ennakoinut.
- Pidä luovutus livenä. Puoli tuntia säästää viikon kysymyksiä.
Usein kysytyt kysymykset
Montako korjauskierrosta on normaalia?
Kaksi tai kolme vaihetta kohti on tavanomaista ja sen pitäisi olla sopimuksessa, määritelmineen siitä mikä lasketaan kierrokseksi. Ilman sitä rajaa suunnittelu laajenee loputtomiin, koska jokaisella uudella näkymät näkevällä on mielipide. Yksi ainoa päättäjä on arvokkaampi kuin mikään lukumääräraja.
Tarvitsenko rautalankoja, jos minulla on jo viitteitä?
Kyllä, sillä viitteet näyttävät tyylin ja rautalangat ratkaisevat rakenteen. Suora siirtyminen viitteistä valmiisiin näkymiin päätyy yleensä keskusteluun väreistä, kun todellinen ongelma on informaatiohierarkia. Rautalangat tehdään nopeasti ja muutetaan vielä nopeammin.
Pitääkö kaikki sivut suunnitella?
Suunnittele mallipohjat, älä sivuja. Viidenkymmenen sivun sivustolla on yleensä viisi tai kuusi erillistä mallipohjaa. Suunnittele kukin vaikeimmalla sisältötapauksella — pisimmällä otsikolla, pisimmällä listalla — niin loput seuraavat ilman lisätyötä.
Kenen pitäisi hyväksyä suunnitelma?
Yhden henkilön, jolla on todellinen valtuutus. Voit kerätä mielipiteitä useilta, mutta päätöksen pitää kuulua jollekulle. Komiteahyväksyntä tuottaa suunnitelmia joita kukaan ei vihaa eikä kukaan puolusta, ja se on yleisin syy projekteille jotka venyvät kuukausiksi visuaalisessa vaiheessa.
verkkosuunnitteluprosessisuunnittelun vaiheetrautalankamallitdesignjärjestelmäkorjauskierroksetsuunnitelman luovutus
