University of Twente Student Theses


User interface user interaction design : for project Homey by Athom B.V.

Derksen, I. (2015) User interface user interaction design : for project Homey by Athom B.V.

[img] PDF
Full Text Status:Access to this publication is restricted
Abstract:The bachelor assignment was performed for the company Athom. An option for User Interface and User Interaction designer was available were it was possible to design elements for the interface of the mobile application of Homey which will be released at the near launch. In the analysis phase the Homey, its working and the style of Athom are analyzed. By analyzing the style a style is created which would connect to the style of Homey. Designing for the screen is new, therefore an analysis for devices, screentypes and screen sizes has been conducted. The elements will be designed for a 4.8”, capacitive smartphone. The screen is relatively big, and the interaction will also be tested for ergonomic aspects. The user will control the Homey mostly via one hand, or a cradled hand. Both have other optimal areas of use. The original visual prototype is subjected to a heuristic evaluation. It appears the concepts chosen, already scores realy high for a visual prototype. Points to work on are informative feedback, provide yield closure and offer error prevention or reversal of the actions. During idea generation the ideas of physical interfaces and application interfaces are being generated. The application must be as versatile and powerfull as possible, with remaining simple and user friendly. The application will be built using the ideology of Athom, regarding the interface. Navigation through devices placed on cards. The application has a clean and easy to handle look . Beyond the card, a structure of cards is created. A card is used as window, behind which there are two other cards. A card on the right, providing extra space for shortcuts. The card can be extended by dragging the card down. During the concept phase the ideas are detailed a lot more and parameterized. Detailing is firstly done visual. But after research the concepts will be translated to pure code. Created via HTML, CSS and Javascript the concepts are visualized and built as a Hi-Fidelity concept. The Hi-Fidelity prototype is created with variations of a navigation menu - Multiple more ergonomic and thus faster (hypotheses) menus were designed. Widgets for setting time have also been varied through the test participants. A big circular time widget, a timeline and a small circular widget were used. The circular widgets were both recieved well, possibly because of the recognition. The timeline was a little harder, since it featured more options. The results based on the user test were varried. A carry over effect can be seen and the interface is pretty fast in control. The menu which was preffered was the menu which was causes the most strain on the thumb, which seemed illogical. But maybe it is habitual. The time widget that was preferred by the users was the bigger time widget. More easy and accurate input. The users had issues with functions being placed behind other widgets, without hints, after first experience, they understand better, but are still complicated with this issue. The concepts have been, where needed, redesigned to meet with the results of the test and wishes of the users. The concepts and redesigns have been collected in the Design Guide for Developers. Finally the elements have been ranked to the design brief and have been tested via a heuristic test by Athom and myself. The results concluded from these tests are being presented as recommendations to the team of Athom.
Item Type:Essay (Bachelor)
Athom BV, Enschede, Nertherlands
Faculty:ET: Engineering Technology
Subject:21 art forms
Programme:Industrial Design BSc (56955)
Link to this item:
Export this item as:BibTeX
HTML Citation
Reference Manager


Repository Staff Only: item control page