PLAYBOOK
About Project
This website allows users to get in touch with other users having similar sports interest to meet and play sports together.
​
The website provides features for – users to create a sports event and book a ground for that event, view events created by other users and join to play with them or to view sports news based on their interest.
“Design First, then code”
Website Design Process
​
​
​
​
User Research Card Sorting Low fidelity Coding Website Iterative User
(User surveys, & Tree Testing Adobe Xd Prototype testings
Personas)
.png)
.png)
.png)
.png)
User Research
-
I consulted some users mainly students who are interested in playing sports in order to gain deeper understanding about their requirements and the features they would like to have on the website
-
After analyzing user’s preferences, I created persona of ideal user of PlayBook
Card Sorting & Tree Testing
-
I used Card Sorting and Tree Testing for designing the information Architecture of the website
-
These testing lets user select under which category they think each feature should lie so user can easily locate all features and hence provide easy website navigation
AdobeXd Prototype
-
From the feedback achieved by the user, I created a paper prototyping showing all the features and took user’s feedback on their features requirement
-
Developed an interactive prototype on adobe xd
-
In that stage, our work began to define the relevant user flows and centered on the user experiences that were crucial to the success of the organization
Coding Website
After receiving user responses, I started building website
-
Created a website that lets all the user create a sports event and show all the ground details according to their preference for them to easily book the ground.
-
The user can view all the events created by other users and join to play.
-
Also, the user can view all sports related news.
Technology used- Node js, mongodb database, express
Frontend- express handlebar, materialize
Iterative User Testing
-
After developing the website, we iteratively did user testing by giving them task and improving our website according to their responses
​
-
Few findings from user testing that I improved-
-
Better UI design.Colorblind testing passed on totally​
-
Easily accessible more information about sports events
-
Filter to make events and news search easier
-