fighting for truth, justice, and a kick-butt lotus notes experience.

Optimized Notes App Design for the iPhone

Detlev Poettgen  Dezember 16 2019 10:33:51 AM
Since version 1.0.5 of HCL Nomad (formerly IBM Domino Mobile Apps) existing classic Notes applications can now be used on the iPhone. The previous version only supported the iPad.

Due to the form factor of the iPad, Notes applications were generally usable without major design adjustments and looked and operated exactly the same as on a Windows or Mac Notes Basic clients.

For the iPhone, due to the smaller display, classic Notes applications can also be used without design adjustments, but in practice these will be difficult to use.  Therefore, it makes sense to take a look at your existing applications to see to what extent they can be used out-of-the-box or which can be adapted with little effort especially for use on the iPad and especially the iPhone.

The first demos, ideas or approaches for how Notes apps for the iPhone can be adapted especially for the iPhone using HCL Nomad are now appearing on the various channels.

For example:

Image:Optimized Notes App Design for the iPhone

Image:Optimized Notes App Design for the iPhone

I have looked at these examples for a long time and have thought and experimented for a longer time, how to build an optimized iPhone navigation and interface for the iPhone with the existing Domino Designer tools.

Here I followed the design recommendations of Apple. Apple has excellent material for this:

Apple WWDC 2014: Design Intuitive User Interfaces

2014 I had the pleasure of following this session live in San Francisco at WWDC  and of talking to the Apple Design Engineers afterwards. Before you start customizing your applications, just watch the video above and think about it.

So what's important?

1. The navigation must be simple.

2. In particular, the navigation must be easy to reach. Ideally for an iPhone app with one hand using your  thumb.

3. Less is more. So focus on the essential, the important. Which function is needed mobile with the iPhone? Do I really need all 30 views or are two or three views enough? The 80 : 20 paradigm helps here.

Now how can this look like?

I took the old Notebook / Journal template and adapted it for the iPhone.

Image:Optimized Notes App Design for the iPhone

The time it takes are only 1 to 2 hours and as a result you get a basic framework, which is also transferable to other applications.

I decided to put the navigation in the footer and insert the three most used views there.
This way the app on the iPhone can be operated easily and uncomplicated with one hand.

Image:Optimized Notes App Design for the iPhone Image:Optimized Notes App Design for the iPhone

The ... button offers more views. With the + button a new journal entry can be created.
Actions for a view entry (delete, copy, ...) can be selected via a swipe gesture to the left.

I will explain how I did this in a few separate blog posts over the next few weeks. Here is just the idea and how it can look like.
It is not magic - only a custom frame, a page, page actions and four images ressources. So stay tuned and I would be pleased about feedback in any case.

By the way DNUG will host a webcast regarding this topic on January 21st: