交互设计的套路

明确

  1. 可点和不可点要有明确区分。其中可点的一般样式是:按钮(文字带框)、下划线、带颜色的文字;明显的不可点的样式是:灰色字体。如果不幸设计了不可点击的文字带框的样式,“直角矩形”较“圆角矩形”更不可点,“小尺寸”较“大尺寸”更不可点。
  2. 鼠标悬停时变成小手,是PC端非常规范的可点击的样式。

有整有散

同质信息或者功能相似的按钮要放在一起,不同类的信息和功能要分开。具体可以用线框分割,也可以在间距上做文章。这是降低了人接受信息的门槛,快速理解哪些信息或功能是一类的,哪些是有明显区别的。有整有散的设计会更加舒服,也能提高用户的效率。

主次分明

一个页面必须要有主次,这也是人理解信息的方式决定的,先找到主要的,再查看次要的,在页面上划分明显的主次,更符合人获取信息的习惯。一般而言,标题的都是需要强调的,个人感觉用大号字体、加粗、加大周围留白的方式强调重点都要优于用颜色做强调,而且大号字体、加粗和加大周围留白往往同时使用。

避免信息过载

在一个操作步骤中切忌给出太多的信息,信息过载会严重降低人接受信息的效率,也就影响了体验。

避免功能过载

这个是需要非常注意的一点,在每一个交互流程中,可操作项最好精简到最少,最典型的就是每一个操作步骤中给最少的按钮(点击是最高频的操作)。有些交互流程,甚至是没有可操作项的,如为了使程序单任务执行,在加载的时候不允许任何操作。所以在交互设计的时候,非常有必要想清楚在一个交互流程中,可操作项是哪几个,应该采用什么的加载视图(读条、转圈、遮罩)。当然,更进一步的交互设计是需要考虑前后端逻辑的,后端返回什么参数的时候需要给出什么样的交互样式?

总之,精简可操作项是对用户和程序都友好的设计。

少用颜色

一个页面的颜色最好不要超过3种,如果不幸超过了,考虑用和主色系相近的辅助色,少用颜色往往是不会错的。

友好的文案

文案尽量从使用者的角度出发,使用用户非常熟悉的文案,在字数允许的情况下,最好适当详细一些。

你可能感兴趣的:(交互设计的套路)