Design for an artistic mediation mobile app

Simap iOS App Featured image

Context

Early in 2016 we were approached by Romsoft, a software company with tradition on Iasi, to design an app meant to assist the artistic mediation process inside our very own – and recently re-opened – Palace of Culture. The project is called SIMAP and was launched together with the long awaited opening of the Palace of Culture.

Initial research

We started gathering information about the product and audience, asking questions and finding solutions that might better layout the functionality to meet the objectives.

Customer journey map

After mind-mapping various usage scenarios and user behaviours, we used these conclusions to create the app flow and customer journey map, identifying two user flows: using the app inside the museum to pull out information about a certain item, tag and discuss and scheduling your visit to the museum before arriving.

Customer Journey Map

We described the journey of a user to try to identify opportunities, needs and behaviours

Wireframes

Like every other of our projects, wireframing is essential for fast iteration and determining the best possible solutions for displaying and organising information. We created wireframes for every screen and interaction, often discussing about possible transitions between screens and animations.

Wireframes

Main screen

The main screen features collections and items, browsable through a tabbed area that also responds to swipe, automatically focusing on the next collection.

Collections

The collections are browsable through a tabbed navigation bar.

Add to collection

Swiping adds an item to a personal collection.

Prototype

We used Framer to prototype interactions and animations.

Emphasising on photos

The detail page starts off with a full screen version of the item’s photo. We wanted to focus on imagery as well as information while allowing users to choose whether or not to see the detailed description and data about an item.

Tagging

One of the main features of the app is tagging. This allows anyone to tag a specific item with a keyword that describes it. Tags will later be used to easily identify the level of experience a user has in reviewing art. The flow for tagging is straightforward and intuitive.

Experience levels

We identified multiple types of visitors based on group size, reasons for visiting the museum, but above all experience. In terms of experience level, you can select one out of three levels: adult, expert and child. We designed the icons to help create a visual connection between the visitor and these three options.

Child

Adult

Expert

Iconography

Icons were designed to fit the iOS design standards and redesigned for the Android App.

Personal Collections

Whenever you plan your visit to the museum, but also during, you have the ability to create custom collections and add items to them. This helps finding objectives easier once you get to the Palace of Culture. We displayed collections in a 2 column grid format and kept the flow simple and intuitive. Visual queues and notifications signal actions being completed (like “item added to collection”).

  • Collection added

    A visual queue signals when a new personal collection has been added

  • Collection content

    The same layout as the one on the main screen is used for items inside a personal collection.

  • Notifications

    Success notifications appear on top when an item has been added to a collection.

  • Grid

    Personal collections are laid out in a grid format.

Search

Searching is done by keywords, unique ID or QR code scanning.

Main menu

Transparent overlay that blurs the current screen in the background.

Comments

Reviews show experience level of the author.

Delivery

After the iOS version of the app, we designed the Android one, focusing on implementing material design guidelines while retaining much of the same flow and experience we designed for iOS. Although we designed the app in Illustrator we used Sketch to design the icons and for final deliverables  due to its amazingly helpful export features.

The app icon we designed stands out on the home screen. We also designed the on-boarding screens to focus on the important features of the product.