Application Design II: Task 1
25/9/24 - 23/10/24 // W1-W5
Mercy Chong HuiZiun // 0360929
Application Design II // BDCM
Task 1: Self-Evaluation & Reflection
Instructions
Fig 1.0 Module Information Booklet
Task 1: Self-Evaluation & Reflection
Fig 2.0 Final Mobile Application Proposal (Canva Link)
MyRapid PULSE final prototype design
Lo-Fi + High-Fi Prototype
(Figma)
Fig 2.1 Lo-fi + High-fi prototype
Figma Link:
Sections of the app
1) Onboarding Page
An onboarding page is a section within an app or website designed to
introduce new users to its features, functionality, and overall user
experience.
Self-Evaluation
I think that the overall onboarding page for my app redesign was
satisfactory. Honestly it's my favourite page in the prototype app design
as it clearly indicates on what users can expect for this application to
be plus the visuals with some screenshots of the app sections it gives
users an expectation on how the app would look like.
AI's General Evaluation
Visuals: The color palette is calming and consistent, contributing to a clean,
professional look. Illustrations complement the app's transit theme and
make the experience more engaging.
Text: The text is well-balanced—short and to the point, which is great for
maintaining user attention. However, adding a bit more personality or
warmth in the copy could enhance the user connection.
Consistency: The overall design follows a consistent layout, with each screen
maintaining the same structure, which is excellent for user
orientation.
Overall Improvements
-
More visual engagement
Consider to add more vibrant illustrations or transitions/animations to make the overall page looked interesting and more visually appealing.
-
Onboarding page length
The onboarding page can feel long, so consider consolidating some of the feature highlight screens or providing an option to view these features later (eg: through a "Learn More" button in the app’s settings) which keeps the onboarding concise and focused.
2) Log in/Sign Up Page
Self evaluation
The overall log in/ sign up page's background colors are
consistent. My comment on the 'Forgot Password' part is
that
AI General Evaluation
The login, sign-up, and forgot password pages for this
MyRapid Pulse redesign prototype have a clean, minimalist design that
emphasizes on functionality and simplicity.
The layout of the form fields is straightforward, and the inclusion of
multiple login/sign-up options provides flexibility for users.
However, the pages feel somewhat generic and lack visual engagement or
strong branding elements. Key improvements could include adding progress
indicators, stronger call-to-action buttons, and better accessibility
considerations (e.g., larger fonts, higher contrast).
Overall Improvements
-
Typography
Consider increasing the font size slightly and using a heavier font weight for headings and CTA buttons to improve readability and accessibility.
-
Mobile Responsiveness
Ensure these forms and buttons scale well on mobile devices by testing responsive design layouts. Ensure touch targets (buttons, text fields) are large enough for comfortable use on mobile.
-
Error Handling:
There’s no indication of how errors are communicated (e.g., incorrect login credentials, invalid email, password mismatch).
Design clear and visually distinct error messages (e.g., red text below fields) that provide immediate feedback when a user makes a mistake, helping guide them to correct it.
3) Home Page
Self-Evaluation
- Confusing and cluttered.
- The partner services option though it's nice but it might be a hassle getting to another app to perform my transportation journey.
AI General Evaluation
Strengths
- Clear destination bar
- Useful saved routes feature
- Partner services like AirAsia Ride and Kumpool provides additional transportation options.
Weaknesses
- Cluttered layout with too many features in one page, making it visually overwhelming
- Lack of strong visual hierarchy
- Spacing & font size which can cause some readability issues for users.
Overall Improvements
4) Ride Tracker
- Feels like Google Maps in terms of its layout.
- A lot of colours in the page which can be overwhelming.
AI General evaluation
Strengths
Weaknesses
Overall Improvements
- Simplify the layout by reducing unnecessary elements and ads
- Increase the prominence of critical information like the travel time and ride tracker status
- Improve text size and spacing of the app
- Consider adding a progress bar for a better convey trip progression at a glance so that users can be engaged and keep track as well.
5) Real-time transit information
Self-Evaluation
Overall it feels like there's a lot of information cluttered together in
the same page so I don't know where to look at first. The
placements can be changed and maybe the map function as well.
AI General Evaluation
Strengths
- Simple and intuitive search bar to find the transportation lines (LRT,BRT..) quickly.
- The real-time location map clearly shows the current position.
- Clean bottom navigation bar to access key app features.
Weaknesses
- The ETA section design can be more engaging and dynamic, as right now it appears plain and lack of visual hierarchy.
- Platform selection buttons can be more enlarged.
- The transportaton selection dropdown elements at the bottom feels cramped together.
Overall Improvements
- Increase the visibility of the ETA section to make it more prominent.
- Add clearer separation between sections (eg: search bar, transportation mode) to improve its layout and flow.
6) Feedback Page
Self-Evaluation
- Too blank at the bottom part of the page.
- What does the 'comments' do? and is it going to be anonymous?
- Plain colors
AI General Evaluation
Strengths
- Simple and clean design with a star rating in the middle to indicate the rating.
- Comment section is pretty accessible.
- Minimalistic layout which gives off a clean look and prevents the page from looking cluttered.
Weaknesses
- The submit button for comments are not that visible because of the sizing
- Lack of visual appeal
- There's no confirmation or indication of what happens after submitting feedback, which could leave users uncertain.
Overall Improvements
- Increase the size and prominence towards the submit button
- Consider adding a thank you message or confirmation dialog after feedback submission to improve user experience.
- To include more visual cues or motivational text (eg: “Your feedback matters!”) to encourage users to leave detailed feedback.
7) Lifestyle Page
Self-Evaluation
- Feels blank on the overall page.
- Pretty informational and enough visuals.
- Can't really interact with the images
AI General Evaluation
Strengths
- The "App Highlights and Deals" section is visually appealing and engaging, providing users with quick access to offers.
- The banner for the MyRapid Pulse app at the top of the page grabs attention effectively.
- The page maintains a consistent design with the rest of the app, ensuring familiarity for users.
- The categories (deals, offers) are well-separated, making navigation simple.
Weaknesses
- The page feels slightly static, lacking interactivity or dynamic elements like animations or transitions.
- There’s limited white space between some of the promotional cards, which can make the page feel cramped.
- Lack of categorization filters for the deals and highlights, which could make it harder for users to find what they need.
Overall Improvements
- Add some interactive elements (e.g., scrolling animations or hover effects) to make the user experience more engaging.
- Increase white space between promotional cards to create a cleaner look and enhance readability.
- Include larger fonts or better contrast for the text under the deals section to improve accessibility.
- Consider adding filters or tabs for different types of deals (e.g., travel, shopping, dining) to help users find specific offers more easily.
8) Profile Page
Self-Evaluation
I think it's cluttered and wordy. Less visually appealing but
informations are clear.
AI General Evaluation
Strengths
-
Clean layout and structure
The information is well-organized into two main sections: "My Profile" and "More Options." This helps users navigate easily. - The profile picture adds personalization, making it feel user-centric.
- The soft colors (light blue and yellow buttons) create a welcoming feel and don’t overwhelm the design.
Weaknesses
- Looks cluttered
- Information overlap (Eg: Transport type and fare type that's under the 'more options' button)
- While the profile photo and name are great, there’s no greeting or engaging message (e.g., “Welcome back, Natalie!”). This could add warmth to the page.
- Some of the profile options (like Saved Routes) may feel repetitive if they are already accessible from other areas of the app (e.g., Explore or Map sections).
Overall Improvements
- Less cluttered with words
- Repetitive contents to change
MyRapid PULSE
App Redesign
View MyRapid PULSE app redesign prototype
link here!
