乐跑——运动类app的设计（下）

之前在运动类app上中http://www.jianshu.com/p/eced46d7aa67讲述了app的用户调研，需求分析部分接下来给大家介绍信息架构流程图以及页面设计，和可用性测试的部分

04：信息架构

在信息架构中用到的方法是卡片分类法，卡片分类法是信息架构中十分好用的方法（笔者后期可能会出专题哦）

信息架构中的竞品分析，很多人觉得信息架构没有必要做竞品分析，其实这个认知是错误的，竞品分析就是寻找一个最优解的过程，废话不多说，上图：

竞品信息架构

晒这个图呢，主要是想告诉大家信息架构是做给自己看的，重要的是总结（我才不会说我找不到了原图）

竞品的信息架构要总结异同点然后提取出关键点

竞品信息架构分析

卡片分类法：

1.选择进行卡片分类的对象（新老用户注意平衡），建立用户角色

2.将提取出的关键点写在卡片上，让卡片分类的对象进行分类

3.确定功能的优先级

目标用户

乐跑的信息架构

分类

05：流程图

流程设计是关乎用户体验的十分重要的环节，笔者在最开始做交互设计时曾经把一个简单的流程做了8个页面，闹了非常大的笑话

流程设计要注意有头有尾

有头是让你的下游（开发等）知道入口在哪里

有尾是让用户得到完成任务的反馈

废话不多说直接上图

流程图

流程图美观版（后期可能会出如何做作品集）

06：页面设计

在明确了信息架构和流程图后开始设计页面，在设计页面时要注意首先要明确页面目标，其次要注意页面布局具体页面见上图。

07：可用性分析

n 研究目的：

� 对整个乐跑app做可用性评估，了解产品设计是否符合用户使用习惯，是否存在使用障碍提高产品体验。

n 关注点：

产品的整体感知：新老用户对中国铁路客户服务中心使用后的整体满意度。

框架结构以及页面切换逻辑：页面跳转逻辑是否让用户清晰理解，并能够自然地操作；对整个产品的逻辑没有认知障碍或者存在太大的学习成本。

页面布局：测试目前设计的页面布局是否合理，操作重点突出，认知不会存在歧义或偏差。

产品功能认知：用户是否理解各个按钮的含义；

n 测试执行方案：

测试执行方案

1.记录用户的最开始感受

2.让用户用初稿完成一次运动并分享，从而测试是否存在流程上部问题。

3.用可用性量表测试用户的满意度

4.从用户的行为中寻找页面问题

可用性量表（SUS）

谢谢大家的支持，可以关注微信公众号格格icey