Please enable JavaScript.
Coggle requires JavaScript to display documents.
Chapter 3 : Mobile Design Principles, Chapter 3 part 2 - Coggle Diagram
-
Chapter 3 part 2
-
-
-
-
-
HTML5 Viewport
method to let mobile web designers take control over the viewport, through the <meta> tag.
-
Applying a viewport is the first and most important step to make web pages
presentable on mobile browsers.
Use HTML 5 application programming interface to access mobile devices’ sensor to enhance mobile web application.
-
Size, Density and Resolution
Screen size - amount of physical space available for display an interface, (inch)
Screen density - amount of pixels appear within constant area of display, pixel per inch (ppi)
Screen resolution - amount of pixels available in the display, scale-independent pixel (sp)
-
-
-
-
Phablet
-
Contains functions of tablets like touchscreen, virtual keyboards, mobile operating system, camera, app storage.
-
-
-
Density Independence
Achieve when app preserves the physical size of UI elements when display on screen with different densities
Important to prevent UI element form appears larger on low-density screen and smaller on high-density screen
-
-
-
-