什么是UI?
UI即User Interface(用户界面)的简称。UI设计则是指对软件的人机交互、操作逻辑、界面美观的整体设计。
好的UI设计不仅是让软件变得有个性有品味,还要让软件的操作变得舒适、简单、自由、充分体现软件的定位和特点。
UI设计出发点:UI界面设计要和用户研究紧密结合,是一个不断为最终用户设计满意视觉效果的过程。
用户界面设计的三大原则是:置界面于用户的控制之下;减少用户的记忆负担;保持界面的一致性。
UI必备品质:
1.清晰
清晰是用户界面设计必须要具备的一条品质,如果说你的界面设计的很模糊,用户就无法在其中体验到较好的使用体验,这样会影响用户的整体印象。
2.简洁
UI设计除了清晰还不够,还需要简洁,看上去一目了然。如果界面上充斥着太多的东西,会让用户在查找内容的时候比较困难和乏味,而简洁的画面就能很好的解决这个问题。
3.熟悉
这里说的熟悉是只在设计UI的时候,要遵守一定的设计规范,就如有下划线的字符是有超链接的、叉号就是要退出或者删除,这样用户在使用的时候不但有熟悉的感觉,而且便于操控。
4.响应
良好的用户界面设计一定要响应迅速,不能让用户产生一种响应较慢的感受。而且界面应该有提醒的功能,让用户了解到一些反馈信息。
5.一致
在设计UI时,保持界面风格的一致性也是整个应用设计中很重要的环节,一致的风格不会让用户有错愕感.
6.美观
美好的事物总会让人有种愉悦之感,在页面设计的时候也要注重美观度的加强。
在度娘那里了解了UI设计后,下面我们再重新想想要怎么测试UI呢?
围绕UI设计的关键点,测试目标也就主要看UI是否满足了设计的初衷。下面为手机APP应用的UI测试内容:
总体目标:
1.看图标明其意。图标代表功能,一看图标就明白那代表什么功能,图标常见,走创新路线用户接受才算是成功的。
2.界面布局简洁:界面中的控制摆放位置,数量,间隔合理,颜色风格统一,不会花。
3.功能实现步骤简单:菜单级数控制,3级以内最佳,不然用户会觉得太过复杂。步骤合理菜单级数越少越好。
具体测试项:
一、图形测试
图形包括图片、边框、颜色、字体、背景、按钮等.
1.要确保图形有明确的用途,图片不要胡乱的堆在一起.
2.验证所有页面字体的风格是否一致.
3.背景颜色与字体颜色和背景色相搭配.
4.图片的大小和质量,清晰,容量越小越好.
二、界面测试
1.各个界面图标风格,背景(颜色,图片)是否一致。
2.各个界面布局是否合理:控件,文字,线条位置,数量,颜色是否合理,跟整体风格是否搭配。
3.界面文字是否有错别字。各界面文字大小,颜色,位置是否一致。比如:标题文字
4.图片显示是否清晰,大小是否合理。
5.各个界面同种图标是否一致
6.各种提示框风格是否一致。
7.提示语是否友好,简明。
8.列表型界面是否有上上滑动效果。
9.功能入口明显,易找(布局突出主要功能,用户要找到某个功能很快就能功能,操作简单)。
以下界面的测试要点:
1.标题栏
A.检查标题栏文字描述的正确性。
B.比较各个界面的标题栏效果是否一致。
2.文字
A.检查文字描述正确性。(跟软件功能相符)
B.文字是否有错别字。
C.文字的颜色,大小,位置是否一致。
D.文字用语一致。功能相同的地方,检查使用的文字是否相同。比如:“选项”“设置”。
3.控件
A.控件对齐了没有。
并排关系控件--左右对齐
同行关系控件--横向对齐
所属关系控件--是否应该缩进
B.控件状态:选中,未选中,可用,不可用(灰色为不可用)
C.Edit控件对输入有效性判断
长度判断,合法性判断,数据大小判断等。
以上代表个人观点,不是很完整,大家可以补充,另此文主要为概括性语言,没有一一举例,大家主要明白测试目标即可,让测试有个方向。
原创文章,作者:carmelaweatherly,如若转载,请注明出处:https://blog.ytso.com/191260.html