交互设计稿审查的几个步骤

在转行之后,需要经常性的阅读交互设计稿,并能迅速的从别人的设计图中领会原意并给出意见或建议,所以在这里简单梳理下审查设计稿的几个层次和标准。

先说说为什么会出现交互设计,最主要的原因是将软件行为变得更好的符合人类习惯。同时,从软件工程的角度来看,交互设计是为了迎合敏捷开发流程,将软件开发的变更在图纸推演中降到最小。所以简单来说,交互设计的主要目标就是易用性和研发流程中更好的控制变更。

简单来说,交互设计一般有三个递进的层次性目标:页面流程清晰、信息传达到位,与用户产生情感共鸣。

  1. 页面流程是最基本的要求,即要做到流程清晰、操作简单不繁杂混乱,要让用户清楚知道当前所处的位置状态,让软件随时处于掌控之下。
  2. 信息传达到位相比于页面流程更细一些,主要关注单页面的目的,该选择展示哪些信息,这些信息的表现形式是否能够清晰准确的传达信息的含义,对于目标用户群体的认知水平,这样的表现是否走够容易理解,同一元素,是否可以有其他更好的表现形式,这里也就涉及了之前提到的发散性思维的事情。
  3. 所谓情感化设计的最终目标就是让用户对界面语素在通过眼睛阅读加工后,能够触发情感共鸣,从而增强体验。这些靠的是界面语言和图形表现的组合,需要设计师在做的时候就能够捕捉用户此时可能会有的心情,然后用界面语素来附和或疏导这种情绪。所以审阅的时候一般也即关注文字是否有情感倾向性,图形是否能和目标群体文化相契合。

交互

基于上述的一些阐述,再细分来看,阅读或自审设计稿的时候大致有以下几个问题需要关注:

界面流程:

  1. 页面正常流程是否清晰,简单?
  2. 每一步,用户是否能够很快清楚该做什么,如何开始?
  3. 用户的操作的反馈是否及时明确,比如加速完成,有没有一行字或一个动画来告诉用户加速已经完成。
  4. 异常情况有哪些,该交互是否能够在异常情况下也有良好的可用性表现?

信息表现:

  1. 界面所选的信息是否能够对应页面所需表达的核心目标?
  2. 界面有几个主要信息,这些信息的阅读顺序是否清晰。比如一般的从左到右,从上到下。(建议单一界面只有一个主要突出的核心元素)
  3. 界面元素的表现形式是否能够很好的传递界面信息的内涵,比如时间,可以直接写18:20,也可以画一个表盘,字体使用普通的,还是电子表字体(传递科技感)。

情感传达:

看完这些,还需要回头看看整个设计是否能够与用户在当时场景下产生情感共鸣。这种情感的东西大致也可以分为几类,如直白用信息来传递,congratulates!等,还有用一些带有倾向性的信息来传递,这个用的最多的是之前风靡的404页面设计,如抓虾的服务器搬迁。当然图形的匹配是不可少的。这一层级是最难做的,更偏向于音乐、电影等艺术性的东西,需要触及人性或深层情感认知的东西。

design-satisf-xia

最后,再简单说一下可用性设计最根本的理论基础——动机心理学模型,动机心理学将人的行为分为四个步骤:目的、计划、实施、评价。对应于软件行为设计领域,我们把对用户这四个步骤的理解,作为用户的思维模型,也就是一般所说的用户模型(mental model)。在所有的交互设计实践中,我们都在反复的揣摩用户的目的是什么,他的预期是什么(计划如何行动),结合到实际,他是怎么做的,并且获得了哪些反馈(实施),最终,他在整件事所获得的体验如何(评价)。所以,在设计中除了分析用户目的和行为习惯之外,还有一个东西是特别特别重要的,那就是操作反馈,反馈一定要及时。这也是一直强调鼠标移上按钮需要有变化的原因,让用户知道他是在和一个活物打交道。想象一下,和一个人聊天,你说半天话,他半点响应都没有,你还会愿意和他聊下去么?

Post Navigation