Art Meets Reality: Mobile UX Design 2020
From start to finish, I formulated a project that implemented augmented reality into the art museum experience.
Art museums are beacons of history and information. Many people who visit museums tend to take audio tours to get the “full experience”. However, audio tours nowadays consist of outdated technology and equipment.
With this product, users can use the smartphones cameras to scan a piece of art, which unlocks an augmented interactive journey within your camera view. From 360 rendering around the room to audios of the artist themselves speaking about the piece, the options are endless.
Gearing museum tours this way would eliminate the need for old technology and revamp the learning experiece and experience of museums for the better.
Interaction Framework & Wireframes
Initially, I envisioned my way through the app itself as if it already existed, figuring out what would be on specific designated pages. From there I made a rough framework sketch and with that, I developed a more cohesive wireframe with proper lines and alignment.
User Interface Designs
The following are descriptions of the following UI designs I developed on Adobe Illustrator:
Buttons are spaced with thin lines. Light color scheme with a white background with teal blue tones and a highlight yellow color. Simple with visible square buttons. Added titles to each icon.
Slightly transparent, rounder button graphics included with a darker color scheme. Purple blue tones with a faint mint highlight color. More interesting font and lack of icon bar.
Combination of the best aspects of all the previous designs. Left aligned titles, center aligned body text, and a smaller app name font. Continued rounded transparency buttons and a darker color scheme. Added titles to the icons but kept the rounded scheme.
Usability Analysis
After developing those designs, I conducted usability analysis tests on a sample group and gave them a few scenarios in the app to play through.
The results were that the interface was easy to navigate through, however concerns were raised with having multiple pages of profile information rather than just having one.
With these results, I combined the profile information with the ticket page, producing one page and solving the issue.
Final Product
After getting the app and setting up your profile, you will see many different pages, some including the map, the camera, and the search bar. Once you've booked tickets to a museum that interests you and you find your way there, possibly by using our map, you can start your exploration. While you peruse the art work, take a look at the art placards and you will find QR codes. Using our camera in the app, scan the QR code and unlock the augmented reality quest ahead of you.
