交互设计快速检查清单 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

相关推荐

  • 译|构建用户体验地图的时机和方法

    用户体验地图结合了两个强大的工具—讲故事和可视化 ,以帮助团队了解和解决用户需求。 虽然体验地图会根据不同的场景和商业目标采取各种各样的形式,但通常都包含一些元素,并且有很多可以遵循的潜在基本规则,使得用户体验地图为设计提供帮助。定义:用户为了实现目标而经历的过程的可视化,它用于了解和解决用户的需求和痛点。

    2017-04-29
  • 一个APP的视觉风格:配图是一个重要的,同时极易被忽略的点

    在我们常规意义上组成一个APP的视觉风格有几大元素——颜色、交互元素、字体、阴影、ICON的图形等,但是有一个总容易被设计师们忽略的元素,它能给与用户一个非常直观的视觉记忆,大家却总是忽略,甚至做的很糟糕。那就是APP里面的配图。

    2017-05-12
  • 静态码限额后,微信支付还能兼顾合规和用户体验吗?

    【新朋友】点击标题下方蓝色字“经济晚报”关注【老朋友】点击右上角,转发或分享本页面内容4月1日,央行关于静态码扫码支付限额500元的新规开始正式实施了,从这天开始,大家通过静态二维码支付的时候每天限额是五百块。你感觉到了不方便吗?新规一出,很多小伙伴们都产生了疑问:以后我扫码支付消费是要被“管制”了吗?如果每天的限额用完却还有扫码支付的需求咋办?新规如何配合?微信支付上线新产品体验针对用户的这些疑问,微信支付和支付宝这两大移动支付巨头给...

    2018-04-07
  • 交互设计基本原则(第二部分:默认和可见性)【UXRen译#157】

    作者:Bruce Tognazzini  |  翻译:邱金,校审:Chen Jing   一、默认Defaults 1.1 原则:输入框的默认值应该很容易“吹走” 当用户激活一个输入框,当前条目应该自动被选择,以便按退格/删除键或开始键入来清空条目…

    交互专题 2017-08-07
  • 碉堡了-微信团队出品-Sketch插件合集Wesketch

    静电说:微信团队刚刚出品了一款针对Sketch的插件合集-Wesketch,让我们一探究竟吧。WeSketch能做什么?更高效的团队协作,如:UI Kit 同步、色板同步等。更快捷的交互设计,如:图标库、自动连线、标记注释、全局替换文字、字体、颜色。更精准的前端还原,如:补齐宽高导出图片、导出 CSS 代码(支持小程序)等。如何下载和安装?访问Github地址:https://github.com/weixin/WeSketch/blo...

    2018-03-02
  • 译文 | iOS 10 人机界面设计指南 (完结)

    iOS10发布了,苹果遵循了一切从简但又增加了一些提升用户体验的功能,比如向开发者开放了更多接口,设计者又如何跟随iOS的步伐做好产品设计呢?本文是系列文章的完结篇,enjoy~Note
    模板图片(template image)会丢弃图片本身的色彩,而采用图片视图使用的色调。请参阅UIImage中的UIImageRenderingModeAlwaysTemplate。TIP  对于多行或是多样式的文本输入,请使用文本视图。请参阅Text Views。

    2017-05-02
  • ​50多个网页界面的设计素材下载,提供sketch格式的源文件ui设计素材下载

    50多个网页界面的设计素材下载,提供sketch格式的源文件ui设计素材下载素材下载方法:长按识别二维码,用微信扫描或者长按识别二维码即可加入。并不是只是下载这个素材。超过200G精品素材全部任意下。素材不断更新,添加。。。有任何问题,请联系微信uisheji----------------------------------------欢迎订阅,查看更多精品UI设计素材下载,请关注公众号mobileui

    2018-04-08
  • 实例分析:关于上传照片交互逻辑的思考

    最近在重新设计公司APP上传照片的组件,研究了很多移动端上传照片的组件,下面来简单单谈谈自己的总结。

    2017-05-12
  • [高级交互设计教程]如何创建一个信息构架?

    本文译自Donna Spencer所著《A Practical Guide to Information Architecture》,第18章。 本书主要对信息构架及其设计进行了一些入门的理论和实践介绍,其中包含了一些作者自己的方法,和业界采用较多的方法。无论…

    交互设计 2015-01-26
  • 关于2017年的设计趋势,国外已经有了这13个预言

    在未来,当对微小细节的关注渗入用户体验设计的每一寸土壤;当对像素级完美的追求成为设计的基本要求;当将简单便捷的设计理念融入用户的日常生活,那么我们就能够帮助用户体验全新的生活。“庆祝成功自然无可厚非,但学习并反思失败更加重要。” ——比尔·盖茨“他们是种异常必要的无谓存在,他们因为需要被呵护而带给人恰到好处的慰藉。”“差劲的设计团队提供用户要求的UX。伟大的设计团队提供用户需要的UX。”“对于一个优秀的UX设计师来说,他/她最大的责任就是使用户在使用产品 的时候能产生信任感。”“一件好产品就如一部伟大的电影。”“我们逐渐发现这些智能小助手(AI)之间的合作能力可能并没有想象中那么强大。”“Material Design将会目睹它所倚仗的‘笔’与‘纸’之间的枪战——它会发现它的立身之本在面对未来强大多元的互联网时不堪一击。”——Chase Buckley(独立UX设计师)“与真实的纸不同的是,我们的数字材料可以随意伸缩与变形。纸质材料有物理表面与边界。是那些缝隙与阴影告诉你这一切,赋予了你能触碰到的东西意义。”

    2017-05-18