一条尽人皆知的可用性规矩:规划和页面的内容应当具有连续性。一个具有连续性的页面是能够依据用户的经历、规划的风格来感知的,是能够学习的。因而,这条可用性规矩应当被用在操作按钮的规划,以及别的的控件规划傍边。
在某种场景中,咱们被逼将一个操作按钮规划成能够依据场景的不一样而具有不一样功用的效果。咱们常常在极其有限的规划场景中看到类似的事例。因而,用户需求学习/了解同一个操作按钮在不一样的场景下代表的不一样功用。
“保留”和“修改”应当是最具代表性的比如了。但这只是一个简略地事例,因为他们代表着彻底不一样的动作,很少会让用户混杂误解。当两个操作无法明白的区别比照时,用户就会简单迷惑,这就会带来体会上的痛点。在这种情况下,功用性的动效能够处理这个疑问。
逻辑意图:协助操作按钮杰出功用的改变。
扩大(Zoom In)
这条准则与上文的引导性准则类似。在这类动效中,用户在列表中挑选一条内容,然后点击扩大(跳转)到内容细节的页面(页面跳转),一起又能够回到列表主页中。这类动效常常出现在图片库、卡片或许商品的挑选页面中。用户在其中挑选一条内容,然后页面了解跳转到所选的内容主页面。这类页面交互的难点在于要让用户了解页面跳转到了自个想要的页面。功用性动效在这里是有必要的。
为了进步用户体会,以下几点需求留意:
1.动效的起点应当是列表的初始状况
2.动效中牵扯到的元素都应当有一个固定的视觉状况,例如有一个主色调、一个图标、一个加粗的标题或许一个缩略图
3.当用户挑选了一个内容,在所跳转的内容主页中,动效中牵扯到的元素将会移动到明显、主要的方位。举个栗子,内容主页的色彩跟内容的主色调一致;内容中的图标被拉伸而且移动到页面的标题处;内容的称号变大而且出现在页面标题处。
4.操作按钮出现在内容主页中,比如“撤销”,“封闭”,“回来”或许“X”
逻辑意图:相关缩略内容和主页内容。
视觉暗示(Visual Hint)
视觉暗示引导用户十分好的了解如何与商品的界面交互。视觉暗示常常被用在包括不规矩元素或许固定导航的规划中。当用户翻开一个新的页面时,一个随即被触发的单次播放动画很简单招引用户留意到某个规划元素的功用特性,这即是视觉暗示的效果。
逻辑意图:暗示用户不规矩元素的功用或躲藏的功用。
高光标示(Highlight)
高光标示协助用户在杂乱紊乱的排版中留意到要点内容。规划师在规划进程中常常会尽力防止杂乱紊乱的排版规划,这么做的结果是页面往往会规整的被分割成几块,并有规矩的填充文本内容和视觉元素。这些被规整分割的版块会使用户迷失在页面中,找不到要点。
一个防止紊乱的办法是去掉杂乱的内容。但这在实际操作中很难实现,实际的比如即是像新浪,或许taobao这么的渠道类网站\app中,主页中的任何一条内容都是很难去掉的,这往往牵扯很多商场要素、事务要素等等。
微动效,在这种情况下将起到十分明显的效果。相比动效,无论是文本仍是静态图都无法愈加明显地招引用户的视野。但需求留意的是,引进动效将会使本来已经紊乱杂乱的页面规划愈加扑朔迷离,所以是不是增加动效,增加多少动效需求对全部页面的杂乱度进行权衡。
逻辑意图:招引用户的留意力,在杂乱的界面规划中杰出要点。