交互设计自查表

合集下载

交互分析分析表

交互分析分析表

交互分析分析表瑞丰国际交互设计分析第一章。

感官体验分析:1、首先是页面速度:网站页面从打开到所有内容显示至少在5秒以上,正常情况下,尽量确保页面在5秒内打开。

轮播广告图片显示速度是最缓慢的,导致原因应该为图片质量、大小把控不当。

还有服务器必须考虑南北互通问题,进行必要的压力测试,网页打开的速度很大程度决定了用户的第一感官。

2、网站的页面色彩颜色很深,色彩使用较重,虽然是为了要与品牌LOGO形象统一,但是色彩较重的色彩很容易导致用户产生视觉疲劳。

瑞丰的LOGO虽然是以蓝色为主,但是整体的网站风格不一定要以蓝色为主,瑞丰的LOGO可以搭配多种颜色,例如白色,浅灰,淡蓝等色彩。

用些较淡的色彩给人一种简洁大方的感觉。

3、经过多个论坛投票测试,得出数据,95%的人第一眼感觉网站不属于博彩类的网站,多数认为是游戏网站,娱乐类网站。

由此数据可得知网站整体页面设计明显存在主题不明确,并没有根据用户群体的审美喜好进行分析,并没有根据品牌形象设计网站。

容易对用户的感官产生误导。

4、LOGO采用FLASH制作,感官效果虽然不错,但是有一个很大的弊端,增加了LOGO的大小,增加了页面加载负担,导致LOGO加速度更加缓慢,等半天LOGO都出不来。

5、首页头部的开户登录的UI设计也与首页风格极其不协调,极力想让用户开户注册的意图太明显,登录框占用head太多的空间,反而让用户很反感。

好的网站并不需要刻意的将注册页面体现出来,只需要不断完善用户体验,网站内容做的更加丰富,不断增强用户信任度,用户自然会非常乐意的想成为你网站的会员。

6、头部登录这块的UI设计和逻辑思维也极其不合常理,按照用户正常的思维模式是账户旁边紧跟着账户的input,paword后面紧跟着paword的input,而瑞丰的设计让人摸不着头脑。

下面两种比较普遍的会员登录页面:淘宝:人人网:目前主流网站登录界面大致可以分为以上两种结构,淘宝的左右结构,人人网的上下结构,其实他们的界面都有一个共同点,都是以简介、清晰明了,与页面整体风格相协调。

设计信息检查表

设计信息检查表

34 . 具备试验设备吗 ?
35 . 为保证准确结果 , 需要培训吗?
36 将使用外部试验室吗?
37 所有被使用的试验室得到认可了吗( 如要求 ) ?
是否已考虑以下材料要求 :
38 。 搬运?
39 。 贮存?
制40 。 环境?
பைடு நூலகம்



规格/型号 否
所要求的意见/措施
第 2 页,共 2 页
顾客零件编号 负责人
11
是否对所有规定的试验,方法,设备和接受准则有一个清楚的定义和了 解?
12 是否已选择特殊特性?
13 是否完成了材料清单?
14 特殊特性是否已正确文件化?
B. 工程图样
15 对于影响配合 , 功能和耐久性的尺寸是否已明确?
16 为最大限度减少全尺寸检验时间 , 是否明确了参考尺寸?
17 为设计功能性量具 , 是否已明确了足够的控制点和基准平面?
完成日期
XXXQR-31
22 是否已对在最小和\最大规范下生产的零件进行试验?
23
如反应计划要求 , 能否对额外的样品进行试验并且仍能进行正常计划 的过程试验?
24 所有的产品试验是否都将在厂内进行?
25 如不是 , 是否由批准的批准的分承包方进行?
26 规定的抽样容量和/或抽样频率是否可行?
27 如要求 , 对试验设备是否已获得顾客批准?
XXX有限责任公司
设计信息检查表
产品名称


A. 一般情况
设计是否需要 :
1 新材料
2 特殊工装
3 是否已考虑了装配变差的分析?
4 是否已考虑试验设计?
5 对样件是否已有计划?

设计走查表

设计走查表

设计⾛走查表第⼀一部分:信息架构与流程设计信息架构整体信息架构是否清晰易易理理解,可扩展?导航间关系是否清晰易易理理解?⻚页⾯面中信息层级是否清晰合理理?信息视觉流是否流畅?前置条件:有⽆无账号、是否登录、登录状态以及⻆角⾊色权限流程设计新功能是否需要引导,形式是否合适?具有相似度的任务中,⽤用户体验路路径是否⼀一致?返回和下⼀一步是否符合⽤用户预期?跳转链接名称与⽬目的的⻚页⾯面名称是否对应?逆向流程的设计是否考虑周全?操作是否需要申请授权?(获取相机权限、获取GPS权限、获取相册权限)⽤用户拒绝授权后如何提示/呈现?是否考虑了了外部应⽤用插⼊入导致的中断?(外部来电等)第⼆二部分:界⾯面呈现(⽂文档平台提供⼩小程序UI KIT 资源下载)控件控件外观是否符合⽤用户认知?界⾯面元素/控件之间的关系是否表达正确?控件的样式&交互⾏行行为是否具有⼀一致性?控件的不不可⽤用状态如何呈现?是否有⼲干扰视线和注意⼒力力的元素?数据与显示⽆无数据空界⾯面如何呈现?数据内容加载不不完整是否设置了了刷新机制?(⾃自动/⼿手动刷新、加载中样式、成功/失败提示、有⽆无新内容展示、⼀一次刷新加载多少条数据)数据内容缺失是否显示默认图⽚片/占位符等?⽆无法完整显示数据是否设计了了截断及展现策略略?数据过期如何提示⽤用户?(缓存哪些数据、缓存数据更更新规则、缓存数据删除规则)数值是否要按特定的格式、单位显示?数据是否存在极值?(⻓长度问题)数据按什什么规则排序?(排序变动频率、排序变动规则)数据显示是否涉及权限与隐私?⽂文案⽂文案是否简介易易懂,⽆无歧义?同场景下⽤用语是否准确⼀一致?是否使⽤用了了⽣生僻的专业术语?是否存在错别字/⼤大⼩小写混⽤用/全⻆角半⻆角符号混⽤用情况?选择与输⼊入是否选择了了正确的表单形式?是否为⽤用户提供了了合适的⾸首选项/默认值?输⼊入前是否提供提示?(格式提醒、输⼊入⽬目的提醒、距离提醒)输⼊入中是否提供及时反馈?(输⼊入建议、错误提示)输⼊入完成后是否提供及时反馈?(填写错误、填写正确、跳过未填)选择与输⼊入是否存在同⼀一信息多出重复输⼊入?是否制定了了键盘类型?(英⽂文键盘、数字键盘、密码键盘等)是否考虑到了了键盘弹出引起的⻚页⾯面遮挡?是否需求保存⽤用户输⼊入的数据或者进度?动态⻚页⾯面切换效果是否合适?弹窗使⽤用是否合理理?控件展示是否规范?操作⽅方式有哪些?(点击、滑动、拖动、拉伸、缩放、摇⼀一摇…)第三部分:过程和特殊情形交互过程与反馈成功操作的反馈,是否需要引导下⼀一步操作?失败操作的反馈,是否提供了了解释与建议?是否设计了了中间状态?(加载中、删除中…)是否充分考虑了了操作的容错性?(危险操作的⼆二次确认、必要的撤销功能)是否设计了了必要且合理理的动效?是否考虑了了动效⽆无法实现时的降级处理理?⼿手势使⽤用是否符合⽤用户认知?特殊情形特殊⽹网络状态是否做出应对?(弱⽹网、超时、⽆无⽹网)各种登录状态时否做出应对?(未登录、注销时、账号切换、游客账号)提示是否完善(流量量/WiFi切换提示、断⽹网提示)系统特性当⼩小程序功能有⾼高APP版本依赖,低版本⽆无法使⽤用时,是否已提示低版本⽤用户升级?当⼩小程序功能有⾼高APP版本依赖,低版本⽆无法达到最佳体验时,是否针对低版本做出适配?是否配置了了分享回流⽂文案?是否考虑了了全⾯面屏及iPhone X等异形屏幕的适配?是否考虑了了iOS、Android双端差异导致的区别处理理?(键盘设置、⼿手势等)版本相关是否强制更更新?是否显示版本更更新提示?是否设置启动⻚页、引导⻚页和新⼿手引导(第⼀一部分有)是否需要进⾏行行数据埋点消息推送。

产品经理学习资料---交互设计自查表如何打造

产品经理学习资料---交互设计自查表如何打造

交互设计自查表如何打造设计自查是设计师常用的检验工具,经常以“自查表”形式呈现,可以帮助我们快速遍历设计方案,修正遗漏或不周。

善用设计自查,不止可以避免在“设计评审”时被指出错误的尴尬,还可以帮助设计师消除思考盲点,系统化地锻炼与提升交互设计思维。

如何打造「专属」设计自查表?设计自查好处多多,但谈起构建一个比较全面和完整的自查表,很多人顿感千头万绪,原因是交互设计在产品中处于一个交叉性非常强的位置,功能特性、UI细节、平台/设备特性、异常流程……方方面面都会涉及,构建交互设计自查表应该从哪些角度入手呢?如何做到全面、完整?本文将以《智能小程序设计走查表》为例(以下简称《小程序走查表》),讲解基于产品/项目特点构建交互设计自查表的思路,希望能够帮助大家了解自查方法,触类旁通建立自己的“个人专属”自查表。

整体的构建过程可总结为4个步骤:“ 1. 搭结构→ 2. 填内容→3. 用起来→4. 迭代升级”注:《小程序走查表》(如下图,可点击本页“阅读原文”,或在百度小程序文档平台中搜索“设计走查表”查看)是百度小程序交互设计团队经过长期设计实践总结而成,已在团队内部推广使用,并在官方文档中公开提供给广大开发者;发布一年多以来经过几次迭代升级,获得了不错的反响。

第一步:搭结构一个自查表常包含几十条各式各样的自查项,因此需要搭建一个易理解、好记忆的自查结构,便于我们对众多自查项留下印象,在实际应用中能够快速定位问题。

《小程序自查表》的三大自查模块结构设定,借鉴了一个通俗的日常场景:“吃面”的步骤,方便使用者联想记忆:首先,一碗面端上桌,我们首先会有一个整体的印象“面的种类对吗”“第一印象是否合格”,这一步可以对应小程序的整体架构、流程;然后,我们可能会仔细看看“碗里有哪些食材”,“颜色、香味各几分”,这一步可以对应小程序的界面细节展现,包括控件、数据、文案、表单等;最后,开始吃面了,过程中我们会感觉到“面嚼起来的口感”,或者发生特殊情形“汤滴到衣服上”,这一步可以对应小程序的交互过程与反馈,以及各种特殊情形。

交互设计面试问题及答案汇总

交互设计面试问题及答案汇总

给大家整理一份交互设计面试问题及答案汇总,希望能帮助到正在求职的小伙伴。

一起来看看这些高频面试题吧!1、自我介绍。

答:(自我介绍算是面试的第一个题目,交互设计也一样。

回答的时候要贴近交互设计来回答,一般就是说一些项目经历。

但是如果没有的话,可以往交互设计师需要的素质上去扯。

)2、一些名词解释:“交互设计”、“信息架构”、“用户体验”、“故事版”等等。

答:(平时注意一下即可)3、介绍一款app。

答:(笔试和面试题都有可能会遇到这种问题,注意挑选小而美的app,不然会讲不清楚。

比如豆瓣一刻,艺术云图、故宫博物院,讲的时候要讲述交互设计上的亮点)4、说说我们公司的产品都有哪些优缺点。

答:(这是一道血泪题,当初面试一家公司的时候就是跪在这个题目,所以面试前一定一定要自己先走查一遍,走查方法可以查看:交互设计走查表)5、交互设计师需要什么样的素质?答:同理心、逻辑思维、沟通能力、洞察力、总结能力、学历能力。

(前两个我觉得最重要,必答,后面的看看自己有哪些就到回答里即可。

记得说完一个素质之后要说明为什么这个对于交互设计师来说是必要的)6、交互设计师在做什么?答:(主要产出就是三部分:信息架构、任务流程以及页面线框图。

其他的可以往用研上面扯一点)7、你有什么优缺点?答:(优点要贴近职位,缺点要远离职位)8、我们为什么要录用你?答:(自己为什么适合这个岗位,可以回答有关的素质,见题5)9、举例一个好(坏)的交互形式。

答:(交互形式的好与坏都是根据场景来回答的,所以一定要说明场景)10、你会因为什么原因拒绝我们公司?答:①名不符实②个人能力得不到锻炼,个人价值的不到体现(总感觉这个回答还不够好)这十道题都是出现频率非常高的,所以大家一定要好好的组织语言。

下篇文章继续给大家另外的一些高频面试题,赶紧去看看吧!21、你对本公司有多少了解?答:(事先准备好相关)22、能否接受加班?答:能能能。

23、除了薪水,你还希望得到什么福利?答:个人的成长。

交互式服务安全检查表

交互式服务安全检查表

填表说明:
“检查结果”:应逐项填写, Y表示“符合”,N表示“不符合”, N/A表示“不适用”。 “检查说明”:当用Y´、N、N/A表示时,此项必须有详细描述。 不适用的情况:例如:当某交互式服务不存在分包时,“分包服务”中的各项填写N/A。 此表适用于:备案的实地检查、日常安全检查以及新应用新服务的安全评估检查。
交互式服务安全检查表
机构名称 机构地址 业务范围 机构责பைடு நூலகம்人 安全责任人 网站名称
电子邮件 电子邮件
电话 电话
网站域名
IP地址
网络服务
□电子商务 □网络金融 □游戏 □论坛 □留言版 □聊天室 □即时通信 □电子邮件 □网页制作 □P2P下载 □应用商店 □短信息 □ 网盘 □物流 □IDC □CDN其它:

交互设计自查表

交互设计自查表
类别 层次 角度
业务目标 目标相关性 目标分解 用户目标 设计目标 认知匹配 用研结果输入 用户体验地图 用户画像 故事板 全景图 流程完整性 信息架构 框架图 流程图 页面流程 逆向流程 容错性 设计流程展现 文档整体风格 线框图 浏览路径清晰 信息排布合理 准确无歧义 体贴有温度 引导提示 符合认知 环境贴切 显而易见 操作简单 易操作性 一致性 成本 容错性 反馈原则 易取原则 易扫原则 组件化、标准化 交互流程一致 成本控制 二次确认 撤销
方案体现 用户场景
流程梳理 过程表现 整体美观性 文档相关 信息层次 易理解性 文案 引导
帮助原则
细节关怀
人性化
输入与选择 情感趣味性 品牌调性传达 动效 大小屏幕 横竖屏 高低分辨率 有无SD卡 移动(Android/iOS) PC(Windows) 新老版本共存 弱网 超时 无网 缓存 流量模式 外网访问 中间过程能否取消 空状态 大量数据
交互创新 面向未来
社会责任感
交互设计自查表
自查点
业务目标沟通是否到位、指标提升背后的洞察分析(持续追问挖掘,警惕直接 说数据/方案) 调研分析、观察访谈等,建立不同类型的用户画像与故事板描述、用户的核心 痛点与诉求提炼 基于业务与用户目标提炼出1-3个设计关键词并解读 方案是否围绕目标进行展开、怎么体现和感知、联想与参照 焦点小组、问卷、竞品分析报告等 梳理用户全链路的行为路径、关键痛点、机会点洞察、情感波动等 目标用户分解、用户特征、访问场景、用户目标、关键词、最关心的内容、痛 点等 情境化描述角色的使用场景、一日故事等 全站页面的分布和组织情况,注意体现页面之间的跳转关系(是否容易理解、 信息分类是否合理) 关键页面的整体框架布局,体现优先级关系(信息层级是否清晰、信息视觉流 是否流畅) 用户操作流程抽象,用户体验路径是否一致,分支情况要考虑周到 返回和出口是否符合用户预期,跳转名称与目的是否一致 逆向流程的设计是否考虑周全 是否充分考虑了操作的容错性 将如脑暴、卡片分类等线下设计讨论过程拍照,完整记录呈现在文档里 干净整洁、突出内容、注意字体和排版细节 线框图层次清晰、精致、避免用色干扰 是否设计并体现出清晰的用户浏览内容路径 字段选取和排布符合优先级和基本排版原则,层级简单,不过载、混乱、密集 文案信息传达准确、不产生误解,句式、用词保持一致 文案内容不冷冰冰、结合用户特征体现情感 在合适的场景下出现恰当的引导提示,不打断用户 控件操作符合用户成型的认知习惯,不盲目创新 尽可能贴近用户所在的环境(年龄、学历、文化、时代背景),使用约定俗成 的表达 状态可见,行动点可见性强、利益点外化、容易一眼认知 及时反馈,周全地考虑所有操作成功/失败的反馈 识别好于记忆,减少用户对操作目标的记忆负荷,动作和选项都应该是可见的 用户浏览网页的动作不是读,不是看,而是扫;易扫要求突出重点,弱化和剔 除无关信息 沉淀和复用已有组件,统筹考虑改进,控件样式一致 符合平台和产品设计规范,基本交互操作反馈流程一致,功能、用语等保持一 致 交互模式的操作学习成本低 危险操作(如删除)前是否有二次确认环节(须同时考虑流畅性);toast提示 操作后是否允许回退、撤销

设计信息检查表(1.0版)

150
系统测试是否符合产品要求,验证结果是否符合要求
151
性能测试是否符合设计要求,测试结果是否符合设计要求
编制:审核:复核:批准:
设计信息检查表(表五)
顾客或厂内零件号□手工样件□工程样件□小批量编号:BG-QR-06-06/1
问题


所要求的意见/措施
负责人
备注
E.测试/验证类
152
使用现有的检验技术,是否有些规定要求不能被评价?
问题


所要求的意见/措施
负责人
备注
48
先遣的材料供方是否在顾客批准的名单中?
49
是否要求材料供方对每一批货提供检验证明?
50
是否已明确材料特性所要求的检验?如果是,则:
51
·特性将在厂内进行检验吗?
52
·具备试验设备吗?
53
·为保证准确结果,需要培训吗?
54
将使用外部试验室吗?
55
所有被使用的试验室得到认可吗(如要求)?
81
将使用外部试验室吗?
82
所有被使用的试验室得到认可吗(如要求)?
83
是否解决了实验室发现问题和用户反馈问题?
84
是否已考虑以下材料要求
85
对于影响配合、功能和耐久性的尺寸是否已明确?(与结构)
86
可制造性,工艺是否合理?是否满足批量生产?
87
此板卡与外部设备连接是否可通用
88
相关程序是否与软件系统兼容性
9
如果是,是由横向职能小组完成的吗?
10
是否对所有规定的试验、方法、设备和接受准则有一个清楚的定义和了解?
11
是否已选择特殊特性?

设计系统设计验证:构建交互设计自查体系人人都是产品经理

设计系统设计验证:构建交互设计自查体系人人都是产品经理交互设计自查体系是设计系统的重要一环,是设计师完成交互设计方案后,提交给团队内部、产品经理或者客户前查缺补漏的环节。

有效的进行交互设计自查,将有助于保证交互设计方案的质量,凸显设计师的专业性,避免设计评审时面对被各方挑战和质疑的窘境。

这一年来我对于自身的交互设计的自查工作,都是出于零碎的基于经验的查验,往往缺乏明确的思路和逻辑性。

所以在交互设计评审阶段经常会被挑战,事实证明,也确实有很多是我自身的思考不全面所导致的的疏漏。

另一方面,因为业务需要,团队内的设计师也将开始接手一部分的交互设计需求,如何能帮助组员更好的承担交互设计的工作,提供更加高质量的交互方案的输出。

而交互设计自查体系就可以帮助组员快速审视自己的交互工作,高效的进行自我审视,查缺补漏,提供出更严谨更专业的交互设计方案。

基于以上两点,构建交互设计自查体系就显得尤为必要。

如果设计师的自查工作严格测试的步骤来执行,将会耗费大量的时间。

所以我更习惯于按照交互设计工作过程的脉络来构建交互设计自查体系,所以自查体系将以《用户体验要素》为基础,自上而下的设计过程也会贯穿在自查过程中,同时也会新增特殊因素作为自查的一部分。

所以我希望这个自查体系是大而全,可以根据项目的需要,灵活选择cheklist项,高效的执行设计自查。

一、产品目标与用户需求基于业务和用户背景提炼出具体的设计目标后,设计方案需要紧密围绕目标展开,而不是在被别人问到你的设计方案如何体现出这一目标时,才发现目标和方案实际上基本不相干甚至南辕北辙。

所以这个过程需要设计师重新全局审视设计方案,整体的进行评估判断。

1. 目标•业务目标:业务目标是否沟通到位,指标背后的洞察分析;•用户目标:不同类型的用户与故事板描述,用户的核心痛点和诉求提炼;•设计目标:基于业务和用户目标提炼1-3个设计关键词并解读。

2. 方案认知匹配:设计方案是否围绕目标展开、怎样体现和感知、联想与参照。

交互设计自查表

类别
文档描述
设备相关 系统相关 H5嵌套 版本更新 多平台 登录 登录状态 教育引导
网络相关
手势动效Leabharlann 中间态 过期状态 数据展示
反馈
内容
流程图 设计意图 解释说明 核心问题解析 设计方法原则 边界场景 横竖屏 分辨率 系统性能 操作系统差异 功能支持 新老版本共存 功能适配 不同类型账号 游客转登录 登录转游客 disable 已登录 未登录 功能提示 新手引导 网络慢 网络超时 网络中断 无网络. 缓存相关 手势支持 手势冲突加 点击瞬间 载入中 载入时间 过场动画 当前态动效 按下效果 中间过程时候可以取消 过期提示 过期下架 空状态 事件发生前状态 事件发生后状态 大量数据. 非模态反馈
弹层形态:可关闭的。单确认式,双向选择 略 对于多步行为有相应进度的提示 网络加载慢情况下无图显示效果 考虑夜间模式下呈现效果 区分编辑模式下可变更内容的权限
反馈 特殊状态
弹层反馈 页面反馈 进度反馈 无图模式 夜间模式 编辑模式
要求
复杂逻辑通过流程图来梳理逻辑 设计方案聚焦的内容与权衡取舍 对.上下游理解上有困难的标注描述,图标含义标注 解析问题的核心内容,抽离核心关键路径,分析用户心理 问题解决的方法,解析设计中所用的设计原则和方法,诱发用户哪些方面的共鸣与认同 对边界场景的穷举,描述 1.是否支持横竖屏操作, 2.检查不同屏幕效果 不同分辨率下的适配问题,是否有空白溢出变形 操作过程是否有卡顿显现,对图片色彩进行控制 Android&ios平台的差异 H5嵌入到原生APP中,标题栏的操作是否能够可控与支持 增加新功能对老版本的影响 产品同时在多平台适配基础功能是否能够适配 ,如返回操作 账号权限、体验差异 略 略 略 登录后购买逻辑的统一 触发登录的时机 对存在理解困难的专有名词及定义的解释 复杂操作是否需要|导或试玩模式 略 略 相应的提示与操作引导 略 页面缓存的处理 考虑不同场景下是否有快捷的手势操作 入手势时是否会有冲突,如标签切换与右滑返回 略 略 考虑载入时间的长短,根据不同时间考虑添加动效,降低用户等待烦躁与不可控的感知 略 略 略 加载过程中是否可以取消 ,对应的用户提示如何描述 活动类或券类过期的提醒 营销活动过期后下架及相应的回查渠道 用户在当前标签下尚未进行相应操作如何显示与提示 事件尚未发生前的无数据状态 事件后数据记录与状态变更 对数据超出的处理,如昵称过长.示..限定字符数 必要的提示如toast提示
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
相关文档
最新文档