User interface redesign and usability test for 360ViSi node-based video editor
Kuusela, Tea (2022)
Kuusela, Tea
2022
All rights reserved. This publication is copyrighted. You may download, display and print it for Your own personal use. Commercial use is prohibited.
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2022112223458
https://urn.fi/URN:NBN:fi:amk-2022112223458
Tiivistelmä
Terveydenhoitoalan koulutuksessa on akuutti pula resursseista ja tiloista, joita tarvitaan harjoittelun järjestämiseen. Tilanteen helpottamiseksi eurooppalaisissa yliopistoissa on kehitetty työkalua harjoittelun digitalisoimiseksi. Tämä työkalu on 360ViSi, videoeditori, joka hyödyntää interaktiivista 360° videosimulaatiota. Editorilla voi luoda skenaarioita, joiden avulla terveysalan opiskelijat voivat turvallisesti harjoittaa taitojaan. Editorin käyttöliittymä oli kuitenkin monimutkainen ja vaikeakäyttöinen.
Tämän opinnäytetyön tarkoituksena oli suunnitella uusi käyttäjäystävällisempi käyttöliittymä 360ViSi videoeditorille. Uuden käyttöliittymän suunnittelussa huomioitiin erityisesti ikonografian ja värien käytön vaikutus käytettävyyteen. Kun käyttöliittymä oli valmis, suoritettiin käytettävyystesti, jossa käytettiin SUS (System Usability Scale) kyselyä molempien käyttöliittymien käytettävyyden arvioimiseksi.
Käytettävyystestin tulokset osoittivat merkittävän eron vanhan (SUS = 53,4) ja uuden (SUS = 65,3) käyttöliittymän välillä. Tulosten perusteella voidaan todeta, että ikonien ja värien käyttö käyttöliittymäsuunnittelussa paransi huomattavasti 360ViSi videoeditorin käytettävyyttä. There is an urgent situation in healthcare education where there is a shortage of resources and facilities to organize practical training. To relieve that situation, engineers from European universities have been developing a tool to digitally organize practical training. This tool is the 360ViSi node-based video editor. It uses interactive 360° video simulation to create scenarios where nursing students can safely practise their skills. However, the editor had a very complex user interface.
The aim of this thesis was to design a new user friendly interface for the 360ViSi node editor. The new user interface design especially took into account iconography and colour usage and how they impact on usability. After the user interface was designed, a usability test with the System Usability Scale questionnaire was conducted on both interfaces to determine which design had better usability.
The usability test results showed a significant difference between the old (SUS = 53,4) and new (SUS = 65,3) interfaces. Therefore, this thesis concludes that using icons and colours in the user interface design of a 360° video node-based editor provides a noticeable usability improvement.
Tämän opinnäytetyön tarkoituksena oli suunnitella uusi käyttäjäystävällisempi käyttöliittymä 360ViSi videoeditorille. Uuden käyttöliittymän suunnittelussa huomioitiin erityisesti ikonografian ja värien käytön vaikutus käytettävyyteen. Kun käyttöliittymä oli valmis, suoritettiin käytettävyystesti, jossa käytettiin SUS (System Usability Scale) kyselyä molempien käyttöliittymien käytettävyyden arvioimiseksi.
Käytettävyystestin tulokset osoittivat merkittävän eron vanhan (SUS = 53,4) ja uuden (SUS = 65,3) käyttöliittymän välillä. Tulosten perusteella voidaan todeta, että ikonien ja värien käyttö käyttöliittymäsuunnittelussa paransi huomattavasti 360ViSi videoeditorin käytettävyyttä.
The aim of this thesis was to design a new user friendly interface for the 360ViSi node editor. The new user interface design especially took into account iconography and colour usage and how they impact on usability. After the user interface was designed, a usability test with the System Usability Scale questionnaire was conducted on both interfaces to determine which design had better usability.
The usability test results showed a significant difference between the old (SUS = 53,4) and new (SUS = 65,3) interfaces. Therefore, this thesis concludes that using icons and colours in the user interface design of a 360° video node-based editor provides a noticeable usability improvement.