网页交互进入手指操作,特别是多点触控实现之后,很多操作是隐形的,如果不告诉用户,用户可能并不知道,因此要保证交互设计有效,还需恰当的引导用户
图797-1:订票网站交互流程图
如今的界面设计尤其是移动端的界面,都会采用微交互的原则。追求自然、贴近用户生活的方式。但是,直观并不代表是有效、易用的。简单来说就是,无法指望交互设计完全可以达到相同的精确度。如缩放这个交互形式。用户的手指抓取界面,手指在哪里,哪里就是起点。这个典型的双指缩放和双手隔空抓取,很类似。但是,在界面上进行双指缩放时它的起点是随机的所以也就意味着模糊不定。当用户进行停止的时候,画面的前后没有很确切的起始点。
图797-2:订票网站的界面
界面设计的交互形式尤其是手势一定要易于发现!这样才能够确保为用户提供的是正确的交互方式,帮助用户轻松使用。
具体的引导方式。
图797-3:合理布置按钮位置和大小
1、引导页面设计,以视觉的形式去解释说明交互动作如何使用。
2、还可以以动效的形式作为交互手把手教程,渐进式地教会用户如何使用交互手势。
3、悬浮菜单,当用户的手指或者鼠标触碰到他们时,就能够显示出相关的信息内容给予用户选择。具体例子,如:界面当中的图片以一种比较随意的方式悬浮排列,用户手指或鼠标点击图片之后,会显示出每张图片其实只是一个分类,里面包含着很多分类的图片。
图797-4:筛选框的设置
转载请注明:网创网 www.netcyw.cn/b797.html
加油!!!