Käyttäjäkokemus ja sulautetun graafisen käyttöliittymän suunnittelu

Korkealuokkaisten ajoneuvolaitteiden käyttöliittymä

Autoteollisuus

Tuotesuunnittelu

Sulautettu GUI-suunnittelu

Tapaustutkimuksen kansi, jossa auto on asennettu pyöränkalibrointilaitteistoon ja jossa käyttöliittymä näyttää mittaustuloksen.
ASIAKASBeissbarth Automotive
SIJAINTIMünchen, Saksa
TIIMIUX-suunnittelija, UI designer, vuorovaikutussuunnittelija, projektipäällikkö, tuotearkkitehti
PROJEKTIN VERKKOSIVUSTO

Johtavat autonvalmistajat, kuten Mercedes, Daimler ja BMW, vaativat tämän huippuluokan kalibrointijärjestelmän käyttöä. Tuotemerkki edustaa poikkeuksellista laatua ja vertaansa vailla olevia tarkkuusstandardeja. Laitteita käyttävät myös valtuutettujen katsastuskeskusten ja riippumattomien korjaamoiden teknikot.

Yritys otti yhteyttä UX-suunnittelutoimistoomme tavoitteenaan määritellä uusi standardi käyttäjäkokemukselle ja visuaaliselle käyttöliittymäsuunnittelulle. Kalibrointilaitteiden uusin sukupolvi sisältää pienen OEM-näytön, vankan tablettikäyttöliittymän ja käyttöliittymän suurilla näytöillä.

PANOKSEMME

UX-suunnittelu

Käyttäjän virtaukset

Käyttäjätutkimus

Konseptisuunnittelu

Vuorovaikutussuunnittelu

UI design - Suunnittelujärjestelmä

Prototyyppien rakentaminen

Laadunvarmistus

ERITTÄIN TARKKA MITTAUS REAALIAJASSA

Visiona oli yhdistää insinööritaidon huippuosaaminen ja markkinarakoa määrittelevä käyttökokemus, jotta tuotemerkin asemaa automarkkinoilla voitaisiin puolustaa.

Laitteet on suunniteltu erittäin tarkkaan mittaukseen ja nopeaan palveluun. Järjestelmän helppokäyttöisyys on tärkeä osatekijä ajoneuvon käsittelyyn kuluvan ajan lyhentämisessä. Lisäksi helppokäyttöisyys ja intuitiivinen käyttöliittymä vähentävät koulutuskustannuksia.

Sulautettu graafinen käyttöliittymä, joka on asennettu seinällä olevaan näyttöön.
Lähikuva OEM-näytöstä, jossa on sulautettu GUI ja joka on asennettu ajoneuvolaitteisiin.

6 VIIKON TOIMITUSAIKA KÄYTTÖLIITTYMÄLLE

Suunnittelustrategia heijastaa tämän OEM-ohjelmiston graafisen käyttöliittymän ainutlaatuisia tavoitteita ja haasteita. Käyttöliittymä oli käynyt läpi kolme aiempaa suunnittelukierrosta, mutta ne kaikki olivat insinöörien johtamia.

Työsuunnitelma kuvastaa kokemustamme UX-suunnittelutoimistona. Toiminnot on suunniteltu rinnakkain toimituksen nopeuttamiseksi. Käyttäjätutkimus ja tuotesuunnittelu ovat osa UX-suunnittelua ja prototyyppien luomista. Visuaalinen suunnittelu seuraa, kunnes insinöörit ottavat haltuunsa täysin dokumentoidun suunnittelujärjestelmän.

Kuuden viikon UX-suunnitteluprojektisuunnitelma Notionissa.

KÄYTTÄJÄTUTKIMUS PALJASTAA KIPUPISTEET

Pandemian ollessa käynnissä käyttäjätutkimus tehtiin etänä Saksassa olevien käyttäjien kanssa. Yhdistimme kaksi käyttäjätutkimusmenetelmää: kontekstuaaliset haastattelut ja puolistrukturoidut haastattelut.

Kontekstuaaliset haastattelut antoivat meille tietoa todellisesta käytöstä ja todellisista kipupisteistä. Käyttäjät kuvasivat, miten he käyttävät laitteita, ikään kuin he opettaisivat aloittelijalle.

Puolistrukturoidut käyttäjähaastattelut antoivat autenttista tietoa myymälätyön todellisuudesta. Ne alkavat kysymyksillä, minkä jälkeen keskustelu kehittyy vapaasti.

Etäkäyttäjätutkimus istunto autonasentajan kanssa UX-suunnittelua varten.

KONSENSUS SYNTYY TUOTEAJATTELUSTA

Käyttöliittymäsuunnittelussa on yhdistettävä monia eri näkökulmia: käyttäjän tarpeet, tekniset rajoitteet, tuotteen ominaisuudet, brändäys, käytettävyysstandardit jne.

Korkeatasoinen projektinhallinta on välttämätöntä, jotta voidaan pysyä aikataulussa ja levittää UX-suunnittelun kehitystä.

We used dynamic formats in Notion to encourage all stakeholders to participate in the design project. The documentaton provides a clear overview of how the product thinking evolves, the insights that underpin the user experience solutions and recommendations for implementation.

Vaatimustaulukko sulautetun graafisen käyttöliittymän käyttäjäkokemuksen suunnitteluprojektia varten.

VERTAILUANALYYSI VARMISTAA MARKKINAJOHTAJUUDEN

UX-toimistomme kehittämä graafinen käyttöliittymä ei ole omaperäinen vain sen vuoksi. Luovuus on tulosta järjestelmällisestä prosessista, jossa tarkastelemme useita tietolähteitä oikeiden UX-päätösten tekemiseksi.

Vertailuanalyysi on tässä yhteydessä erillinen toiminto. Yleisesti ottaen se auttaa meitä tunnistamaan, mikä ei toimi, ja se on arvokasta. Epäonnistuneiden yritysten tarkastelu on auttanut meitä suuntaamaan ponnistelujamme optimaalisen käyttöliittymän ratkaisemiseksi.

Kuusi sulautetun graafisen käyttöliittymän suunnittelun vertailuesimerkkiä.

VANHA KÄYTTÖLIITTYMÄ LÄHTÖKOHTANA

Edellinen sulautetun graafisen käyttöliittymän suunnittelu oli toteutettu kolmessa iteraatiossa insinöörien johdolla. Vaikka se on yksinkertainen ja minimalistinen, se ei vastaa käyttäjän kipupisteisiin mielekkäällä tavalla.

Kaiken kaikkiaan se on epäselvä eikä siinä ole visuaalista hierarkiaa. Yksittäisistä osista puuttuu spesifisyys, eivätkä ne ole ilmeikkäitä. Tämän vuoksi käyttöliittymä on selitettävä käyttöohjeissa ja koulutustilaisuuksissa.

Esimerkki vanhasta käyttäjäkokemuksen suunnittelusta.

SELKEYS + SUUNNITTELUN YKSITYISKOHDAT = UUSI STANDARDI

Uusi sulautettu graafinen käyttöliittymä mahdollistaa yksinkertaisen prosessin korjaamon teknikoille. Se on suoraviivainen, jotta käyttäjät voivat keskittyä työhönsä ja välttää turvallisuusriskit.

Selkeä visuaalinen hierarkia tekee käyttöliittymästä tiiviin. Mutta jos katsot tarkemmin, huomaat, miten yksityiskohdat vastaavat käyttäjien todellisessa elämässä kohtaamiin kipupisteisiin.

Sulautetun graafisen käyttöliittymän prototyyppi sekä auto- ja mittaustulokset.
Lähikuva autojen käyttöliittymäsuunnittelusta.
UI-suunnittelun lähikuva sulautetusta ohjelmistosta, jossa näkyy ajoneuvo.
Käyttöliittymä, jossa näkyvät pyörän kalibroinnin mittaustulokset.
Ajoneuvokorjaamojen pyöränkalibrointilaitteiden tuotesuunnittelu.
Suunnitteluelementit

UX & UI DESIGN FOR AUTOMOTIVE EQUIPMENT

Aikataulu oli lyhyt, mutta pystyimme hyödyntämään toimistomme kokemusta OEM-ohjelmistojen UX-suunnittelusta.

Tässä graafisen käyttöliittymän suunnitteluhankkeessa oli kolme keskeistä menestystekijää: tiivis yhteistyö kaikkien sidosryhmien kanssa, käyttäjätutkimuksen sisällyttäminen suunnittelupäätösten perustaksi ja iteratiivinen suunnitteluprosessi johtavien suunnittelijoiden johdolla.

Visuaalinen käyttöliittymä ilmentää toiminnallisuuteen perustuvaa suunnittelun estetiikkaa, jossa jokainen käyttöliittymän komponentti on tasapainossa teknisesti mahdollisen ja käyttäjälle merkityksellisen välillä.

Lopputuloksena on luokkansa paras sulautettu käyttöliittymä, joka ei vaadi koulutusta ja osoittaa tuotemerkin lupauksen autoteollisuuden laitteiden huippuosaamisesta.

TULOKSET

Luokkansa paras käyttäjäkokemus

Täysin dokumentoitu käyttöliittymän suunnittelujärjestelmä

Uusi käyttöliittymä ei vaadi koulutusta

GUI:stä tulee high-end-järjestelmän myyntivaltti