Aikanaan, jos sanoit sanan ”design”, todennäköisyys oli ylivoimaisen suuri, että puhuit graafisesta suunnittelusta. Nykyään digitaalinen maailma on kuitenkin yhä monimutkaisempi ja uusia työtehtäviä ilmestyy paljon, mikä aiheuttaa hämmennystä muotoilualan ulkopuolella oleville tai alalle vasta-alkajille. Tässä on lyhyt katsaus muotoilun neljään eri ensisijaiseen muotoon, jotta ymmärrät, mitä ne tarkoittavat.
kuvan tekijä: Netizen Experience
Kuten Wikipediasta löytyy: ”Käyttäjäkokemuksen suunnittelu (User Experience Design, UXD, UED tai XD) on prosessi, jonka tarkoituksena on lisätä käyttäjän tyytyväisyyttä parantamalla käyttäjän ja tuotteen välisen vuorovaikutuksen tarjoamaa käytettävyyttä, saavutettavuutta ja nautintoa. Käyttäjäkokemussuunnittelu kattaa perinteisen ihmisen ja tietokoneen välisen vuorovaikutuksen (HCI) suunnittelun ja laajentaa sitä käsittelemällä tuotteen tai palvelun kaikkia näkökohtia sellaisena kuin käyttäjät sen näkevät.”
UX-suunnittelija on henkilö, joka vastaa tuotteiden ”logiikan” luomisesta rautalankamallien ja prototyyppien avulla ohjelmistojen kuten Axure, JustInMind, Mockplus jne. avulla. Viestintä on yksi UX-suunnittelijoiden kriittisistä taidoista. UX-suunnittelijat tekevät myös tutkimuksia ja kilpailuanalyysejä alussa sekä tekevät käytettävyystestausta ja A/B-testausta projektin käynnistämisen jälkeen. UX-suunnittelijat ovat ensisijaisesti huolissaan siitä, miltä tuote tuntuu. Jos verkkosivustosi tai sovelluksesi on vaikea käyttää, käyttäjät todennäköisesti turhautuvat ja siirtyvät johonkin muuhun. Jos taas käyttäjillä on hyvä käyttökokemus, he palaavat todennäköisemmin takaisin ja kertovat ystävilleen, kuinka hieno sovelluksesi on.
Tuotokset: Wireframes, Prototyypit, Storyboardit, Sivukartta, Kirjalliset määrittelyt.
Työkalut: Sketch, Axure, Mockplus, Fireworks, UXPin
UI Design (käyttöliittymäsuunnittelu)
kuvan on ottanut: Julessdesign
Käyttäjäkokemusta konsultoivan Adaptive Path -yrityksen kirjoittaja ja perustaja Jesse James Garrett määrittelee käyttöliittymäsuunnittelun niin, että siinä on kyse siitä, että valitaan oikeat käyttöliittymäelementit – kuten tekstiä, painikkeita, tekstikenttiä, värikoodattuja luetteloita jne. – sen tehtävän kannalta, jota käyttäjä yrittää suorittaa, ja järjestetään ne ruudulle siten, että ne ovat helposti ymmärrettävissä ja käytettävissä. Tavoitteena on tehdä käyttäjän vuorovaikutuksesta mahdollisimman tehokasta ja yksinkertaista.
Käyttöliittymäelementteihin kuuluvat muun muassa:
Syöttöohjaimet: painikkeet, tekstikentät, valintaruudut, valintapainikkeet, pudotusvalikot, luetteloruudut, vaihtovalikot, päivämääräkenttä
Navigointikomponentit:
Informaatiokomponentit: työkaluvihjeet, kuvakkeet, etenemispalkki, ilmoitukset, viestilaatikot, modaaliset ikkunat
Kontit: harmonikka
Työkalut: Photoshop, Sketch, Illustrator, Fireworks, InVision
IA (informaatioarkkitehtuuri)
imgae by: ga-core.s3.amazonaws.com
Informaatioarkkitehtuurissa (IA) on kyse tavasta, jolla verkkosivut/sovellukset on jäsennelty ja miten sisältö on järjestetty. Tavoitteena on auttaa käyttäjiä löytämään tietoa ja suorittamaan tehtäviä. ”Toisin sanoen informaatioarkkitehtuuri on sellaisen rakenteen luomista verkkosivustolle, sovellukselle tai muulle projektille, jonka avulla voimme ymmärtää, missä me käyttäjinä olemme ja missä haluamamme tieto on suhteessa sijaintiimme. Tietoarkkitehtuurin tuloksena luodaan sivustokarttoja, hierarkioita, kategorisointeja, navigointia ja metatietoja. Kun sisältöstrategi ryhtyy erottelemaan sisältöä ja jakamaan sitä kategorioihin, hän harjoittaa informaatioarkkitehtuuria. Kun suunnittelija luonnostelee ylimmän tason valikon auttaakseen käyttäjiä ymmärtämään, missä he ovat sivustolla, hän harjoittaa myös informaatioarkkitehtuuria.”- from uxbooth.com
Joitakin IA:n pätevyyksiä:
1. Kokemus monimutkaisten digitaalisten ominaisuuksien dokumentoinnista (verkkosivustot, mobiilisovellukset, tuotteet ja järjestelmäpalvelut)
2. Erittäin yksityiskohtainen dokumentointi, kyky löytää ristiriitaisuuksia, halkeamia jne. monimutkaisten sivustojen dokumentoinnista
3. Axure, OmniGraffle, Keynote sekä Visio ja muut suoraan IA:han liittyvät ohjelmat
4. Käytettävissä olevien tietojen ja resurssien analysointi optimaalisen IA-lähestymistavan arvioimiseksi
Vahvat kommunikointitaidot (kirjalliset ja suulliset) ja kyky esitellä tehokkaasti toimiston ja asiakkaan henkilöstölle
5. On oltava analyyttinen, ahkera, luova, utelias ja kiinnostunut ihmisistä ja ideoista
6. On oltava itsevarma ja motivoitunut oma-aloitteinen
IxD (vuorovaikutussuunnittelu)
IxD:n määritelmä: ”Vuorovaikutussuunnittelu (Interaction Design, IxD) määrittelee vuorovaikutteisten järjestelmien rakenteen ja käyttäytymisen. Vuorovaikutussuunnittelijat pyrkivät luomaan mielekkäitä suhteita ihmisten ja heidän käyttämiensä tuotteiden ja palveluiden välille, tietokoneista mobiililaitteisiin ja laitteisiin ja paljon muuta. Käytäntömme kehittyvät maailman mukana.” – from ixda.org
IxD-suunnittelija on henkilöitä, jotka vastaavat verkkosivustojen/sovellusten liikkuvien elementtien & vuorovaikutuksesta. Jos olet nähnyt jollakin verkkosivustolla tai sovelluksessa hienon animaation, joka sai sinut sanomaan vau tai joka on todella siisti, sitä tekevät liikesuunnittelijat.
IxD-suunnittelijan työnkuva Googlella:
Vuorovaikutussuunnittelijan roolissa tartut monimutkaisiin tehtäviin ja muutat ne intuitiivisiksi, helppokäyttöisiksi ja helposti lähestyttäviksi malleiksi miljardeille ihmisille eri puolilla maailmaa – ensikertalaisesta käyttäjästä vaativaan asiantuntijaan. Tämän tavoitteen saavuttaminen edellyttää yhteistyötä suunnittelijoista, tutkijoista, insinööreistä ja tuotepäälliköistä koostuvien tiimien kanssa koko suunnitteluprosessin ajan – käyttäjävirtojen ja rautalankakehysten luomisesta käyttöliittymämallien ja prototyyppien rakentamiseen. Jokaisessa vaiheessa ennakoit, mitä käyttäjät tarvitsevat, puolustat heitä ja varmistat, että lopputuote yllättää ja ilahduttaa heidät.
Yliyksinkertaistettuna ja käyttäjäystävällisesti pähkinänkuoressa UX-suunnittelu on siis sitä, miltä sovellukset tuntuvat käyttäjän mielestä, UI-suunnittelu on sitä, mitä, missä ja miten elementit toimivat sovelluksissa, informaatioarkkitehtuuri on sitä, miten sovellus on organisoitu, ja vuorovaikutussuunnittelu on sitä, miten käyttäjä ja sovellus käyttäytyvät ja reagoivat toisiinsa.
Viimeiseksi, mutta ei suinkaan vähäisimmäksi, näiden erilaisten suunnittelutehtävien väliset raja-aidat ovat hyvin häilyviä. IxD on lähestymistavaltaan melko samanlainen kuin UX-suunnittelu, sillä se on osa UX-suunnittelusykliä, joten joissakin tapauksissa näillä rooleilla voi olla paljon päällekkäisyyttä.