亲友团移动UI试验报告.docxVIP

中 国 科 学 技 术 大 学移动UI设计报告题目：亲友团小组成员：陈奇宁 潘志勇 孙博学校：中国科学技术大学学院：软件学院年级：2014级指导老师：袁胡骏摘 要随着信息时代的发展，每个人的交际圈都在不断扩大，这无疑增加了每个人维护人际关系的难度。也正因此，移动应用“亲友团”便应运而生。该应用以维护用户的交际圈为目的，以用户体验设计、社交礼仪关系等学科为基础，以Android手机为平台，打造一款人人都会用并且乐意用的社交助手。本文主要介绍亲友团的UI设计过程。从该移动应用的战略规划，到范围定义，结构设计，框架设计，最终到高保真原型，我们做了详细地说明。其中主要使用的技术是用户研究和原型测试。用户研究即根据亲友团的战略目标，确定该应用的目标用户，并设计用户角色。之后从范围定义到原型测试，都围绕着该用户角色来进展。我们找到目标用户的代表，模拟真实环境进行原型测试，在设计中从用户的角度出发，来优化原型。该设计过程始终以用户为中心，并将用户体验设计的指导原则融入其中，通过原型的迭代优化，完成亲友团的界面原型设计。此设计过程的成果是亲友团的高保真原型。我们将用户体验设计的方法和原则应用到整个设计过程中，从而体现了用户研究的重要性。通过反复地优化，测试，迭代设计，我们发现从设计者的角度看为完美的应用，对用户来说，不一定是容易用并且乐意用的。但是通过原型测试能解决这个矛盾，在项目未开始编码之前，给用户一个良好的反馈。关键字：用户研究 原型测试 迭代 用户体验设计目 录第1章 战略规划11.1 引言11.2 用户需求11.2.1目标用户11.2.2 常见任务：21.3 产品目标2第2章 范围定义42.1 范围概述42.2 项目背景42.3 任务概述42.4 需求分析42.4.1 功能需求42.4.2 性能需求62.4.3 其他需求7第3章 结构设计83.1 结构概述83.2 交互设计83.2.1 概念模型83.2.2 场景设计83.3 信息架构93.3.1 信息架构概述93.3.2 信息层次结构10第4章 框架设计154.1 框架概述154.2 导航设计154.2.1 全局导航154.2.2 局部导航154.3 信息设计164.4 原型优化264.5 用户测试294.5.1 用户测试概述294.5.2 任务定义294.5.3 测试过程29第5章 表现层设计355.1 表现层设计概述355.2 色调设计355.3 布局设计355.3.1 栅格系统设计355.3.2 界面布局37总结39参考资料40第1章 战略规划1.1 引言身为社会人，每个人都在维护自己的交际圈。但是能否维护好，很大程度上取决于个人的社交能力。市场上有很多介绍人际交往、沟通技巧的书，大多建议要经常性地问候，有节日生日的祝福等等，但是实际执行起来却费时费力，还容易把对方生日、个人爱好等弄错。随着自己到其他城市，建立新的交际圈时处处碰壁，记不住对方名字，而以前特别好的朋友，也因为时间长没联系，渐渐成了自己交际圈的边缘人。这都是我们不愿意看到的事情，却常常发生在很多人身上。管理学有一个经典的案例，就是“蒋介石的小本子”。蒋介石将所有师以上官员的字号、籍贯、生日，甚至是他们家人的生日都记录在自己的小本子上。每次到他的下属生日，都请他们到自己家里吃饭。在官员调任的时候，还眷顾他们的家属。这样，蒋介石下属的忠心就可想而知了。到现在，如果能把“蒋介石的小本子”做成手机端的移动应用，集亲友名片、生日提醒、祝福和礼物为一体，让每个人都能轻轻松松地建立并且管理自己的交际圈。这样，对一个即将步入社会的大学生，去管理自己的社交关系会有很大的帮助。亲友团的关键不是交互，而是亲友信息的管理。下面就从用户需求和产品目标两个方面进行亲友团的战略规划。1.2 用户需求1.2.1目标用户亲友团主要面向的用户是学生团体。即当前最主要的交际范围定位在学校的人，包括大学学生，研究生等。据此，我们建立一个用户角色，如表1.1说明：表1.1 用户角色姓名张友性别男年龄20家庭状况独生子身份北京理工大学计算学院大二学生英语社团社长学院计算机协会会员性格活泼开朗、做事认真踏实、爱开玩笑爱好踢足球、看电影、聊天、编程序、看新闻最常去的五个地方教室、大学生活动中心、图书馆、操场、电影院最常做的五件事情自习、上课、参加社团活动、踢足球、看电影个人宣言“能力”是我的弱项， “努力”是我的强项。自我介绍我从小在一个封闭的环境下成长，想结交很多朋友，但是表达能力欠佳，也缺乏和陌生人打招呼的勇气。到大学之后，想通过自己的努力，多多参与活动，来提高自己的交际能力，同时也认识更多的朋友。学习上我很刻苦，因为我想要得到大家的认可，当然也是为了我以后的发展，能够供养自己的家。但是，去平衡学习和社交之间的关系太困难了，有时候太忙，连老爸的生日都忘记了