Web- ja mobiilisovellukset
Sovelluskehitys
Räätälöidyt web- ja mobiilisovellukset erityistarpeisiin, ideasta valmiiseen tuotteeseen.
UI/UX-suunnittelu yrityksille
Selkeä käyttäjälle, toteutettava kehittäjille.
- Kesto
- Käytettävyysarvio noin viikko
- Sopii
- Pk-yritykset ja ohjelmistoyritykset
- Esimerkit
Hyvä käyttöliittymä ei juuri näy käyttäjälle. Se vain toimii.
Tätä UI/UX-suunnittelu on, ja teen sitä Jyväskylästä ja etäprojekteina kaikkialle Suomeen.
01 Mitä saat
Arviosta design systemiin
- 01
Käytettävyysarvio
Käyn olemassa olevan palvelusi läpi, ja saat raportin siitä, mikä toimii ja mikä ei, sekä korjausehdotukset.
- 02
Käyttäjätestaus
Palvelua tai prototyyppiä testataan oikeilla kohderyhmäsi käyttäjillä.
- 03
Rautalankamallit
Rakenne ja toiminnot suunnitellaan ensin pelkistettyinä, jotta olennainen ratkaistaan ennen yksityiskohtia.
- 04
Todenmukaiset prototyypit
Prototyyppiä voi käyttää kuin valmista palvelua, ja usein se on tehty oikealla koodilla.
- 05
Visuaalinen suunnittelu
Valmiin käyttöliittymän ulkoasu suunnitellaan brändisi mukaan.
- 06
Design system
Painikkeet, lomakekentät, värit, typografia ja niiden käyttösäännöt yhdessä paikassa pitävät palvelun yhtenäisenä ja nopeuttavat kehitystä.
- 07
Toteutus tai luovutus
Toteutan käyttöliittymän itse tai luovutan suunnitelmat, prototyypin ja komponenttikirjaston kehittäjillesi.
- 08
Suunnittelija tiimiisi
Ilman rekrytointia saat kehitystiimiisi suunnittelijan, joka on mukana jatkuvasti, esimerkiksi sovittuina päivinä kuukaudessa.
02 Mitä UI ja UX tarkoittavat?
UI tulee englannin sanoista user interface eli käyttöliittymä. Se on se osa palvelua, jonka käyttäjä näkee ja jota hän käyttää: näkymät, painikkeet, lomakkeet, tekstit ja värit. UX tulee sanoista user experience eli käyttökokemus. Se kuvaa, miltä palvelun käyttäminen kokonaisuutena tuntuu: löytääkö käyttäjä etsimänsä, onnistuuko hän tehtävässään ja haluaako hän palata.
Kaunis käyttöliittymä ei auta, jos käyttäjä ei ymmärrä, mitä seuraavaksi pitäisi tehdä. Siksi suunnittelen molemmat samalla kertaa, niin että käyttöliittymä palvelee sekä käyttäjää että yrityksesi tavoitteita.
03 Prototyypit oikealla koodilla
Kuvat vai toimiva prototyyppi?
Kun kehittäjät rakentavat kuvat uudelleen koodilla, matkalla moni yksityiskohta muuttuu tai katoaa.
04 Esimerkki: ImpactOS
Design system pitää palvelun johdonmukaisena
Olin perustamassa ImpactOS-alustaa ja muotoilin sille design systemin, vuorovaikutusmallit ja tuotesuunnan seitsemän vuoden ajan, ja toimitusjohtaja Klaus Matilainen kuvaa minua yhdeksi tehokkaimmista suunnittelijoista, joiden kanssa hän on työskennellyt.
Katso työnäyte →05 Käytettävyysarvio: mistä kannattaa aloittaa
Jos sinulla on jo sovellus, verkkopalvelu tai verkkokauppa, käytettävyysarvio on hyvä ensimmäinen askel. Käyn palvelun läpi käyttäjän näkökulmasta: löytyvätkö tärkeimmät toiminnot, ovatko tekstit ja painikkeet ymmärrettäviä ja missä käyttäjä jumittuu tai luovuttaa. Arvio voi paljastaa esimerkiksi, miksi verkkokaupan ostajat jättävät ostoskorin kesken tai miksi verkkosivujen yhteydenottolomake jää käyttämättä.
Uudistuksen alla arvio kertoo, mitkä hyvät ratkaisut kannattaa säilyttää. Jos taas tarvitset kokonaan uuden sovelluksen, katso sovelluskehitys.
06 Näin työ etenee
Rautalankamalleista luovutukseen
- 1
Aloituspalaveri
Käydään läpi tavoitteet, käyttäjät ja nykytilanne, minkä jälkeen saat eritellyn tarjouksen.
- 2
Arvio ja testaus
Jos palvelu on jo olemassa, selvitetään ensin, miten se toimii nyt, mieluiten omien kohderyhmäsi käyttäjien kanssa.
- 3
Rautalankamallit
Rakenne, näkymät ja toiminnot suunnitellaan pelkistettyinä.
- 4
Prototyyppi
Todenmukaista prototyyppiä testataan ja parannetaan, kunnes se toimii.
- 5
Visuaalinen suunnittelu
Käyttöliittymälle suunnitellaan lopullinen ilme.
- 6
Luovutus
Kehittäjät saavat design systemin ja komponenttikirjaston, tai toteutan käyttöliittymän itse.
- Käytettävyysarvio kestää yleensä viikon
- Projektin kesto riippuu palvelun laajuudesta
- Kesto sovitaan aloituspalaverissa
07 Hinnoittelu
Sovitaan projektikohtaisesti
Tuntihinta, päivähinta tai kiinteä projektihinta työn mukaan.
Mitä tarvitsen sinulta
- Aloituspalaveriin tiedon siitä, mitä haluat parantaa tai rakentaa
- Tavoitteet ja tiedon siitä, keitä palvelun käyttäjät ovat
- Linkin palveluun tai pääsyn siihen, jos arvioitava osa on kirjautumisen takana
- Mahdolliset brändiohjeet ja olemassa olevat suunnitelmat
- Käyttäjiä kohderyhmästäsi, jos palvelua testataan käyttäjillä
- Yhden yhteyshenkilön, joka voi tehdä päätöksiä
08 Miksi Tuuliajo
Olen johtanut UI/UX-suunnittelua yli sadassa digituotteessa, joten tiedän, mikä toimii oikeasti ja mikä näyttää hyvältä vain demoissa. Keskustelet koko ajan suoraan tekijän kanssa, joka myös koodaa, joten suunnitelma ei muutu matkalla toteutukseen.
Usein kysyttyä
Tarvitaanko käytettävyysarvioon tunnukset tai pääsy järjestelmään?
Yleensä ei. Arvioon riittää yleensä palvelun julkinen versio. Jos arvioitava osa on kirjautumisen takana, pääsystä sovitaan erikseen.
Mitä käytettävyysarviosta jää käteen?
Saat raportin sekä korjausehdotukset. Niiden avulla ongelmat voi korjata omalla tiimillä tai yhdessä kanssani.
Voiko prototyyppiä testata oikeilla käyttäjillä?
Voi, ja se kannattaa. Yleensä parasta on, että testaukseen osallistuu omia kohderyhmäsi käyttäjiä, koska he käyttävät palvelua myös oikeasti.
Toteutatko käyttöliittymän itse vai luovutatko sen meidän kehittäjillemme?
Molemmat ovat mahdollisia. Voin toteuttaa käyttöliittymän itse, tai luovutan suunnitelmat, prototyypin ja komponenttikirjaston kehittäjillesi.
Voiko UI/UX-työtä ostaa jatkuvana palveluna?
Ehdottomasti. Voin toimia kehitystiimisi suunnittelijana jatkuvasti, esimerkiksi sovitun määrän päiviä kuukaudessa.
Sopiiko UI/UX-suunnittelu pienelle yritykselle, jolla ei ole omaa sovellusta?
Sopii hyvin. Myös verkkosivuston tai verkkokaupan käytettävyyttä voi arvioida ja parantaa.
Muut palvelut
Yrityksen kotisivut
Verkkosivut
Sivustot suunnittelusta julkaisuun. Nopeat, saavutettavat ja hakukoneille rakennetut.
Myynti verkossa
Verkkokaupat
Ostopolku tuotesivuista kassaan. Kaupat, joita on helppo käyttää ja ylläpitää.
Seuraava askel
Kerro projektistasi.
Kerro lyhyesti, mitä olet tekemässä. Katsotaan yhdessä, miten asia kannattaa toteuttaa.