Veebidisain ja UX/UI
Veebidisain selge struktuuri ja kasutajateekonnaga
Kujundame ettevõtte veebilehe või digiteenuse nii, et oluline info on kergesti leitav ja järgmine tegevus selge. Enne arendust saab lahendust prototüübis proovida.
Mida hea veebidisain aitab lahendada
Teenused vajavad selget järjekorda
Paigutame sisu nii, et külastaja mõistab pakkumist, leiab vajaliku info ja oskab valida järgmise sammu.
Teenusel on mitu tegevust
Broneerimine, iseteenindus või kataloog vajab loogilist ekraanide järjekorda ja selgeid juhiseid igas sammus.
Arendajal on vaja täpset disaini
Valmis vaated näitavad, kuidas leht töötab telefonis ja arvutis ning kuidas korduvad nupud, vormid ja muud osad käituvad.
Mida veebidisaini töö annab
- Selge lehe- ja menüüstruktuur
- Klikitav prototüüp
- Telefoni- ja arvutivaated
- Korduvate elementide disain
- Arendajale vajalikud failid ja selgitused
Disain otsustab enne piksleid
Lehestruktuur lähtub eesmärgist
Navigeerimine seob külastaja küsimused ettevõtte teenustega. Otsingumärksõnad aitavad teemasid valida, kuid iga leht vajab ka selget eesmärki.
Prototüüp kontrollib tegevust
Juhtmevisandis vaatame läbi põhiteekonna, vormid, tühjad ja veaseisud ning mobiilse järjekorra. Nii lahendatakse loogikaprobleemid enne visuaalse detaili ja koodi kallistamist.
Sisuplaanist valmis disainivaadeteni
Sisu ja lehestruktuur
Seame teenused, tõendid ja tegevused järjekorda ning otsustame, mida peab külastaja igal lehel mõistma ja tegema.
Prototüüp
Paneme põhilehed, vormid ja olulised olekud klikitavasse prototüüpi, et kontrollida loogikat nii telefonis kui arvutis.
Kohanduv disain ja üleandmine
Kujundame kinnitatud vaated, kirjeldame komponentide käitumise ning anname arendusele vajalikud failid ja märkused.
Mida vajame veebidisaini alustamiseks
Sisu ja ärieesmärk
Jagage olemasolevaid tekste, teenuste loendit ja eesmärki, mille poole külastaja peaks liikuma. Kui sisu alles valmib, alustame selle hierarhiast ja vastutajatest.
Kasutajad ja põhiteekonnad
Kirjeldage peamisi sihtrühmi ning tegevusi, mida nad telefonis ja arvutis lõpetama peavad. Olemasoleva lahenduse tagasiside aitab valida esimesed prototüübitavad vaated.
Mida lepime enne arendust kokku
- Esimese etapi kasutajad, rollid ja põhitegevus
- Vajalikud andmed ning nende haldamise põhimõtted
- Liidestatavad süsteemid ja testimisvõimalused
- Olulised eriolukorrad, õigused ja teavitused
Mitmekeelse e-poe näide
GoMedia kavandas Biolabica e-kaubanduse UX/UI, disainisüsteemi ja mitmekeelse kasutajateekonna kataloogist tellimuse ning kliendikontoni.
Disain, mida arendus saab kasutada
Üleandmine koondab kinnitatud vaated, mobiilse käitumise, komponendid, olekud ja vajalikud varad. Prototüüp näitab põhiteekondi ning märkused selgitavad sisu- ja käitumisreegleid. Lepime eraldi kokku, kes vastab arenduse ajal disainiküsimustele ja kuidas uued vaated olemasolevat süsteemi jätkavad.
Küsimused veebidisaini kohta
Mida veebidisain hõlmab?
Töö võib alata sisustruktuurist ja prototüübist ning jõuda seejärel visuaalse süsteemi ja valmis kohanduvate vaadeteni.
Kas olemasolevat brändi saab kasutada?
Jah. Hindame olemasolevaid värve, kirjatüüpe ja graafikat ning loome nende põhjal veebis toimivad komponendid. Brändiuuendus on eraldi ulatus.
Kas arendaja saab disaini otse kasutada?
Üleandmise detailsus lepitakse kokku. Tavaliselt sisaldab see vaateid, komponente, olekuid, kohanduva käitumise reegleid ja prototüüpi.