February 2018E-commerce    Web UX Design
The owner of the toy store Little Einstein wants to convert the physical store to online only and focus on products geared towards kids ages 4 - 15. The new online store will reflect the STEAM (Science, technology, arts, math) focused philosophy while at the same time maintaining a playful and creative vibe that was found in the store.
The final deliverable was high fidelity wireframes of an e-commerce website featuring stem toys. We came up with various features by gathering different user requirements in an attempt to bridge the gap between online and offline shopping.
Joanna Yen, Srishti Kush, Cherisha Agarwal, Raksha Ravimohan
We went to Toys "R" Us and Kaleidoscope- one big and one small business based in Brooklyn. We gained good insights on what kind of toys do people shop for, what medium would they like to use and how often do they visit stores. The shop keepers also gave their ideas on online Vs offline shopping for toys.
We then looked at several e-commerce websites and tried to understand how they categorize their products, list details and get people enagaged. We covered large corporations selling toys, like Target and Amazon, as well as smaller local shops like Norman and Jules.
The next step was categorize the different products so that people can easily search for them. We listed about 50 products and performed the following activities.
Closed sorting - Sorting the products we had collected based on price and age
Open sorting - Having a user sort the products based on his own categorization
Through both the processes, we were able to understand the categorization methods and grouping mechanisms which aided our website layout and prototypes.
To maintain the vibe of the physical store, we decided to place a window display on the home page and have an interactive play area. Since these two features were quite new and had to be demostrated in high fidelity, we tested our paper prototype to get quick feedback on navigation, categories and other features.
We tested the paper prototypes with some of the staff members at the stores we had visited earlier. We conducted 3 tasks to ensure end to end experience on the e-commerce platform -
1. Add an item to the cart
2. Find the events page
3. Play with a toy
4. Shop by age
Based on the feedback, we decided to revise the categories and test it with more number of users.
These wireframes were created using Sketch, Illustrator and InVision- link
After testing our paper prototype with different users including students, adults and toy store staff, we analyzed our testing results based on the tasks we had assigned the users. We learnt that while the users were satisfied with the basic functionalities that our website provided, there were some key areas which needed modification. For example, we needed to redefine our categories and make the play button more visual in nature to find it easy to locate. We incorporated the feedback received from testing and then proceeded to create our wireframes digitally to test it out with more users.