Mobile Device Interfaceweb.ipb.ac.id/~f_ardiansyah/imk/bahan kuliah/IMK 2014...Mobile Device Interface Interaksi Manusia-Komputer Mobility is Different ! Apa itu “mobile”? Mobilizing

Mobile Device Interface Interaksi Manusia-Komputer

Mobility is Different � Apa itu “mobile”?

Mobilizing Application

Mobilize, Don’t Miniaturize � The Carry Principle � Small Device � Specialized Multi-Purpose � Personal Device � Customized Device � Always On, Always Connected � Battery-Powered �  Inconsistent Connectivity

Mobile User Characteristics

Mobile Interruptible and Easily Distracted

Available

Sociable Contextual Identifiable

Groups and Tribes � Voice and Texting � Extending Online Communities � Physical and Mobile Hybrids � Mobiles as Status

International Differences

A Device Taxonomy

General-Purpose Devices

Targeted Devices: the Information Appliance

Ubiquitous Computing

Anatomy of the PCD � The Carry Principle �  Input Mechanisms � Output Mechanisms � Technologies � Connection Characteristics � Standby Screen

Selecting Application Technologies �  Input Modalities

�  Buttons �  Speech �  Speech+Buttons �  Visual+Buttons

�  Interaction Responsiveness � Data Storage Locations

Selecting Application Technologies � Display Modality � Supplemental Technologies � Distribution Methods

�  Cost of Deployment �  Sales Channels

� Other Concerns � Platforms

User Context

Handling Device Proliferation � Targeted Design � Least Common Denominator � Automatic Translation � Class-based Design

Emulators and Simulators

Detailed Design Recommendations � Platform Providers � Standards Organizations � Carriers and Device Manufacturers � Third-Party Guidelines

Mobile User Interface Design Patterns � Mobilization � Universal Patterns � Corporate Patterns (Library)

Screen Design � List-based Layout � Table-based Layout � Location Selection � Returned Results � Menus � Tab Navigation � Breadcrumbs

Application Navigation � List Navigation � Game Navigation � Alphabetic Listings – Short � Alphabetic Listings – Long � Softkey and Button Management

Application Management � Application Download � Application State Management � Launch Process � Cookies

Advertising �  Interstitials � Fisheye Ads � Banners

Graphic and Media Design �  Composition for the Small Screen

�  Learning from Portrait Miniatures �  Distinguishing from User-generated Content �  Style and Technique �  Context of Use

�  Video and Animation �  Content �  Production and Preprocessing �  Post-production

�  Sound �  Content �  Post-production

�  Streaming versus Downloaded Content �  Managing Media: Meta Data

Industry Players �  Carriers (Operators)

�  Carriers and DevicesWalled Gardens and Decks �  Mobile Virtual Network Operators �  Network Types

�  Device Manufacturers �  Technology and Platform Providers

�  Browsers �  Application Environments �  Operating Systems �  Hardware and Other Software

�  Application and Content Developers �  Content Distributors �  Industry Associations �  Government

Research and Design Process �  Mobile Research Challenges

�  Device Proliferation �  Multimodal Applications �  Field versus Laboratory Testing

�  User Research �  Design Phase Testing

�  Card Sorting �  Wizard of Oz Testing

�  Application Usability Testing �  Emulator Usability Testing �  Laboratory Usability Testing �  Field Usability Testing

�  Market Acceptance (beta) Testing