当前位置: 代码迷 >> MeeGo >> MID应用程序设计标准式样指南:UI组件
  详细解决方案

MID应用程序设计标准式样指南:UI组件

热度:2397   发布时间:2013-02-26 00:00:00.0
MID应用程序设计标准样式指南:UI组件
 移动互联网设备的用户界面样式简介


Intel的移动互联网设备(Mobile Internet Device,MID)是一种新型的低功耗计算设备,它可以作为手持设备安装到汽车等嵌入式环境中。本文档是开发MID应用程序的UI指南。

MID应用程序架构以Hildon应用程序架构为基础,并且秉承了Hildon中的一些用户界面和风格特性。然而,MID的用户界面、导航以及用户体验在许多方面都与Nokia N系列手持设备不同。

本指南旨在为开发人员提供建议,指导开发人员开发新的MID应用程序或者将现有应用程序移植到MID。它概括了MID用户界面的一些主要特性,包括用户交互、系统和应用程序的界面和外观、控制钮的常见位置以及导航。本指南的目的是为MID用户提供一致、综合的体验。有关Hildon应用程序UI样式的一般建议,请参阅Hildon UI Style Guide 2.

MID硬件规格及其制约因素


MID手持设备的体积比笔记本的体积小,具备基本的用户输入和系统导航,使用触摸屏和有限的硬件按钮及控制钮。掌握这些基本情况对于应用程序的设计很重要。

硬件设备

各种设备之间的MID硬件特性差异较大,但是至少具备以下共同特征:

屏幕尺寸

最小: 对角线4.8英寸(最常见)

最大: 对角线7英寸

屏幕分辨率

大小: 

水平像素:景观模式下800或者1024
垂直像素:景观模式下480或者600



应用程序不能只限定于固定的分辨率或者宽度/高度比例。比如,有些设备可能是800x480或者800x600。有的设备可能支持多种分辨率,比如800x480和1024x600。应用程序应该注册通知,以了解屏幕分辨率或者屏幕方向何时发生变化。
颜色深度:最少16位(65536色)。默认:24位(16M 色)
DPI:225

输入机制

触摸屏:可通过人工触摸进行系统操作 
触摸屏笔:有些设备会配备触摸屏笔(可选),以便更准确地进行操作。
硬件控制:设备上的按钮和控制钮。
软键盘:屏幕上会出现软键盘,可通过手触摸或者用触摸屏笔输入文本/数字。用户可以设置编辑区聚焦时自动启动软键盘。
键盘(可选):设备可以配备键盘。 

内存

因设备而定,最小256 MB。

存储器

因设备而定,最小:1GB SSD。最大:硬盘容量(如果存在的话)

硬件控制

除了电源开关,没有什么硬件是MID必需配备的,包括键盘。通过屏幕上的控制条,用户界面可实现完全面导航,并且可以完全通过触摸来实现输入。下一节介绍的硬件控制可以帮助简化并加速常见用户任务。

建议(期望)

电源开关:长按为开机或者关机;短按为唤醒或者待机 
锁定屏幕以免放在口袋时发现意外操作 
全屏切换按钮 
跳转到主屏幕按钮 
相机的快门按钮在背面的镜头旁边 
上/下/左/右箭头(在显示器面板上) 

其他特性

滚动控制(上/下/左/右以可覆盖它) 
亮度控制(设备可能具有环境亮度感应器) 
音量控制 
屏幕旋转 
用于显示当前应用程序菜单的菜单键 

设备示例照片

下图是某MID的设计方案: 

<!--[if !vml]--><!--[endif]-->
图2-1:某MID的设计方案   

MID UI目标


手持设备上的小屏幕UI 

当屏幕为4.5英寸且用户在眼睛距离屏幕12-18英寸远的地方进行手动操作的时候,用户界面必须是清晰而且完全可用的。应用设计时必须考虑:

屏幕分辨率必须是准确的800x480, 800x600, 和 1024x600。不可以是待定随分辨率。 
所有对话框都适适同一屏幕尺寸(对话框的相关信息详下下文) 
应用程序在全屏模式下运行良好,来回重复切换时屏幕都应清晰可见 
尽量减少使用水平滚动条的需求 
软键盘激活之后,当前应用程序窗口的尺寸可能会缩小以容纳软键盘。这时必须确保编辑区域还处于聚焦状态并且恢复尺寸之后依然可见。 

可读性和文本外观

所设计的用户界面必须在4.5英寸的小屏幕下运行良好。文本操作的选择对于可读性很重要。设计良好的应用程序会为大众提供系统默认的字体选择。这样,用户可以对字体大小和其他特性进行编辑。如果选择提供习惯字体,那么应高度关注字体大小、字形、行距和对比度。

手指触摸第一,其次触摸屏笔,最后键盘

MID UI必须通过手指触摸屏操作就能实现完全导航。然而,MID UI的一个目标就是强调用手指触摸进行最普通的操作而不是用触摸屏笔完成。按照手指的一般特征,触摸时控制区应该是1平方厘米或者更大(像素70x70,分辨率800x480)。触摸区应该很容易就能找到而且其布局要根据手指操作的方便性来确定。

触摸屏笔

在某些情况下,触摸屏笔可能是必须的。非100%手指驱动的的应用程序与MID应该是可以兼容的。但是,使用触摸屏笔要求用户每次用完之后都要把笔放回原处。这会影响用户的使用速度。设计用户界面的时候应该考虑到这个问题。

文字输入

应该尽量减少文字输入的需要。如果有可能实现用手指触摸点击就能完成操作而不用输入文字的话,应该加强调研。因为文字输入是小型移动设备的克星。

右键单击

右键单击是通过长按触摸屏实现的。这种方法笨拙、速度缓慢且效果不理想。如果有其他方法可以实现同样的功能则应尽量避免使用右键单击。

经过简化的UI

系统的整体使用应该简单。从Mobile Desktop UI开始,针对某些特定类型的体验将产品设计成能够快速操作一些关键的应用程序。该系统应该能够支持软件安装且没有数量限制。然而,其最终目的不是成为安装了几百个应用程序的标准桌面系统,而是提供一套核心的、集成性良好的应用程序来支持移动“on the go”任务,比如浏览网页、播放影音和通信(聊天/即时信息)。

产品设计应该考虑如何通过简单的、手指导航的操作方式来实现最重要的特性。更高级的特性可以再进一步实现,但是典型的功能要迅速掌握。

小型窗口管理器

Matchbox Window Manager3或其同类的软件包可以在全屏模式下提供简单、基于堆栈的窗口管理器。应用程序窗口的上方会出现情景对话。但是,多个高级窗口不能同时并排显示。新窗口会占满整个屏幕,完全覆盖当前的窗口。应用程序窗口的顶部或者两侧会有选项框或者任务导航板提供导航并显示系统状态。

菜单和工具栏 

在实现最常用操作的前提下应该尽量减少菜单和工具栏的数量。有些地方可以采用子菜单、高级选项对话框的形式或者直接删除不用。菜单是下拉列表(不是水平列表)。菜单不应只有一个选项(比如:文件->退出)。相反,应该将这一操作放在顶层。比较推荐的菜单组织形式如下所示。多级选项菜单备受推崇。 

文件
编辑(剪切/复制/粘贴。选项:选项/首选项/设置)
--------
选项/首选项/设置
--------
关于
退出


对话框

所有对话框都必须适应800x480的分辨率。控制钮应该足够大且足够清晰,能够使用手指进行导航。对话框不要求能够滚动,但是在必要时应该将高级特性添加到子对话框中。

有限资源

与标准的现代PC机相比,MID处理器的性能和资源非常有限。只要有可能,就应该尽量避免使用大量的内存,打开大量的文件或者处理大量进程。
  相关解决方案