交互设计分析报告.doc
《交互设计分析报告.doc》由会员分享,可在线阅读,更多相关《交互设计分析报告.doc(45页珍藏版)》请在咨信网上搜索。
1、瑞丰国际交互设计分析瑞丰国际交互设计分析1第一章.感官体验分析:3第二章.交互体验分析:9第三章.网站整体框架分析20第四章 .用户登录后续界面分析211、一方面我们来看下瑞丰用户登录后的head区域,这块区域有非常多的问题我总结有下面几点;212、用户中心分析24第五章.页面初步框架布局25一、首页排版布局结构图:25二、体育博彩和香港乐透频道布局结构图:27三、娱乐场频道布局结构图:28四、小游戏频道布局结构图:29五、快乐彩频道布局结构图:30六、手机频道布局结构图:31七、最新优惠、加盟合作、帮助中心、规则与说明、联系我们等频道布局结构图:32八、注册,登录参考页面请参考一下这两个页面
2、的风格做:33第六章.网站重构需注意的用户体验细节,请严格按照我以下的总结进行页面整改。34一、感官体验:呈现给用户视听上的体验,强调舒适性。网的一些事34二、交互体验:呈现给用户操作上的体验,强调易用/可用性。35三、浏览体验:呈现给用户浏览上的体验,强调吸引性。36四、情感体验:呈现给用户心理上的体验,强调和谐性。37五、信任体验:呈现给用户的信任体验,强调可靠性。37第七章.网站重构所需人员配备。381、高级web前端开发工程师(人数视网站重构规模而定,瑞丰目前情况业务情况需2名人员,工期假如较赶则需增长人员)。382、JS开发工程师(1名)383、高级视觉设计师(人数视网站重构规模而定
3、,瑞丰目前情况业务情况需2名人员,工期假如较赶则需增长人员)。384、高级程序开发员(3名)38第一章.感官体验分析:1、一方面是页面速度:网站页面从打开到所有内容显示至少在5秒以上,正常情况下,尽量保证页面在5秒内打开。轮播广告图片显示速度是最缓慢的,导致因素应当为图片质量、大小把控不妥。尚有服务器必须考虑南北互通问题,进行必要的压力测试,网页打开的速度很大限度决定了用户的第一感官。2、网站的页面色彩颜色很深,色彩使用较重,虽然是为了要与品牌LOGO形象统一,但是色彩较重的色彩很容易导致用户产生视觉疲劳。瑞丰的LOGO虽然是以蓝色为主,但是整体的网站风格不一定要以蓝色为主,瑞丰的LOGO可以
4、搭配多种颜色,例如白色,浅灰,淡蓝等色彩。用些较淡的色彩给人一种简洁大方的感觉。3、通过多个论坛投票测试,得出数据,95%的人第一眼感觉网站不属于博彩类的网站,多数认为是游戏网站,娱乐类网站。由此数据可得知网站整体页面设计明显存在主题不明确,并没有根据用户群体的审美喜好进行分析,并没有根据品牌形象设计网站。容易对用户的感官产生误导。4、LOGO采用FLASH制作,感官效果虽然不错,但是有一个很大的弊端,增长了LOGO的大小,增长了页面加载承担,导致LOGO加速度更加缓慢,等半天LOGO都出不来。5、首页头部的开户登录的UI设计也与首页风格极其不协调,极力想让用户开户注册的意图太明显,登录框占用
5、head太多的空间,反而让用户很反感。好的网站并不需要刻意的将注册页面体现出来,只需要不断完善用户体验,网站内容做的更加丰富,不断增强用户信任度,用户自然会非常乐意的想成为你网站的会员。6、头部登录这块的UI设计和逻辑思维也极其不合常理,按照用户正常的思维模式是账户旁边紧跟着账户的input,password后面紧跟着password的input,而瑞丰的设计让人摸不着头脑。下面两种比较普遍的会员登录页面:淘宝:人人网:目前主流网站登录界面大体可以分为以上两种结构,淘宝的左右结构,人人网的上下结构,其实他们的界面都有一个共同点,都是以简介、清楚明了,与页面整体风格相协调。与瑞丰的设计形成巨大的
6、一个反差。7、head的语言选择与收藏等功能排版放置在导航条的右侧这个位置,这样的排版也极其不合理95%以上的网站一般都将此区域放置到右上角或者左上角,就是为了尽量减少空间,让页面排版更加简介大方。瑞丰将这块内容放置到这块区域一方面再次的占用了导航条的空间。另一方面对导航的布局与整体协调性导致很大的影响,促使导航条的内容繁多。现在我们来看下时下一些主流网站都是怎么排版这块内容的:凡客:京东:8、首页下方文字说明内容占了将近50%左右的首页。根据用户的浏览习惯这部分信息其实用户是很少会去阅读和关注,阅读关注率应当不会超过5%,然而瑞丰选择将如此多的内容插入到首页去,其实这是非常不明智的行为,不仅
7、占用大量的空间,导致首页内容过多,并且还对用户视觉导致污染,给用户的视觉感受就是页面内容很多,很杂乱。其实这部分内容完全可以放置在关于我们、帮助中心、规则与声明、联系我们、加盟合作等说明性页面里面去。9、页面出现很多新增窗口,例如到手机投注,最新优惠,加盟合作三个频道,都是使用新增窗口的形式打开,一方面就导致这三个大的频道与其他频道打开方式不统一的情况,另一方面对用户而已新增了太多窗口,反而减少了用户体验度。第三有部分浏览器会误认为是广告窗体,将弹出窗口直接屏蔽掉,导致用户无法看到该页面。第二章.交互体验分析:1、 大部分页面并没有做到内链回环的功能,内链回环的意思是,用户到了子页面后就找不到
8、直接回首页或者回到上级页面的链接。例如:加盟合作频道。其实最简朴的解决方法是直接在每个页面的LOGO上加上首页的链接就可以了。或者设立一个返回按钮,虽然这是极其小的一个细节,但是就这么小的细节就可以增长非常多的用户体验值。2、注册&登录是一个网站的门户,它的设计姿态就是对待客人的态度。虽然用户也许每次都只花很少的时间在注册&登录互动,但是这个“瞬间”却举足轻重,用户与注册&登录之间的交互关系承上启下的一个节点。注册&登录所有的细节影响了能否完毕产品战略定位所设定的最基本任务去吸纳其所希望的用户的使命。一方面让我们来看下几个交互体验做的非常好的几个大型网站的注册页面是怎么做的。(1)凡客注册页面
9、:(2)淘宝注册页面:(3)亚马逊注册页面:(6)凡客的登录的最大特点是注册方式的多样选择性,这点做的非常好,给注册用户带来了更加便捷的体验。(7)淘宝的登录体验最大的特点是一步一步的引导用户注册,清楚明白的流程图指示,让用户知道交互预期。(8)卓越亚马逊的注册页面也是非常具有自己的特色,同事也仅仅的抓住用户用户体验的每一个设计,第一步流程非常简朴,只需填写一个邮箱即可,而第二步完毕password的填写即注册成功。(9)我们再来看看瑞丰的开户页面:(10)瑞丰的注册页面跟上面三个注册页面进行对比,差距一下就体现出来了。一方面注册流程复杂,填写内容繁多,并且涉及一些个人隐私的资料例如证件等信息
10、为必填项目,用户在没有对你网站建立信任度的时候,又怎么会将个人隐私公布给你呢。我们看到上面三家大公司注册页面其实他们页面有两个最大的共同点:第一点是注册流程简洁,流程清楚。第二点是用户更具体的信息都是等待用户注册成功后,再自行选择完善。瑞丰的开户流程就有些逼迫性,必须填写完具体的个人信息才干开户。这种陈旧的注册流程从很早以前就已经被淘汰了。瑞丰注册页面存在的第二个问题是表单填写错误,并没有提醒用户错误是什么因素,一般情况在需要填写这么多资料的情况下还碰到错误,会让用户失去耐心。把最想让用户注册的页面变成促使用户离开的最后一道屏障。下面是亚马逊注册页面犯错时出现的提醒:清楚明了的告诉你哪个环节出
11、了错误,需要怎么修改。这种用户体验感就做的非常到位,指引客户,帮助客户解决注册碰到的问题。3、 整个网站站点并没有将公司电话展示出来,这样子大大的减少了用户的信任体验度。潜意识里给人感觉就是个非常不正规的网站,严重减少了网站诚信度。4、 征询了一下在线客服,客服的回答非常让人失望。当问到不会开户,打算放弃,并没有挽留客户进行引导,工作态度不够热情,态度冷淡。5、 香港乐透这个频道浏览器的兼容性非常糟糕,整个页面向右偏离,页面的整体的页面风格也跟其他频道有天差地别,脱离了整站的风格。6、 显示途径:无论用户浏览到哪一个层级,哪一个页面,都可以清楚知道看到该页面的途径,瑞丰这点做的极其不好。我们来
12、看个例子,例如芒果网的显示途径就做的非常好:7、 点击快乐彩频道的时候。nav的当前指标指的却是显示首页,这个漏洞导致用户对页面进行到哪个环节产生了混乱,细节做的还不够好。8、 瑞丰的博彩内容,博彩游戏规则,其实非常复杂,博彩种类也非常多,说实话分析了网站这么久我都没明白里面任何一个游戏该怎么玩与操作的。9、 一方面声明一下我对博彩并没有什么研究,但是就像我这样一个门外汉,我虽然由里到外的分析了这个网站这么久我还是没有弄懂怎么操作里面的游戏,说明了什么,要么是我这个人太笨,要么就是网站自身存在因素。这个网站的游戏复杂规则都有一定难度,每个游戏又都没有任何的说明与引导。通过上面几个游戏截图就知道
13、,游戏内容复杂,玩法多样性,但是连一点游戏玩法的提醒介绍都没有,即使想玩也无从下手,这将很大限度导致客户流失,除非某个用户刚好熟悉了解这个游戏或者对博彩类游戏都比较熟悉,否则一般用户看到这样的界面,肯定会选择离开。因素很简朴,我在还没跟你建立信任关系的,还不懂游戏规则,还不知道你这网站是做什么的,我怎么也许会去选择开户注册。第三章.网站整体框架分析1、瑞丰的网站整体框架采用的iframe的布局方式,现在所有主流的网站都几乎已经放弃使用iframe方式来作为页面主框架,iframe的缺陷重要有即时内容为空,加载速度需要很长时间,一个页面存在两个或以上的页面时增长了HTTP的请求次数。所谓 ifr
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 交互 设计 分析 报告
1、咨信平台为文档C2C交易模式,即用户上传的文档直接被用户下载,收益归上传人(含作者)所有;本站仅是提供信息存储空间和展示预览,仅对用户上传内容的表现方式做保护处理,对上载内容不做任何修改或编辑。所展示的作品文档包括内容和图片全部来源于网络用户和作者上传投稿,我们不确定上传用户享有完全著作权,根据《信息网络传播权保护条例》,如果侵犯了您的版权、权益或隐私,请联系我们,核实后会尽快下架及时删除,并可随时和客服了解处理情况,尊重保护知识产权我们共同努力。
2、文档的总页数、文档格式和文档大小以系统显示为准(内容中显示的页数不一定正确),网站客服只以系统显示的页数、文件格式、文档大小作为仲裁依据,平台无法对文档的真实性、完整性、权威性、准确性、专业性及其观点立场做任何保证或承诺,下载前须认真查看,确认无误后再购买,务必慎重购买;若有违法违纪将进行移交司法处理,若涉侵权平台将进行基本处罚并下架。
3、本站所有内容均由用户上传,付费前请自行鉴别,如您付费,意味着您已接受本站规则且自行承担风险,本站不进行额外附加服务,虚拟产品一经售出概不退款(未进行购买下载可退充值款),文档一经付费(服务费)、不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
4、如你看到网页展示的文档有www.zixin.com.cn水印,是因预览和防盗链等技术需要对页面进行转换压缩成图而已,我们并不对上传的文档进行任何编辑或修改,文档下载后都不会有水印标识(原文档上传前个别存留的除外),下载后原文更清晰;试题试卷类文档,如果标题没有明确说明有答案则都视为没有答案,请知晓;PPT和DOC文档可被视为“模板”,允许上传人保留章节、目录结构的情况下删减部份的内容;PDF文档不管是原文档转换或图片扫描而得,本站不作要求视为允许,下载前自行私信或留言给上传者【w****g】。
5、本文档所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用;网站提供的党政主题相关内容(国旗、国徽、党徽--等)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
6、文档遇到问题,请及时私信或留言给本站上传会员【w****g】,需本站解决可联系【 微信客服】、【 QQ客服】,若有其他问题请点击或扫码反馈【 服务填表】;文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“【 版权申诉】”(推荐),意见反馈和侵权处理邮箱:1219186828@qq.com;也可以拔打客服电话:4008-655-100;投诉/维权电话:4009-655-100。