交互设计自查表
- 格式:pdf
- 大小:11.05 MB
- 文档页数:2
交互分析分析表瑞丰国际交互设计分析第一章。
感官体验分析:1、首先是页面速度:网站页面从打开到所有内容显示至少在5秒以上,正常情况下,尽量确保页面在5秒内打开。
轮播广告图片显示速度是最缓慢的,导致原因应该为图片质量、大小把控不当。
还有服务器必须考虑南北互通问题,进行必要的压力测试,网页打开的速度很大程度决定了用户的第一感官。
2、网站的页面色彩颜色很深,色彩使用较重,虽然是为了要与品牌LOGO形象统一,但是色彩较重的色彩很容易导致用户产生视觉疲劳。
瑞丰的LOGO虽然是以蓝色为主,但是整体的网站风格不一定要以蓝色为主,瑞丰的LOGO可以搭配多种颜色,例如白色,浅灰,淡蓝等色彩。
用些较淡的色彩给人一种简洁大方的感觉。
3、经过多个论坛投票测试,得出数据,95%的人第一眼感觉网站不属于博彩类的网站,多数认为是游戏网站,娱乐类网站。
由此数据可得知网站整体页面设计明显存在主题不明确,并没有根据用户群体的审美喜好进行分析,并没有根据品牌形象设计网站。
容易对用户的感官产生误导。
4、LOGO采用FLASH制作,感官效果虽然不错,但是有一个很大的弊端,增加了LOGO的大小,增加了页面加载负担,导致LOGO加速度更加缓慢,等半天LOGO都出不来。
5、首页头部的开户登录的UI设计也与首页风格极其不协调,极力想让用户开户注册的意图太明显,登录框占用head太多的空间,反而让用户很反感。
好的网站并不需要刻意的将注册页面体现出来,只需要不断完善用户体验,网站内容做的更加丰富,不断增强用户信任度,用户自然会非常乐意的想成为你网站的会员。
6、头部登录这块的UI设计和逻辑思维也极其不合常理,按照用户正常的思维模式是账户旁边紧跟着账户的input,paword后面紧跟着paword的input,而瑞丰的设计让人摸不着头脑。
下面两种比较普遍的会员登录页面:淘宝:人人网:目前主流网站登录界面大致可以分为以上两种结构,淘宝的左右结构,人人网的上下结构,其实他们的界面都有一个共同点,都是以简介、清晰明了,与页面整体风格相协调。
设计⾛走查表第⼀一部分:信息架构与流程设计信息架构整体信息架构是否清晰易易理理解,可扩展?导航间关系是否清晰易易理理解?⻚页⾯面中信息层级是否清晰合理理?信息视觉流是否流畅?前置条件:有⽆无账号、是否登录、登录状态以及⻆角⾊色权限流程设计新功能是否需要引导,形式是否合适?具有相似度的任务中,⽤用户体验路路径是否⼀一致?返回和下⼀一步是否符合⽤用户预期?跳转链接名称与⽬目的的⻚页⾯面名称是否对应?逆向流程的设计是否考虑周全?操作是否需要申请授权?(获取相机权限、获取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、除了薪水,你还希望得到什么福利?答:个人的成长。
设计系统设计验证:构建交互设计自查体系人人都是产品经理交互设计自查体系是设计系统的重要一环,是设计师完成交互设计方案后,提交给团队内部、产品经理或者客户前查缺补漏的环节。
有效的进行交互设计自查,将有助于保证交互设计方案的质量,凸显设计师的专业性,避免设计评审时面对被各方挑战和质疑的窘境。
这一年来我对于自身的交互设计的自查工作,都是出于零碎的基于经验的查验,往往缺乏明确的思路和逻辑性。
所以在交互设计评审阶段经常会被挑战,事实证明,也确实有很多是我自身的思考不全面所导致的的疏漏。
另一方面,因为业务需要,团队内的设计师也将开始接手一部分的交互设计需求,如何能帮助组员更好的承担交互设计的工作,提供更加高质量的交互方案的输出。
而交互设计自查体系就可以帮助组员快速审视自己的交互工作,高效的进行自我审视,查缺补漏,提供出更严谨更专业的交互设计方案。
基于以上两点,构建交互设计自查体系就显得尤为必要。
如果设计师的自查工作严格测试的步骤来执行,将会耗费大量的时间。
所以我更习惯于按照交互设计工作过程的脉络来构建交互设计自查体系,所以自查体系将以《用户体验要素》为基础,自上而下的设计过程也会贯穿在自查过程中,同时也会新增特殊因素作为自查的一部分。
所以我希望这个自查体系是大而全,可以根据项目的需要,灵活选择cheklist项,高效的执行设计自查。
一、产品目标与用户需求基于业务和用户背景提炼出具体的设计目标后,设计方案需要紧密围绕目标展开,而不是在被别人问到你的设计方案如何体现出这一目标时,才发现目标和方案实际上基本不相干甚至南辕北辙。
所以这个过程需要设计师重新全局审视设计方案,整体的进行评估判断。
1. 目标•业务目标:业务目标是否沟通到位,指标背后的洞察分析;•用户目标:不同类型的用户与故事板描述,用户的核心痛点和诉求提炼;•设计目标:基于业务和用户目标提炼1-3个设计关键词并解读。
2. 方案认知匹配:设计方案是否围绕目标展开、怎样体现和感知、联想与参照。