Grand Cinemas Application - Case Study

This case study explores my redesign of the Grand Cinemas app, inspired by my love for cinema and the desire to create a more intuitive and seamless ticket booking experience. Using Jakob Nielsen’s Usability Heuristics as a guide, I identified and addressed key usability issues to enhance the app’s user interface and experience. The goal was to make the app more user-friendly, efficient, and enjoyable for moviegoers.

Problem

While using the Grand Cinemas app, I encountered several usability issues that hindered the booking process. These problems were analyzed and categorized based on Jakob Nielsen’s Usability Heuristics and general design concerns.

Solution

To create a more seamless user experience, I reviewed and compared other successful cinema apps, drawing on best practices and recurring design patterns. This research informed my redesign, focusing on intuitive navigation and improved interface elements.

Analyzing App Interfaces

Here are the original interfaces from the Grand Cinemas app alongside my redesigns. Each redesign addresses the key usability and design issues I identified and documented for each interface. By adhering to native iOS components, the updated designs aim to simplify the user journey and create a more cohesive experience.

Register Interface

  • Added Password Hint: Clear instruction for password length to avoid confusion.

  • Improved Readability: Clearer typography and line spacing for easier form completion.

  • Added Interface Title: Ensures users know they are on the registration page.

  • Clarified Required Fields: Essential fields are clearly marked, helping users understand what information is necessary.

  • Added Show/Hide Password Icon: Provides users control over password visibility for security.

  • Streamlined Fields: I Made some fields simpler to reduce time spent filling out the form.

  • Consistent Primary Button: The "Register" button is consistent with other pages, providing uniformity across the app.

Home Interface

  • Added Tab Bar: It provides clear navigation with labeled sections.

  • Added Account Section: I replaced the filter section, as filters are now integrated in the tab bar.

  • Improved Readability: Making larger, clearer text for titles like "View All" and movie names.

  • Spaced Movie Posters: Movies in the "Now Showing" and "Coming Soon" sections are well-spaced, creating a cleaner and more organized layout.

Movie Interfaces

  • Sections for Showtimes and Details: Users can easily toggle between "Movie Showtimes" and "Movie Details" for a more intuitive experience.

  • Showtimes First: The showtimes page is displayed first, aligning with user expectations.

  • Consistent Button Size: A single, bold "Book Ticket" button maintains consistency across pages.

  • R18 Display: The R18 rating is consistently shown across both pages.

  • Removed Confusing Elements: Removed the Reset button and replaced it with a streamlined, single interaction.

  • Improved Layout: Clear, organized spacing and alignment make the content easier to read.

  • Interactive Showtimes: The showtime section is simplified, with one button for booking tickets.

Booking Details Interface

  • Improved Typography: Larger and clearer text enhances readability and ensures information is easily seen.

  • Organized Food Section: The food and drinks section is neatly organized, making the details more structured.

  • Balanced Padding: Added consistent padding on both sides, preventing content from running to the edge and improving readability.

  • Bold, Consistent Button: The "Continue" button is now bold, consistent in shape, width, and height, aligning with other buttons across the app.

Payment Interface

  • Simplified Process: Combined all necessary information on one page to reduce unnecessary steps, simplifying the payment process.

  • Clear Title: Updated the title to "Payment" to match the current process, eliminating confusion.

  • Consistent Button Design: Ensured that the "Pay" button is uniform in size, shape, and style, maintaining consistency across the app.

  • Editable Information: Added editable sections for booking details, food, and personal information, allowing users to review and make changes before completing the payment.

Mid-Fidelity

Style Tile

The style tile showcases the evolution of the app’s visual identity. While I maintained the brand’s core identity, I refined the tone to create a more consistent experience. The color scheme, typography, and button styles have been updated for better clarity and usability.

Old Style Tile

New Style Tile

High-Fidelity

  • Register Interface

  • Register Interface

  • Home Interface

  • Movie Showtimes Interface

  • Movie Showtimes Interface

  • Movie Details Interface

  • Movie Details Interface

  • Booking Details Interface

  • Payment Interface

  • Payment Interface

Conclusion

Through this project, I learned to approach redesigns with a strong focus on usability and consistency, using Jakob Nielsen’s Usability Heuristics as a guiding framework. By incorporating native iOS components, I ensured the app remained familiar to users while effectively addressing key usability issues. Thoughtful analysis and design decisions resulted in a more intuitive and cohesive user experience. This process reinforced the importance of user-centered design and demonstrated how strategic improvements can transform a product into one that is both functional and delightful to use.

Project Date

Sep 16 - Sep 25 2024