Select UX Project
1
Overview
Project
10 weeks
Tools
Scope
Mobile App
Responsibilties
Design Strategy
Qualitative Research
Quantitative Research
Information Architecture
Use Cases
Prototyping
Duration
2
Design
Process
Discover
Identifying the challenges and exploring human context
Ideate
Analyzing the ideas whether good or bad, planning how to place them
Define
Research, observe, understand & create point of view
Design
Depicting the ideas and provide interactions
3
Design
Intent
This project aims to provide users a hassle free platform where they can shop customized electronic gadgets online, place bulk orders, and deliver the products internationally.
Target Audience
This application is specially made for corporate offices and students. But, the platform allows everyone to customize and shop the electronics according to their likes and dislikes . This app targets 13-year-old teenager to 60-65 year old corporate professionals
Online shopping exposure :
Technical Exposure :
Financial Background :
Little to highly experienced in online shopping
Mid range knowledge about electronics
Mostly middle-class working people or students
Focused Tasks
-
Setting the goals and objectives to provide valued online customers with quick or international delivery of good quality electronic products.
-
Focusing on the customer retention, guest check-in and easy sign-in/up features are designed
-
Users can sort the product list using delivery date
-
Allowing customers to buy customized electronic products
-
Helping the customer look for the specific product using chatbot assistance
-
Enhancing gifting experience
Constraints
-
Internet Connectivity
-
Delayed shipping due to unexpected risks caused by environment factors
-
Delayed supply of electronics from the retailers/suppliers
-
Unauthorized Access
Strategy
Qualitative
4
Research
-
Name of the App
-
Description
-
Business Intention
-
Focused Groups
-
User Role
-
Competitors
-
Unique Features of app
-
Success Factors
-
Select
-
The e-commerce that allow customers to buy electronics with special feature of customizing
-
Hassle-free app to buy or shop electronic products made especially for students and offices
-
Gadget freaks, Techies, Gamers, Students, Start-ups, Corporate offices, Youtubers
-
Buy electronics / Gadgets
-
Amazon, Bestbuy, Costco, Walmart
-
Customization, International Shipping, Chatbot, Sort by delivery date
-
Promoting international delivery, Student offers
Quantitative
5
Research
The online survey and user interviews were conducted by asking few questions about the expectations of users, their usage etc., to comprehend the motives, ideas, and attitudes of a target users, mainly to understand their pain points, and needs. Below are few questions asked -
-
How often do you purchase electronics?
-
Do you purchase electronics for friends or family who stay outside the country?
-
What is your ethnicity?
-
How do you use these e-commerce apps on a usual basis ?
-
What payment options would you prefer ?
-
In a year how many times do you purchase gadgets online ?
-
What features do you find most useful or interesting ?
-
What kind of challenge you face while purchasing online ?
-
Are there any suggestions you could provide which could help improve the online electronics shopping experience ?
-
What is your age group ?
Responses
16 Responded
Survey
Competitor Analysis helped me to find the following :
-
Solve usability problems.
-
Understanding the product where it will stand in the market
-
To better the designs
-
Know the strengths and weaknesses of your competitors
-
To have reliable evidence when making product changes
-
To focus your efforts in a target market
Competitor Matrix
Student Offers
International Shipping
Bulk Orders
-
Amazon
-
Bestbuy
-
Walmart
-
Costco
S-Elect
Customized Orders
Competitor
6
Analysis
User
7
Needs
After conducting online survey, I was able to list the user needs. Especially the question "Are there any suggestions you could provide which could help us improve the online electronics shopping experience ?" helped me to find what are expectations of users when it comes to buying electronic products online.
-
Having an application which is simple and accessible browsing options for seamless navigation
-
Notifying the customers of the availability, featured or upcoming products/gadgets
-
Having an app with a quick secured login and seamless checkout process
-
Having a feature like chatbot which aids in particular product search
-
Offering multiple and international payment options
-
Effortless application of coupons
-
Having an with 360 degree view of product images which helps deciding to buy product or not
-
Having an app which provides regular updates on product shipping and delivery
Project
8
Objectives
Having chatbot feature to assist customers to find the product quickly
Chatbot
Also, get the product internationally delivered as early as possible. This may help the foreign customers by not having paid for customs and reduce their burden carrying it
International Shipping
Providing the feature of student offers throughout the year, if one have the valid student information
Student Offers
To have the product customized, based on the customer requirements and deliver it with guaranteed good quality and satisfaction
Customization
Enhancing the gifting experience by recommending the product according to customer requirements
Gifting System
Supporting various accessibility tools and features which helps the customers to customize their app look according to their likes and offers relevant and more individualized experience
Accessibility Feature
To secure the quick payment process using face recognition and finger print impression scanning
Secure Checkout Process
Having additional sorting option called "Sort by delivery date" helps customer to decide on ordering the product
Sort by Delivery date
Persona
9
Building
10
Empathy
Mapping
When I put myself to user shoes, the unseen problem became the reality. This process helped to identify the thoughts and feelings of a student. It made me look at the issue through their eyes, and empathizing with their feelings.
Journey
11
Mapping
Use
12
Cases
User
13
Flow
Cards Identified
Cards Sorted
Here I took the approach of OPEN CARD SORTING , helped me to design the initial information architecture and understand how users can naturally categorize the information in the application and its relevance
Card
14
Sorting
Information
15
Architecture
Digital
16
Wireframes
17
Design
System
It is one of the important step during design process to maintain aesthetically coherent visuals by providing a single source of elements, patterns, and styles and to unite diverse components of the application. As an added advantage, the design system helped me to manage the significant visual designs on a large scale through out the e-commerce application by reducing redundancy while creating designs for user flow and to maintain the visual consistency across different pages. Maintaining the consistency in the e-commerce application helps the user to understand the components of the product easily and makes his purpose of visit hazel free
Color System
Font System
Blue is one of the three primary colors (RGB). Because blue is favored by so many people, it is often viewed as a non-threatening color that can seem conservative and traditional. Blue calls to mind feelings of calmness and relaxation. It is often described as peaceful, tranquil, secure, and orderly. According to psychology of colors, blue is seen as a sign of stability and reliability.
17
Design
Prototypes
17
Prototype
Validation
While designing, I was testing the alignment, grid and components of the prototypes using Figma's prototype mirror share app and carried out in-person observation testing to make sure all the components are in place and consistent all over the app. I conducted following steps to validate my design.
-
I performed moderated usability testing with low- to mid-fidelity prototypes collect users' opinions, comments, and reactions to a first iteration of the design over a zoom call. During this phase, I also tested the information architecture and the layout of the app which helped me to improvise the existing designs
-
Qualitative testing helped me collect the ideas and points for empathy mapping
-
Then I performed five-second testing as part of contextual validation
-
Lastly, I made usability study presentation with the same users to collect the insights and recommendations
Insights
-
Identified the friction before hand, prior launching the app designs
-
User cursor touch points(heatmaps) while they testing helped to understand user behavior better, and where they are finding difficulty to use the app
-
Thought it costed my time, helped me in saving money
8 tasks out of 10 were success from 6 participants
80% of users achieved the task without difficulty
Average task time given was 5 seconds
Easy to navigate and to understand
-
I led one man army, handling fully fledged project was a challenge in itself, and I enjoyed the process of getting everything done on time
-
Feedbacks are important, but if really believe you have justification for the good point, then dont give up the ideas - use them before someone else
-
Learning is the first step to find the second step of improvisation. I learnt so many unpopularized features of Figma
-
KPI helped me to design the product on time. Keeping oneself calm and patient helps.
-
Its is important to formulate the interview questions prior to meetings, else it may misguide the whole design process
-
Each and every step of design process play vital role in order to achieve the successful e-commerce platform
Key Findings
