交互设计自查表

       交互设计自查,是设计师完成一个项目的交互稿后,在提交给团队内部、外部或者客户进行评审前非常重要的一个查漏补缺、保证用户体验的完整性的环节。也有利于设计师自己形成更为缜密的思考方式,在往后经手的其他项目中,能在设计之中就有意识地融入这些思考,从而让自己的设计质量得到快速的提高。附件:交互自查表.pdf

一、信息架构

1.信息架构——信息架构是否容易理解

2.信息架构——信息层级是否清晰

3.信息架构——信息分类是否合理

         对庞杂信息进行组织、筛选、归类时,有没有遵循用户熟悉的分类标准?对企业应用来说,分类有没有符合企业内部习惯和行业惯例?

4.信息架构——信息视觉流是否流畅

       视觉流是否存在反复和绕行现象?同一任务内的主要操作和阅读区域应尽量确保视觉流流畅。

二、流程设计

1.流程设计——用户体验路径是否一致

        在具有相似度的任务中,用户体验路径的设计是否清晰,并具有一致性?具有相似度的任务是指虽然在具体步骤和任务目标上有所差别,但流程上有较大部分是类似或共通的流程。

2.流程设计——返回和出口是否符合用户预期

        正常来讲,任何流程都应当允许用户返回上一步,以及快速(或至少在较少、步骤内)退出当前流程,而返回和取消操作的跳转目的应当符合用户期望,让用户返回其认为最合理的位置。

3.流程设计——跳转名称与目的是否一致 

      检查每个跳转入口的链接名称与目的页面名称之间的一致性。

4.流程设计——是否充分考虑了操作的容错性

      危险操作的二次确认、提供必要的撤销功能、操作失败的解释与建议

三、界面呈现

1.界面呈现——控件样式是否具有一致性

       导航栏、底Bar、信息Cell(包括Cell的标题或尾注)、图片轮播或泳道等等,都可以通过组件化保证在同一产品中的呈现是完全一致的,后续即使有修改也可以统一修改、统筹优化。

2.界面呈现——控件交互行为是否具有一致性

       相同控件的操作反馈也要相同,简单地说,长得一样的控件操作起来也是一样的。交互行为的一致性和样式的一致性是相形而生的。对外要符合整个平台的产品设计规范,对内要与同一产品内”兄弟姐妹“们的行为一致,这样才能更好地降低交互模式的学习成本。

3.界面呈现——控件的不可用状态如何呈现

       控件常常需要一定的条件触发才变得可用,例如表单页中只有在必要信息全部填写得符合要求的情况下,”提交“按钮才可用。那么,在不可用时,是直接将控件显示为不可用,还是在点击后提供反馈提示用户需要完成哪些条件才可用?两者各有优缺点,前者让行动点的不可用状态外化,让用户直观地理解自己的状态

      因此,需要在交互说明中写明,前者需要写明可用条件,后者需要写明toast的提示文案。

四、数据呈现

1.数据呈现——空态如何呈现

        空态是设计中必须考虑,却又容易疏漏的点。不但数据完全空缺时会产生空态,在所有涉及筛选控件的数据列表中,都有可能因为筛选的结果为空产生空态。

2.数据呈现——数据输入 字数有限制时超限如何处理

       表单对字数有限制时,超限时是直接自动删除超出部分,还是保留超出部分但通过合理的反馈提示用户删减,或其他更巧妙的反馈手段。无论选用哪种,都需要在交互说明中写明处理方式。

3.数据呈现——数据显示 无法完整显示的数据如何处理

       移动端界面的宽度有限,数据量较大、无法在指定行数内完整显示的情况很多,尤其在未对     字数进行限制的情况下。那么此时是截断并用”…”提示未显示完全,还是让信息块的高度与内容自适应、多行显示,或者其他方法?一般而言,如果有另一个页面可供用户查看完整的信息时,可以使用前者,从而让页面更规整也更简洁;而对唯一性的显示,或者这已经是信息显示最完整的页面了的话,显然必须全部显示以保证信息的完整性。同样的,无论采用哪种处理方式,都要在交互说明中让视觉设计和开发同学清楚你的想法。

4.数据呈现——数值是否要按特定的格式的显示

        数值的展示和输入,都需要确定的呈现格式,小数可能需要确定的位数,大数值可能需要每隔千位用逗号分隔,这些同样是需要在交互说明中体现的。

5.数据呈现——数据是否存在极值

        涉及数值(或日期等)输入和选择的控件,有没有设置极值以帮助用户防错?如果有,在输入值超过极值时如何提示用户?

五、文案呈现

1.文案呈现——句式是否一致

相似场景中,页面标题和页面标题之间的句式结构要保持一致,文案与文案之间的句式结构也要保持一致,总之,相应位置的文字句式要始终一致。

2.文案呈现——用词是否一致、准确

       操作、称谓、反馈中的用词同样要保持一致,并且应当在准确、不引起歧义的基础上尽可能简练。

       涉及表单提交的操作都用“提交”而不是混用”确定“、”确认“,涉及新建的操作都称为“新建”而不是混用“创建”、“添加”,涉及对当前用户的称谓都      用“您”而不是混用“你”,涉及成功提示的反馈都用”成功“而不是混用”完成“、“结束”,诸如此类的细节往往是反映一个设计师是否足够专业和细心的重要指标之一。

3.文案呈现——文案是否有温度感

       文案需要让用户感觉到产品的温度,对C端应用而言很好理解。而即使是B端应用,在必要的场景下,文案内容也应当在不影响表达的准确性和效率的前提下,避免冰冷的机械感,应结合场景和用户角色融入恰当的情感。

六、交互过程与反馈

1.交互过程与反馈——是否周全地考虑了所有操作成功的反馈

      操作成功后如何跳转?如何提示用户?通过toast还是设置专门的成功提示页?

2.交互过程与反馈——是否周全地考虑了所有操作失败的反馈

      因网络环境差、无网、后台故障等原因导致操作失败时如何提示用户?跳转至专门的失败提示页,还是阻断跳转、停留在当前页面并通过toast提示?

3.交互过程与反馈——操作过程中是否允许取消

     表单提交过程中是否允许取消?文件上传、下载过程中是否允许取消操作?

4.交互过程与反馈——是否设计了必要且合理的动效

     是否有必要添加动效?载入时间是否适合添加这样的动效效果?如果长时间等待后操作失败,如何提示用户?

©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 217,734评论 6 505
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 92,931评论 3 394
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 164,133评论 0 354
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 58,532评论 1 293
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 67,585评论 6 392
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 51,462评论 1 302
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 40,262评论 3 418
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 39,153评论 0 276
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 45,587评论 1 314
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 37,792评论 3 336
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 39,919评论 1 348
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 35,635评论 5 345
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 41,237评论 3 329
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 31,855评论 0 22
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 32,983评论 1 269
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 48,048评论 3 370
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 44,864评论 2 354

推荐阅读更多精彩内容

  • 一、信息架构与流程 1.信息架构 1.1信息架构是否容易理解 整体的信息架构、导航、模块入口的设计,是否符合用户既...
    青槿17阅读 3,694评论 1 30
  • 信息架构与流程 信息架构 信息架构是否容易理解 信息层级是否清晰 信息分类是否合理 信息视觉是否流畅 流程设计 用...
    大大的鱼阅读 421评论 0 1
  • 交互设计自查表 一、信息架构与流程 1.信息架构 信息架构是否容易理解 信息层级是否清晰 是否考虑信息优先级 信息...
    Change_f0af阅读 496评论 0 0
  • 对于移动应用来说,移动情景非常复杂,设备也很多样。那么在设计之后,设计评审之前,你的交互稿考虑的细节是否完善,对特...
    _叫我周先生_阅读 706评论 0 4
  • cp 自 :https://www.uisdc.com/create-interactive-design-che...
    lping234阅读 1,771评论 0 1