App Design

App Design

Native Origins App

An app designed for visitors to the Chickasaw Cultural Center in Sulphur, Oklahoma

An app designed for visitors to the Chickasaw Cultural Center in Sulphur, Oklahoma

An app designed for visitors to the Chickasaw Cultural Center in Sulphur, Oklahoma

Timeline

3 Months

Role

Designer, Researcher

Collaborators

Team of 5

Tools

Figma, Adobe Illustrator

Timeline

Travel

Role

Travel

Collaborators

Travel

Tools

Travel

Background

This project was created over the course of 10 weeks in collaboration with four other students for Southern Methodist University's Certificate in User Experience Design.

Our team was interested in researching ways of activating cultural and educational spaces and gamifying learning. My team member Katie is a member of the Chickasaw tribe and suggested focusing on the Chickasaw Cultural Center for our app design.

The Problem Space

For years, museums have been seeking to transform their missions for the digital age. The coronavirus pandemic has put that transformation front and center. The goal is to continue to connect with traditional audiences—those who regularly visit museums and often become members and donors—while reaching out to new audiences via new technologies and digital media. Our audiences don’t expect a stimulation of a gallery visit on screen. They want an experience. 

How Might We…

Aid and engage on-site users as they navigate the 184-acre campus?

Aid and engage on-site users as they navigate the 184-acre campus?

Teach and connect users with Chickasaw history and culture with a memorable museum experience using AR technology?

Teach and connect users with Chickasaw history and culture with a memorable museum experience using AR technology?

Immerse users in the beauty and legacy of the Chickasaw Nation?

Immerse users in the beauty and legacy of the Chickasaw Nation?

The Result

Our team received positive feedback from teachers and the Cultural Center employees we initially reached out to for information. We even received a short write-up on our prototype in the Chickasaw Times.

User Research

During the research phase the team conducted market research, competitor analysis, and created personas for types of museum visitors.

Visual Design

Colors

I designed the logo in Adobe Illustrator and used saturated earth tones to represent the colors of Oklahoma’s natural environment. We used rounded corners and Open Sans to create a friendly, approachable interface.

Colors

I designed the logo in Adobe Illustrator and used saturated earth tones to represent the colors of Oklahoma’s natural environment. We used rounded corners and Open Sans to create a friendly, approachable interface.

Colors

I designed the logo in Adobe Illustrator and used saturated earth tones to represent the colors of Oklahoma’s natural environment. We used rounded corners and Open Sans to create a friendly, approachable interface.

Prototyping and Wireframes

Once we had the workflows it was time to move into the style phase. This included: sketches, wireframes, branding, hi-fidelity comps, etc. As we continued to finesse our screens, we made changes to the designs that we hoped improve the usability of the screen such as creating a stronger sense of hierarchy and helping the users eyes flow in a more natural rhythm down the app. 

Seamless Onboarding

We designed an onboarding quiz so that users could select their interests and then be sent to the guided AR tour that most closely matched their answers.

Tour Selection Feature

We created a home page with tours that were organized by recommended, subject matter, and distance.

AR Feature

Using Nomad, a 3D design app for the iPad, as well as Aero, an app by Adobe to create AR experiences, I worked on a proof-of-concept for what our team envisioned the experience of scanning the AR codes would result in.

Quiz

We added a short quiz section that the user reaches upon completing all the AR experiences of the tour the selected. 

User Testing

Due to the pandemic, we weren't able to conduct any user testing in-person. Instead we used Adobe XD's prototype feature and conducted interviews via Zoom. 


Accessibility

The team ran accessibility tests by utilizing the Stark plugin for Adobe XD. The color blindness simulations proved that our screens were readable. But it also revealed that we needed more contrast between some colors. We also needed to make our call to action button type slightly bolder and larger. 


Testing Approach

After creating a screener and pilot testing both workflows of the app, the team moved forward with moderated testing via Zoom due to the pandemic. We felt it was vital to not only hear the user's thoughts but also be able to see where they were clicking. The tests were designed to test hypothesis, flows and UI questions the team had. 

Due to the pandemic, we weren't able to conduct any user testing in-person. Instead we used Adobe XD's prototype feature and conducted interviews via Zoom. 


Accessibility

The team ran accessibility tests by utilizing the Stark plugin for Adobe XD. The color blindness simulations proved that our screens were readable. But it also revealed that we needed more contrast between some colors. We also needed to make our call to action button type slightly bolder and larger. 


Testing Approach

After creating a screener and pilot testing both workflows of the app, the team moved forward with moderated testing via Zoom due to the pandemic. We felt it was vital to not only hear the user's thoughts but also be able to see where they were clicking. The tests were designed to test hypothesis, flows and UI questions the team had. 

Due to the pandemic, we weren't able to conduct any user testing in-person. Instead we used Adobe XD's prototype feature and conducted interviews via Zoom. 


Accessibility

The team ran accessibility tests by utilizing the Stark plugin for Adobe XD. The color blindness simulations proved that our screens were readable. But it also revealed that we needed more contrast between some colors. We also needed to make our call to action button type slightly bolder and larger. 


Testing Approach

After creating a screener and pilot testing both workflows of the app, the team moved forward with moderated testing via Zoom due to the pandemic. We felt it was vital to not only hear the user's thoughts but also be able to see where they were clicking. The tests were designed to test hypothesis, flows and UI questions the team had. 

Final Thoughts

What we Learned

Designing a digital experience that complements and integrates seamlessly with the physical activities and sights of the museum was an exciting challenge that I hope to continue to explore in my work.

Another important consideration is the accessibility of Augmented Reality. We realized text could be very difficult to read and the entire experience could be inaccessible to those who are visually impaired. In the future, we would incorporate an auditory experience in addition to solely 3D models.


Future Considerations

In the future, I want to delve deeper into how to make learning experiences more interactive through AR. I am also interested in experimenting with how auditory experiences can be merged with AR.

What we Learned

Designing a digital experience that complements and integrates seamlessly with the physical activities and sights of the museum was an exciting challenge that I hope to continue to explore in my work.

Another important consideration is the accessibility of Augmented Reality. We realized text could be very difficult to read and the entire experience could be inaccessible to those who are visually impaired. In the future, we would incorporate an auditory experience in addition to solely 3D models.


Future Considerations

In the future, I want to delve deeper into how to make learning experiences more interactive through AR. I am also interested in experimenting with how auditory experiences can be merged with AR.

What we Learned

Designing a digital experience that complements and integrates seamlessly with the physical activities and sights of the museum was an exciting challenge that I hope to continue to explore in my work.

Another important consideration is the accessibility of Augmented Reality. We realized text could be very difficult to read and the entire experience could be inaccessible to those who are visually impaired. In the future, we would incorporate an auditory experience in addition to solely 3D models.


Future Considerations

In the future, I want to delve deeper into how to make learning experiences more interactive through AR. I am also interested in experimenting with how auditory experiences can be merged with AR.