Teknisten ohjelmistojen käyttäjäkokemus ja käyttöliittymäsuunnittelu

Suunnittelu ammattimaista simulointiohjelmistoa varten

Ammattikäyttäjät

UX-suunnittelu

UI-suunnittelu

ASIAKASGexcon
SIJAINTILondon, UK
TIIMIUX designer, UI designer, interaction designer, project manager, product owner, researcher
VERKKOSIVUSTO

Ohjelmisto on tunnustettu tehokkaimmaksi laskennallisen nestedynamiikan ohjelmistoksi sen simulointiominaisuuksien ansiosta. Tämä ei ole mikään yllätys, kun otetaan huomioon, että se kehitettiin 90-luvulla Chr. Michelsenin tiedeinstituutissa.

Ongelma on kuitenkin seuraava: alkuperäiset käyttäjät ovat nyt eläkkeellä, ja heidän uudemmat kollegansa suosivat vähemmän suorituskykyisiä ohjelmistovaihtoehtoja helpomman oppimisprosessin vuoksi.

Tämä ongelma johti heidät UX-suunnittelutoimistomme luo. Tehtävämme oli miettiä uudelleen koko käyttäjäkokemus ja näin ollen antaa ohjelmistolle vielä 25 vuotta hyllyssä.

PANOKSEMME

Requirements Mapping

Käyttäjätutkimus

Benchmarking

UX-suunnittelu

Prototyyppien rakentaminen

UI Design - Light and Dark

Design System

Laadunvarmistus

KESKINÄISEN RIIPPUVUUDEN NOIDANKEHÄN KATKAISEMINEN

Ohjelmisto oli ollut olemassa 25 vuotta, ja sen historia ilmeni monimutkaisten riippuvuussuhteiden verkostona. Miten UX-suunnittelijana selviää tästä?

Ensinnäkin vakuutimme tuotepäälliköt siitä, että jos suunnittelemme tulevaisuutta varten, meidän on ohitettava heidän intuitionsa siitä, mitä käyttäjät tarvitsivat menneisyydessä.

Teimme neljä viikkoa käyttäjätutkimusta ja kartoitimme tulevien käyttäjien tarpeita. Toinen prosessissamme käyttämämme hakkerointi oli se, että aloitimme keskeltä, ennen kuin ryhdyimme suunnittelemaan ennalta arvaamatonta loppupään suunnittelua. Tunnistimme 10 keskeistä UX-suunnittelun haastetta ja kehitimme kuhunkin niistä muutaman mahdollisen ratkaisun - kuudessa viikossa kartoitimme UX-suunnittelun vaihtoehtotilan.

Tämä johti tyytyväisyyteen molemmissa päissä: laajemman UX-muutoksen lähtökohdat olivat kunnossa, ja tulevaisuuteen suuntautunut ymmärrys käyttäjien tarpeista tuki sitä. Tämän lisäksi meillä oli myös karkea käsitys siitä, miltä keskeiset käyttöliittymäalueet voisivat näyttää, mikä auttoi meitä suunnittelumatkallamme.

Kaavio teknisten ohjelmistojen UX- ja UI-suunnitteluprosessista.
Quotes
En voi uskoa, miten paljon opit yksin kolmessa päivässä, jopa jotkut kouluttamani asiantuntijat tarvitsevat enemmän aikaa.
UX research user
Franz Zdravistch
Ph.D.​​ Chief Training Engineer

UNDERSTANDING 15 YEARS OF TECHNICAL DEBT

Sanotaan, että "suunnittelijat vihaavat teknistä velkaa ja haluavat mieluummin tyhjän pöydän".

Tämä ei pidä paikkaansa UX-suunnittelutoimistossamme. Historia on ja tulee aina olemaan rikas tietolähde, joka vain odottaa, että sitä käytetään ammattimaisen ohjelmiston suunnittelussa.

Kysymys kuuluu: miten omaksua niin paljon niin lyhyessä ajassa? Istut alas ja opit.

Voima on itseohjautuvassa oppimisessa, mikä tämän suunnitteluprojektin tapauksessa tarkoitti: Tämä tarkoitti: käsikirjojen lukemista, opiskelua Youtuben opetusohjelmien avulla, testien/harjoitusten suorittamista ohjelmistossa ja ennen kaikkea monien kysymysten keräämistä.

Esitimme nämä kysymykset keskeisille sidosryhmille. Osa niistä oli tarkoitettu tuotepäälliköille, osa kehittäjille. Lopulta he viettivät viikon aikana noin neljä tuntia kanssamme. Se riitti juuri ja juuri siihen, että saimme toimintamme käyntiin.

Kuvakaappauksia vanhasta CFD-simulointiohjelmiston käyttöliittymästä.

AMMATTIKÄYTTÄJIEN TARPEIDEN KARTOITTAMINEN

Ammattimaisten ohjelmistojen käyttäjien tarpeet ovat monimutkaisia. Työnkulkuihin sisältyy useita vaiheita, ja ne ovat harvoin lineaarisia. Käyttäjät haluavat ja tarvitsevat paljon erilaisia asioita. Mitään malleja ei kuitenkaan näytä olevan olemassa. Kaikki vuorovaikutus on yhdellä näytöllä ilman linkitettyjä sivuja, toisin kuin web-kojelaudoissa.

Tuotepäälliköt saattavat näyttää ymmärtävän syvällisesti yhtä rutiinia, mutta he ymmärtävät vain murto-osan käyttäjien tarpeiden todellisesta monimuotoisuudesta.

Tämän tietäen otimme yhteyttä todellisiin käyttäjiin löytääkseen tarvittavat vivahteet. Hyödynsimme kokemustamme käyttäjätutkimuksesta ja teknisestä tutkimuksesta, joten lähestyimme hanketta käytännönläheisesti ja tehokkaasti.

Kaavio käyttäjien tarpeiden analysoinnista monimutkaisten ohjelmistojen käyttöliittymäsuunnittelua varten.
Abstrakti grafiikka, jossa tumma kuutio ja vaalea pallo rikkovat UX-tapaustutkimuksen.

TUTKIMUS PALJASTAA TUOTEMAHDOLLISUUKSIA

Sidosryhmät olivat yllättyneitä, kun tutkimuksessa kävi ilmi, että tietyt ominaisuudet, joiden ylläpito on kaikkein kalleinta, eivät ole käyttäjille juurikaan tärkeitä.

Tämä on selkeä esimerkki siitä, miksi tuotekonseptin uudelleentarkastelu kannattaa pitkällä aikavälillä, vaikka siihen tehtäisiin pieniä tai suuria muutoksia. Harjoitus ei vie kauan, mutta se tuo paljon lisäarvoa:

• Se sovittaa kehitysaikataulut yhteen markkinoiden tarpeiden kanssa; • se estää resurssien tuhlaamisen; • Se paljastaa suhteelliset prioriteetit, mikä mahdollistaa suunnittelupäätökset suunnitteluvaiheen myöhemmässä vaiheessa; • se herättää tiimin innostuksen edessä olevaan vaikeaan työhön; • Se auttaa markkinointia ymmärtämään, miten tuote on merkityksellinen asiakkaille tulevaisuudessa.

Eikö olisi outoa, jos ammattikäyttöön tarkoitetut ohjelmistot pysyisivät samoina, vaikka suunnittelu, koodi, käyttäjät ja jopa koko maailma kehittyisivät ja muuttuisivat?

Kaavio, jossa eritellään teknisen ammattilaisohjelmiston ominaisuudet tuotekehitysprosessissa.
Kaavio, jossa esitetään ammattimaisen ohjelmiston käyttöliittymän miniprototyyppien suunnitteluprosessi.

SUUNNITTELUN TUTKIMINEN MINIPROTOTYYPPIEN AVULLA

Sen sijaan, että olisimme hypänneet pää edellä pitkälle ja avoimelle suunnittelumatkalle, käytimme kuusi viikkoa uuden UX:n selkärangan luomiseen. Lähestymistapamme oli odottamaton.

Tunnistimme kymmenen keskeistä käyttöliittymähaastetta, jotka vaikuttavat koko sovelluksen käyttökokemukseen. Sen jälkeen loimme jokaisesta haasteesta sarjan miniprototyyppejä ja kartoitimme käytettävissä olevat suunnitteluvaihtoehdot.

Kuuden viikon aikana kehitimme yhteensä 45 ratkaisua. Keräsimme palautetta käyttäjiltä, insinööreiltä ja sidosryhmiltä. Sen jälkeen tarkastelimme huolellisesti kunkin yksittäisen ratkaisun hyviä ja huonoja puolia. Tämä vertailu auttoi meitä näkemään, mitkä ratkaisut toimivat hyvin yhdessä.

Kuuden viikon kuluttua olimme kehittäneet ohjelmiston käyttäjäkokemuksen selkärangan, joka perustui testeihin, kokeiluihin ja faktatietoihin. Tämä on piste, jossa suunnitteluprosessin loppuosa muuttuu ennustettavaksi.

Teknisen ohjelmiston käyttöliittymäkomponentin suunnittelua koskeva kirjallinen toimeksianto.

ÄLYKÄS UX-SUUNNITTELU LÖYDETÄÄN, EI LUODA

Kuten minkä tahansa teknisen työn tuloksen, myös käyttöliittymän on heijastettava todellisuutta. Sen pitäisi perustua siihen, mitä käyttäjät tarvitsevat päivittäin, mitä koodi pystyy tekemään ja mitä markkinoilla myydään.

Käyttäjäkokemuksen tärkeimpien osien suunnitteluvaihtoehtojen kartoittamisesta on seuraavia etuja: • Se luo faktat suunnittelun perustaksi; • Se antaa kaikille sidosryhmille selkeyttä visuaalisten kuvien avulla; • Se ylittää kliseet, toisin kuin lineaarinen prosessi; • Se tukee johdonmukaisuutta;

Viime kädessä tämä käyttäjäkokemuksen suunnitteluun perustuva lähestymistapa tekee tuotekehityksestä ennustettavaa ja ratkaisee samalla monimutkaisten ammattikäyttöön tarkoitettujen ohjelmistojen käyttöliittymien muuttamiseen liittyvän kananmunan ja munan ongelman.

01 /06
arrow left
arrow right

KOKONAISVALTAISEEN KÄYTTÄJÄKOKEMUKSEN SUUNNITTELUUN

Kun peruskonsepti oli luotu käyttäjäkokemuksen hankalimmalle 20 prosentille, loput 80 prosenttia oli vielä ratkaistava.

Koko ohjelmistosovelluksen ja sen moduulien kokonaisvaltaisen käyttäjäkokemuksen kehittäminen kesti neljä kuukautta.

Tässä vaiheessa matkaa kaikki oli ennakoitavissa, eikä tuotetiimille tullut juuri mitään merkittäviä yllätyksiä. Kulissien takana jouduimme kuitenkin joka viikko kohtaamaan haasteita. Tavoitteenamme oli saada käyttöliittymä sisällyttämään kaikki ominaisuudet saumattomasti.

Tämän vaiheen aikana tuotoksemme olivat erittäin todenmukaiset rautalankakehykset ja prototyypit. Todellinen ydin oli kuitenkin palautteen kerääminen ja suunnittelun iterointi, jotta kaikki lähtökohdat saatiin katettua.

TASAPAINOTTAMALLA VANKAT POHJAPIIRROKSET JA JOUSTAVUUS

Ammattilaisohjelmistot ovat hankalia, koska niissä on periaatteessa vain yksi näkymä eikä useita sivuja. Näin ollen tähän yhteen näkymään on sisällytettävä kaikki ohjelmiston nykyiset ja tulevat ominaisuudet.

Suunnittelijoina pyrimme luomaan ulkoasun ja käyttäjäkokemuksen arkkitehtuurin, jolla on looginen rakenne. Tämä auttaa käyttäjiä käyttämään intuitiotaan, kun he kysyvät itseltään "missä on mitä" ja "mitä tapahtuu, jos".

Samalla pyrimme joustavuuteen - käyttöliittymään, johon kaikki ominaisuudet mahtuvat milloin tahansa. Lisäksi ammattikäyttöön tarkoitettujen ohjelmistojen käyttöliittymän on oltava käytännöllinen kaikissa käyttötapauksissa, jolloin vältetään jäykkä lähestymistapa.

Oikean tasapainon saavuttaminen kestävyyden ja joustavuuden välillä on se, minkä eteen olemme tehneet neljä kuukautta kovasti töitä.

TIETOJEN JA TEKNISTEN YKSITYISKOHTIEN VISUALISOINTI

Tämän teknisen ohjelmiston käyttäjäystävälliseksi tekeminen edellytti tietojen visualisointia insinööreille sopivalla tavalla. Lisäksi oli kehitettävä käyttöliittymäkomponentteja, jotka ilmaisevat tekniset käsitteet selkeästi. Esimerkiksi:

• Skenaarion parametrin määrittely; • Tuulikaaviot; • Kemialliset seokset; • Tekstuurikirjastot; • Seurantapisteet; • Hankkeen pääpiirteet; • Tilapalkit; • Suodatus;

Kuvakaappaus käyttöliittymästä, joka on tarkoitettu Jälleen kerran suunnittelussa käyttämämme lähestymistapa, jossa vaihtoehdot ovat kenttävaihtoehtoja, tuotti erinomaisia tuloksia. Tämä mahdollisti eri suunnitteluvaihtoehtojen helpon vertailun niiden todellisten ansioiden perusteella: "Auttavatko ne teknisiä käyttäjiä ymmärtämään helpommin vai eivät?" Tekninen simulointiohjelmisto, jossa on korostettu käyttöliittymäkomponentti.

Tämä prosessi tuottaa pieniä suunnittelun yksityiskohtia, jotka paitsi parantavat käyttäjäkokemusta myös integroituvat saumattomasti kokonaisuuteen, kohottavat käyttäjien mielialaa ja varmistavat yhtenäisen kokemuksen.

Kuvakaappaus teknisen simulointiohjelmiston käyttöliittymästä, jossa on korostettu käyttöliittymäkomponentti.
Käyttöliittymäkomponentti, jolla määritetään kemiallisen aineen sekoitus rinnakkain parametrien kaavion kanssa.
Kaavio, jossa selitetään käyttöliittymäsuunnittelun periaatteita, joita kutsutaan mnemoniseksi konventioksi

UI-KOMPONENTTIEN HUOLELLINEN SUUNNITTELU

Ammattikäyttöön tarkoitetun ohjelmiston käyttöliittymäsuunnittelussa noudatettiin tarkoituksenmukaisia periaatteita, joilla varmistetaan teknisiä käyttäjiä tyydyttävä johdonmukaisuus.

Esimerkiksi suunnitellessamme komponentteja vuorovaikutukseen 3D-geometrian kanssa hyödynsimme muistia tukevia väriperiaatteita. Lisäksi ruudukkomme varmistaa käyttöliittymäkomponenttien yhdenmukaisuuden riippumatta siitä, miten käyttäjät ovat vuorovaikutuksessa 3D-geometrian kanssa.

Kävimme läpi useita käyttöliittymän suunnitteluvaihtoehtoja ja kokeilimme erilaisia lyöntien ja opasiteetin yhdistelmiä. Sitten testasimme komponentteja kaikissa mahdollisissa skenaarioissa optimaalisen ratkaisun määrittämiseksi. Tällä tutkimuksella varmistetaan, ettei missään vaihtoehdossa ole ei-toivottuja, virheellisiä käyttöliittymäelementtejä.

Käyttöliittymäsuunnittelu on muutakin kuin pelkkä brändin värien soveltaminen. Sen sijaan se parantaa aktiivisesti käyttäjän työnkulkua ja antaa ohjelmistolle ajattoman ulkoasun.

Kaavio siitä, miten suunnittelutoimisto kehitti ja testasi ohjelmiston käyttöliittymäkomponentin.

TUKI OHJELMISTOKEHITTÄJILLE

Käyttöliittymäsuunnittelu suunniteltiin responsiiviseksi ja helposti skaalautuvaksi tulevaa kehitystä varten. Varmistaaksemme, että suunnittelu toimii saumattomasti todellisissa tilanteissa, tarjosimme kehittäjille kattavaa tukea.

Sen sijaan, että olisimme esimerkiksi tarjonneet epämääräisiä periaatteita ja jättäneet kehittäjät miettimään itse, miten niitä sovelletaan koodauksessa, tarjosimme suunnittelujärjestelmän, joka tarjoaa yleiskuvan kaikista mahdollisista skenaarioista. Se sisältää yksityiskohtaisia esimerkkejä, joilla varmistetaan, että käyttöliittymä toimii tehokkaasti kaikissa olosuhteissa.

Kun syvennymme tähän yksityiskohtaiseen tasoon, varmistamme, että suunnittelun taustalla oleva järjestelmä on looginen ja kattaa kaikki tapaukset. Tarjoamalla kehittäjille yksityiskohtaista tietoa järjestelmästä tehostimme heidän työtään, jolloin he voivat keskittyä pelkästään koodaukseen.

Kuvakaappaus ammattikäyttäjien käyttämästä natiivien ohjelmistojen yksityiskohtaisesta suunnittelujärjestelmästä.
Kaavio, jossa verrataan UX-suunnittelutoimiston luoman graafisen käyttöliittymän vaaleaa ja pimeää tilaa.

SUUNNITTELU VAALEALLE JA TUMMALLE UI:LLE

Kehitimme tämän ammattimaisen ohjelmiston käyttöliittymän sekä tummilla että vaaleilla käyttöliittymävaihtoehdoilla. Tämä palvelee eri käyttäjäkohortteja, jotka työskentelevät hyvin erilaisissa ympäristöissä.

Käyttöliittymän tilojen välisen suoran yhteyden luomiseen on käytössä sääntöihin perustuva järjestelmä. Tämän seurauksena jokaisella vaalean käyttöliittymän tilan värillä on vastaava väri tumman käyttöliittymän tilassa. Tämä suhde perustuu kaavaan.

Yhdenmukaiset värimäärittelyt varmistavat, ettei epäjohdonmukaisuuksia esiinny, kun vaihdetaan vaalean ja tumman käyttöliittymätilan välillä.

Tämä lähestymistapa keventää myös kehittäjien työtaakkaa, koska erillisiä käyttöliittymiä ei tarvitse koodata.

Tumma
Valo
Kuvakaappaus ammattikäyttäjien käyttämästä natiivien ohjelmistojen yksityiskohtaisesta suunnittelujärjestelmästä.
Suunnitteluelementit

UX- JA UI-SUUNNITTELU AMMATTIMAISIA OHJELMISTOJA VARTEN

Ottaen huomioon tämän ammattikäyttöön tarkoitetun ohjelmiston rikkaan historian, tämän projektin päätavoitteena oli keksiä käyttöliittymä uudelleen säilyttäen samalla ominaisuudet, jotka ovat kestäneet aikaa.

Suurin haaste oli järjestelmän monimutkaisuuden käsittely. Tämä toi epävarmuutta UX-muutoshankkeeseen.

Toteutimme aikataulutettuja vaiheita lievittääksemme jonkin verran monimutkaisuutta. Näiden istuntojen aikana tutkimme mahdollisia ratkaisuja tärkeimpiin UX-haasteisiin. Kahdessa kuukaudessa pääsimme pisteeseen, jossa seuraavan vuoden suunnittelu- ja kehityssuunnitelma oli ennakoitavissa.

Loppuvaiheessa keskityttiin tarkkaan ja huolelliseen työhön suunnitellun käyttöliittymän toteuttamiseksi. Tähän kuului teknisten yksityiskohtien tutkiminen ja työskentely teknisten käyttäjien kanssa sen selvittämiseksi, mitkä ilmeikkäät komponentit sopivat joustavaan käyttöliittymärakenteeseen.