交互设计分析报告 - 图文

瑞丰国际交互设计分析

1

瑞丰国际交互设计分析 ................................................................................................................... 1

第一章.感官体验分析： .......................................................................................................... 3

第二章.交互体验分析： .......................................................................................................... 9

第三章.网站整体框架分析 .................................................................................................... 20

第四章 .用户登录后续界面分析 .......................................................................................... 21

1、首先我们来看下瑞丰用户登录后的head区域，这块区域有非常多的问题我总结有下面几点;.................................................................................................................... 21 2、用户中心分析 ........................................................................................................... 24

第五章.页面初步框架布局 .................................................................................................... 25

一、首页排版布局结构图： ......................................................................................... 25 二、体育博彩和香港乐透频道布局结构图： ............................................................. 27 三、娱乐场频道布局结构图： ..................................................................................... 28 四、小游戏频道布局结构图： ..................................................................................... 29 五、快乐彩频道布局结构图： ..................................................................................... 30 六、手机频道布局结构图： ......................................................................................... 31 七、最新优惠、加盟合作、帮助中心、规则与说明、联系我们等频道布局结构图：......................................................................................................................................... 32 八、注册，登录参考页面请参考一下这两个页面的风格做： ................................. 33

第六章.网站重构需注意的用户体验细节，请严格按照我以下的总结进行页面整改。 34

一、感官体验：呈现给用户视听上的体验，强调舒适性。网的一些事 ................. 34 二、交互体验：呈现给用户操作上的体验，强调易用/可用性。 ............................ 35 三、浏览体验：呈现给用户浏览上的体验，强调吸引性。 ..................................... 36 四、情感体验：呈现给用户心理上的体验，强调友好性。 ..................................... 37 五、信任体验：呈现给用户的信任体验，强调可靠性。 ......................................... 37

第七章.网站重构所需人员配备。 ........................................................................................ 38

1、高级web前端开发工程师（人数视网站重构规模而定，瑞丰目前情况业务情况需2名人员，工期如果较赶则需增加人员）。 ........................................................... 38 2、JS开发工程师（1名） ........................................................................................... 38 3、高级视觉设计师（人数视网站重构规模而定，瑞丰目前情况业务情况需2名人员，工期如果较赶则需增加人员）。 ........................................................................... 38 4、高级程序开发员（3名） ........................................................................................ 38

2

第一章.感官体验分析：

1、首先是页面速度：网站页面从打开到所有内容显示至少在5秒以上，正常情况下,尽量确保页面在5秒内打开。轮播广告图片显示速度是最缓慢的，导致原因应该为图片质量、大小把控不当。还有服务器必须考虑南北互通问题，进行必要的压力测试，网页打开的速度很大程度决定了用户的第一感官。

2、网站的页面色彩颜色很深，色彩使用较重，虽然是为了要与品牌LOGO形象统一，但是色彩较重的色彩很容易导致用户产生视觉疲劳。瑞丰的LOGO虽然是以蓝色为主，但是整体的网站风格不一定要以蓝色为主，瑞丰的LOGO可以搭配多种颜色，例如白色，浅灰，淡蓝等色彩。用些较淡的色彩给人一种简洁大方的感觉。

3

3、经过多个论坛投票测试，得出数据，95%的人第一眼感觉网站不属于博彩类的网站，多数认为是游戏网站，娱乐类网站。由此数据可得知网站整体页面设计明显存在主题不明确，并没有根据用户群体的审美喜好进行分析，并没有根据品牌形象设计网站。容易对用户的感官产生误导。

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

4