INTERACTION DESIGN

INTERACTION DESIGN

Submergd

Deliverables

Deliverables
Mobile Prototype

Research, UI/UX, Prototyping

Role
Role
Research, Conceptualizing, UI/UX, Prototyping, Photography

Research, Conceptualizing, UI/UX, Prototyping, Photography

Tools Used

Tools Used

Illustrator, Sketch, InVision, Canon 7D

Illustrator, Sketch, InVision, Canon 7D

Year
Year

October – November 2016

October – November 2016

AN OVERVIEW

A photo editing iOS app that is intended for marine biologists to edit underwater images through a set variety of pre-determined filters, cropping ratio, while providing the target user with a note taking and species tagging feature.  

THE PROBLEM

There are many photo editing apps in the app store, ranging from professional apps allowing detailed editing to adding filters or creating collages. Most of these apps with similar features have been done before and there are too many of them, so how can we make a unique photo editing app?

THE CHALLENGE

How might we create a different experience of photo editing designed for professionals?

THE SOLUTION

A simple mobile photoediting application that is catered towards specific users, marine biologists, that focuses only on editing images with an added tagging and note taking feature.

design-challenge
INITIAL RESEARCH

These are the initial steps conducted towards the development of the app. Once I decided that I would like to create an underwater photo editing app, determining and understanding the target audience is key in order to create the user flow and key features of this application.

Talks about how this focuses on the user experience of the the mobile application. First determining the target audience, to the flow and key features of this application.

Determining the target audience

People

A group of well educated professionals and students. They are busy people who spends time researching marine animals and go on field studies. They may not be very tech savvy and do not use photo editing apps on a regular basis.

Context

The physical environment of users using the app includes on the boat, in the office, public space, educational institution, with no Wi-Fi or data usage required. The app shouble be fairly simple and straightforward to use.

The physical environment of users using the app includes on the boat, in the office, public space, educational institution, with no Wi-Fi or data usage required. The app shouble be fairly simple and straightforward to use.

Activites

They are busy people that spend time doing research in labs, investigating interactions of marine animals (fieldwork), writing publications or teaching professors of graduate and/or undergraduate students.

Technologies

The input method for the user is to import images from their camera roll, searching up species, and take notes based on the tagging feature the app provides. The output would be the edited images created and saved by the user.

The input method for the user is to import images from their camera roll, searching up species, and take notes based on the tagging feature the app provides. The output would be the edited images created and saved by the user.

The input method for the user is to import images from their camera roll, searching up species, and take notes based on the tagging feature the app provides. The output would be the edited images created and saved by the user.

The input method for the user is to import images from their camera roll, searching up species, and take notes based on the tagging feature the app provides. The output would be the edited images created and saved by the user.

The input method for the user is to import images from their camera roll, searching up species, and take notes based on the tagging feature the app provides. The output would be the edited images created and saved by the user.

The Mobile App Structure

It was easy to get carried away by how many potential features this app could have as I focused on features that other photo editing apps already had. However, once I laid out my three main features it was easier to create a more simple user flow. 

SiteStructure

Key App Features

There are three main features that this simple photo editing app focuses on, two of which are most unique to this app: the pre-determined set of colouring-correcting filters and the tagging feature.

There are three main features that this simple photo editing app focuses on, two of which are most unique to this app: the pre-determined set of colouring-correcting filters and the tagging feature.

THE VISUAL DESIGN

Deep waters & simple. 

As the app is simple underwater editng app I wanted the visual design to reflect this overall theme through the use of colour and typography. 

Colours

Colour

I decided to use a bluish-grey monochromatic colour scheme to create the sense of deep and dark ocean waters, with an addition of a bright light blue colour. The bright blue against the dark toned colours creates a nice contrast when emphasizing elements in the app.

Typography

Typography

I chose to work with San Francisco Pro for this project. Using different sizes and weight of the font kept the information hierarchy simple and straightforward without too much clutter.

THE PROTOTYPE

This is a video walkthrough of the site structure, outlining the key features of the app. The prototype is made by using Invision.

REFLECTION

Given that this is my first mobile app design, it introduced me to a different aspect of design. It taught me to design empathetically by making design decisions based on the perspective of the user. However, this is a challenge that I would like to learn more about and practice: to think from the user's perspective. This visual re-design of Submergd has taught me the importance of using the iOS guidelines to create a more cohesive and a visually put together app. 

If I were to continue and expand upon the idea of a photo editing app for marine biologists, I would incorporate this app into a company situation. Through a company database and user profiling system, it can be a space for colleagues to share their edited images of findings and observations of marine animals in a visual manner. Hopefully this will encourage individuals to collaborate with one another and exchange and store  information and ideas with one another. 

Other Works

OriginalityVisual Design

FI PartnersCorporate Design

Shark FinningInformation Design

ContainedPackage Design

The UndergroundBranding, editorial

Caryl Baker VisageBranding, Marketing

SubmergdInteraction Design

SeatUI/UX Design

livwdj

©Livia Widjaja, 2018

Say hello!

lwdjdesigns@gmail.com

Where you can find me
error: Content is protected !!