Molotro is an application I helped design with a group for my Human-Computer Interaction class in college. The web application is a platform used for the purpose of travelers to find recommendations made by locals. Travelers search a specific area based on their interests and preferences, and are matched with locals who make relevant recommendations, and may even personally connect with each other if they wish.
We started the design process by brainstorming user characteristics and usability goals.
Using the characteristics and goals we came up with, we settled on 3 general user personas and usage scenarios. The first persona is a lone traveler who uses the website to find spots they can experience the food culture of the city, The second persona is a family on vacation, in search for child-friendly tourism activities. The last persona is the "other side" of the application, the local resident who frequents boutiques and art galleries and wants to share their interests and local spots with tourists.
Next, we built out a Conceptual Model (including objects, object attributes, object relationships, actions of objects, actions on attributes, and actions on relationships). After this we performed a Semantic Level analysis on various actions (which included the function, parameters, description, feedback, errors, and task-command analysis). We also performed a Lexical Design, and created a Syntactic Level graph, specifically for viewing a profile (shown on the right).
Our next step was creating a paper prototype. We sketched out all the primary user flows through the site, and tested the paper prototype with users to gain general feedback on the interaction patterns.
After the paper prototype and testing, we moved on to make a medium-fidelity prototype using UXPin.
A few highlights of the website include the city spotlight component on the bottom of the homepage, the user (local) cards once searching for a city, a singular user (local) profile page, and the user (local) review of a specific place page (on the right, respectively).
After creating this prototype, we performed a usability test and gained design feedback. We created a task list for participants to perform, as well as a brief survey for them to take after. We had participants fill out a survey after testing. From the survey we gained participant metrics, pros to the application design, and areas of improvement.
Next, we performed a Heuristic Evaluation, that focused on visibility, natural dialogue, minimizing memory load, consistency, user control, shortcuts, and error handling. After this we performed a Competitive Analysis comparing our site to similar existing products including AirBnB, Yelp, and TripAdvisor.
We made some changes based on our user feedback, and performed another usability test with different participants.
For our final design we made some changes gathered from user feedback. We also thought about how we could make this application on a mobile platform and made some preliminary designs.
After this final design, we created a potential roadmap of where we would see this product going: how we would continue to work on this, additional potential features that could be added in the future, and how the product would fit in to the market.