APPLICATION DESIGN I/PROJECT 2: UI/UX DESIGN DOCUMENT

-
30.09.2024 - 04.11.2024 / Week 2 - Week 7
Marsya Arisa Binti Mahmud / 0359684
Application Design I / Bachelor of Design (Hons) in Creative Media / Taylor's University
Project 2: UI/UX Design Document
INSTRUCTIONS

<iframe src="https://drive.google.com/file/d/1-0nhlG4oi6GYKN1jc_lmvaYGsEg5z87u/preview" width="640" height="480" allow="autoplay"></iframe>

UI/UX DESIGN DOCUMENT

User Research
To begin this project, I considered the questions needed to ask users in order to gain insight about the application I have chosen. These are the questions I have come up with to conduct my survey and interview, the highlighted text implies alterations I have made after receiving feedback: 

<iframe src="https://drive.google.com/file/d/1BXphUKLtv8LIXSjNMnRJGUvdkWgzIVjr/preview" width="640" height="480" allow="autoplay"></iframe>

Questionnaire
After finalizing the questions, I proceeded with creating the survey on Google Form for distribution. The form consists of the following type of questions:
  • Multiple choice 
  • Checkboxes
  • Linear scales
  • Open-ended
Finalized survey sent out for distribution:
<iframe src="https://drive.google.com/file/d/1XlrWeyEYCF2Gq--hy-sSOtkb8rPWAZB3/preview" width="640" height="480" allow="autoplay"></iframe>

Interview
For the interview, I realised that my questions only catered to current app users. Based on the feedback for my survey, it was encouraged to find a wide demographic to acquire more data. Which is why I decided to also find participants that are new to Superfan. These interviewees will explore Superfan during the interview itself. 


For the interview analysis, I scripted the highlights from the participants to narrow down key points and identify a pattern:
Figure 1.1: Interview Summary

Card Sorting Method
For this process, I listed down the key features which was then put into Optimal Workshop for individuals to partake. 

Figure 1.2: Features

1.3: Categories

FINAL UI/UX DESIGN DOCUMENT

FINAL PRESENTATION


FEEDBACK

WEEK 7 - 04/11/2024
Attach the current design's screenshot for relevant questions and reconsider the options for the survey in a way that captures users and non-users. For the interview questions, include follow up questions to understand the user research in more detail.

WEEK 9 - 18/11/2024
Summarize the user demographics into one slide and analyze the interviews. For the card sorting, include a screenshot of the responses along with the analysis. Certain slides could be summarized into one slide. 

REFLECTION
The research aspect of redesigning Superfan has been a great learning experience, helping me apply what I’ve learned from Application Design I in the past few weeks. One of the key parts of the project was identifying the MVP, where I focused on selecting the most important features that would help me focus on the app’s core purpose meet user needs without overcomplicating the design. Using methods like questionnaires, interviews, and card sorting helped me understand user needs and organize the app’s features effectively. Creating user personas gave me a clear picture of the target audience, guiding my design decisions. I also created a user flow chart and information architecture map to better understand how users would navigate the app. It was helpful to me that we were taught to compile the document with step-by-step guidelines and activities were conducted in class to understand this document practically. Overall, this project has taught me to importance of user research when designing a functional, user-centered app.

Popular posts from this blog

ADVANCED TYPOGRAPHY/TASK 1: EXERCISE 1 & 2

-
Image
22/04/2024 - 13/05/2024  /  Week 1 - Week 4 Marsya Arisa Binti Mahmud / 0359684 Advanced Typography / Bachelor of Design (Hons) in Creative Media / Taylor's University Task 1: Exercise 1 & 2 Table of Contents Lectures Typographic Systems: Exercise 1 Type & Play: Exercise 2 Feedback Reflection Further Reading LECTURES WEEK 1 - TYPOGRAPHIC SYSTEMS (22/04/24) There are 8 major variations with an infinite number of permutations: Axial Radial Dilational Random Grid Modular Transitional Bilateral Axial All elements are organised to the left or right of a single axis (axis can be bent)  Figure 1.1: Example of Axial (source: type365) Radial All elements are extended from a point of focus Dilational All elements expand from a central point in a circular fashion Random Elements appear to have no specific pattern or relationship Grid A system of vertical and horizontal divisions Figure 1.2: Examples of Radial, Dilational, Random and Grid Modular A series of non-objective el...
Read more

ADVANCED TYPOGRAPHY/TASK 2: KEY ARTWORK & COLLATERAL

-
Image
13/05/2024 - 03/06/2024  /  Week 4 - Week 7 Marsya Arisa Binti Mahmud / 0359684 Advanced Typography / Bachelor of Design (Hons) in Creative Media / Taylor's University Task 2: Key Artwork & Collateral LECTURES Lectures from Week 1 - Week 4 are documented in Task 1 WEEK 5 - PERCEPTION AND ORGANISATION (20/05/24) Perception Perception in typography deals with the visual navigation and interpretation of the reader via contrast, form and organization . Contrast There are several methods in typography to create contrast: Contrast in Size: Provides a point to which the reader's attention is drawn. Bigger letters are seen first before smaller letters, normally the heading is bigger than the body text. Contrast in Structure: Structure means different letterforms of different kinds of typefaces. (sans serif and traditional serif, italic and blackletter) Contrast in Texture: By adding contrast of size, weight, form and structure. It gives contrast of texture to the page.  Cont...
Read more

VIDEO & SOUND PRODUCTION/EXERCISES

-
Image
22/04/2024 - 22/07/2024  /  Week 1 - Week 14 Marsya Arisa Binti Mahmud / 0359684 Video & Sound Production / Bachelor of Design (Hons) in Creative Media / Taylor's University Exercises Table of Contents Instructions Lectures Quiz Results Exercises Reflection INSTRUCTIONS <iframe src="https://drive.google.com/file/d/1KhRUdfMzssK5DMkuq4BZAI9Cot0Dzw-N/preview" width="640" height="480" allow="autoplay"></iframe> LECTURES WEEK 1 (22/04/2024) Document Exercise 1 & 2 Watch stop motion short, share 3 of your favourites on Final Project Watch Everything, Everywhere, All At Once (before week 3) <iframe src="https://drive.google.com/file/d/1lISgNct0JTYqZLdJK2qvQGvv6bvXgLUc/preview" width="640" height="480" allow="autoplay"></iframe> WEEK 2 (29/04/24) Shoot a series of framing shots Shots are landscape and 5 seconds per shot Edit with caption (mention shot size) <iframe src="h...
Read more