Käyttäjäkokemuksen suunnittelu AV-teknikoille

Uusien GUI-standardien asettaminen ammattilaiselektroniikalle

Elektroniikka

Tuotesuunnittelu

GUI-suunnittelu

Lähikuva graafisen käyttöliittymän suunnittelusta elektronisen laitteen näytöllä
ASIAKASMSolutions
SIJAINTIIsrael
TIIMIUX designer, UI designer, interaction designer, project manager, product owner, software architect
VERKKOSIVUSTO

MSolutions on luonut innovatiivisen laitteen, jota audiovisuaalialan insinöörit käyttävät monimutkaisten asennusten suorituskyvyn testaamiseen. Laitteen tarjoamista monipuolisista toiminnoista huolimatta suurin osa niistä jäi käyttämättä huonon käyttökokemuksen vuoksi. Yritys oli yrittänyt parantaa käytettävyyttä muutaman kerran, jopa yhteistyössä muiden suunnittelijoiden kanssa, mutta se oli epäonnistunut.

Yritys palkkasi UX-suunnittelutoimistomme auttamaan heitä määrittelemään laitteen käytettävyyden uudelleen ja muokkaamaan käyttöliittymän sellaiseksi, että se osoittaa tekniikan suorituskyvyn.

PANOKSEMME

UX-suunnittelu

UX Flow

Prototyyppien rakentaminen

Konseptisuunnittelu

Tuotesuunnittelu

Vuorovaikutussuunnittelu

UI design - Suunnittelujärjestelmä

Laadunvarmistus

Lähikuvassa teknikko manipuloi audio-video-ohjauspaneelia

KÄYTTÖKELPOISUUTTA HEIKENTÄVÄ KOSKETUSNÄYTTÖ

Teknikot diagnosoivat ongelmia ja optimoivat audiovisuaalisten laitteiden toiminnan. Laitteella voidaan mitata monimutkaisia asennuksia, joissa on useita näyttöjä ja signaalilähteitä.

Laitteessa on kuitenkin myös laitteistoon liittyviä rajoituksia, kuten näyttö, jossa on rajoitettu kosketusinteraktiivisuus ja pieni näytön koko, vain 480x320 pikseliä.

Lähikuva audio-videotestauslaitteesta tummalla taustalla.
Elektroniset testauslaitteet tummalla taustalla

TARKKA JA ENNAKOITAVISSA OLEVA PROSESSI

Voidaksemme lunastaa lupauksemme pelikokemusta muuttavasta käyttäjäkokemuksesta, aloitimme järjestelmällisen tuotesuunnitteluprosessin. Aloitimme vaatimusten keräämisestä ja järjestimme kaikkien sidosryhmien näkemykset.

Arvioimme käyttäjiä koskevia olemassa olevia tietoja, minkä jälkeen laadimme painopisteitä ja ryhmittelimme tavoitteet julkaisuihin. Tämä yksityiskohtainen ja huolellinen pelisuunnitelma oli edellytys kohdennetulle käyttäjäkokemuksen suunnitteluvaiheelle.

Taulukko, jossa käyttäjäkokemuksen suunnitteluvaatimukset on määritetty projektin vaiheille.

MIKSI HEIDÄN EDELLISET SUUNNITTELUYRITYKSET EPÄONNISTUIVAT

Näytöllä on tekniset rajoituksensa, mutta yrityksen aiemmat yritykset toteuttaa intuitiivinen käyttöliittymäsuunnittelu ovat epäonnistuneet muista syistä. Teimme yksityiskohtaisen käytettävyystarkastuksen ja kartoitimme halutut tulokset jokaiselle näytölle.

Se, miksi he olivat aiemmin epäonnistuneet, johtui pääasiassa siitä, että alkuperäisen käyttöliittymäsuunnittelun olivat luoneet insinöörit, jotka määrittelivät toiminnallisuuden sellaisena kuin se on backendissä, ei niin kuin käyttäjät odottaisivat sen toimivan. Toisessa yrityksessään parantaa laitteen käytettävyyttä suunnittelija yksinkertaisesti yritti parantaa käyttöliittymää. Tämä oli tuomittu epäonnistumaan, koska käyttöliittymäsuunnittelu ei voi koskaan olla esteettistä, jos sen taustalla oleva UX-ajattelu on virheellistä.

Suunnittelu kehittäjien toimesta
Viisi GUI-mallia elektronisia testauslaitteita varten.
Edellisen suunnittelijan suunnittelu
Parannettu käyttöliittymäsuunnittelu, jossa käyttäjäkokemus on puutteellinen.
Otteita suunnittelutarkastuksesta
Yksityiskohta sähköisen laitteen käytettävyyden auditointiraportista, jossa on 8 havaintoa

KÄSITE UUDESTA KÄYTTÄJÄKOKEMUKSESTA

Suunnittelua ohjasivat käyttäjien tarpeet ja se, mikä on loogista teknikoille heidän päivittäisessä toiminnassaan. Tämän seurauksena käyttäjien ei tarvitse miettiä paljon, koska jokaisessa vaiheessa keskitytään seuraavaan loogiseen asiaan, jonka teknikko voi haluta tehdä.

Näyttötasolla ohjeistus muunnetaan selkeäksi visuaaliseksi hierarkiaksi, jotta virtauksen yleinen logiikka jatkuu mikrotasolla. Uusi käyttäjäkokemuksen suunnittelu heijastaa käyttäjien prioriteetteja, ei taustajärjestelmää.

Viisi viitekehystä elektronisten testauslaitteiden graafista käyttöliittymää varten
Esimerkkejä viitekehysmalleista

TESTAUS JA ITERAATIOT PARANTAVAT KÄYTTÖLIITTYMÄÄ

Uusi käyttäjäkokemus oli hyvin erilainen kuin aiempi käytettävyysparadigma. Huolimatta siitä, että se syntyi käyttäjien tarpeiden huolellisen dokumentointiprosessin tuloksena, oli ratkaisevan tärkeää saada käyttäjiltä ainakin perustason validointi. Käyttäjätestaukseen ja suunnittelun mukauttamiseen kului yhteensä vain kaksi päivää.

Loimme prototyyppejä ja järjestimme muutamia käyttäjätestauksia. Käyttäjät saivat antaa runsaasti palautetta. Se ei johtanut muutoksiin käyttäjäkokemuksen peruslogiikassa, mutta se kannusti pieniin muutoksiin, jotka lopulta nostivat käyttöliittymän korkeammalle laatutasolle.

Mies vuorovaikutuksessa uuden käyttäjäkokemuksen kanssa käyttäjätestausistunnossa

VISUAALINEN KÄYTTÖLIITTYMÄ DEMONSTROI TEHOKKUUTTA

Visuaalinen käyttöliittymäsuunnittelu oli tilaisuus toteuttaa sekä insinöörien että UX-suunnittelijoiden älykäs ajattelu. Se on minimalistinen ja hillitty, mutta yhdistettynä fyysisen laitteen ylivoimaiseen viimeistelyyn se näyttää ammattilaisten tehokkaalta työkalulta.

Brändäyksen ja luottamusta herättävän tavoitteen lisäksi graafisen käyttöliittymän suunnittelu on yhteensopiva myös saavutettavuuden näkökulmasta, ja se tarjoaa kaikki tarvittavat tilat kehityksen helpottamiseksi.

GUI-suunnittelu 9 näytölle, joissa näytetään ammattikäyttöön tarkoitettujen elektroniikkalaitteiden käyttöliittymän yksityiskohtia
Responsiivinen GUI-suunnittelu kannettavan tietokoneen mockupissa tummalla taustalla
Suunnitteluelementit

TÄYDELLINEN RESPONSIIVINEN KÄYTTÖLIITTYMÄSUUNNITTELU 6 VIIKOSSA

Hankkeen toteuttaminen kesti yhteensä kuusi viikkoa, alkaen alustavasta käytettävyystarkastuksesta aina käyttöliittymäsuunnittelun toimittamiseen suunnittelutiimille. Lopputuloksena on käyttöliittymä, jossa teknikkojen on tehtävä vain puolet vähemmän työtä saadakseen tarvitsemansa tulokset.

Virtaviivaistettu vuorovaikutusprosessi loi mahdollisuuksia yksinkertaistaa koodipinoa. Käyttöliittymäsuunnittelu on responsiivinen, joten teknikot voivat ohjata laitetta kannettavalla tietokoneella tai matkapuhelimella joko paikan päällä tai etänä. Tämä avaa monenlaisia mahdollisuuksia.

Lopputuloksena yritys saa tuotteen, jonka suunnittelun laatu käy ilmi laitteen ulkoasusta ja tuntumasta. Lisäksi teknikot tarvitsevat vähemmän koulutusta, joten suuret asiakkaat voivat ottaa ratkaisun käyttöön helpommin.

TULOKSET

Loppuun asti kestävä suunnittelu toimitettiin 6 viikossa

Täydellinen dokumentaatio kehittäjille

Suunnittelu on täysin responsiivinen

GUI:stä on tullut alan referenssi