Design
Home Screen
The home screen is where users are initially taken when they view the application. From here, you can login, create an event, or view your past events and messages.
Decisions:
We put buttons on a "well" background and provided some information about our company because testers said they had difficulty seeing the buttons. We also moved focus slightly away from the logo by moving it from the center to the left side of the screen and shrinking it slightly.
Create Screen
Business Suggestions Screen
This page is shown to the user after they have created their event and shows businesses that match the event based on the event details.
Design Decisions
Allow for scrolling through businesses with the scroll bar rather than needing to click next and previous buttons.
Sped up the scrolling speed if user hovers over a button
Changed how businesses are added to messages and show which businesses are on the message.
Changed message recipients to unchangeable blocks rather than an editable text box.
My Events Screen
Implementation
We used JQuery-UI and Bootstrap for our front end, and Node.js and MongoDB for our backend.
Evaluation
We conducted our user tests in the same way as our previous testing in our conference with Jeremy. We first briefed our users about the problem our site tackled and the scenario behind its use.
We also performed demos with varied thoroughness for comparison. Then, for one user, we performed a demo of the full functionality of our site, including account creation, step-by-step event creation, business-results, and message sending and viewing. For the second user, we performed the same demo, except we did not show the message viewing component in My Events. And, for the final user, we did not perform a demo.
User 1
User 2
User 3