SlideShare ist ein Scribd-Unternehmen logo
1 von 15
Downloaden Sie, um offline zu lesen
EventR
      An Event Collector App for Android
                                           Mobile Social Networking Nepal
                                           http://mobilenepal.net



Saturday, December 22, 12
the idea




                   “                                      ”
                            Events from communities I like.



Saturday, December 22, 12
the flow




                    Objective       Requirement    Mockups
                       of the app     collection




                                     Coding &      Interface
                                     development    designs




Saturday, December 22, 12
Mockups
Saturday, December 22, 12
Designs
Saturday, December 22, 12
Resolution
    Screen Density
    Density-independent Pixel (dp)




              a little more on
              design
Saturday, December 22, 12
Resolution
    Total number of physical pixels on a screen

     Examples               320x533 480x800

    Screen Density
    Density-independent Pixel (dp)

              a little more on
              design
Saturday, December 22, 12
Resolution
    Screen Density                                            ldpi   mdpi
                                                              120     160
    Quantity of pixels within a physical area of the screen

        dots per inch                                         hdpi   xhdpi
            (dpi)                                             240     320

    Density-independent Pixel (dp)

              a little more on
              design
Saturday, December 22, 12
Resolution
    Screen Density
    Density-independent Pixel (dp)
     pixels = DP * (DPI / 160)
                                 Bitmap scaling ratio:   3:4:6:8

              a little more on
              design
Saturday, December 22, 12
Start with a 72 resolution document
                            for a baseline160dpi 320x533 device




              a little more on
              design
Saturday, December 22, 12
Export bitmaps for the 4 screen densities:
                                   120, 160, 240, 320
                                                        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)




              a little more on
              design
Saturday, December 22, 12
http://developer.android.com/design/patterns/index.html




              resources
Saturday, December 22, 12
http://developer.android.com/design/downloads/index.html




              resources
Saturday, December 22, 12
http://coding.smashingmagazine.com/2011/06/30/designing-for-android/




              resources
Saturday, December 22, 12
http://mobile.smashingmagazine.com/2012/07/26/android-design-tips/




              resources
Saturday, December 22, 12

Weitere ähnliche Inhalte

Ähnlich wie EventR - A UI Perspective and basic design considerations for an android app

Brokerage 2007 presentation multimedia
Brokerage 2007 presentation multimediaBrokerage 2007 presentation multimedia
Brokerage 2007 presentation multimedia
imec.archive
 
The Technology of Uncharted: Drake’s Fortune
The Technology of Uncharted: Drake’s FortuneThe Technology of Uncharted: Drake’s Fortune
The Technology of Uncharted: Drake’s Fortune
Naughty Dog
 
Digital graphics technology
Digital graphics technologyDigital graphics technology
Digital graphics technology
haverstockmedia
 
Digital Graphics Technology
Digital Graphics TechnologyDigital Graphics Technology
Digital Graphics Technology
haverstockmedia
 
Digital Graphics Technology
Digital Graphics TechnologyDigital Graphics Technology
Digital Graphics Technology
haverstockmedia
 
Digital graphics technology
Digital graphics technologyDigital graphics technology
Digital graphics technology
haverstockmedia
 

Ähnlich wie EventR - A UI Perspective and basic design considerations for an android app (20)

DepthQ® HD 3D Video Projector
DepthQ® HD 3D Video ProjectorDepthQ® HD 3D Video Projector
DepthQ® HD 3D Video Projector
 
Advanced Design Methods 1, Day 1
Advanced Design Methods 1, Day 1Advanced Design Methods 1, Day 1
Advanced Design Methods 1, Day 1
 
Tech Talk July 29 - Pixel
Tech Talk July 29 - Pixel Tech Talk July 29 - Pixel
Tech Talk July 29 - Pixel
 
Android在多屏幕、多设备上的适配 | 布丁 任斐
Android在多屏幕、多设备上的适配 | 布丁 任斐Android在多屏幕、多设备上的适配 | 布丁 任斐
Android在多屏幕、多设备上的适配 | 布丁 任斐
 
Android training day 3
Android training day 3Android training day 3
Android training day 3
 
From concept mapping to digital media publishing: An overview for researchers I
From concept mapping to digital media publishing: An overview for researchers IFrom concept mapping to digital media publishing: An overview for researchers I
From concept mapping to digital media publishing: An overview for researchers I
 
Данило Ульянич “C89 OpenGL for ARM microcontrollers on Cortex-M. Basic functi...
Данило Ульянич “C89 OpenGL for ARM microcontrollers on Cortex-M. Basic functi...Данило Ульянич “C89 OpenGL for ARM microcontrollers on Cortex-M. Basic functi...
Данило Ульянич “C89 OpenGL for ARM microcontrollers on Cortex-M. Basic functi...
 
UX in the Jungle - 如何應用敏捷實務設計出好玩的桌上遊戲
UX in the Jungle - 如何應用敏捷實務設計出好玩的桌上遊戲UX in the Jungle - 如何應用敏捷實務設計出好玩的桌上遊戲
UX in the Jungle - 如何應用敏捷實務設計出好玩的桌上遊戲
 
UX in the Jungle - My journey of applying agile practices in board game design
UX in the Jungle - My journey of applying agile practices in board game designUX in the Jungle - My journey of applying agile practices in board game design
UX in the Jungle - My journey of applying agile practices in board game design
 
Top 7 AutoCAD Alternatives
Top 7 AutoCAD AlternativesTop 7 AutoCAD Alternatives
Top 7 AutoCAD Alternatives
 
Brokerage 2007 presentation multimedia
Brokerage 2007 presentation multimediaBrokerage 2007 presentation multimedia
Brokerage 2007 presentation multimedia
 
Top 10 Features Landscape Design Software
Top 10 Features Landscape Design SoftwareTop 10 Features Landscape Design Software
Top 10 Features Landscape Design Software
 
The Technology of Uncharted: Drake’s Fortune
The Technology of Uncharted: Drake’s FortuneThe Technology of Uncharted: Drake’s Fortune
The Technology of Uncharted: Drake’s Fortune
 
Supporting multi screen in android cn
Supporting multi screen in android cnSupporting multi screen in android cn
Supporting multi screen in android cn
 
3 d computer graphics software
3 d computer graphics software3 d computer graphics software
3 d computer graphics software
 
[Droidcon]Developing Apps for Android on 2.x/3.x/4.x
[Droidcon]Developing Apps for Android on 2.x/3.x/4.x[Droidcon]Developing Apps for Android on 2.x/3.x/4.x
[Droidcon]Developing Apps for Android on 2.x/3.x/4.x
 
Digital graphics technology
Digital graphics technologyDigital graphics technology
Digital graphics technology
 
Digital Graphics Technology
Digital Graphics TechnologyDigital Graphics Technology
Digital Graphics Technology
 
Digital Graphics Technology
Digital Graphics TechnologyDigital Graphics Technology
Digital Graphics Technology
 
Digital graphics technology
Digital graphics technologyDigital graphics technology
Digital graphics technology
 

Mehr von Anjan Shrestha (6)

Android Apps Training - Day Four (Design)
Android Apps Training - Day Four (Design)Android Apps Training - Day Four (Design)
Android Apps Training - Day Four (Design)
 
Pivot nepal presentation
Pivot nepal presentationPivot nepal presentation
Pivot nepal presentation
 
Pivot Nepal - Orientation to finalists
Pivot Nepal - Orientation to finalistsPivot Nepal - Orientation to finalists
Pivot Nepal - Orientation to finalists
 
Pivot Nepal 2013
Pivot Nepal 2013Pivot Nepal 2013
Pivot Nepal 2013
 
Mobile Social networking Nepal
Mobile Social networking NepalMobile Social networking Nepal
Mobile Social networking Nepal
 
Designing for android
Designing for androidDesigning for android
Designing for android
 

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