GR6 - User Testing
Design
Color Scheme
Originally, we were deciding between a light theme and a dark theme for our color scheme. For the heuristic evaluation, we had submitted a protocol where we used a light theme, with an off-white as the main background for our site. However, as we asked more people for their opinion using our first computer protocol, we found that more people preferred the dark theme. It seemed that since more photos tend to be brighter, there was more contrast in our site if we had a dark theme, with a gray as our main background color. This also brings more emphasis and focus to the photos.
Animating Group Icons
When we first met with our TA with our first computer prototype, our icon for groups was composed of a stack of three photos with the main photo being a photo from the group. Our TA mentioned that this made our site look like a Web 1.0 site, because it wasn't very animated. We also got a comment in our heuristic evaluation stating that the stacks were confusing because wasn't a correlation between the stacks and the number of photos in the group. Thus, we did away with the stacks and decided to animate the group icons, showing multiple pictures from the group when you move your mouse over the icon for a group.
Drag and Drop Functionality
- Upload:
- Reorder:
- Delete:
Alternative Uploading
One of the comments we received in our heuristic evaluation was that to ensure user control and freedom, we should have a regular uploading option with the default file chooser in addition to drag and drop. We implemented this for our final version, allowing you to browse through your files and select photos since more users are accustomed to this way of uploading photos. This is done by clicking on the upload button.
Photo Layout in Groups
Share Suggestions
Simplification of Comments