eventr - a ui perspective and basic design considerations for an android app

15
EventR An Event Collector App for Android Mobile Social Networking Nepal http://mobilenepal.net Saturday, December 22, 12

Upload: anjan-shrestha

Post on 15-Jan-2015

2.512 views

Category:

Documents


2 download

DESCRIPTION

 

TRANSCRIPT

Page 1: EventR - A UI Perspective and basic design considerations for an android app

EventRAn Event Collector App for Android Mobile Social Networking Nepal

http://mobilenepal.net

Saturday, December 22, 12

Page 2: EventR - A UI Perspective and basic design considerations for an android app

the idea

Events from communities I like.“ ”

Saturday, December 22, 12

Page 3: EventR - A UI Perspective and basic design considerations for an android app

the flow

Objectiveof the app

Requirementcollection

Mockups

Interfacedesigns

Coding &development

Saturday, December 22, 12

Page 4: EventR - A UI Perspective and basic design considerations for an android app

MockupsSaturday, December 22, 12

Page 5: EventR - A UI Perspective and basic design considerations for an android app

DesignsSaturday, December 22, 12

Page 6: EventR - A UI Perspective and basic design considerations for an android app

a little more on design

Resolution

Screen Density

Density-independent Pixel (dp)

Saturday, December 22, 12

Page 7: EventR - A UI Perspective and basic design considerations for an android app

a little more on design

Resolution

Screen Density

Density-independent Pixel (dp)

Total number of physical pixels on a screen

320x533 480x800Examples

Saturday, December 22, 12

Page 8: EventR - A UI Perspective and basic design considerations for an android app

a little more on design

Resolution

Screen Density

Density-independent Pixel (dp)

ldpi mdpi

hdpi xhdpi

120 160

240 320

Quantity of pixels within a physical area of the screen

dots per inch (dpi)

Saturday, December 22, 12

Page 9: EventR - A UI Perspective and basic design considerations for an android app

a little more on design

Resolution

Screen Density

Density-independent Pixel (dp)

pixels = DP * (DPI / 160)Bitmap scaling ratio: 3:4:6:8

Saturday, December 22, 12

Page 10: EventR - A UI Perspective and basic design considerations for an android app

Start with a 72 resolution document for a baseline160dpi 320x533 device

a little more on design

Saturday, December 22, 12

Page 11: EventR - A UI Perspective and basic design considerations for an android app

Export bitmaps for the 4 screen densities:120, 160, 240, 320

a little more on design

For a 48x48 icon from our baseline mdpi design (320x533)

36x36 for ldpi (x0.75)48x48 for mdpi (baseline)72x72 for hdpi (x1.5)96x96 for xhdpi (x2)

Saturday, December 22, 12

Page 12: EventR - A UI Perspective and basic design considerations for an android app

http://developer.android.com/design/patterns/index.html

resourcesSaturday, December 22, 12

Page 13: EventR - A UI Perspective and basic design considerations for an android app

http://developer.android.com/design/downloads/index.html

resourcesSaturday, December 22, 12

Page 14: EventR - A UI Perspective and basic design considerations for an android app

http://coding.smashingmagazine.com/2011/06/30/designing-for-android/

resourcesSaturday, December 22, 12

Page 15: EventR - A UI Perspective and basic design considerations for an android app

http://mobile.smashingmagazine.com/2012/07/26/android-design-tips/

resourcesSaturday, December 22, 12