Mobile App Design
-
Upload
deepak-modak -
Category
Documents
-
view
445 -
download
2
description
Transcript of 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