Tervetuloa-näytön käyttöliittymäsuunnittelu
Asiakkaalle tervetuloa-näytön päivitetty käyttöliittymäsuunnittelu. Asiakas toivoi selkeitä animoituja ääriviivakuvakkeita, jotka noudattavat brändin tyyliä. Tekstiosioissa säilytettiin pääosin alkuperäinen asettelu.
Haaste
Alkuperäiset tervetuloa-näytön osiot olivat hieman kömpelön omaiset ja osittain ääriviivakuvake henkisiä, kuten brändi-ilmeen ohjeistuksessa. Ne eivät kuitenkaan kaikki animoituneet. Asiakas toivoi kokonaisuuden olevan selkeämpi ja yhtenäisempi. Tekstisisältöjä ei lähdetty muuttamaan.
Tervetuloa-näyttö on ensimmäinen käyttöliittymän osa, joka toivottaa käyttäjän tervetulleeksi ja tarjoaa tietoa sovelluksesta sekä mahdollisia ohjeita aloitukseen. Sen tarkoituksena on luoda positiivinen ensivaikutelma ja auttaa käyttäjää aloittamaan sovelluksen käytön.
Prosessi
Olin jo aiemmin tehnyt asiakkaalle töitä, joten heidän brändinsä oli minulle tuttu. Olin jo suunnitellut heille ääriviivakuvakkeita, joita käytin hyödykseen myös tervetuloa-näytön osuuksissa. Kun alkuperäinen ideointi oli valmis, otin yhteyttä kehittäjään selvittääkseni tekniset vaatimukset.
Mitä opin?
En ollut aiemmin tehnyt valmiita animaatioita mobiilisovelluksiin. Sitten tutustuin uuteen työkaluun, nimeltä Lottie files. Se mahdollistaa skaalautuvien vektori- ja animaatiotiedostojen käytön sovelluksissa. Sen avulla voidaan luoda ja integroida monimutkaisia animaatioita suoraan sovelluksiin, mikä tekee niistä kevyitä ja nopeita ladata ja esittää. Animaatioita tallennetaan JSON-muodossa.
