ICT602 : MOBILE DESIGN PRINCIPLES

“The concept of mobility is not limited to hardware and communication only, but it must extend to --------- and -----------.”

• software implementation

• internet

• operating systems

• user experience

What is miniaturization

• not limited to hardware and communication only, but it must extend to software implementation and user experience

• precisely targets mobile user needs, making the best possible use of technology

• shrinking web user interface to mobile screen-size without taking account of “Mobile Device Characteristics

• The user typically carries the device everywhere, all the time

What is The Carry Principle

• The user typically carries the device everywhere, all the time

• not limited to hardware and communication only, but it must extend to software implementation and user experience

• precisely targets mobile user needs, making the best possible use of technology

• shrinking web user interface to mobile screen-size without taking account of “Mobile Device Characteristics

What is mobilizing

• shrinking web user interface to mobile screen-size without taking account of “Mobile Device Characteristics

• precisely targets mobile user needs, making the best possible use of technology

• not limited to hardware and communication only, but it must extend to software implementation and user experience

• The user typically carries the device everywhere, all the time

Based on this figure, what can camera, GPS sensor and remote connectivity

• Scan QR code via camera

• GPS /LBS can detect the nearest airport and provide suggestion or map to take the shortest route to airport

• User ‘hardly swipes’ information to Map interface if the application is properly “Mobilize”

• cannot perform remote check-in via set QR code with remote connectivity

Tips to avoid miniaturization

• Making entry forms in scrolling down method

• Split long entry forms into multiple screens

• Display Hints in TextFields

• Use mobile facility (or sensor) to guess user details

Examples of cross-platform tools for HYBRID Mobile Application

• Ionic Framework

• Flutter

• NetBeans

• Yuotubr

mobile UI design PRINCIPLES (slide 56)

• Design Finger-friendly Tap-targets

• Text Content Should Be small under 10 points

• Make Interface Elements Clearly Visible with all contrast color

• Minimize Need For Typing

Choose the elements of mobile UI design for screen design (slide 67)

• Grid-based layout

• List-based layout

• Dropdown

• Viewpager

Why different screen sizes

• devices also would have same screen densities

• Mobile devices come in all shapes and sizes.