网站交互提示意义在哪?如何设计?

2018-08-10

网站的交互设计在不断更新,已超过用户认知范围的交互设计,要加上相应的加护提示,便于用户快速领悟操作技巧,提升用户体验的流畅度。由此可见,提示的意义在于帮助用户了解哪些区域或元素是可以点击的或怎样点击,这个操作的意义又在哪里,能有效指导用户进行需要的或必要的操作。

那么,怎样建设网站的交互提示能让用户快速明白其中的意义呢?

网站的交互提示设计不管是桌面端网站或是手机网站都是必要的,但是两者的设计方式和形式又是不一样的。

在桌面端,网站的交互提示在鼠标滑过任意一个可点击的元素时,很多元素设计都会有微小的变化,或鼠标箭头变成点击手势,或该区域元素叠加图层,图层上还有简要的文案说明,或是图片有放大的3D效果显示等,借此提醒用户元素的可点击性,或是该区域的主要内容是什么。

如下图:当鼠标移至右图区域时,图片自动叠加半透明图层,还有“烤漆系列”文案提醒用户点击该区域还可观赏更多的烤漆家居。

怎样建设网站的交互提示

在手机网站中,很多交互设计都是不明显的,但是自手机网站发展开始,也积累了很多基本的手势交互体系,用户对这些手势交互操作也很熟悉,所以很多交互设计会在旧设计的基础上,不断更新,基本的操作方式不变,但是增加很多动画特效,提供手势交互的视觉反馈,简化手机网站操作的同时,丰富用户的操作体验。

如手指长时间点击某一固定列表时,列表会产生类似雨滴进水里而泛起涟漪的动效,然后可对列表进行拖拽、删除等操作,这是用户很熟悉的一个手势的交互设计。

网站交互提示是对用户的反馈,也是与用户间的交流,如此用户才不会觉得是在唱独角戏,感觉像是人与人之间的对话,就算不说话,也会有表情上、动作上的变化,这些都是对彼此的回应。

免费使用