OSF Kiosk
My spring 2021 user experience class had the opportunity to work directly with OSF’s Jump Simulation team to research and develop the user interface for their new project: kiosk stations located at the three Peoria homeless shelters holding an application that would provide necessary information and care for their situation. We worked in four teams of four to research, wireframe, and prototype our kiosk app. My team’s hard work and final product was well praised by our OSF client.
Scroll below to see the sections I was in charge of.
When creating any UI interface it is important to understand your client’s needs/situation and the user’s needs/situation. We spent two months researching, conducting interviews, and trying our best to fully understand our user. This helped us realized what was needed most in the app along with certain precautions we had to keep in mind.
Teamwork is a powerful tool, especially when working on large scale client projects. My primary role was research, logo design, animation, and background graphic design. I also worked closely with all of our team members, our professor, and our client to answer any questions the team had.
Animating
The cool thing I have learned over the years is how animation is used in all digital media. With the internet expanding every day, digital media is finding new ways to connect with consumers. And one of the latest and greatest ways is through animation!
I made this animation for the email set up page of the the kiosk app. Using animation instead of still images in an application helps connect the client with the user in a welcoming environment.
Logo Design
Through my coursework and my outside client work, I have been professionally creating logos for several years.
Logos are important – they tell the story of your whole brand in one simplified icon.
Colors, design, and shapes all come together to create a strong message.
Moodboard
The best way to gather ideas after the research stage is through a moodboard.
Application icons, color palettes, typography, and overarching UI elements must be universal throughout the entire design stage.
Wireframes allow for the structure of the application to be developed, critiqued, and changed without losing time on high-fidelity designing.
This section of the project was completed by all team members. We worked together to discuss all of the needs of the client and user to determine what screens were needed. After receiving critiques and feedback from our professor and client, we modified the designs accordingly.
Once the wireframes are complete, it is time for color, animation, graphics, and finalized content.
Adaptive
Backgrounds
I made three different background designs to compliment the style of each: Onboarding screen, Menu screen, and Content screen. This is the Menu screen above.
I worked directly with my team, team lead, our professor, and our client to receive feedback. The background is essential in creating a specific atmosphere and can help guide the viewer’s eye through the design.
Final Thoughts
I greatly enjoy working with clients to help them bring their ideas to life. The OSF team members were helpful and eager to see our work throughout the process. Creating an application that would be highly valued in our community brought a sense of pride and purpose to our work.