* Anime Theater
* Anime Theater
Book a movie ticket online to Anime Theater!
-
The goal is to create an app where users can book movie tickets for a movie theater.
-
The target audience includes anime fans, film connoisseurs and those looking for fun activities in New York City.
-
I sent users the following tasks that align with the project goal:
1) Book theater tickets
2) View your profile settings
-
Users expressed difficulty distinguishing what the navigation icons meant, so I added the names under the icons to improve.
Users did not complete the flow successfully when all icons are the same size, so I made the theater icon slightly larger so the users' focus is drawn to the main function of the app.
-
I drew inspiration from popular movie theater apps such as Fandango, AMC Theaters and Regal. I noticed how nearly every movie has a poster photo as opposed to just the title. I incorporated this into the design as it will allow the user to visually see every showtime.
You can see the apps I was inspired by below.
-
In my initial sketches, I incorporated the hamburger menu so users would be able to see their options on a smaller screen. Upon further research I learned that options in the hamburger menu have low discoverability and are better suited for secondary navigation, so I put the main navigation at the bottom of the screen.
You can see my initial sketches below.
-
It was difficult to recruit participants that fit the target audience for the usability study.
-
The users I tested could not complete the flow because they could not find the navigation buttons in the hamburger menu.
During this project, I learned the importance of intuitive navigation and that hamburger menus aren't always the best choice for smaller screens.
Low fidelity prototype
High fidelity prototype
A girl and a large animated creature, Totoro, each holding umbrellas while standing in the rain at night.
Movie theater ticket booking screen showing selected Saturday at 6:30 PM with 22-dollar price, seating chart with purple, yellow, and black seats, icons for new, search, theaters, snacks, and profile at the bottom.
Mobile app screen showing a purchase confirmation for Attack on Titan anime tickets with a background scene of flames and destruction, and a character from the series holding a sword.
Post-apocalyptic scene from Attack on Titan with flames, destruction, and the Colossal Titan looming over walls, featuring a silhouetted character wielding blades.
Mobile app interface showing user profile with a photo of two smiling men, along with menu options including My Theaters, Payment Methods, Terms of Use, Privacy Policy, Report a Bug, and Logout.
Stream of four manga and anime posters featuring Avatar The Last Airbender, Sailor Moon, One Piece, and Attack on Titan.
Mobile app screen displaying search for 'One Punch Man' with search results and a keyboard visible.
Mobile app screen showing a confirmed payment for Attack on Titan anime, with promotional poster featuring a character standing against a fiery background.
Mobile app screen showing a map of New York City with a location pin for Anime Theater. The app has purple accents and menu options for New, Search, Theaters, Snacks, and Me.
Wireframe sketches of a mobile app with screens labeled Choose Time, Setting Section, Confirmation Page, Welcome, View, Search, Map, My Profile, and Snacks. Each screen contains placeholder elements such as buttons, images, and text areas.
Mobile app screen showing login page and movie ticket purchase section with a 'Now Playing Movies' button and a user profile icon in the bottom right corner.
Mobile app interface showing login screen on the left with email and password fields, and a 'Log In' button. On the right, a section indicating no tickets purchased yet with an orange 'Now Playing Movies' button and a small click here button with an arrow at the bottom right.
Screenshot of a mobile app showing movie listings, including 'Black Panther', with a poster and showtimes, and other movies below.
A sketch of a mobile app interface with wireframes for adding items, confirmation, and pickup or seat delivery options, including handwritten notes and arrows.