Sulava käyttökokemus, joka näyttää hyvältä
Suunnittelemme rakenteen, käyttäjäpolut ja käyttöliittymän niin, että kävijä löytää etsimänsä ja tekee sen, mitä sivustolla on tarkoitus tehdä.
Joku otsikko
Kaikki alkaa siitä, mitä käyttäjä tulee sivustolle tekemään ja mikä sitä tällä hetkellä estää. Olemme suunnitelleet käyttöliittymiä järjestöjen laajoihin verkkopalveluihin, B2B-yritysten sivustoihin, verkkokauppoihin ja verkkosovelluksiin, joissa käyttäjä tekee ihan oikeita päätöksiä.
Mistä käyttäjä tulee, mitä hän etsii ja mihin hänen kannattaa päätyä. Sivustorakenne ja navigaatio syntyvät näistä, ei organisaatiokaaviosta.
Hahmottelemme näkymät ensin karkeasti. Klikattavaa prototyyppiä on paljon halvempi muuttaa kuin valmista sivustoa.
Ilme, typografia ja komponentit brändisi pohjalta. Jos brändiohjeistoa ei ole, tehdään se ensin tai suunnitellaan ilme sen tilalle.
Kontrastit, kohdekoot, näppäinkäyttö ja otsikkohierarkia ratkaistaan suunnittelussa. Jälkikäteen korjaaminen on aina kalliimpaa.
Suunnittelemme myös sen, miten sivua päivitetään. Lohkot ja komponentit rakennetaan niin, että sisällöntuottaja saa aikaan siistin sivun ilman suunnittelijaa.
Suunnittelemme sen kohdan, jossa kävijästä tulee yhteydenotto, tilaus tai lahjoitus. Usein ratkaisu ei ole isompi painike vaan kokonaan uusi toiminnallisuus: Solarin tuoteopastin ja Elegan AI-visualisointi syntyivät siitä, että pelkkä tuotesivu ei riittänyt päätöksen tekemiseen.
Miksi valita juuri meidät kumppaniksi
6 syytä
Suunnittelija ei katoa, kun toteutus alkaa
Sama tiimi suunnittelee ja koodaa. Suunnitelmasta ei tipu pois niitä osia, jotka olivat teknisesti epäselviä.
Testaamme ennen kuin maksat väärästä suunnasta
Fressis.fi:n konsepti syntyi nuorten kanssa tehdystä käyttäjätutkimuksesta ja prototyypin testauksesta. Kaikkisyövästä.fi:ssä julkaisun jälkeinen laadullinen tutkimus ohjasi jatkokehitystä.
Saavutettavuus on osa suunnittelua
Toteutamme WCAG 2.2 AA -tason vaatimukset. Se ei ole tarkistuslista lopussa vaan reunaehto ensimmäisestä luonnoksesta.
Suunnittelemme myös sille, joka päivittää sivua
Ylläpitäjä käyttää palvelua enemmän kuin kukaan muu. Hänen työnsä helpottaminen näkyy suoraan siinä, miltä sivusto näyttää vuoden päästä.
Sanomme, jos idea ei toimi
Ymmärrämme ajatuksen, mutta kerromme suoraan jos siitä syntyy ongelma käytössä. Ja perustelemme miksi.
Kaunis ei riitä, jos se ei toimi
Ilme on tärkeä, mutta se on väline. Jos näyttävä ratkaisu hidastaa käyttäjää, se muutetaan.
Referenssit
Himos-Jämsä
Lyhyt kuvaus referenssistä
Elega AI-keittiögeneraattori
Verkkosovellus, joka tekee remonttihaaveesta näkyvän hetkessä
Exertus – Yrityksen sivustouudistus WordPressillä
Moderni verkkosivusto mobiilityökoneiden ohjausjärjestelmien asiantuntijalle
Flovi – kansainvälinen ja moderni Statamic-verkkosivusto
Räätälöity ja muokattava verkkosivusto Statamicilla
Fressis.fi – nuorten sovelluksellinen verkkosivusto
Nuorille suunnattu digitaalinen palvelukokonaisuus
FressisEdu – tietoa ja tukea nuorten nikotiinittomuuteen
WordPress-multisite nikotiinittomuuden toimintamallien ja materiaalien edistämiseen
Hämeenlinnan pysäköinnin WordPress-sivusto
Verkkosivustouudistus teki pysäköintipalvelusta selkeämmän ja helpommin käytettävän
Hyvän mielen työpaikka® -merkki – käyttäjäystävällinen WordPress-sivusto ja Oma Merkki -palvelu
Trimedia toteutti Hyvän mielen työpaikka® -merkin WordPress-sivustouudistuksen sekä Oma Merkki -palvelun, joka helpottaa hakemusten yhteiskäsittelyä ja ylläpitoa.
Ilmavoimamuseo – saavutettava WordPress-verkkosivusto museolle
Verkkosivusto uudistettiin palvelemaan museoasiakkaita selkeällä rakenteella, saavutettavalla käyttöliittymällä ja evästeettömällä analytiikalla.
JYU Executive MBA
Verkkosivuston uudistus – Selkeämmät kävijäpolut myynnin tueksi
Kaikki syövästä – personoitu verkkopalvelu Syöpäjärjestöille
Kaikki syövästä -verkkopalvelu kokoaa luotettavan syöpätiedon, tuen ja palvelut yhteen. Personointi auttaa löytämään omaan tilanteeseen sopivaa sisältöä.
Kainuun liitto – saavutettava vuosikello kokoaa organisaation tapahtumat yhteen
Toteutimme Kainuun liitolle saavutettavan vuosikellon ja tapahtumakalenterin, joka kokoaa organisaation tapahtumat yhteen ja tarjoaa joustavan ylläpidon.
Kansallisgallerian lahjoitussivusto varainhankintaan
Saavutettava WordPress-pohjainen lahjoitussivusto, joka tekee taiteen tukemisesta helppoa
Kultarahaksi.fi – sivusto ja generoidut paikkakuntasivut
WordPress-sivusto, joka näyttää jalometallien hinnan reaaliajassa ja näkyy joka kunnassa
Luoto.info: Järjestön asiantuntijatukea multisite-ratkaisuna
Syöpäjärjestöjen digitaalinen keskustelutukipalvelu WordPress Multisite -ratkaisuna
Mallipohja – tätä voi kopioida uudistuksessa
WordPress-multisite-ratkaisu, jossa paikallinen ja valtakunnallinen sisältö kulkee automaattisesti kahteen suuntaan
Mediataitokoulu – saavutettavia materiaaleja mediakasvatukseen
Käyttäjälähtöinen materiaalipankki, joka parantaa sisältöjen löydettävyyttä, saavutettavuutta ja ylläpidettävyyttä.
MIELI ry – Sivuston haltuunotto ja jatkokehitys
mieli.fi sivuston haltuunottoprojekti ja jatkuvan kehityksen kumppanuus
MIELI ry:n lahjoitussivusto – sujuvaa varainhankintaa ja integraatioita
Helppo lahjoittaminen, kampanjat, maksutavat ja CRM-integraatiot yhdistettynä saavutettavaan WordPress verkkopalveluun.
Mielipotti – Keräysalusta mielenterveystyön tueksi
Räätälöity keräysalusta oman varainkeruun mahdollistamiseksi mielenterveystyön puolesta.
Mieliyhdistykset.fi – 58 yhdistyksen multisite
WordPress-multisite-ratkaisu, jossa paikallinen ja valtakunnallinen sisältö kulkee automaattisesti kahteen suuntaan
Näin suunnittelu etenee
1-2-3
Työpajassa käydään läpi liiketoiminnan tavoitteet, kohderyhmät ja se, mikä nykyisessä palvelussa ei toimi. Katsomme myös analytiikan, jos sitä on kerätty. Tuloksena on lista päätettävistä asioista, ei vielä ratkaisuja.
Selvitämme, mitä käyttäjät oikeasti tekevät ja missä he tällä hetkellä jumittavat. Laajuus skaalataan budjettiin: joskus riittää olemassa olevan datan ja asiakaspalvelun kysymysten läpikäynti, joskus tehdään haastattelut. Fressis.fi:ssä nuoret olivat mukana jo tässä vaiheessa, ja se muutti lopputulosta.
Sivustorakenne, käyttäjäpolut ja rautalankamallit. Tässä vaiheessa päätetään mitä sivustolla on ja missä järjestyksessä. Käymme luonnokset läpi kanssasi ennen kuin yhtään pikseliä viimeistellään, koska rautalankaa on halvempi muuttaa kuin valmista suunnitelmaa.
Päänäkymät, komponentit ja tilat: miltä lomake näyttää täytettynä, mitä tapahtuu virheen sattuessa, miltä sivu näyttää kun sisältöä on liikaa tai liian vähän. Saavutettavuus on reunaehto, ei viimeinen tarkistus.
Testaamme oikeilla käyttäjillä ja hienosäädämme. Sen jälkeen suunnitelma siirtyy toteutukseen samalle tiimille, joten avoimia kohtia ei jää neuvoteltavaksi kesken koodauksen.
Projektin sisältö
Eli mitä saat
Juttu
Jutun kuvausteksti.
Juttu
Jutun kuvausteksti.
Juttu
Jutun kuvausteksti.
Juttu
Jutun kuvausteksti.
Juttu
Jutun kuvausteksti.
Asiakkailtamme
”Verkkosivu-uudistus toteutettiin laadukkaasti ja tarpeidemme mukaan. Lopputulos paransi sivustomme ilmettä, käytettävyyttä ja asiakaskokemusta merkittävästi.”
Tiina Nygrén
Koordinaattori, Visit Himos–Jämsä
”Trimedia onnistui luomaan sivuston, joka todella puhuttelee nuoria, visuaalisesti, sisällöllisesti ja käytettävyyden osalta. Yhteistyö oli sujuvaa ja asiantuntevaa alusta loppuun.”
Syöpäjärjestöt
Ota yhteyttä
Aloitetaan yhteistyö!
Kerro lyhyesti tarpeestanne ja olemme yhteydessä.
Arto Saksola
CEO
Usein kysyttyä
UX-suunnittelu ratkaisee, miten palvelu toimii: mitä käyttäjä tekee, missä järjestyksessä ja mistä hän löytää tarvitsemansa. UI-suunnittelu ratkaisee, miltä se näyttää ja miten sitä käytetään. Käytännössä molemmat tehdään samassa projektissa, koska rakenteen voi pilata myös huonolla visuaalisella hierarkialla.
Riippuu laajuudesta. Yksittäisen näkymän tai lomakkeen suunnittelu on päivien työ, koko verkkopalvelun rakenne ja käyttöliittymä viikkoja. Kartoituspalaverissa annamme arvion juuri sinun tapauksellesi. (Vahvista päivä-/viikkoarviot.)
(Tämä pitää vahvistaa. Emosivulla luvataan, että palvelut toimivat myös yksittäisinä, mutta se ei sama asia kuin että suunnittelu luovutetaan toiselle toteuttajalle. Kerro linja, niin kirjoitan vastauksen. Kysymys kannattaa pitää sivulla joka tapauksessa, sitä haetaan.)
Oma näkemys on hyvä lähtökohta, mutta se on aina jonkun mielipide. Kevyt testaus prototyypillä muutaman oikean käyttäjän kanssa löytää yleensä sen kohdan, jossa polku katkeaa. Fressis.fi:ssä nuoret olivat mukana jo konseptointivaiheessa, ja se muutti lopputulosta.
Kyllä, ja se nopeuttaa työtä. Suunnittelemme käyttöliittymän olemassa olevan ilmeen pohjalta ja täydennämme sitä niiltä osin, joita ohjeisto ei kata, esimerkiksi lomakkeilla, tilailmoituksilla ja virhetilanteilla. Ne puuttuvat useimmista ohjeistoista.
Suunnittelemme WCAG 2.2 AA -tason vaatimusten mukaan. Käytännössä se tarkoittaa riittäviä kontrasteja, tarpeeksi suuria kohdealueita, loogista otsikkohierarkiaa ja sitä että palvelua voi käyttää pelkällä näppäimistöllä. Nämä ratkaistaan luonnosvaiheessa, koska myöhemmin korjaaminen tarkoittaa yleensä uudelleensuunnittelua.