专业网页设计、网站优化、营销推广、移动端网站建设、企业网站推广、百度网站建设、品牌维护等网站建设服务,公平的价格,快速高效的流程,值得您的信赖

同类网站建设这么多,做好微互交设计让你的网站别具一格怎么做?

标签: | 作者:网站建设公司 | 浏览数: | 来源:未知
23
Oct
2017
 
 
 
当网站同质化现象变得常见,同行业甚至不同行业的网站,在功能上都差不多,这种情况下,如何吸引用户留住用户,提高自己的转化率?微交互就是影响用户印象的因素之一,那么,怎样在网站上做好微互交设计呢?
 
  好的产品往往做好了功能和细节设计。
 
  功能可以吸引用户来使用你的产品,细节设计可以将你的用户留下。优秀的细节设计更是能够使你的产品脱颖而出,网站这个产品如果有优秀的微交互设计,往往能够让用户在初次的使用的时候就可以留下深刻的印象。所以,在网站的微交互设计中不仅要考虑到视觉上的冲击,还要赋予信息传递的功能。
 
  微交互就是在网站中存在某一个时刻,它表示用户完成了某一个细分下的任务。Dan Saffer在他的书中(Microinteractions)第一次描述了微交互,这些小的细节将专注于服务以下功能:
 
  交流回馈或者动作的结果回馈;
 
  完成某个单独的任务;
 
  增强直接操作的感觉;
 
  帮助用户在视觉上展示操作的结果,以及避免错误;
 
  一些明显的微交互例子:
 
  将iPhone手机设置为静音模式时会伴随出现震动提醒,还有屏幕上的静音icon。
 
  有些网站的界面上会有动画提示是否能够点击(当你的鼠标移到按钮上方时按钮的颜色改变)。
 
  由此可以看出来,网站的微交互就是在对用户一些自然的需求的认知和反馈。用户从微交互提供的触觉、视觉等反馈中确认他们的行为被接受。微交互还能够引导用户正确的使用网站。
 
  微交互可以被放置在很多的场景下,辅助不同的动作行为。
 
 
  微交互的使用场景包括以下:
 
  1. 展示系统/产品的状态
 
  Jacob Nielsen在“可用性启发原则”中指出:让你的用户时刻了解发生的事情,用户期望对自己的行为立即得到反馈。而现实情况里,网站需要时间等待程序行为处理完成后才能向用户发出反馈。因此,网站的界面需要向用户指明此刻正在发生的事情。
 
  2. 下载进度表或者标明用户所在的位置:
 
  在网站的使用过程中不要让你的用户感到无助,让你的用户了解到实时的状态并且展示进度,因为进度条在一定程度上可以消除用户的疑惑。
 
  3. 提示更新
 
  网站需要向用户推送一些通知来让用户了解到事态的更新。动画的设计可以很好的吸引用户的注意力,避免用户忽视重要信息。网站的微交互设计应该遵循KISS原则(keep it simple, stupid),尽量简单直接。
 
  4. 关联上下文
 
  在网站的微交互设计中使用动效将使得用户的注意力平滑的在导航页面间切换,这对于移动设备来说是非常有用,在屏幕的尺寸限制下,使用动效来阐述网页内容之间的联系非常实用。
 
  需要注意的是,网站应该尽量让每个页面的导航简洁,在视觉上统一所有的交互形式,降低用户的学习成本。
 
  5. 输入可视化
 
  数据输入是应用中非常重要的环节,微交互可以使用现有的元素来展示数据输入的反馈,从而将这步操作变得更加高效。网站的微交互能够帮助用户理解信息,帮助用户方便快捷的输入信息。
 
  6. 引导互动
 
  网站的微交互设计鼓励、吸引用户与网站进行交互。可以在用户的体验中产生同理心。但是需要谨慎使用微交互,保证其在感官上不会冒犯你的用户。关注用户的情感反馈,因为它在用户体验中起到很重要的作用。多做用户研究和情景调研,设计能被用户频繁使用的微交互方案。
 
  网站的微交互设计是向用户展示动作反馈,通知以及信息框架结构,而且微交互应该通过转移用户的注意力、愉悦用户等来达到加快或者缩短信息数据的传输,它能够在一定程度上帮助网站了解你的用户以及使用微交互的背景。在网站的微交互设计中还必须能够支持长时效的使用,因为使用频繁可能会使惊喜变成麻烦。
 
  当然,网站的微交互设计也应该人性化。
 
下一篇:没有了
绍兴网站建设问答
绍兴网站建设流程
绍兴网站建设教程
绍兴网站建设软件