Prototypoinnin vuosi 2018 – uusia työkaluja suunnittelijoille

18.01.2018

Prototypoinnin vuosi 2018 – uusia työkaluja suunnittelijoille

Vuosi 2018 alkaa mielenkiintoisesti suunnittelijoille. Viime vuoden lopulla useampikin yritys ilmoitti julkaisevansa oman, koko interaktiosuunnittelun polun kattavan ohjelmistopakettinsa.

UI-suunnittelun työvälineet ovat enemmän tai vähemmän junnanneet paikoillaan viime vuodet, jokaisen työkalun keskittyessä vain yhteen osa-alueeseen. On iso kasa softaa rautalangan vääntöön, Photoshoppia leiskaan ja julmettu määrä erilaisia verkkopalveluja interaktioiden prototypointiin. Suunnittelijan näkökulmasta tämä on tarkoittanut monen työkalun palapeliä, jossa muutokset tehdään jokaiseen softaan erikseen.

Interaktiosuunnittelun alalla onkin jo pitkään odotettu yhtä Sovellusten Sovellusta, joka niputtaisi kaikki yksittäisen työkalut yksiin kansiin, kattaen koko prosessin aina ensimmäisistä rautalangan tuherruksista visuaalisella ilmeellä varusteltuun interaktiiviseen protoon. Mac-maailmassa Sketch kaikkine plugareineen on käytännössä täyttänyt tätä tyhjiötä enemmän tai vähemmän saumattomasti – tosin Sketchin Windows-versiota ei ole, eikä tule.

Adobe XD

Ensimmäisen julkaisun teki Adobe, jolla on jo muutenkin melkoinen etumatka design-maailmassa. Adoben Experience Design – kavereiden kesken XD – on hiljattain beta-versiota poistunut suunnittelutyökalu, joka yhdistää erittäin kätevästi UI:n suunnittelun ja näin syntyneiden luomusten protoilun. Heti alkuun täytyy mainita, että XD on osa Creative Cloud -pakettia, eli useille suunnittelijoille täysin maksuton.

Työkalun painopiste on selkeästi mobiilisovelluksissa ja muiden Adobe-sovellusten yhteiskäytössä. Työkalu yhdistyy Adoben omaan pilveen, jolloin kliksuteltavan proton muutokset saa päivitettyä vaikkapa puhelimella katseltavaksi parissa sekunnissa.

XD:n lapsenkenkäisyys on vielä selkeästi nähtävissä, ja esimerkiksi saumaton putki muihin Adobe-sovelluksiin on toistaiseksi luvattoman repaleinen. Adobella kuitenkin riittää paukkuja ohjelmistojensa kehittämiseen ja joukko uudistuksia, mukaan lukien usean käyttäjän yhtäaikainen editointi, onkin aivan kulman takana.

Invision Studio

Kulman takana olemisesta puheenollen, toistaiseksi ainoastaan interaktioihin keskittynyt InVision on hypettänyt kehitteillä olevaa, InVision Studio –nimeä kantavaa ratkaisuaan jo pitkähkön tovin verran.

InVision Studio lupaa olevansa The world’s most powerful screen design tool, mahdollistaen lähes kaiken mahdollisen aina responsiivisesta asettelusta animaatioon saakka. Päivitys nykyiseen web-palveluun nähden on siis valtava, eikä yritystä ainakaan kunnianhimon puutteesta voi sättiä.

Sovelluksen lupaukset ovat suuret, ja toteutuessaan InVision Studiosta tulisikin vahva haastaja Adobelle, erityisesti animaatiotoimintojen osalta. Työkalun ensimmäistä aaltoa tosin on saanut odottaa jo kuukausitolkulla, ja nähtäväksi jää, ehtiikö Adobe XD vakiinnuttaa asemansa ennen InVision Studion julkaisua.

Balsamiq Wireframes

Kolmas varteenotettava ehdokas on pienten osastoa edustava Balsamiq, joka on ilmoittanut päivittävänsä työkalunsa Balsamiq Wireframes -versioon. Kolmisen kuukautta sitten julkaisupäiväksi ilmoitettiin ”hyvin pian”, eli ei kannata hötkyillä henkensä pidättämisen kanssa.

Balsamiq:n vahvin puoli on aina ollut varhaisen vaiheen rautalangat, ja käyttöliittymän iteratiivinen ideointi Balsamiq:lla onkin huikean nopeaa. Balsamiq Wireframes jatkaa samaa polkua, lisäten usean käyttäjän yhtäaikaisen editoinnin ja tuen ohjelmistoprosessin muihin osuuksiin (Confluence, JIRA).

Balsamiq Wireframes ei edes yritä kilpailla Adobe XD:n ja InVision Studion hifi-protoilun tontilla, vaan keskittyy prosessin alkuvaiheeseen. Jos sovelluksen interaktiivisuuden mallinnus vielä saadaan säädettyä kohdilleen, on sillä varsin hyvät saumat peitota isommat pelaajat varhaisen protoilun työkaluna.

Adobeksi Adoben paikalle?

Tällä haavaa Adobe XD:n etulyöntiasema näyttää vahvalta, ja enteet viittaisivat siitä tulevan IxD-maailman Photoshop. Adobella on vuosikymmenten aikana muodostunut vahva side suunnittelijoihin, ja käytännössä maksuttoman ratkaisun kanssa on hinnallakin hankala kilpailla.

Alalla on viime aikoina tapahtunut myös joukko yritysostoja, joissa yhden tempun poneiksi ajautuneet sovellukset ovat yhdistäneet voimansa. Voisiko käydä niin, että joukko pienempiä pelaajia yhdistää voimansa Adobea vastaan, vai ostaako Adobe InVisionin pois jaloista pyörimästä?

Oma arvaukseni tällä vuodelle olisikin, että Adobe XD muodostuu interaktiosuunnittelun standardisovellukseksi, Invision Studion paikatessa korkeamman interaktioasteen tarpeita, ja Balsamiq Wireframes:n keskittyessä pitkän toteutuspolun desktop-sovelluksiin.

No, tietenkin vielä on se mahdollisuus, että jokin Axuren kaltainen vanhapartakin lähtisi uudelle kierrokselle.

Jaa
Contact Person

Bloggaaja

Markus Kuuranta

Bilot Alumnus