《人机交互技术》设计报告

《人机交互技术》设计报告项目名称记账宝班级姓名指导老师2016年12月18日目录一、概述..........................................................................................................................................31、系统设计目的.....................................................................................................................32、系统设计意义.....................................................................................................................33、商业价值.............................................................................................................................3二、需求分析..................................................................................................................................31、用户分析.............................................................................................................................32、用户设计流程.....................................................................................................................43、任务分析.............................................................................................................................4三、设计..........................................................................................................................................51、界面设计原则.....................................................................................................................62、设计模型.............................................................................................................................63、系统描述.............................................................................................................................74、使用的交互技术.................................................................................................................7四、界面实现................................................................................................................................7五、可用性评估............................................................................................................................121、评估指标体系...................................................................................................................122、具体步骤...........................................................................................................................133、评估技术...........................................................................................................................134、结果分析...........................................................................................................................13六、结论......................................................................................................................................131、总结..................................................................................................................................132、不足之处...........................................................................................................................143、心得体会...........................................................................................................................14一、概述1、系统设计目的记账是许多人在每天的生活中都会用到的东西，用户一般记账的场景是比如商场购物，街上吃饭等不太稳定的快速场景，每次使用的时间不会很长，这种情况下用户没有太多功夫来思考。所以希望通过一些设计降低用户的思考和操作成本，让用户在这种快速场景内方便快捷的记录账单。2、系统设计意义随着经济社会的高速发展，人们的生活水平也在飞速的提高，同时人们的收入和消费水平也得到了很大的提升，也从过去的单一输入和消费变成了今天的多元化收入和消费模式。尤其是我们青年人，对现在新型消费有非常高的热情，但是这样给在高速发展的消费经济情况下的我们带来了一些意想不到的负面影响，比较突出的一点就是当前80、90后的一代年轻人只懂得消费和挣钱，不能很好的理财，这给我们的物质生活带来了不少的麻烦。所以不同功能的个人理财系统便由此产生了。记账宝是一款个人理财手机应用。采用了完全按照生活场景设计的理念，即使你在购物、在旅游都能随时随地记账。方便，快捷，好用，界面简洁明了，操作通俗简单，帮您轻松快捷的管理好自己的钱包，随时了解自己的财产情况。3、商业价值随着人均收入的稳固提高，记账理财逐渐成为人们日常需求的一部分，记账类APP正是在这种背景下应运而生。在2014年之前，记账类APP被认为是规模有限的细分市场，行业参与者鲜见巨头身影，更主要是以创业公司为主。随着互联网金融的发展，有可能成为生活理财流量入口的记账类APP开始获得了巨头的青睐，一方面资本市场上开始投入了真金白金，抢占赛道；一方面，包括支付宝、京东、百度和网易等传统互联网巨头通过新增记账功能或者发布新产品等形式加入到记账理财的战场中来。二、需求分析1、用户分析姓名：小明性别：男籍贯：广东清远年龄：20民族：汉职业：学生学历：本科收入：0居住：广东佛山婚姻状况：未婚政治面貌：团员性格：开朗爱好：运动消费观：适当消费上网时间：一天5个小时手机使用：小米3玩过的手机应用:微信，QQ音乐，豆瓣2、用户设计流程（1）用户的观察和分析根据百度指数及相关数据，记账理财软件的关注者中，男性显著多余女性，大概是74%对26%，大概和女人对数字的东西带有天生的抗拒感有关吧。在年龄分布上，20-40岁之间的用户占据了超过80%，成为绝对的主力。比较意思的是用户标签，记账软件的用户标签位于前列的包括：记账、股民、应用下载、追剧、手机支付、购物、移动办公、团购达人等，貌似和一般认识中的习惯记账更会节约开支相悖，但是也说明了记账APP用户的价值。（2）设计界面设计1.首页界面：首页布局主要分为主题部分和导航部分，导航部分处在整个界面的底部。视觉呈现上，我把它做的非常简洁干净。在进入主页以后直接呈现一个列表，通过手势下拉的操作展开一笔新的支出或收入。（3）实施设计系统原型3、任务分析（1）使用行为分析（2）顺序分析a、系统功能框架图（贴上xmind画的系统功能架构图，对每个功能进行简要描述）各模块的具体功能如下所述：1）收入支出：用户根据日期记录某天消费情况和收入情况。2）事件提醒：在月初系统会提示用户进行当月消费预算，可以根据消费类型预计当月的消费预算金额。3）计划：用户可以根据自己的资金进行计划。4）图表记录:根据用户选择产生消费、收入和预算的走势图，走势图一眼分析出消费、收入和预算之间的关系。5）查询功能：查询一些账户和收入以及消费类型，收入明细等等。b、用户执行任务次序（3）故事讲述和情景分析（1）角色：小明，20岁，大学生（2）目标：希望买完一个东西，软件自己记录上，或者我说着，手机记着也行（3）场景：在买了一个100多块的篮球之后，将这比支出记录在软件上。（4）环境：买完篮球，在商店门口。（5）步骤：小明从商店买完东西之后，出门的时候，拿出手机，打开记账软件，输入消费条目，输入消费金额，然后点击了添加。在弹出的提示对话框里，点击了确定。然后在查看了一下，显示出了这次的消费记录。（6）情感：小明：每次买完东西之后，都需要打开软件，自己手动记录上去，觉得麻烦。三、设计1、界面设计原则（1）一致性（2）提供必要的错误处理功能（3）提供信息反馈（4）允许操作可逆（5）合理划分并高效地使用管显示屏幕2、设计模型3、系统描述本系统设计主要为帮助不会自主理财的人们能很容易的学会自主理财，通过软件中的各个功能，实现在电子系统上记录个人理财信息，提醒以及帮助用户实现自主理财。4、使用的交互技术地理空间跟踪、触摸、动作识别四、界面实现记账页面，显示收入支出的资金（点击底部第一个图表进入）报表页面，能更加清晰地让用户看到每个月的资金（点击底部第二个图表进入）资金页面，显示当前用户所拥有的资