Water Log'd app shown in iPad and iPhone
WATER LOG'D
a SCUBA diver's log
TL;DR
Process
Project Info
Overview
UX, UI, Dev
As a certified SCUBA diver and my day job in the Marine field, it's not a giant leap to imagine my desire to combine my passions. During a hackathon at work, I had the exciting opportunity to explore the idea of creating a SCUBA dive log app. An app that that would offer not only all the basic features of a dive log, but also
1) make it easy to enter dive information once out of the water,
2) offer a fresh take on the UI.

When my idea was not taken on as a company project, I received the green light to make it myself! This app is positioned as a Minimally Viable Product (MVP) with future functionality planned if enough downloads are reached.

PROCESS

Discovery
HE WHO WOULD SEARCH FOR PEARLS MUST DIVE BELOW
I'm fortunate in the case of this app that the SCUBA community is one I already belong to. With about 30 dives under my weight belt, I felt confident that I had a fair beginning to understand how myself and my fellow divers operate. One activity that was stressed in my initial dive training was the importance of keeping a dive log. An important task because a diver needs to monitor conditions of dive sites, keep and review dive notes, as well as monitor progress in skill. I still remember at one of my certification dives that my flippers fell off during an emergency ascent trial (30 feet underwater and you need to reach the surface safely without air from your tank and without getting the Bends)! Having it documented in my log made sure that on future dives I tested my flippers with strong kicks before beginning any trek.

Author during a snorkel excursion in Hawaii Author in full gear after a lake dive in WI
snorkeling in Hawaii, SCUBA in Wisconsin

There are a few obvious reasons why a portable, electronic dive log would be beneficial. I keep a paper-based dive log, but it is cumbersome to remember to bring it with me on dives especially when traveling. I also have to be very careful to make sure it doesn't get wet, not an easy feat when the activity you are logging is by water! Also consideration has to be taken of the physical state of a diver once he/she is out of the water. As a fresh water diver, the water is, well, cold! Diving is an energy drain already; add trying to keep warm, fighting against current, maneuvering with heavy equipment, and you have the perfect conditions for exhaustion. The less energy it would require to fill out a log the better.

Having an native mobile app would allow divers to keep their dive log with them, have access to GPS location data, weather data, and other connected technology. It also offers the possibility of auto-filling out parts of the log, as well as an alternative to manual entry of data. Scouring through iTunes, I have downloaded numerous dive log apps applying a UX heuristic evaluation as well as my own dive experience to evaluate them. I was left unimpressed with the usability, design, and visual style so I set out to create a better dive log.

images of dive log apps
competitive apps

Design
ONCE I DIVE IN, I DIVE IN ALL THE WAY
For the MVP version of Water Log'd, the app would need to have all the basic functionality of a true dive log. It would, of course, have to be store all the important details of a dive (the where, when, dive table, equipment, environment, and notes). I set out to flesh out the features and set prioritization. From the feature requirements, wireframes were developed to structure the app for both phone and tablets.

I have a bit of an unfair advantage when it comes to mobile design because I am a trained developer. Which means that I know the Human-Interface Guidelines AND have intimate knowledge of the building blocks that are available in iOS. Armed with this knowledge, I didn't go into the design process blind; I debated structures based on ease of programming and purpose. I settled on a split-view controller for the main navigation structure. This structure would allow me to present the dives chronologically, in an easy-to-skim manner, and have easy transition from iPad to iPhone (an important consideration since I would be the only developer).

The one complication arising from supporting a Universal app is that, while I had a large amount of space on the iPad to layout all of a dive's details on a single screen, the phones more limited space would require a different layout. Based on the features I would support, I found that the content could be divided between the main dive details, equipment, and environmental conditions. By dividing the content in three, I could present each section using a segmented control. The different areas of detail could then easily been seen, and the diver can switch between the different sections at will.

screen design exploration screen design exploration
wireframe exploration
While I was devising the app architecture, I was also crafting a visual design that would capitalize on the look-n-feel of iOS 7 (flatter, less skeuomorphic), but would still provide an engaging, custom-looking experience. I wanted Water Log'd to be a departure from the heavy mechanical-looking apps that I had encountered. Instead of the dark, murky depths, I drew inspiration from the scenery you see just as you begin a dive; the water, sand, and sky.

For artistic inspiration I drew on my love of watercolor. Watercolor was a natural fit for this app; allowing me to capitalize on the inherent transparency of the medium and the fact that watercolor often looks like it is lit from within. I find this same phenomenon while I'm diving; the scenery often takes on an other-worldly glow.

Inspiration Photo
Inspiration photo from a trip to Puerto Rico

sneak peak at the app UI
UI Skin

Develop
JUST KEEP SWIMMING, JUST KEEP SWIMMING, SWIMMING, SWIMMING
Perhaps one of the only advantages of being a solo team is that communication is never a problem. Since I am the UX designer, visual designer and developer, documentation beyond the most basic wireframe and style guide was unnecessary. I began development while iOS was on version 7. Handling the custom UIViews meant dealing with auto-layout. Then I had to take a break from development to plan my wedding. Once I could get back to the app, iOS 8 had arrived. Now I had to go back and account for changes in layout constraints, string manipulation, and, if I'm able, the new programming language Swift.

Currently in development, I hope to have the app ready to release in the coming months. Once a stable beta stage has been reached (the true MVP), I plan to test the app with a small group of divers to get feedback about the utility and usability of the app. I'm also planning to incorporate Flurry, a mobile analytics SDK, which will allow me to gather intel to refine features and direct my future endeavors.

xcode screen xcode screen
into the code
Future plans
FOLLOW THE BUBBLES
If I reach my target download, I plan to add the following features:

*Ability to see dives on a map, which provides a more intuitive means to interact with already-completed dives.

*Ability to draw your underwater route on a map. A dive is usually marked by the start/end locations, but the distance and depth covered can show even more information.

*Dive statistics.

*Finally (and perhaps a pipe dream), to be able to pair with or find a open-api based dive computer manufacturer. A dive computer, which holds most of the data needed to fill out a dive log, holds the key to a less manual-entry driven log AND would provide a more in-depth look at each individual dive.

PROJECT INFO

CLIENT
Lisa McGartwhaite

PLATFORM
iOS Universal

TEAM
Lisa McGarthwaite: UX, Art, Dev
METHODS & OUTPUTS
Competitive Analysis
Feature Requirements
Mood Board
Task analysis
Wireframes
User Interface Design
Prototypes (Click-through)
TECH & TOOLS
UIStencils
Adobe Creative Suite
Presentation Link
GIT
Objective-C
Xcode
Flurry

CONTACT ME
Drop me a line