Progression
This straightforward design was not immediate and required several rounds of user testing and revisions. The first prototype merely served as a collection of rough ideas, while the final prototype is much more refined and better supports the needs of users.
First Iteration
The first iteration consists of only a few pages and allowed our group to experiment with how certain features of the app could be visualized. This example features two home pages, with the first showing a large "Up Next..." movie image and overlapping text. I later decided to separate these elements, as seen in the second home page, since the movie image was also clickable and redirects to a movie information page. With each part of this section separated, we can minimize accidental clicks.
Second Iteration
The second iteration features several improvements over the last. The "Up Next..." section now has larger buttons and a clear separation between title, date, and rating. Each log now also includes profile pictures for each user in the log, allowing users to easily distinguish logs.
The logs in both prototypes can be scrolled horizontally to show all their entries. The log page can also be accessed by clicking their titles, giving users control over the log and making it easier to see its contents.
Final Iteration
The final iteration is a significant improvement upon the previous ones. Although horizontal scrolling on the home page enabled users to view log contents quickly, there was no simple way to include log features without it becoming overwhelming. Therefore, I opted for simple tiles that redirect to the log page for feature interactions. These tiles are draggable, with the top-left tile influencing the "What's Next?" section.
All buttons were changed to a bright blue color, creating contrast with the background. A swiping feature replaced check buttons, allowing users to swipe left on a movie to mark it as complete, moving it to a "Watched" section.
The movie detail page also received an overhaul, now featuring a movie poster, background image, and streaming providers. While many more pages could be discussed, I am proud of the final product. User test results improved with each iteration, which was our ultimate goal.
