16
Joey Rigor Kontak Mobile Apps March 11, 2016 Design of app iOS Kontakios

Design of the Kontakios iOS app

Embed Size (px)

Citation preview

Page 1: Design of the Kontakios iOS app

Joey Rigor Kontak Mobile Apps March 11, 2016

Design of

appiOS

Kontakios

Page 2: Design of the Kontakios iOS app

v

how we implemented the core concepts of

Apple’s Human Interface Guidelines in the design of our business app,

Kontakios.

This post is about

Page 3: Design of the Kontakios iOS app

Kontakios is an app designed for iOS

that run in iPads.

Used by life insurance agents and financial advisors in selling insurance

and bancassurance products.

Page 4: Design of the Kontakios iOS app

Core Concepts.

iOS design is driven by 3 core concepts:

Deference. Clarity. Depth.

Page 5: Design of the Kontakios iOS app

Focus on the content.

Simplify the interface.

1 Deference.

Page 6: Design of the Kontakios iOS app

The Home page UI is simple and

clearly show the modules that users

can navigate.

The summary data is subdued to

provide focus to the menu and to

avoid clutter.

Page 7: Design of the Kontakios iOS app

In the Contacts page, content is

maximised but do not look crowded.

Negative space gives focus to the

major sections and provides breathing

room.

Page 8: Design of the Kontakios iOS app

Text is legible. Colour and fonts suggest which are highlighted,

neutral or subdued.

Icons are precise and lucid. Its function are obvious.

2 Clarity.

Page 9: Design of the Kontakios iOS app

Even with a lot of data in the

Contacts page, text is readable in

different sizes and colour. It also

distinguishes the major sections.

Text icons are lucid and obvious.

Page 10: Design of the Kontakios iOS app

The same concept of text and font

clarity is also shown in the

Application page.

Screens are descriptive.

Obvious text icons clearly show what

can be done in the UI.

Page 11: Design of the Kontakios iOS app

Visual layers and realistic motion impart vitality

and heighten people’s delight

and understanding.

3 Depth.

Page 12: Design of the Kontakios iOS app

Popovers to view details or

encode data is a major design

strategy to simplify the UI.

This visual layer also provide the depth to the UI.

Page 13: Design of the Kontakios iOS app

Screen transitions are only used to

open the 3 modules from the

home page.

Since popovers are used heavily, their transitions are not implemented to

avoid being irritating over time.

Page 14: Design of the Kontakios iOS app

Designing apps that rock is not so hard, is it?

There you have it.

Just follow the core concepts.

And iterate until you get it right.

Page 15: Design of the Kontakios iOS app

AboutMe

My blogs will try to convince everybody to learn how to code. How to become creators of technology.

This became a passion as I see people using technology in their daily lives but have no idea how it works. Sadly, almost

all of us are mere consumers.

As a software developer, I have always been interested in learning technology and how I can share what I’ve learned

specially to others with professions outside my field.

Page 16: Design of the Kontakios iOS app

This is part of a series of posts about how I can convince you to be a coder.

Hope you are already convinced, grasshopper.

To know more about our company and other blogs, just click the link below:

www.kontakios.com

What now?