app交互设计分析报告.docx

1、app交互设计分析报告app交互设计分析报告:交互 报告 分析 设计 app 优秀交互设计app欣赏 app交互设计图 app交互设计规范 篇一:交互设计分析报告 瑞丰国际交互设计分析 瑞丰国际交互设计分析 . 1 第一章.感官体验分析: . 3 第二章.交互体验分析: . 9 第三章.网站整体框架分析 . 20 第四章 .用户登录后续界面分析 . 21 1、首先我们来看下瑞丰用户登录后的head区域，这块区域有非常多的问题我总结有下面几点;. 21 2、用户中心分析 . 24 第五章.页面初步框架布局 . 25 一、首页排版布局结构图: . 25 二、体育博彩和香港乐透频道布局结构图: .

2、27 三、娱乐场频道布局结构图: . 28 四、小游戏频道布局结构图: . 29 五、快乐彩频道布局结构图: . 30 六、手机频道布局结构图: . 31 七、最新优惠、加盟合作、帮助中心、规则与说明、联系我们等频道布局结构图:. 32 八、注册，登录参考页面请参考一下这两个页面的风格做: . 33 第六章.网站重构需注意的用户体验细节，请严格按照我以下的总结进行页面整改。 34 一、感官体验:呈现给用户视听上的体验，强调舒适性。网的一些事 . 34 二、交互体验:呈现给用户操作上的体验，强调易用/可用性。 . 35 三、浏览体验:呈现给用户浏览上的体验，强调吸引性。 . 36 四、情感体验:

3、呈现给用户心理上的体验，强调友好性。 . 37 五、信任体验:呈现给用户的信任体验，强调可靠性。 . 37 第七章.网站重构所需人员配备。 . 38 1、高级web前端开发工程师(人数视网站重构规模而定，瑞丰目前情况业务情况需2名人员，工期如果较赶则需增加人员)。 . 38 2、JS开发工程师(1名) . 38 3、高级视觉设计师(人数视网站重构规模而定，瑞丰目前情况业务情况需2名人员，工期如果较赶则需增加人员)。 . 38 4、高级程序开发员(3名) . 38 第一章.感官体验分析: 1、首先是页面速度:网站页面从打开到所有内容显示至少在5秒以上，正常情况下,尽量确保页面在5秒内打开。轮播广

4、告图片显示速度是最缓慢的，导致原因应该为图片质量、大小把控不当。还有服务器必须考虑南北互通问题，进行必要的压力测试，网页打开的速度很大程度决定了用户的第一感官。 2、网站的页面色彩颜色很深，色彩使用较重，虽然是为了要与品牌LOGO形象统一，但是色彩较重的色彩很容易导致用户产生视觉疲劳。瑞丰的LOGO虽然是以蓝色为主，但是整体的网站风格不一定要以蓝色为主，瑞丰的LOGO可以搭配多种颜色，例如白色，浅灰，淡蓝等色彩。用些较淡的色彩给人一种简洁大方的感觉。 3、经过多个论坛投票测试，得出数据，95%的人第一眼感觉网站不属于博彩类的网站，多数认为是游戏网站，娱乐类网站。由此数据可得知网站整体页面设计明

5、显存在主题不明确，并没有根据用户群体的审美喜好进行分析，并没有根据品牌形象设计网站。容易对用户的感官产生误导。 4、LOGO采用FLASH制作，感官效果虽然不错，但是有一个很大的弊端，增加了LOGO的大小，增加了页面加载负担，导致LOGO加速度更加缓慢，等半天LOGO都出不来。 5、首页头部的开户登录的UI设计也与首页风格极其不协调，极力想让用户开户注册的意图太明显，登录框占用head太多的空间，反而让用户很反感。好的网站并不需要刻意的将注册页面体现出来，只需要不断完善用户体验，网站内容做的更加丰富，不断增强用户信任度，用户自然会非常乐意的想成为你网站的会员。 6、头部登录这块的UI设计和逻辑

6、思维也极其不合常理，按照用户正常的思维模式是账户旁边紧跟着账户的input，password后面紧跟着password的input，而瑞丰的设计让人摸不着头脑。 下面两种比较普遍的会员登录页面: 淘宝: 篇二:关于交互设计的调查分析报告1 关于交互设计的调查分析报告 本学期，我们学习了创意元素与产品设计，其中的交互设计引起了我的兴趣，于是在此对交互设计进行了调查分析。 一、历史、渊源 Bill Moggridge在20世纪80年代后期提出了交互设计的概念。初始名为“SoftFace”,后改名为交互设计。在1989年，GIllianCrampton-Smith在伦敦的皇家艺术学院创建了交互设计的

7、硕士学位教育(初始名为“计算机相关的设计”，后改名为“交互设计”)。2001年，她在Ivrea创建了交互设计研究所，专门从事交互设计的研究和教育。目前，全球众多的教育机构已经开展交互设计的教育。 二、什么是交互设计(交互设计的定义) 从用户角度来说，交互设计是一种如何让产品易用，有效而让人愉悦的技术，它致力于了解目标用户和他们的期望，了解用户在同产品交互时彼此的行为，了解“人”本身的心理和行为特点，同时，还包括了解各种有效的交互方式，并对它们进行增强和扩充。交互设计还涉及到多个学科，以及和多领域背景人员的沟通。 通过对产品的界面和行为进行交互设计，让产品和它的的使用者之间建立一种有机关系，从而

8、可以有效达到使用者的目标， 这就是交互设计的目的。 交互设计的定义: 简单的来说，佳偶设计是人工制品、环境和系统的行为 ，以及传达这种行为的外形元素的设计与定义。不像传统的设计 学科主要关注形式，最近则是关注内容和内涵，而交互设计首先 旨在规划和描述事物的行为方式，然后描述传达这种行为的最有 效形式。 交互设计是一门特别关注以下内容的学科: 1、定义与产品的行为和使用密切相关的产品形式。 2、预测产品的使用如何影响产品与用户的关系，以及用户 对产品的理解。 3、探索产品、人和无知、文化、历史之间的对话。 交互设计从“目标导向”的角度解决产品设计: 1、要形成对人们希望的产品使用方式，以及人们为

9、什么想 用那个这种产品等问题的见解。 2、尊重用户及目标。 3、对于产品特征与使用属性，要有一个完全的形态，而不 能太简单。 4、展望未来，要看到产品可能的样子，它们并不必然就像 当前这样。 总而言之，说了那么多，现在来总结一下关于交互设计的定义。 先来看看Alan Cooper对监护设计的经典定义:简单地说，交互 设计是人工制品、环境与系统的行为，以及传达这种行为的外观 元素的设计和定义。交互设计首先规划和描述事物的行为的方式， 然后描述传达这种行为的最有效形式。交互设计是一门特别关注 以下内容的学科:*定义与产品的行为和使用密切相关的产品形式 *预测产品的使用如何影响产品与用户的关系， 以

10、及用户对产品的理解 *探索产品、人和上下文(无视、文化和历史) 之间的对话(Riemann和Forlizzi) 再来看Interaction DesignBeyond Human-Computer Interaction 一书中作者对交互设计的定义: 交互设计指的是:设计支持人们日常工作与生活的交互式产品。具体地说，交互设计就是关于创建新的用户体验的问题， 其目的是增强和扩充人们工作、通信及交互的方式。Winnogard (1997)把交互设计描述为“人类交流和交互空间的设计” 下面是我对“交互设计”的理解/定义: 所谓交互设计，是指设计师对产品与它的使用者之间的互动机制进行分析、预测、定义、

11、规划、描述和探索的过程，简单说，即设计和定义使用者如何使用一产品达到其目标，完成某 一任务的过程。 三、交互元素 交互，是在生活工作、学习娱乐中，人与人之间、人与物之 间、人与环境之间交流、操作、活动的过程或传递方式。 人有六种感觉，即视觉、听觉、嗅觉、味觉、触觉以及心理感觉。人与外物的交互，可以通过一种感觉方式进行，也可以是多种方式进行。耳朵听广播新闻，用的是听觉;看电视，眼睛看耳朵听，视觉和听觉同时进行;玩网络游戏，眼耳手并用，视觉听觉触觉步调一致才能胜出;在闹市中骑自行车，更要眼观六路、耳听八方、手脚并用。 科学技术的飞速发展，使得通信手段和信息处理方式发生巨大的变化，其中最显著的载体就

12、是计算机。人与计算机交互的形式，从早期的纸带穿孔Algo语言，到键盘输入的屏幕纯符号DOS系统，到BILL GATES的Windows视窗系统。特别是鼠标游戏杆的拟人功能输入装置出现，计算机成为一件普通的家电产品，不管是老人还是学龄前儿童，只要略微指导，就可以自己上手操作使用。如今语音输入、汉字识别系统的逐步普及，以及可以预见不远的将来大脑思维输入方式，计算机的发展，尤其是交互关系，可能以我们今天的人都想象不到的方式出现。 四、产品设计中交互元素的应用 人类探索世界到今天，可以说上知天文、下晓地理，远瞻宇宙宏观、近察粒子微观.开创和建立了无以计数的学科类别。但是人类对自身的了解和认识，却仍然是

13、非常局限的。随着科学技术水平以及经济的发展，新的行业不断诞生、新的产品不断被发明，人对精神和物质 追求也将与日俱增，人的六种感觉方式， 与所使用产品的交互关系，也将随之变化和发展。举例来说，随着控制理论和工程的进一步发展，组成控制系统的传感、传输、编码、解码、存储、指令等技术和产品，将出现新的变化和形式，必将极大地改变人与产品的交互关系，产品设计师当然要研究和开发适应人与产品之间新的交互关系的元素以及最佳方式。其中，就简单的“开/关”功能而言，就有机械旋钮、机械按钮、导电橡胶按钮、触摸屏、光电接近开关等多种不同形式 。 产品设计中交互元素的应用，可以概括为两个主要方面:1、人类自身工作方式的设

14、计，使得人在人际系统中，充分发挥自身的最佳工作效能;2、产品的设计，使得产品能与使用者的身心取得最佳匹配，人成为产品的主宰，并能最有效的运用产品。如:丰富多彩的计算机 篇三:APP产品体验报告demo APP产品体验报告:优点分析及改进建议 一、官方应用介绍 简书是一个将写作与阅读整合在一起的网络产品。旨在为写作者打造最优秀的写作软件 ，为阅读者打造最优雅的阅读社区。 最初上线口号:“找回文字的力量。2015全新简书扬起新的旗帜:“交流故事，沟通想法”，这也体现出简书开始对社交化领域的探索。 产品类型:写作软件、阅读社区。 简书主要由两部分组成:简书笔记和简书社 简书笔记是定位于写作者的一款写

15、作软件，界面非常简洁，其最大的特色是支持 Markdown 和HTML富文本两种格式，且提供HTML代码的编辑功能，让人无需担心排版问题，希望为作者制造出一种沉浸式的写作氛围，进而可以专注于写作。 简书社则是一个中文阅读社区，采用笔记本架构和多文集管理，其首页有文章、文集和作者的推荐。 简书客户端中包含杂文时政、小说诗歌、电影评论、科技新闻，无论你的兴趣如何构成，总能在这里找到志趣相投的作者与内容。 功能特征: 阅读:即时阅读每日精选文章 评论:对作品发表自己的看法 沟通:与作者及用户展开沟通 分享:随时转发分享精彩内容综上，简书主要产品内容为阅读与写作，致力于成为中文世界最好用的写作平台，推

16、崇简洁优美的产品理念。 二、背景 在这个信息爆炸的时代，我们信息获取方式越来越多样化，信息内容也越来越碎片化。 从最开始的博客，到140字的微博，再到图片社交，我们正渐渐失去的不只是阅读能力，还有写作能力。在这种情况下，深度阅读和写作逐渐在碎片化的洪流中逆流而上，亟显重要，于是有这么一群人正试图把我们拉回到起点，寻找我们的初心，slogan为“找回文字力量”的简书便应运而生。在简书中，每一个用户都可以创建自己的专题，专题接受所有人的投稿，你可以对投稿进行审核，也可以主动将符合你专题要求的文章添加到专题中。这给予了内容以一种全新的、结构化的组织和沉淀方式，那些分散地、被埋藏的优质文章将通过专题收

17、录被重新发现并赋予价值。而用户也可以通过评论分享等实现互动，从而形成阅读和写作社区，实现社交功能。在博客和微博等SNS社交领域，主角是知名博主和微博大V，是一种品牌社交，而简书则以内容和话题取代品牌，实现言论和思想传播的民主化、多元化。 另一方面，随着互联网浪潮的快速发展，自媒体时代开始来临，自出版、数字出版成为颇具发展潜力的蓝海市场。14年4月，“简书”正式上线了“作者成书计划”。作者在“简书”上积累了一定数量的文字内容后，就可以申请加入成书计划，不过不同于豆瓣这样平台来自己去帮作者完成出版分发，“简书”选择了与这些平台合作。“简书”会与作者签订一套限制较少的版权协议，一般只要求获得“在线发

18、行权”，让作者保持对作品的其他权利。而“简书”则充当“出版经纪人”的角色为作者处理包括修改、上架提交等在内的一系列编辑流程。通过帮助作者联系出版社、制作电子书、APP，甚至是提供实体打印服务，打造成为一个自出版平台的商业模式，正逐渐受到专注新兴领域创业的风险投资的关注。刚刚获得戈壁投资500万天使轮融资的简书便是佐证。目前初步涉足该领域的国内互联网巨头只有新浪微博旗下的微刊及类似的豆瓣阅读，BAT三巨头尚未布局，种种情况来看，简书还有很大的发展空间，面对的竞争也不太激烈，在此情况下，如何将写作工具和阅读社区完美结合，形成自有品牌文化、抓住用户群占据市场份额是简书的关键。 三、用户特征和需求 根

19、据XX指数2015年4月11日至5月10日的搜索结果可以看出，简书网用户趋于年轻化，其中 2029岁占到 50%，2039岁占比接近80%;此外男性用户比例远大于女性用户，比例为男;女=88:12。用户群体目前也主要以大学生及城市白领为主，同时有一定的自由职业者和程序员。 而从产品用户地域分布来看，主要分布在京、沪、浙、粤等经济和城市化较发达 地区，而这些地区也是媒体和文化较为发达地区，属于知识阶层聚集区。这也从侧面反映简书应首先深耕上述地区，形成基础用户群。 需求分析用户需求 A.目标用户: 创作者:写作爱好者、作家、专业领域作家;通过写出文章与感兴趣的人交流 阅读者:寻找打发时间的故事、小说、文章;学习专业领域知识;在文章中获取和自己一样的感受用户特征:思考，分享，记录，感性，文艺，写作，吐槽 使用场景: 写作:在任何时候将自己的情绪、思考、故事和干货等以文字或图片的形式创造或分享到简书上不同的专题，其他用户通过通过点赞和评论的方式与你交流 阅读:在任何时候在PC端或移动端查看、搜索文章或干货，并可通过评论、分享实现交流互动四、简书APP体验分析 1.体验概览: 体验产品:简书APP 软件版本:V1.6.2 设备型号:红米1S，MIUI-JHFCNBL27.0=Android 4.2.2 体验工具:Axure, Xmind, Office2.产品架构 3.启动及页面交互设计