Biennale iOS app UI design

iOS app for exhibition visitors who want to get more information via audio guide or text description.
Created with Balsamiq, Sketch, and Xcode.

Overview

Simple app for exhibition visitors who want to get more information via audio guide or text description.

Sketches and wireframes

First of all, I wrote application definition statement which clearly identify the objective of the app. Then sketched my UI ideas on paper based on user cases and functionality requirements. At this stage, it’s important to determine navigation patterns, appropriate elements, etc. After that, I created low-fidelity wireframes in Balsamiq to polish ideas and create deliverables which I could use for presentation or discussions. Those wireframes are without any details, color or animation solutions.

The next step is to create greyscale high-fidelity wireframes in Sketch. At this point, it’s important to check that user interface follows best practices and iOS guidelines. Also, I create a moodboard that helps me to focus on design decisions by gathering desired colors, UI elements, icons at one place and move to next stage with clear design vision.

Design

At the design stage, I use my moodboard collection for inspiration. Determine appropriate design solutions bases on the target audience and product idea. Design logo for splash screen, icons, and branding.

After that, I created design mockups in Sketch based on finished wireframes. Prepared and exported assets for different iPhone sizes.

UI development

Then I developed UI in Xcode to provide software developers with storyboard files and image assets.