Application Design I | Task 4: High Fidelity App Design Prototype

-
02.12.2024 - 10.01.2025 || Week 11 - Week 16
Hanson Pea Wei Hao || 0359463
Application Design || Bachelor of Design (Honours) in Creative Media || Taylor's University
Task 4: High Fidelity App Design Prototype

Lists




Instructions



Task 4: High Fidelity App Design

Fig 1.1, Overall prototype flow screenshot in Figma

App layout:

Fig 1.2 Process in booking a car

Account layout:

Fig 1.3 account layout

Interview and Feedback

I have find three interview to help me test out my high-fidelity app. and three of the interview is using Zoom for record their use. during the video i will provide them three scenario and then will give me a feedback.

  1. Book a car
  2. When facing problem, after read FAQ didn't get to find out the problem so use the live chat to ask the customer service.
  3. Redeem some point to do some reward system

Fig 2.1, Interview video

All three Video: Google Drive Link

Summary for the video:

Interview 1:

  • Feeling easy to use, the ads appear intuitive.

  • The car detail is clear, and the location provided is nice.

  • It's pretty good which can doing a live chat support in app

  • It feels nice to have a dedicated place for a reward,  very interesting that there is membership for more discount. Its attract me and make me feel like will try to spend more to get the second voucher


Interview 2:

  • Overall is smooth

  • The part for FAQ and help center is nice

  • Reward part can add more effect if can to show more obvious


Interview 3:

  • For the booking car part the flow is very smooth and the big picture and colour style is pretty nice compared to the old one.

  • The help center help directly, pretty like the new addition

  • It's better to keep on using this app for the point, compare to the other car booking app.

Final High Fidelity


Fig 3.1 , Final High Fidelity App for Socar in [Figma]

Fig 3.2, Final High Fidelity App for Socar in [Figma]

Feedbacks

Week 14:
Specific Feedback: The app is good for now, but the scenario seem to less to do, try to add more function let the user can do like 6-7step inside your app. Can try to add a functional customer service and asking you to do the rating. And then try to make a reward system to attract people and make people have motivation to continue using your app.


Reflections

As the app design module concludes, despite the coding challenges that may arise in the next semester, I am currently enjoying the intricacies of this course. This assignment is focus on refining the design of an existing app. 

    Throughout the course, I have gained valuable insight into the finer point of software design. There is so much detail to learn such as button curvature, font weight selection, and the artful use of placement.  It's not just about creating a visually appealing interface but paying attention to subtleties that enhance the overall user experience. The practical application of knowledge, especially in refining an existing app's design is pretty fun. Witnessing the transformation of user interfaces and understanding the impact of thoughtful design decisions has been a valuable learning experience.
                                                                                                                                                                                                                                                                                       Back To Lists

Comments

Post a Comment

Popular posts from this blog

Advanced Typography | Task 1: Typographic Systems & Type, & Play

-
Image
22.04.2024 - 12.05.2024 || Week 1 - Week 3 Hanson Pea Wei Hao || 0359463 Advanced Typography || Bachelor of Design (Honours) in Creative Media || Taylor's University Task 1: Typographic Systems & Type, & Play Lists 1. Lectures 2. Instructions 3. Feedbacks 4. Reflections 5. Further Readings Lectures Week 1: Typographic System "All design is based on a structural system". According to Elam, there are eight major variations with an infinite number of permutations, those are : Axial Radial Dilatational Random Grid Modular Transitional Bilateral The typographical organization is complex because the elements depend on communication to function.  Axial System : All elements are arranged on either side of an axis or line. fig 1.1, Axial System Radial System : all elements are organized to extend from a central point of focus like rays fig 1.2, Radial System Dilatational System :  type set along circular paths. fig 1.3, Dilatational System Random System : organizes ...
Read more

Intercultural Design | Projects

-
Image
05 February 2024 - 24 March 2024 / (Week 01 - Week 07) Hanson Pea Wei Hao / 0359463 Intercultural Design / Bachelor of Design (Hons) in Creative Media Projects Lists 1. Instructions 2. Proposal 3. Field Study 4. Visual Design 5. Final Outcome 6. Feedback 7. Reflections Instructions Proposal This is a long-term project until the end of the semester. So I will separate the progress into proposal, field study, and visual design. First, before everything starts, we need to decide on a sensitive culture as our theme. After we decided on our theme, we needed to prepare a minimum of 3 Primary ideas or sketches based on our theme. Planning : First, we have quite a lot of ideas such as pop culture, punk culture, gaming culture, and more. but mostly get declined because of the final production problem and some of the ideas are too sensitive to do. So after some intense discussions, we all agree on Modesty as our main topic. After the theme had been chosen, we all agreed each of us needed t...
Read more

Interactive Design: Exercises

-
Image
22.04.2024 - 16.06.2024 || Week 1 - Week 8 Hanson Pea Wei Hao || 0359463 Interactive Design || Bachelor of Design (Honours) in Creative Media || Taylor's University Exercises: HTML Document Development & HTML, CSS Document Development, CSS Layout Mode Lists 1. Lectures 2. Instructions 3. Feedbacks 4. Reflections 5. Further Readings Lectures Week 1: Understanding Website Structure Week 2: Anatomy of a Website For week two we need to read and understand this website: < The Anatomy of a Web Page: 14 Basic Elements > Week 3: Usability: Designing Products for User Satisfaction Week 4: The Web and Language Week 5: HTML & CSS Week 6: CSS Selector Back To Lists Instructions Exercise 1: Web Analysis For this exercise, we need to choose two websites from the link given and review the websites, which are The Webby Award , Awwwards , and Csswinner . and write a brief report summarizing our findings and recommendations. We have to analyze the purpose and goals of the website and...
Read more