...
My Events Screen
Implementation
We In terms of technology, we used JQuery-UI and Bootstrap for our front end, and Node.js and MongoDB for our backend. Our implementation mostly stayed true to our original design, with the exception of slight modifications in the Business Suggestions page. There, we changed the layout a bit, in response to some preliminary feedback and testing, to improve the efficiency of messaging.
We placed heavy emphasis on simplicity in our design and implementation. Our layouts were deliberately uncomplicated, and this strategy paid off in our user testing, as most users responded positively to the design.
Evaluation
Briefing and Preparation
...
The third user tested the site without a demo from us beforehand. He immediately clicked on the "Create Event" tab in the header. He had no problem choosing a charity, but after its logo appeared in the square display, he became confused. He tried to click around the logo, thinking it might be a button. Then, he tried to click the "Logistics" display square instead of using the "next" button at the top. When nothing happened, he paused, looked around the page and noticed the top buttons. He ended up clicking the "Logistics" header button instead of the "next" button to continue to the logistics page. In the logistics section, he entered an address "77 Massachusetts Ave, Cambridge MA 02139" instead of just a city, which caused the full drew a chuckle from him when the full address appeared, overflowing, on the welcome-sign icon. He proceeded through the rest of the event-creation process without any hiccup. His reaction, when sixteen business results popped up, was "Oh, nice!" He chose the first two and successfully sent messages to them, although he did not realize that he could send one message to multiple businesses.
Reflection
Overall, the project was a tremendous learning experience, and like all learning experiences, this meant doing some things right, but also making a lot of mistakes. If we had to do it again, we would have went about the design process slightly differently.
...