FRAMER
Problem Statement
The need for an application which allows users to wishlist products while shopping online, inculsive of features which allow cateogrisation, swift price comparisions along with price change notifications.
Goal and Objective
An easy-to-use mobile app enabling users to create wishlists for items online, simplifying the process, reducing click counts, and focusing on the accessibility of the application.
Pain Points
Lack of Price Comparison
While shopping online, users require the ability to compare prices of one product from multiple stores.
Price Drop Notifications
If a user has a product in their wishlist, they prefer to be informed of any price drops or sales on the product.
Categorization
Exisisting wishlist applications often fail to offer the ability to categorise or label (and hence, sort and filter) the products in their wishlist.
Multiple Wishlists
Users often want to have different wishlists for different purposes.
User Persona
Major Product Features
Find Best Price
While viewing the item saved in their wishlist, user’s will get an option of “Find Best Price” which will search the product from the list of websites already saved/builtin and suggest the store which has the lowest price.
Users will also get suggestions of alternative stores, if available.
Price Drop Notifications
The user will get a push notification anytime there is a price drop in a product that is saved in their wishlist(s).
While using the app and viewing their wishlist, the user will be able to see if the price of the product has increased, decreased or remained the same since the last time they added/updated the product.
Labels, Sort, Filter & Search
While adding a product to the wishlist, users will get the option to add custom or existing tags or labels to the product. This will help in cateogorisation, and hence sorting, filtering and searching the list easily.
Multiple Wishlists
Users can create however many lists they want, which they can edit or delete as per their needs. They can also remove specific items from an existing list.
Sharing
Users will have the option of sharing their lists or indivual products via social media, instant messengers, url and other set methods of sharing.
Product Sharing
Each added product will pull the product rating our of 5 stars from the source e-commerce platform, so that users are making an informed choice while placing their order.
User Error Rates
User error rates must be monitored, especially if they are having any confusion regarding the main user flow, or the terminology or icons used. These errors will help in assessing the drawbacks of the product which can then be fixed in the next iteration.
Time on Task
Since the main purpose of the application is to make life simple for the user, it needs to be done in an efficient manner. The main user flow of a user successfully creating a wishlist and adding one item to it may be measured to calculate the time being taken by the user.
Design Validation
Usability Study
A usability study and test would need to be conducted with willing participants, who will use the application and give opinion about their experience using the application.
Heatmaps
To analyze user behaviour while using the application, heatmap analytical tools may be used, like Hotjar or Smartlook, to gain meaningful insights, better understand user behaviour and flow, and empathize with users, post production.
High Fidelity Mockups and User Flow
Targeted User Flow:
Log in > My Wishlists > View All (Birthday List) > Click on product image (Apple iPhone 11) > Find Best Price > Place order from source website
High Fidelity Mockups
UI elements and feature explanations next to mockups
Font and Colors
Accessibility Considerations
Hierarchical Text
Usage of headings of different sizes for clear visual text hierarchy
Usage of accessible color palette, with the design maintaining a WCAG ratio of 8.25:1
Screen Reader Allowance
All major fields have labels next to them for screen readers to access
Iconography
Usage of commonly used icons for familiarity and ease of navigation and use.
Framer 2023
Amsterdam