交互设计分析报告文案.docVIP

. . . . 学习资料 瑞丰国际交互设计分析 TOC \o 1-3 \h \u 22664 瑞丰国际交互设计分析 1 14447 第一章.感官体验分析： 3 21633 第二章.交互体验分析： 9 9128 第三章.网站整体框架分析 20 2057 第四章 .用户登录后续界面分析 21 29080 1、首先我们来看下瑞丰用户登录后的head区域，这块区域有非常多的问题我总结有下面几点; 21 3146 2、用户中心分析 24 9156 第五章.页面初步框架布局 25 7571 一、首页排版布局结构图： 25 19103 二、体育博彩和香港乐透频道布局结构图： 27 8834 三、娱乐场频道布局结构图： 28 12919 四、小游戏频道布局结构图： 29 23977 五、快乐彩频道布局结构图： 30 9490 六、手机频道布局结构图： 31 9550 七、最新优惠、加盟合作、帮助中心、规则与说明、联系我们等频道布局结构图： 32 19684 八、注册，登录参考页面请参考一下这两个页面的风格做： 33 6707 第六章.网站重构需注意的用户体验细节，请严格按照我以下的总结进行页面整改。 34 28484 一、感官体验：呈现给用户视听上的体验，强调舒适性。网的一些事 34 23942 二、交互体验：呈现给用户操作上的体验，强调易用/可用性。 35 7442 三、浏览体验：呈现给用户浏览上的体验，强调吸引性。 36 1897 四、情感体验：呈现给用户心理上的体验，强调友好性。 37 13728 五、信任体验：呈现给用户的信任体验，强调可靠性。 37 27320 第七章.网站重构所需人员配备。 38 13797 1、高级web前端开发工程师（人数视网站重构规模而定，瑞丰目前情况业务情况需2名人员，工期如果较赶则需增加人员）。 38 22514 2、JS开发工程师（1名） 38 24126 3、高级视觉设计师（人数视网站重构规模而定，瑞丰目前情况业务情况需2名人员，工期如果较赶则需增加人员）。 38 24688 4、高级程序开发员（3名） 38 第一章.感官体验分析： 1、首先是页面速度：网站页面从打开到所有内容显示至少在5秒以上，正常情况下,尽量确保页面在5秒内打开。轮播广告图片显示速度是最缓慢的，导致原因应该为图片质量、大小把控不当。还有服务器必须考虑南北互通问题，进行必要的压力测试，网页打开的速度很大程度决定了用户的第一感官。 2、网站的页面色彩颜色很深，色彩使用较重，虽然是为了要与品牌LOGO形象统一，但是色彩较重的色彩很容易导致用户产生视觉疲劳。瑞丰的LOGO虽然是以蓝色为主，但是整体的网站风格不一定要以蓝色为主，瑞丰的LOGO可以搭配多种颜色，例如白色，浅灰，淡蓝等色彩。用些较淡的色彩给人一种简洁大方的感觉。 3、经过多个论坛投票测试，得出数据，95%的人第一眼感觉网站不属于博彩类的网站，多数认为是游戏网站，娱乐类网站。由此数据可得知网站整体页面设计明显存在主题不明确，并没有根据用户群体的审美喜好进行分析，并没有根据品牌形象设计网站。容易对用户的感官产生误导。 4、LOGO采用FLASH制作，感官效果虽然不错，但是有一个很大的弊端，增加了LOGO的大小，增加了页面加载负担，导致LOGO加速度更加缓慢，等半天LOGO都出不来。 5、首页头部的开户登录的UI设计也与首页风格极其不协调，极力想让用户开户注册的意图太明显，登录框占用head太多的空间，反而让用户很反感。好的网站并不需要刻意的将注册页面体现出来，只需要不断完善用户体验，网站内容做的更加丰富，不断增强用户信任度，用户自然会非常乐意的想成为你网站的会员。 6、头部登录这块的UI设计和逻辑思维也极其不合常理，按照用户正常的思维模式是账户旁边紧跟着账户的input，password后面紧跟着password的input，而瑞丰的设计让人摸不着头脑。 下面两种比较普遍的会员登录页面： 淘宝： 人人网： 目前主流网站登录界面大致可以分为以上两种结构，淘宝的左右结构，人人网的上下结构，其实他们的界面都有一个共同点，都是以简介、清晰明了，与页面整体风格相协调。与瑞丰的设计形成巨大的一个反差。 7、head的语言选择与收藏等功能排版放置在导航条的右侧这个位置，这样的排版也极其不合理95%以上的网站一般都将此区域放置到右上角或者左上角，就是为了尽量减少空间，让页面排版更加简介大方。瑞丰将这块内容放置到这块区域首先再次的占用了导航条的空间。其次对导航的布局与整体协调性造成很大的影响，促使