移动APP项目优化

    经过长时间组内讨论,最终商榷了团队的开发项目并且确定了人员安排情况。本组一致决定项目内容为“图书馆的图书检索以及预约系统”,并由我执行界面设计安排。界面是使用者与系统之间进行信息传递和交流的窗口,使用者通过它进行信息查询、数据提交以及操作控制,系统则通过它向使用者提供信息,以供阅读、分析和判断。使用者界面设计的优劣,将直接影响使用者的兴趣和效率。

用户界面的主要元素及功能简介:
用户界面通常采用图形使用者界面(GUI),构成界面的元素主要有:
1.窗口(Window)
使用者界面呈现区域。窗口一般组成部分包括:标题栏、菜单栏、滚动条、状态栏和工具栏。在课程页面设计技术中,窗口设计非常灵活,实现的基本功能包括:指定窗口大小、位置和打开关闭方式;窗口内容的上下、左右滚动显示;窗口的缩放以及指定显示窗口(_blank、_self、_parent、_top)的方式。
2.菜单(Menu)
标准的图形界面对象。操作项目以列表的方式显示在屏幕上,在网络多媒体系统中的菜单形式有:
(1)弹出式菜单。把菜单项放在窗口中(隐藏),需要时在屏幕指定位置弹出。
(2)下拉式菜单。适用于多级菜单,占据空间小,容易清楚地显示出层次。
(3)分布式菜单。即分类导航栏,主要用于主题超链接的排列。是主页常用的导航方式。
(4)图像菜单。一种特殊的超链接形式。通过Image map 可以建立多项热区,直观形象地实现超链接。
(5)图标(Icon):多媒体系统常用的图形界面对象。他的设计基于隐喻和模拟的思路。使学习者很容易产生联想。如一个“喇叭”图标,可以实现声音播放;一个“信封”图标,可以激活电子邮件。
2.3 表单(Form)
交互式界面的重要组成部分,是使用者输入信息的区域。服务器接收并处理表单提供的信息再将结果返回给使用者。表单元素包括有:
(1)文本框。用来接收输入的文本信息。在提交表单时,即把所输入的文本交给服务器。有三种类型的文本框:单行文本框、多行文本框和密码文本框。
(2)按钮。激活事件动作的界面对象。在页面中使用的按钮有三种:提交按钮—向服务器提交表单中的元素;重置按钮—可以把表单中的所有元素重新设置为初始状态;命令按钮—与上两种按钮的功能由系统赋予的不同,命令按钮需要自己编写相应的脚本代码。因此功能更强大,使用也更灵活。
(3)复选框。也称检查框或检验框,通常用于一组相互不排斥的选项。是一个小方框。
(4)单选框。又称收音机按钮。在某一时刻有且只有一个按钮能被按下。它提供的是相互排斥的选择。是一个空心圆。
(5)列表框和下拉式菜单。二者是同一类元素,只是具有不同属性。列表框和下拉菜单中是项目列表,可选择其中一项或多项。
2.4 对话框(dailogbox)
一个弹出式窗口,在学习者浏览时,提供给使用者更详细的信息,并实现使用者与系统的交互。有时是向使用者索取信息,有时是向使用者提出警示和引导。
3 网络课程界面设计的基本原则
网络课程用户界面的设计是远程教学系统开发设计的重要部分,直接影响到远程教学的成败,必须按照一定的原则进行设计开发,并不断进行研究和探索。我们认为,基于Internet的网络课程界面设计的主要有以下几项基本原则:
3.1 一致性
界面设计首先要对使用者具有强大吸引力,要提供完善的学习导航系统,功能应多种多样,但前提是要给用户一个统一的界面,使使用者应能凭借自身的体验做出智能选择,而不致于使用者感到不和谐或者产生失落与迷惑感。一致性包括使用规范的界面元素,也指使用相同的信息表现方式,如在字体、标签风格、颜色、术语、显示提示信息等等。但这并不因此限制设计者的创意,只是使用者希望在整个系统中得到的全部体验中是一致的。
3.2 清晰性
网络课程的用户界面是针对一定的使用群体设计的,要根据其认知特征来设计界面的复杂程度,分析使用者所具备的相关体验。例如,面向中小学生的设计,要结构简洁,画面活泼,而不能过于复杂。对于使用的界面元素,学习者的体验能否相同,是否需要标注,甚至进一步提供帮助信息,都应遵从已认同的规范。过密的选择排列会使学习者难以辨认,在近似选项间要有明显的区别,用词要恰当精简。
3.3 反馈性
在网络课程用户界面设计中,考虑使用者与系统间的交互和反馈是非常重要的。这些反馈信息也许只是警告声或进度指示条等一些基本反映,但却能使使用者感到在与系统进行着交流,进入到了为之创设的使用情景中,而不是单纯地盲目地浏览。提供反馈的手段包括对话框、状态栏、声音提示、错误提示页等。
3.4 艺术性
设计的一半是创意,唯一的理想界面是不存在的,但作为设计者,必须作出最佳选择。用户界面是内容与学习者产生最初和持续影响的地方,包括视觉和听觉两个方面。在Internet浩如烟海的信息中,内容充实但界面粗糙会对许多学习者失去吸引力。界面设计的艺术性可以说是学习者的体验中心。
网络课程的界面设计,应做到布局合理、整洁美观、主动形象,符合教学需要。页面设计中的DHTML、样式表(CSS)、层(Layers)和时间轴(Timeline)等实用技术为实现界面在排版中的准确定位和灵活使用提供了很好的支持,也为界面的艺术设计提供了基础。
3.5 安全性
这里所说的安全性主要是针对使用者的操作应用而言的。错误主要产生主要在于使用者无效的信息输入和不经意的操作。
首先在提交表单前对学习者输入的信息作约束检查,避免一些可预料的错误对学习者思路造成中断和重新登录。而对于不可预料的错误,应力求在引导学习者正确操作外,对常见错误应具有一定的容错性。另外对学习者做出的不易恢复的操作,事前应作出适当的提示或警告,使学习者在浏览新功能时没有后顾之忧。

posted @ 2016-05-13 19:15  EmFi  阅读(246)  评论(0编辑  收藏  举报