Riktlinjer för begränsad gränssnittsdesign – Att designa gränssnitt med begränsningar i designarbetet
2016 (Swedish)Independent thesis Basic level (degree of Bachelor), 10 credits / 15 HE credits
Student thesisAlternative title
Guidelines for limited graphical user interface design – Designing user-interface with design work limitations (English)
Abstract [sv]
Gränssnittsdesign är en av de viktigaste aktiviteterna vid systemutveckling, eftersom gränssnittet utgör den beståndsdel för vilket slutanvändare kommer göra sin primära helhetsbedömning av systemet utefter. Det innebär att gränssnittsdesignarbetet har en avgörande roll för hur systemet kommer att mottas och bedömas vid leverans och upphandlingar av system. Att designa tillfredställande gränssnitt handlar om att ta hänsyn till en rad olika human computer interaction (HCI)-aspekter. Dessa är användbarhet, användarupplevelse samt estetik, det vill säga hur visuellt tilltalande gränssnittet är. Följande tre aspekter kommer på olika sätt påverka hur en användare upplever ett system, vilket i sin tur kommer påverka huruvida en beställare är beredd att investera i ett system. Att utveckla gränssnitt för system innebär ofta att designers och utvecklare måste göra avvägningar kring i vilken mån en designer skall få realisera gränssnittsdesign. Detta eftersom en samansättning av för många visuella gränssnittselement kan få inverkan på systemets prestanda. Stundtals hamnar de två elementen, visuella designattribut och systemkrav, i konflikt med varandra och i de fall där de senare föregår designattribut ställs gränssnittsdesigners inför en utmaning eftersom att de bli begränsade i sitt arbete. Trots detta ställs dock samma krav på att designers skall uppnå tilltalande gränssnitt som väcker känslor av professionalism, samtidigt som systemet skall bibehålla optimal systemprestanda och funktionalitet.Syftet med denna studie var att undersöka hur ett tillfredställande gränssnitt i aspekter av estetik, användbarhet och användarupplevelse kan designas i ett standardsystem när designarbete begränsas till att enbart kunna justera placering och färg av gränssnittselement. Detta har inneburit en designforskningsansats bestående av en iterativ utvecklingsprocess där ett gränssnitt designat och realiserat baserat på av teorin förslagna riktlinjer för gränssnittsdesign som fortfarande har varit möjliga att tillämpa trots designarbetets begränsningar. Gränssnittet har därefter utvärderats genom experiment i form av användbarhetstester och expertutvärdering. Empirisk data från utvärderingarna har därefter analyserats och införlivats i gränssnittet och slutligen har en slutsats genererats och presenterats.Studiens resultat visar att genom en kombination av befintliga teoribaserade riktlinjer kommer designers en god bit på väg för att lyckas design tillfredställande gränssnitt i aspekter av estetik, användbarhet och användarupplevelse. I slutet av studien presenteras detta i form av sju nya riktlinjer. Variabeln användarupplevelse visade sig dock vara svårare att designa för i studiens begränsade kontext. Detta beror på att användarupplevelse är en svår variabel att utvärdera på grund av dess subtila natur. Slutligen presenteras förslag för framtida forskning och på vilket sätt studiens resultat vidare bör beprövas.
Abstract [en]
User-Interface design is one of the most important aspects of development of a system, as the user-interface is one of the elements that the user primarily will take in consideration when assessing a system. This means that user-interface design plays an important role in how the system will be received and assessed at procurement. A designer has to consider a couple of human computer interaction (HCI)-aspects such as usability, user experience, and aesthetics, in order to design a satisfactory user-interface. These three aspects of human computer interaction affect user experience of a system, which will influence a client’s decision on investment in the system. Designing a user-interface of a system often means that designers and developers have to consider the extent to which a designer can implement their version of the interface. A composition of many visual interface elements can have an impact on the systems performance. Sometimes the visual design attributes can conflict with the system requirements. If designers are challenged system requirements are prioritised because they will be limited in their work. Despite those limitations, the designers are still needed to design an appealing user-interface that can invoke feelings of professionalism, parallel to the system requirement of optimal performance and functionality.The purpose of this study was to explore how an appealing user-interface with regards to aesthetics, usability and user experience can be designed when the design work is limited to only be able to adjust placement and visual appearance in terms of names and colour of UI elements. This has been explored by doing an iterative development process in which an interface has been designed and developed based on guidelines from theory on user-interface design which the authors has been able to implement based on the limitations on the design work. The interface has subsequently been evaluated by experiments in terms of usability tests and an expert evaluation in the form of a heuristic evaluation. The evaluations resulted in empirical data which has been analysed and set against existing theory upon which a conclusion has been generated and presented.The result of the study show that designers are well on the way to successfully design an appealing user-interface in relation to aesthetic, usability and user experience, which the authors presents in the form of seven new guidelines. The variable user experience turned out to be more difficult to design in the study’s limited context. The authors believe that one of the reasons for this is that user experience is difficult to evaluate because of its subtle nature. Lastly we present suggestions for future research and how the results of the study should be further proved.
Place, publisher, year, edition, pages
2016. , p. 79
Keywords [en]
GUI design, Standard systems, Functional requirements, Non-functional requirements, UX, Usability, Visual design, HCI, Aesthetic
Keywords [sv]
Gränssnittsdesign, Standardsystem, Funktionella krav, Icke-funktionella krav, UX, Användbarhet, Visuell design, HCI, Estetik.
National Category
Computer and Information Sciences
Identifiers
URN: urn:nbn:se:hb:diva-11173OAI: oai:DiVA.org:hb-11173DiVA, id: diva2:1049637
Subject / course
Informatics
Uppsok
Technology
Supervisors
Examiners
2016-11-302016-11-252018-01-13Bibliographically approved