手机电视用户界面设计概要Word格式文档下载.docx

手机电视用户界面设计概要Word格式文档下载.docx

《手机电视用户界面设计概要Word格式文档下载.docx》由会员分享，可在线阅读，更多相关《手机电视用户界面设计概要Word格式文档下载.docx（6页珍藏版）》请在冰豆网上搜索。

根据这些依据,结合原有设计原则和经验,设计界面原型。

可用性测试:

　通过各类可用性测试方法,　对已有的界面或者原型进行测试,发现其中的问题,并根据用户模型和界面框架,反推设计的失误,对设计进行改善。

1.1　用例以及分析1.1.1　用例内容

用例描述了系统执行的行动序列,　这些行动将生成特定的价值结果。

用例文档是进行终端界面设计的依据。

在手机电视界面设计中共产生了10类用例。

1.1.2　任务模型和心理模型

基于用例,　对于每一条用例进行了任务模型和心理模型分析,采用了卢比孔（Rubicon模型将一个用例划分为4个阶段:

建立意图,制定行动计划、具体实施、

结束和评价行动结果以决定下一步意图[2],同时对用户在每一个任务动作中的思维进行了分析,辅以语境研究和情景研究[3,4],获得用户使用条件和期待。

1.2　界面流程设计与纸原型测试1.2.1　界面流程设计

依据用户界面设计原则[5~7]首先产生了用户界面设计纲要。

基于用户普遍熟悉的传统电视架构,并根据任务分解、用户使用条件以及期待的分析,使用流程图软件绘制了用户界面模板（单一同类页面的布局,目的是保证界面风格的一致性,并通过小组（3人讨论进行论证并确定。

然后绘制了初步的界面流程图（也是纸原型的基础,包含了界面的布局、流程以及行为,不包含色彩以及效果的内容。

期间也进行了专家走查的方法

手机电视专题

电信工程技术与标准化

-6-

2008.2对一些流程进行了改善。

同时两次通过与专业厂家的沟通,初步解决了技术可行性问题。

1.2.2　纸原型测试

纸原型属于低保真模型的一种,它主要来阐述界面的总体构架和感觉,涉及了部分流程和操作方法。

为了进一步验证所设计界面的可用性,根据使用频率和重要性,设计了8个典型测试任务,使用出声思考的方法,依据可用性测试标准（依据SUS[8]、SUMI[9]、QUIS[10]等,进行了纸原型测试（共9个被试,7女2男让被试借助纸质原型为媒介,逐步完成任务。

在操作的过程中,鼓励被试说出自己的当时的思维过程。

9个被试最终都完成了任务,说明整体框架的设计能够为一般用户接受。

其间,根据用户停顿、犯错以及失手等行为进行分析,共发现了29个问题和新的需求。

1.2.3　界面改进

基于测试结果,对所涉及的界面流程进行了改进,并同步改进了用例。

1.3　中保真原型设计以及语义调查1.3.1　中保真原型

在改进界面的基础上,设计了中保真原型,能够部分展现界面的跳转,并增加了界面的效果设计。

与纸原型相比,中保真原型可以进行部分的交互模拟,更加便于展示以及进行探索发现式评估。

1.3.2　中保真模型评估

组织了内部的专家评估,采用探索发现式方法[5],对所有任务进行了走查。

最终,在评估过程中发现,主要的问题集中在某些词条的语义表达不清晰,需要进行改善。

1.3.3　语义测试

语义测试的目的是验证原有的词条的可用性,　并选择较合适的词条,从而杜绝用户在使用过程中的误解。

在测试中,采用了语义测试中的理解测试方法,通过“根据描述内容写出相关的词”（6条,目的:

验证,为改进提供依据、“根据词语写出理解的含义”（5条,目的:

验证、“说出对菜单的理解”（5个语境,目的:

验证进行了语义测试（8人参与,改进了原有的设计。

1.4　界面规范设计

针对不同的目的,最终生成了两类输出:

（1完整的流程图,便于中国移动自己开发定制手机电视终端;

（2界面设计规范,提出需求,作为定制终端厂商的需求文档。

界面设计规范是基于完整的流程图,此节主要描述用户界面规范。

2　　手机界面设计案例分析

2.1　用户界面设计纲要

基于用户界面设计的黄金原则、　过往经验以及本着提升公司数据业务流量的目的,初步产生了12条界面设计纲要。

（1能够兼顾新手用户和熟练用户的使用习惯;

（2可以通过“一键操作”来完成最主要的任务;

（3对于某些新业务,应着重考虑新手用户,给以用户一定的引导;

（4用户应该能够脱离用户手册进行操作;

（5用户进行的操作应该能够得到反馈;

（6主菜单的分类方法应该让用户易于理解;

（7能够支持多任务（并行操作,后台运行;

（8最常用的功能,应该是最容易进入的（目录排列、快捷方式以及物理键;

（9主菜单的图标、命名以及排列顺序应该遵循中国移动的规定;

（10增强用户对于数据业务的体验（比如在拍照后,应该给用户提供与他人分享照片的便利途径;

（11整体架构是可定制的,便于中国移动各种增值业务的拓展;

（12一致性。

2.2　手机电视界面设计

界面模板相关的是两类主要页面:

　进入手机电视应用的菜单页面,以及手机电视播放页面。

在菜单页面,为了符合用户使用习惯,界面中采用了手机常用格局:

　状态栏、　标题栏、　内容区以及软键区。

同时为了使得用户易于进行一键操作,使用了三软键格

电信工程技术与标准化-7-

局。

中键为当前语境中最常用的或者对于中国移动最重要的功能（如互动应用。

通过用户研究,共定义了手机电视业务的9个使用需求,分别是进入与退出手机电视业务、观看节目、录制频道、更换频道、查看节目单、订购、与节目互动、频道收藏以及我的视频。

根据这些用例定义、语义相近项以及用户使用频率和重要程度,进行分类和排序。

在电视播放页面中,保持了状态栏和三软键区。

根据用例描述“快速选台”。

用户可以直接通过输入数字键选择台（全屏播放状态下也可以。

也可以通过“数位”键来选择输入数位数。

进行分析。

目的意图:

进行频道切换。

方式意图:

　通过方向键切换前后频道;

　通过输入数字的方式直接进行频道跳转;

　在两个已知频道间进行切换,实时的看到自己想要观看的频道。

计划:

　尝试通过熟悉的电视遥控器的行为方式进行操作。

实施:

找相关操作键,然后进行操作。

评价:

界面的变化,是用户进行评价的依据。

布局分析如下。

首先考虑基本的临近频道切换:

　由于手机一般使用侧键调节音量,为了与之保持行为一致,使用了方向键中的上下键来调节音量,与之相对应的,引入了标签的方式,使用左右键来切换频道,便于用户灵活的依次选择频道,同时,标签中显示的标签位置、频道名和频道号能给予用户操作反馈。

其次,考虑用户使用电视遥控器的习惯,在数字键盘上增加了数位切换键“-/--”和“返回”键（指可在两个频道之间进行往返跳转。

因为互动应用可以为中国移动带来数据业务的增

长,所以在播放界面中进行了重点考虑。

对于用户的指引,采用了用户所熟悉的字幕滚动模式,而且将中键设为互动键（在具体的语境中,可表现为点播、投票、抽奖、订购等应用,最为方便用户使用互动业务。

最后,　通过对其它用例的分析来确定选项中的条目和顺序:

录制、频道收藏、节目预告、全屏、截取屏幕图片、换频道等。

2.3　规范设计

在界面规范中,参照国外运营商的惯例,根据功能需求对于运营商的重要性以及实现的难度制定了4种标准:

必需的、推荐的、可选的以及有条件的。

从而来界定不同级别的需求,为将来的定制终端厂商提供参考。

在界面规范中,主体部分是定义、范例以及需求列表。

定义:

对界面规范中的一些词条含义进行描述。

范例:

　根据最终版本的流程图,为终端厂商提供了一些屏幕截图作为范例,并规定一些布局和命名,方便厂商理解。

需求列表:

　分为标号、需求、详细内容以及要求的级别,如表1所示。

3　　总结

手机电视界面设计研究,从运营商角度,系统地进行了手机电视用户界面设计以及可用性测试,并进行了用户界面规范设计,　分析了一些典型的界面设计案例。

探索出了一条能够最终面向终端厂商,　增加公司业务流量,提高公司利益,增强用户体验的用户界面设计的流程。

手机电视将是未来手机应用的代表,　本文对今后移动终端应用的界面设计具有参考意义。

标号

…WT_012

WT_013…需求描述…节目信息

下一节目信息

…详细内容…

用户在观看节目时,能够随时了解频道名,节目名（这些在电视播放界面直接显示;

节目起止时间,节目简介,节目类别（免费,付费（这些在选项中显示。

这些信息不能干扰用户正常观看一个节目即将结束时,在互动区域滚动显示文字,预告下一个节目

…

要　　求…必需的

可选的…

表1　　需求列表

-8-

2008.2[1]　Information　society　technologies.　Report　on　“DVB-H　in　China”Opportunity　　　Study　and　Assessment.www.ist-phenix.org/pdf/PHX_WP3_D3.1_110206.pdf[2]　李乐山.人机界面设计,　第一版.北京:

科学出版社,2004[3]　Carroll　J　M,　Making　Use:

Scenario-Based　Design　of　Human-Computer　　　Interaction.Massachusetts.　The　MIT　Press,2000[4]　余德彰,林文绮,王介丘.剧本导引:

资讯时代产品与服务设计　　　新法.台北:

田园城市,2004

[5]　B　S.　Designing　the　User　Interface:

　Strategies　for　Effective　Human-computer

参考文献

　　　Interaction.　Reading　MA:

　Addison-Wesley,　1986[6]　Norman　D　A.　The　Psychology　of　Everyday　Things.　New　York:

Basic　　　Books,1988

[7]　Nielsen　J.　Usability　Engineering.Boston:

Academic　Press　Inc.　1993[8]　Brooke　J.SUS-a　quick　and　dirty　usability　scale.　http:

//www.usability.　s.[9]　Kirakowski　J.　The　use　of　questionnaire　methods　for　usability　assessment.http:

//www.ucc.ie/hfrg/questionnaires/sumi/sumipapp.html#checklists[10]　Chin　J　P,　Diehl　V　A,　Norman　K　L.　Development　of　an　Instrument　Measuring　　　　User　Satisfaction　of　the　Human-Computer　Interface.　　　　http:

//www.acm.org/￣perlman/question.cgi　form=QUIS

MobileTVUserInterfaceDesign

LiuYangFuXiaozhenYanHongyan

（ChinaMobileResearchInstitute,Beijing100053

AbstractThedesignprocessofmobileTVuserinterfacewasstudiedinthispaper.Accordingtotheconclusionand

mentalmodelthroughuserresearch,usecaseanalysiswasconductedfirstandfollowedwithUIworkflowdesign,paperprototypeevaluation,mid-fidelityprototypedesignandtest,semantictestandUIdesign.Basedonthesesteps,theUIworkflowandclientUIspecificationofthemobileTVwereturnedout.

Keywordsuserinterfacedesign,usecase,usabilitytest

（收稿日期:

2008年1月2日

广电总局关于发布《移动多媒体广播第5部分:

　数据广播》一项广播电影电视行业标准的通知

1月21日,广电总局向各省、自治区、直辖市广播影视局,新疆生产建设兵团广播电视局,总局直属有关单位发布《广电总局关于发布<

移动多媒体广播第5部分:

数据广播>

一项广播电影电视行业标准的通知》,《通知》说,根据广播电影电视标准制订计划,总局组织审查了以下一项标准,批准为中华人民共和国广播电影电视行业标准,现予以发布。

推荐性行业标准:

GY/T220.5-2008《移动多媒体广播第5部分:

数据广播》。

该标准自2008年2月1日起实施。

业内人士解释说,移动多媒体的数据广播是手机电视相对于传统广播优势最为明显的部分,也是移动多媒体广播独特的部分,主要针对除了电视节目之外,包括天气预报、路况信息等在内的移动多媒体增值业务。

上述人士认为,这意味着移动多媒体广播标准已从基础标准进一步拓展到了增值业务标准,CMMB正在被不断完善。

从2006年10月,广电总局颁布CMMB标准体系中最为关键的标准——《移动多媒体广播第1部分:

广播信道帧结构、信道编码和调制》开始,在之后1年多的时间里,广电总局又连续颁布了复用、电子业务指南、紧急广播等4个部分的相关标准。

与标准不断完善相一致的是,CMMB的产业化进程也在加紧进行,为了能在奥运期间提供免费服务,广电总局正在全国35个城市建设CMMB网络,其中,北京、青岛、沈阳、上海、秦皇岛、天津6个奥运城市,以及深圳和广州共8个城市已经在2007年10月开通了CMMB试验网络。

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　（本刊讯