移动App产品 UI设计需要注意哪些细节?

2023-05-29 0 422

l、完全一致,完全一致,还是完全一致

你能做的最重要的事情是确保介面运转的完全连续性。对列表框

而言,假如holds其中的项,使这类该事件出现,所以holds任何其他列表框中的项,都应该有同样的该事件出现。所有询问处按键的边线要完全一致,条码和接收者的措词要完全一致,色调计划要完全一致。介面的—致性使在采用者对介面运转创建起准确的焦虑数学模型,从而减少专业培训和全力支持生产成本。

2、创建国际标准并遵从之

在开发工具中保持完全一致的惟一有效途径是创建国际标准设计并加以遵从。最合适的办法是采取两套国际标准规范,对另一方面特定的须要予以补足。已近的国际标准规范,如IBM国际标准(1993)与Microsoft国际标准(1995),通常可满足用户95%到99%的须要。采用国际标准规范,只需利用已近的丰硕成果,也使你的开发工具看上去或觉得上更象采用者已买回或创建的其他开发工具。应在表述基础内部结构阶段就创建介面设计

国际标准。

3、阐释准则

采用者要知道怎么采用你为她们开发的应用软件。应用软件运转的完全连续性说明,准则你只需说明两遍。这比一点一点详尽传授如何采用开发工具每一优点要容易得多。

4、同时全力支持Hautefort和黄鑫

书刊馆产品目录记号对书刊馆控制系统的一般采用者而言,也许就绰绰有余了,但对黄鑫采用者,如书刊书刊馆员,很可能就没有所以有效了。书刊书刊馆员是经验丰富专门针对体能训练,能够采用繁杂的查阅控制系统找出信息,因此,应考虑创建两套查阅介面

以满足用户她们的独有须要。

5、介面间切换很重要

假如从一个萤幕切换到另一萤幕很困难,采用者会很快灰心并放弃。当萤幕流程与采用者想完成的工作流程相符,此应用软件对采用者才有意义。由于不同采用者工作方式不同,开发工具须要有足够的灵活以全力支持她们不同的方式。在建模阶段,介面流程图

可用来模拟萤幕之间的流程。

6、介面上的布局很重要

在西方,人们是自左而右,从上而下阅读,基于人们的习惯,萤幕的组织也应是自左而右,从上而下。萤幕小部件的布局也应以采用者熟悉的方式进行。

7、接收者和条码措词要适当

萤幕上显示的文本是采用者主要的信息源。假如文本措词很糟,用户的理解就会很糟。要采用完整的措词和句子,而不要用缩写和代码,使文本易于理解。接收者措词要积极,显示采用者处于控制之中,并提示如何正确采用应用软件。如,下面哪一条接收者更吸引人: “你输入了错误信息”还是”帐号应为8位数”?此外,接收者措词要完全一致,在萤幕上显示的边线要完全一致。尽管这样的接收者”须输入名字”和”应输入帐号”分别而言措词上没问题,放在一起就不完全一致了。根据第一条接收者的措词,第二条接收者更好的措词应是”须输入帐号”,这就使两条接收者措词完全一致了。

8、了解小部件

为恰当的任务采用恰当的小部件,首先可以帮助增强开发工具的完全连续性,可能使开发工具很容易内部结构。学会如何正确采用小部件的惟一有效途径是阅读和理解你们所采用的介面

国际标准及准则。

9、对其他应用软件不盲从

除非你知道一个开发工具

是遵从了你们的介面国际标准和准则,否则你绝不能认定它做的都是对的。尽管看看人家怎么做,从中获得些主意是不错的想法,但在懂得怎样区分采用者界面设计的好坏之前,你得留神。太多的开发者错误地模仿其他开发工具的介面,而那些介面却设计得很糟,最合适将介面设计的美工外包项目请专业的设计外包公司来完成。

10、色调采用要适当 采用色调要谨慎。

假如采用了,也要采用指示符

。问题就在于有些采用者可能是色盲一一假如在萤幕上采用了色调来突出显示这类东西,假若想让色盲的采用者注意到,所以须要做些另外的工作来突出它,如在其旁边显示一个记号。色调的采用也得完全一致,以使整个开发工具有同样的观感。此外,在不同平台上,色彩的表现不尽人意一一在一个控制系统上看上去很好,在另一个控制系统上常常看上去很糟。展示会上我们经常听到展示者这样说: “在我家中的机器上看上去可是很好的呀。”

11、遵从对比原则

打算在开发工具中采用色调,要确保萤幕的可读性。最合适的方法是遵从对比原则:在浅色背景上采用深色文字,在深色背景上采用浅色文字。蓝色文字以白色为背景很容易读,但以红色为背景很难辨认。问题出在蓝色与红色之间没有足够反差,而蓝色与白色之间则反差很大。

12、字体采用要适当

老式英语字体可能在莎士比亚的剧本封面看上去很合适,但在萤幕上却很难认。要用那些可读性好的字体,如serif或Times Roman。此外,字体的采用要完全一致。节俭、有效地采用两、三种字体的萤幕看上去远胜于采用五、六种字体的萤幕。要记住每次改变了字体的大小、风格(粗体、斜体、下划线,……)、样式或色调,都是在采用不同的字体。

13、灰掉而不是移走

在这类时刻,采用者经常只能访问开发工具的这类功能。在删除一个对象之前,要先选中它,由此加深采用者的焦虑数学模型,应用软件应用删除按键及(或)菜单项去做一些事。按键应移去还是灰掉?灰掉它,决不能移走!当采用者不该采用时就灰掉它,可使采用者对如何采用开发工具创建准确的焦虑数学模型。假如仅仅移走一个小部件或菜单项,而不是灰掉它,采用者很难创建准确的焦虑数学模型,因为采用者只知道当前可用的,而不知道什么是不可用的。

14、采用非破坏性的缺省按键

通常每一萤幕表述一个缺省按键,假如采用者按了回车键调用此按键。问题是有时采用者会意外敲击回车键,结果激活了缺省按键。缺省按键决不能有潜在的破坏性,如删除或保存(也许采用者根本不想保存)。

15、区域排列

当萤幕有多个编辑区域,要以视觉效果和效率来组织这些区域。如图1所示,编辑区域左对齐是最合适的方法。换句话说,要使编辑区域左边界在一条直线上且上下排列。与之相应的条码则应右对齐,置于编辑区域旁。这是萤幕上组织区域的一个整洁有效的方式。

16、数据对齐要适当

对一列列的数据,通常的作法是整浮点数右对齐,字符串左对齐。

17、萤幕不能拥挤

拥挤的萤幕让人难以理解,因而难以采用。实验结果显示萤幕总体盖度不应超过40%,而分组中萤幕盖度不应超过62%。

18、有效组合

逻辑上关联的项目在萤幕上应予以组合,以显示其关联性。反之,任何相互之间毫不相关的项目应分隔开。在项目集合间

用间隔对其进行分组/或用方框也同样可做到这一点。

19、在操作焦点处打开询问处

当采用者holds一个对象显示其编辑/详情萤幕,采用者的注意力亦集中于此。因而在此处而不是其他地方打开询问处才有意义。

20、弹出菜单不应是惟一的功能来源

假如主要功能被隐藏起来,采用者就不能学会怎样采用应用软件。开发人员最让人灰心的作法是滥用弹出菜单,也称作上下文相关菜单。一种采用鼠标的典型方法,是用来显示一个隐藏的弹出菜单,提供针对当前工作的萤幕区域特定功能的访问。

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务