人机交互课程实验报告.doc

人机交互课程实验报告 ——移动界面设计 姓名_赵勰_ 学号_ 1018103039 班级 2010级计算机科学与技术2班_ 一、实验前期 实验目的要求： 掌握移动界面设计原则，设计手机电台移动界面。 实验理论原理： 移动界面设计原则： 简单直观，避免拥挤，影响美观； 个性化设计； 易于检索； 界面风格一致，包括颜色和图标等； 避免不必要的文本输入； 根据用户要求使服务个性化； 最大限度地避免用户错误，操作提供反馈信息； 文本信息应当本地化； 实现工具： 1.Mindjet MindManager 2012——思维管理软件，在界面设计初期对手机电台的功能和界面分析以及实行对产品定位； 2.Ps 、Ai——设计软件，通过这些软件实行对界面的最终设计； 3.铅笔——完成草图阶段界面雏形的设计。 实验步骤 思路：以下是我在设计界面前的一个思路 1.对使用手机音乐电台的使用者进行用户行为的分析，发现很大一部分用手机收听音乐的大多是当代热爱音乐的文艺青年，而且他们具有较高的音乐鉴赏能力。也有很大一部分听歌的用户都是在无聊或者劳累的时候听音乐。使用者不但能听音乐，而且希望能电台能主动提供好听音乐和他们喜欢的音乐，他们希望自己喜欢的音乐能得到认同； 2.根据用户的行为和要求，我设想设计一套集听歌、社交于一体的音乐软件，界面风格清新、文艺； 3.同时由于手机平台使用的局限，我希望通过强化手机电台的听音乐和推荐音乐功能，发现音乐，满足用户被动听音乐的需求； 4.根据对产品的定位，我需要初步设计手机音乐电台的主要功能的界面：保护主界面，收听界面，有哪些信誉好的足球投注网站界面，个人中心界面，设置界面等。 （思维模式管理图） (二) 纸上原型  手机电台移动界面实现 （登陆个人中心界面，可实现联网登陆） （设置界面） 实验心得 通过设计一套完整了移动界面，了解了一定界面设计原则。 1.其中界面要具有一致性、常用操作要有快捷方式、提供简单的错误处理、对操作人员的重要操作要有信息反馈、操作可逆、设计良好的联机帮助，合理划分并； 2.另外要高效地使用显示屏、保证信息显示方式与数据输入方式的协调一致； 3.颜色是一种有效的强化手段，同时具有美学价值。使用颜色时应注意如下几点：限制同时显示的颜色数；画面中活动对象的颜色应鲜明，而非活动对象应暗淡；尽量避免不相容的颜色放在一起，如黄与蓝，红与绿等，除非作对比时用； 若用颜色表示某种信息或对象属性，要使用户理解这种表示，并尽量采用通用的表示规则；4.图标是可视地表示实体信息的简洁、抽象的符号。图标设计是方寸艺术，需要在很小的范围内表现出图标的内涵。设计图标时应该着重考虑视觉冲击力，要使用简单的颜色，利用眼睛对色彩和网点的空间混合效果，做出精彩图标； 1）设计按钮应该具有交互性，应该有3到6种状态效果(点击时的状态、鼠标放在上面但未点击的状态、点击前鼠标未放在上面时的状态、点击后鼠标未放在上面时的状态、不能点击时的状态、独立自动变化的状态)，按钮应具备简洁的图示效果，应能够让使用者产生功能上的关联反应。属于一个群组的按钮应该风格统一，功能差异大的按钮应该有所区别。 2）设计屏幕布局(Layout)时应该使各功能区重点突出,应遵循如下几条原 则：平衡原则、预期原则、经济原则、顺序原则、规则化 3）菜单在图形界面的应用程序中使用得非常普遍，是软件界面设计的一个重要组成方面，描述了一个软件的大致功能和风格。 菜单中的选项在功能上与按钮相当， 一般具有下列一种或几种类型的选项：命令项、 菜单项和窗口项。 菜单的结构一般有单一菜单、线状序列菜单、树状结构菜单、网状结构菜单等，其中树状结构菜单是最常见的结构。设计菜单界面时应注意的一般性原则：功能组织菜单，合理分类，并力求简短，前后一致；合理组织菜单界面的结构与层次；按一定的规则对菜单项进行排 序；菜单选项的标题要力求文字简短、含义明确，并且最好以关键词开始；常用 选项要设置快捷键；充分利用菜单选项的使能与禁止、可见与隐藏属性；使用弹 出式菜单 4）在处理大量相关数据的场合下，需要输入一系列的数据，这时填表输入界面是最理想的数据输入界面。在设计填表输入界面时应遵循的原则：一致性；有含义的表格标题；使用易于理解的指导性说明文字；栏目按逻辑分组排序；表15格的组织结构和用户任务相一致；光标移动方便；出错提示；提供帮助；表格显 示应美观、清楚，避免过分拥挤。 3 1 在主界面，通过绿色的黑体字，来突出电台的清新简洁风格 1.这是主界面之后首先进入的播放界面，通过直接播