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

相关推荐

  • 两个交互设计鸿沟:评估与执行

    通过每次交互,用户都必须克服理解系统当前状态和了解如何改变系统当前状态的双重挑战。设计师可以通过意识到这些鸿沟并用透明的概念模型来消除这些鸿沟,从而为他们提供支持。上周,我买了一款很棒的新蓝牙耳机 ; 但遗憾的是,我花了一个多小时才把它连接到我的电脑上。尽管耳机手册和电脑支持网站作出了承诺,但耳机并未自动与计算机连接。我在重新阅读说明书之后,检查了耳机和电脑,确保它们都已打开,并且翻查了耳机评论以确认耳机与我的电脑兼容,甚至通过将耳机同...

    2018-03-13
  • 设计实战案例!谈谈网易严选企业购的交互设计

    网易UEDC – 柴蒙:企业采购是现今市场经济下一种最主要最主流的采购形式,其特点是大批量采购商品。传统的企业采购方式不可避免地会带来如回扣、效率低、采购过程不透明等诸多问题。

    2017-09-21
  • 不可思议!VR虚拟现实的第一个盈利领域竟是A 片

    [alert_info] 据预测,虚拟现实色情产业到 2025 年将达到 10 亿美元。去买个虚拟现实头盔来看黄片吧。 网友评论: 太污了 我没法看下去了…… [/alert_info] 现在的虚拟现实产业就像打了鸡血一样。当你带上虚拟现实头…

    2016-01-24
  • 从Surface Studio聊一聊实体设备上的交互细节

    相信小伙伴们这两天的朋友圈基本躲不过微软大法的霸屏。作为工业设计背景的我,也是被它深深地impress到。所以今天我想来聊聊,实体产品上的交互体验。Handles are better for continuous control (e.g. trombone)
    “手柄”对于连续性的控制更加合适。
    Buttons are better for discrete control (e.g. piano keyboard)
    “按钮”对于状态有显著区别的控制更加合适。
    Handles leave you in control (e.g. opening a car door).
    “手柄”是将控制交付于用户手中。
    Buttons are more likely to trigger something automatic (e.g. opening an elevator door).
    “按钮”更倾向于触发一个自动化的过程。

    2017-05-16
  • 新知 | 在打造用户体验上,连雷军都要向这家企业学习

    在我们之前发布过的一篇文章《小米八周年:雷军揭秘四大成功之道》中提到过,雷军在创建小米时受到了美国零售连锁超市好市多(Costco)的启发,从价值体系上来看,小米与好市多相同,都是希望用户能以可承受得起的价格享用更好的产品。好市多以优质、低价出名,在全球拥有700多个分店。从2006年到2016年,好市多的市值增长了五倍,如今的市值约为670亿美元。好市多亚洲区总裁张嗣汉在2018零售业年会上分享了好市多的运营模式、会员制度,以及管理层...

    2018-05-04
  • 用好的交互设计来管理复杂-“筛选器”

    我们必须按照人们的行为方式来设计,而不是按照我们希望他们应有的行为来设计。

    2017-05-19
  • 2016必掌握的交互设计趋势

    设计趋势是什么样的,出于各种原因,很多设计趋势在演进中逐渐消失,有的则甚正蜕变成为主流。作为一个专注于网页和平面设计的设计机构,我们对所有相关的技术和设计趋势都极度敏感。通过多位设计师们对2015的总结…

    2016-01-10
  • 一只交互设计喵在工作过程中的几种思维方式

    这篇文章来自于《为真实的世界设计》读书笔记。文中罗列了设计师的几种思维方式,但是在实际的过程中,这几种方式是交错出现的,在本喵实际的搬砖过程中发现,不同的思维方式会出现在不同工作流程中。先简述一下,…

    交互设计 2016-07-01
  • 为什么你爱用的 App,都用卡片式设计?

    今天这篇文章,将全面介绍「卡片式设计」,看完之后,你会知道为什么爱用的 app 都喜欢用这样的设计。设计的时候一定要思考用户会如何使用他的拇指在界面上交互。所以,界面内容的大小一定不要让用户在交互时感到不适。——译者注注:Masonry 是一个对系统 NSLayoutConstraint 进行封装的第三方自动布局框架,采用链式编程的方式提供给开发者 API。

    2017-05-04
  • 箭头符号:一个最常见却不容忽视的图标

    箭头符号可能是人类图形史上最伟大的创造。是的,这只是一个箭头,一个最常见不过的图标,但如何把它放在合适的位置,如何不过度的滥用这个符号,却是我们每一位设计师不得不每天面对的问题。“我怎么回去?”

    2017-05-13