Application Design / Task 3 - App Testing

Khansa Raudlatus Syahiidah / 0374511

Application Design / Bachelor of Design (Honours) in Creative Media

Task 3: App Testing


TABLE OF CONTENTS:

1. Lectures
2. Introduction
3. Process
4. Presentation slide
5. Reflection

1. LECTURE

Usability testing 
  • Evaluating a product or service with representative users.
  • Participants are tasked with completing specific actions while observers record notes.
  • The primary aim is to detect usability issues, gather qualitative data, and assess overall user satisfaction.
  • It doesn't yield large feedback samples like questionnaires.
Fig 1: UX research with usability testing


2. INTRODUCTION


Fig 1: Modul Information Booklet


3. PROCESS

References:




Fig 3.1: App references


Sketches: 

Fig 3.1: Sketches


Wireframe:

Fig 3.2: Wireframe 1

    The wireframe process was made after all the sketches I did in class. After we were given the exercise to sketch out different layout withing a limited of time in class, I was able to come up with a design I thought was nice. After all the sketches I did, I came up with couples of app layouts and designs that I could use in my app.

Figma:

Fig 3.3: Figma prototype process

    I was not able to fully sketch the pages I want before putting it in Figma, therefore, I sort of played around with all the design and layout possibilities in Figma. Although I have learned how to use Figma when creating a prototype, I was able to learn a couple new feature and it's way to make it, such as the scrolling, ticking, transition, pop-up, and many more.

Fig 3.4: Figma prototype process - Book comparison feature

Fig 3.5: Figma prototype process - community & reviews page

    For the "community" page, I was inspired mostly from Instagram. However, I made a little change on the home screen of the community page, I tried to make the public post look a little like blog cover. This is where users will be able to see others posts, such as photos and even videos.

5. PRESENTATION SLIDE


4. REFLECTION

Comments

Popular posts from this blog

Advanced Typography - Exercises: Typographic Systems & Type & Play

Minor - Cooling the Heat, Healing the Mind [Group 10]

Task 2: Key Artwork