交互设计快速检查清单 Interaction Design Quick Checklist

#交互学堂#交互设计快速检查清单 Interaction Design Quick Checklist

[one_half_col]

架构和导航Architecture and navigation Note

􀂅 是否采用了用户熟悉或容易理解的结构?

􀂅 是否能识别当前在网站中的位置?

􀂅 是否能清晰表达页面之间的结构?

􀂅 是否能快速回到首页/主要页面?

􀂅 链接名称与页面名称是否相对应?

􀂅 当前页面的结构和布局是否清晰?

布局和设计Layout and design Note

􀂅 是否采用了用户熟悉的界面元素和控件?

􀂅 界面元素和控件的文字、位置、布局、分组、大小、颜色、形状等是否合理、容易识别、一致?

􀂅 界面元素/控件之间的关系是否表达正确?

􀂅 主要操作/阅读区域的视线是否流畅?

􀂅 其他文本(称谓、提示语、提供反馈)是否一致?

内容和可读性Content and readability Note

􀂅 文字内容的交流对象是用户吗?

􀂅 语言是否简洁、易懂、礼貌?

􀂅 内容表达的含义是否一致?

􀂅 重要内容是否处于显著位置?

􀂅 是否在需要时提供必要的信息?

􀂅 是否有干扰视线和注意力的元素?

行为和互动Behavior and interaction Note

􀂅 是否告知、引导用户可以做什么?

􀂅 是否告知需要进行哪些步骤?(op)

􀂅 是否告知需要多少时间完成?(op)

􀂅 是否告知第一步做什么?(op)

􀂅 是否告知输入/操作限制?

􀂅 是否有必要的系统/用户行为反馈?

􀂅 是否允许必要的撤销操作?

􀂅 是否页面上所有操作都必须由用户完成?

􀂅 是否已将操作步骤、点击次数减至最少?

􀂅 是否所有跳转都是必须的(无法在当前页面呈现)?

[/one_half_col][one_half_col]

Note

————————————————

————————————————

————————————————

————————————————

————————————————

————————————————

 

Note

————————————————

————————————————

————————————————

————————————————

————————————————

Note

————————————————

————————————————

————————————————

————————————————

————————————————

————————————————

————————————————

Note

————————————————

————————————————

————————————————

————————————————

————————————————

————————————————

————————————————

————————————————

————————————————

[/one_half_col]

交互设计自查表,可以打印出来对着自己的设计方案进行排查!

PDF 下载:交互设计快速检查清单

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/18702/

(0)
iouedioued
上一篇 2016-11-09 09:36
下一篇 2016-11-10 09:30

相关推荐

  • 实例分析:室内地图交互体验分析

    因为做室内定位项目,需要涉及到室内地图相关功能,故分析、探寻高德地图、百度地图APP的室内地图设计逻辑,以为项目借鉴。本文从室内地图展示,室内地图与导航栏的对应两方面来分析对比,并针对部分内容提出相关建议。

    2017-05-09
  • 如何有效的做产品迭代分析

    “ 做过这么多产品迭代分析,却依然找不到合适的方式表达。” 产品迭代分析对于交互设计师可以说是家常便饭了,隔壁的某某有了新功能,某某家的谁又更新了个大版本,都需要时时保持关注。但是,每当小珏吭哧吭哧的收…

    交互设计 2014-11-11
  • 平面设计中,有哪些简单好用的排版技巧和方法?

    当两张图片中应用的构成元素都相同,画布尺寸也相同的情况下,排版的好坏就决定你整张图片的质量了,这就好比两个厨师,同样的食材做同一道菜,味道却可能截然不同。

    2017-05-19
  • 交互设计四策略在音乐播放条上的运用

    追求简单易用是人类的本性,《简约至上》中提出了合理删除、分层组织、适时隐藏和巧妙转移这四个达成简约的终极策略。对于功能性单一的产品做到简洁化比较容易,但对于功能性较强的产品如要做到简洁就是一个复杂的课题。

    2017-05-23
  • 是时候聊聊具有直觉性的UI和交互设计了

    UI和交互设计中常常会强调某项设计需要足够的“直觉性”,但是直觉性的设计说来容易,实现却往往差强人意。但是不得不承认,它是目前交互和UI设计的刚需。“想象一下,如果桌面上反过来一颗球让你去转动控制,感觉应该比鼠标运作顺畅些。我们原本认为这是个好点子……可是我以前从未观潮这种触感的细节。”“当孩子们操作鼠标和遥控杆的时候,会不自觉地低头看输入装置……后来有人想到,如果操作时运动肌肉群范围较大,也许他们可以不必低头。我们做了一个大型轨迹球装置,让他们可以用手臂甚至肩膀牵动来操作,这样就把问题解决了。”“我们先是观察什么样的操作方式比较合乎自然,然后提出想法,再进行测试。”“心智模型指一个人对于事物运作的思维过程,即一个人对于周遭世界的理解。心智模型的基础是不完整的显示、过去的经验甚至直觉感知。它有助于形成人的动作和行为,影响人在复杂情况下的关注点,并确定人们如何着手解决问题。”(如果你仔细观察,会发现这个时候的设计师将纸的纹理运用到窗口上,此处的设计和Material Design 中纸的隐喻不谋而合,这又何尝不是一种潜意识的引导呢?)

    2017-05-16
  • 【颜值已爆表】00io.com-盘点2014最精彩的移动APP动画UI

    原文导读: On the third day of The Highlight 2014, we’re bringing you our picks of some of the best UI animations we’ve seen in apps and across the web. Apps have been a UI playground for quite some …

    2015-01-14
  • 设计案例|在做方案时,“更明显点”这句话怎么破

    在做方案的时候,时常会听到这样的话,“这个地方应该更明显一点”。今天,阁主将拿出自己设计的一个徽章注释来进行说明。

    2017-04-29
  • 不扁平的设计:我们的世界没有一处是光滑和平整的

    “当我们在思考一个问题的时候,我们需要开放模式;但一旦我们找到一个解决方案,我们必须切换到闭合模式去实现它”

    2017-05-25
  • 设计师个人品牌的建立

    个人品牌是人们将自己和事业作为一个品牌推广出去。如今,空有一门好手艺已经不够了,独特和真实可信方可过关,但前提是人们得知道你。正如Michael Simmons所写道,在数字时代,真实才是关键。强有力的个人品牌可以创造大量机会,获得充分认可。

    2016-02-21
  • 一道交互设计笔试题的思考

    又到了一年两度的招聘季时节,这个时间肯定有一大堆人都在海投面试。恰好最近又做了一份笔试题,顺便就来聊一聊交互设计笔试题要怎么做吧。 我碰到过的交互设计笔试题有两种,一种就是两三个小时内给你三四道题,然…

    2016-04-13