Little Einstein is an interactive prototype of an e-commerce website selling STEAM toys.
The fictional store owner, Alberta, was in the process of permanently closing the physical store located in Park Slope. She wanted an online store that would preserve the feel of the physical store soon to be defunct.
We focused on areas of user confusion, alignment problems, widget/page discoverability, page to page consistency, and dynamic interactivity. Our first goal was to create a seamless user experience, creating pages that were easy to scan with features easy to discover. Secondly, we wanted the user experience to be enjoyable, hopefully leaving a good impression on the customer, so that the customer would be willing to revisit and further involve him/herself in the community.
Team: The team for this project included Asher Friedman, Sara Camnasio, Sharon Lee. My role was to develop the interactive user prototype.
Methods: Contextual Research, Sketching, Card Sorting, User Flows, Personas, Paper Prototype, User Testing, Interactive Prototype.
Sketching & Brainstorming
We started brainstorming for our project with some messy sketches:
We determined what functionalities were most important to us and we moved on to some more concise sketches:
After collecting 60 toys, we cart sorted them in a few different ways: by age, STEAM category, health concerns and by type of toy.
This began to inform the categories and filters used to navigate the main store part of the site.
Once we figured out how to categorize our content, we proceeded to brainstorm and create a site map.
After visiting a few toy stores, we came up with three user personas.
After creating a sitemap and establishing user personas, we created a paper prototype. The photos of the prototype can be found here: http://bit.ly/2kXAAXm
The interactive version of the prototype, which we used for the first round of user testing, is found here: http://bit.ly/2lHC1pM
User Testing I: Paper Prototype
We user tested our paper prototype with a few people, to gauge any usability issues and general bugs. For both parts of user testing, we instructed users in two different ways. We first asked to play around with the website, and to talk out loud what they thought it offered and what you could do. We then asked them to log in, adjust some filters and purchase a toy. The latter was a reflection of a user journey of one of our user personas, Elizabeth.
Final Prototype: Interactive Axure Prototype
We used Axure to create a more formal interactive prototype. It can be found here: http://5tm3qe.axshare.com/home.html
Here we tested the idea of an adult mode and child mode view of the store. Where the adult mode had text, whereas child mode was more akin to a store shelf, which was clean and only had images.
We implemented a persistent toolbar which included the search bar, login and shopping cart that would move with the mouse scroll.
Detail view of product and account information.
Creating a conversation between Alberta and the patrons to the site.
Resources such as tutorials and community events
Link to presentation: http://bit.ly/2m2Y5Ok