Mobile App Design

Mobile App Design

-- Deepak Modak @deepakmodak

Recognizing the need is the primary condition for design. -- Charles Eames

Why Mobile App ?

•Mobile devices are always on•Encourages immediate response from the

user •Mobile devices are popular•It is more personal•Easy access

What Challenges ?

•Small screen size•Difficult to type•Battery life•On the go•Hard to multi-task•Data transfer for slow connections•Partial attention while babysitting

/walking

Design Thinking

Viability (Business)

Feasibility (Technical )

Desirability(Human) Innovation

Design Paradigm

Less is moreInclude the important featuresOne action or max two at a time

Design Paradigm

Design of thumb75% of people use thumb to navigate

Design Paradigm

Clear & Focus PresentationUse of iconsColorInfo-graph‘How to get started’ screens

Design Paradigm

Gestures are quickerPinch swipe Max use of handHand zoom in/out

App Design Tools

Affinity diagram A creative process used for gathering and organizing large

amountsof data, ideas and insights by evidencing their natural

correlations.

It starts with a statement of the problem or the goal, each participant think of ideas and write them on small pieces of paper (cards or stickers). Then those cards would become the physical instrument to work on their contents, find the correlations and identify the significant groups of sense. The result is a sort of verbal and visual representation describing the first exploration of design solutions.

Affinity diagram 

Mind Map

•A mind map is a diagram used to visually outline information.

•It is often created around a single entity placed in the center , to which associated ideas, words and concepts are added.

Mind Map

MoodBoard

•A mood board is typically a combination of images, fonts, colors, and textures that define the style of the project

MoodBoard

Personas

•The personas are archetypes built after an exhaustive observation of the potential users.

•Personas are fictitious , but they are based on knowledge of real users.

•Understanding your audience is essential to building great products.

Personas

1. http://www.ux-lady.com/introduction-to-user-personas/

2. http://www.ux-lady.com/diy-user-personas/

3. http://marketingbeforefunding.com/2013/02/26/complete-guide-to-creating-a-customer-persona-for-your-startup/

[1][2]

[3]

Interaction Design

•How users behave in the application like navigation

•If your user does something, your app needs to acknowledge the interaction instantly i.e. responsiveness

Interaction Design

Visual Design

•Focuses on the aesthetics of an app and its related materials by strategically implementing images, colors, fonts, and other elements.

•Placed on the top of Interaction design

Visual Design

Other Useful Tools

Facebook Origami

Other Useful Tools

Resources

Common Bad Habits

•Not thumb friendly•Not using full screen concentrating only

on particular section top/bottom•Cluttered information on single screen•Not applying The Golden Ratio in Designs•Lack of proper information hierarchy •Unclear entry and exit point

Useful Links

• http://bit.ly/AndroidDesignInAction

• http://bit.ly/DevAppsDirect

• http://bit.ly/AwesomeAndroidDesign

• http://androiduiux.com/author/taylorling/

• https://www.google.com/events/io

• http://androidniceties.tumblr.com

Simplicity is the ultimate sophistication. -- Steve Jobs

Thank You