Application Design I / Project 2

29.04.24 - 02.05.24 / Week 02 - Week 07
Name: ALYSSA AISYAH BINTI 'ARIEF NASRAN (0364017)
Bachelor of Design (Hons) in Creative Media
Application Design (DST60504)
INSTRUCTIONS

  

LECTURES

Week 5


Week 6


Week 7


Week 10


PROJECT 2

UI/UX Design Document

For Project 2 of Application Design, after completing the proposal documentation and selecting the app, we are to create a document detailing our plan and strategy for its redesign and development. This document should cover our research on the original app, which includes surveys, interviews, and card sorting. Once carried out, we must analyze the collected data to derive insights for the direction, improvements, and redesign of our version of the app. Then moving on, using the collected data we must develop user personas representing our target users and create a user journey map that outlines the steps users will take while interacting with the redesigned app and additionally, create a user flow chart to describe how content in the redesigned app will be structured for optimal usability. Lastly, we must to detail all the app features and identify the MVP features for development.

Research

To start off, I first created a set of questions for the survey and interview. I have used mostly the same questions for consistency's sake and to find out the difference that there may be in answers despite asking the same questions to the individual interviewees and survey participants.

Fig 1.0 Interview + Survey Questions PDF

Following this, I then scouted 3 participants for the interview and carried out interviews with them. Below is a transcript of their responses.

Fig 1.1 Interviewee Responses Transcript PDF

I also created the survey and sent it out to many people in order to gather as many responses as possible and ended up getting 53 total responses, however at the time of creating the document, I analyzed it based on 31 responses as time was running short. 

Fig 1.2 Survey Responses Transcript

In the end, the interviewees responses are more qualitative in nature. Questions were answered in more detail as interviewees approached them open-endedly. It is in contrast to the survey, which has more quantitative data- a larger sample was collected although responses are more brief and concise due to the nature of surveys. However, both research methods proved useful, as similar insights could be derived in their responses and many of the same points were reiterated.

Additionally, the card sorting was also carried out with 7 participants and done through optimal workshop. The purpose of the card sorting was to discover how users perceive and categorise information- thus I have used the method of a mixed card sorting which allowed for non standardized categories to be created. This research method too proved to be useful in determining the redesign and development of the app as half of the participants had created a new category for the "History" feature which was unexpected, while the other half categorised it under "Home" which shows the difference in thinking and information hierarchy of users. 

1.3 Standardization Grid

Fig 1.4 Similarity Matrix

With the gathered data, I could then proceed to create the document which details a comprehensive plan on the redesign and development of the Popit medication app- which includes the user site map, flow chart, and mvp features.

Final UI/UX Design Document

Fig 1.5 UI/UX Design Document PDF

REFLECTION

I found Project 2 of Application Design I the most arduous, as it required many thorough steps in creating an extensive UI/UX design document. Although, with the help of this project, I was able to learn how to rethink and redevelop an existing app using a methodical process based on analysis and research. Using the data from my research I was able to get more insights into what might be better for users in practice than what I think might be subjectively which was important.

In summary, this project served as more evidence of the value of careful investigation and evaluation in UI/UX design. The redesign process was greatly aided by the insights gathered from my research, which I hope will produce an app design that is more efficient and user-friendly. Aside from this the procedure also demonstrated the importance of documenting since it made the redesign process more structured and transparent, and that will help guide me in creating the Lo-fi and High-fi prototypes later on.

Comments

Post a Comment

Popular posts from this blog

Design Principles / Task 3

Image
0.7.03.24 - 21.03.24  / Week 5 - Week 7 Name: ALYSSA AISYAH BINTI 'ARIEF NASRAN (0364017) Bachelor of Design (Hons) in Creative Media Design Principles ( GCD60804 ) / Section 1 INSTRUCTIONS TASK 3 Design For Task 3 of Design Principles, after we have analysed the design of out choice in Task 2, we are to produce a work of design, inspired/influenced by the one we had analysed, or as a reaction to it. We should also apply our knowledge of design principles in our creation and may use any medium and/or materials that are suitable to convey our visual message. We should also include some cited visual references that inspire our own ideas and a rationale, in about 150-200 words, explaining/defending the decisions made in our design, the meaning/purpose of the design and the design principles that are found in the design. Brainstorming First off, I went back on my Task 2 to look at the design I analysed in order to get inspiration and gauge how I should approach this task. When rea...
Read more

Design Principles / Task 2

Image
20.02.24 - 05.03.24  / Week 3 - Week 5 Name: ALYSSA AISYAH BINTI 'ARIEF NASRAN (0364017) Bachelor of Design (Hons) in Creative Media Design Principles ( GCD60804 ) / Section 1 INSTRUCTIONS TASK 2 Visual Analysis For Task 2 of Design Principles, we are to assess, investigate, document, and analyze the existing art/design work we selected in Task 1 to further study the design principles found in that work, as well as the size, placement, purpose, effectiveness of the design in relation to the UNSDG goal that we have chosen. The requirements are the following: Write a 300-350 word visual analysis of the selected design. Include reference links where applicable. Firstly, I started by visually observing the image itself and re-reading some of the design principles documented in the lectures to refresh my understanding of them so I could better identify which ones are present in the art work, then noted them down. Fig 1.0 'Guernica' From my observations, these are all the design ...
Read more

Application Design I / Final Project

Image
15.07.24 - 05.08.24 / Week 13 - Week 15 Name: ALYSSA AISYAH BINTI 'ARIEF NASRAN (0364017) Bachelor of Design (Hons) in Creative Media Application  Design I  (DST60504)  INSTRUCTIONS    LECTURES Week 14 FINAL PROJECT Completed Mobile Application Design Prototype For the final project of Application Design I, we are required to continue from the Lo-Fi prototype we created and turn it into a High-Fi prototype by refining and creating further visual assets for it as well as include a UI kit. Process As I had completed most of the design and functionality in the previous project, all that was left to do was incorporate my user-testing feedback, colour my prototype, and test it myself with the refined user scenarios + full walkthrough. I first started on recolouring my wireframes....
Read more