Designing iOS and Android User Interface
Note: This case study is the recreation of project done for a Freelance Contest.
To boost my UX Design learning process, I decided to do some work while studying all the techniques and theories of good design and of course, reading books.
Instead of doing user research: personas, storyboards and user flow, I followed the 7 fundamental design principles covered in Don Norman’s “Intro to the Design of Everyday Things” online course.
As a beginner, it was so simple and easy to follow each steps covered in this online course.
As this app is going to control smart plugs and temperature of the room, there are 3 main potential actions.
- Switching on/off the device,
- Controlling temperature
- View currently active devices and current room temperature
Identifying Stages of Action
The most difficult step of all, answering 7 questions of stages of action. With multiple answers in my hand, I started my sketching right away so that I can do usability testing as soon as possible.
Wireframes & Prototyping
So…here I am. Using Keynote, I drew few screens based on my conceptual models and sketches I just completed.
Finally, prototype was ready for testing. Users were asked to control devices and change room temperature using the prototype.
User feedback — “Add Device [ + ] is ambiguous. Since all devices can be controlled from ‘Devices’ tab, ‘Active’ tab is not necessary”
Observations — Users were frustrated as they could not get what they were expecting.
Improved User Interfaces
First usability testing gave me clear app menu and information architecture of the app. Add button were changed visually and moved to more relevant position that had better mapping.