• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Mobile App Design

Mobile App Design



This presentation covers basic design principles, need of mobile app, challenges,design paradigms and tools. ...

This presentation covers basic design principles, need of mobile app, challenges,design paradigms and tools.
It contains exhaustive list of design tools which helps designer to speed up the workflow ,to make the right design and better UI.



Total Views
Views on SlideShare
Embed Views



3 Embeds 6

https://twitter.com 3
http://www.linkedin.com 2
http://www.slideee.com 1



Upload Details

Uploaded via as Microsoft PowerPoint

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
Post Comment
Edit your comment

    Mobile App Design Mobile App Design Presentation Transcript

    • 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 more Include the important features One action or max two at a time
    • Design Paradigm Design of thumb 75% of people use thumb to navigate
    • Design Paradigm Clear & Focus Presentation Use of icons Color Info-graph ‘How to get started’ screens
    • Design Paradigm Gestures are quicker Pinch swipe Max use of hand Hand zoom in/out
    • App Design Tools
    • Affinity diagram A creative process used for gathering and organizing large amounts of 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]
    • Other Useful Tools
    • Facebook Origami
    • Other Useful Tools
    • 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
    • Simplicity is the ultimate sophistication. -- Steve Jobs Thank You