乐跑——运动类app的设计(下)

作者: 格格zw | 来源:发表于2017-03-06 22:11 被阅读0次

之前在运动类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

相关文章

  • 乐跑——运动类app的设计(下)

    之前在运动类app上中http://www.jianshu.com/p/eced46d7aa67讲述了app的用户...

  • 悦跑圈APP分析报告

    平时比较喜欢运动,对运动类APP也比较关注,在用户量最大的三个APP咕咚运动、乐动力和悦跑圈之中,选择悦跑圈作为分...

  • 运动类APP设计之需求分析

    一、行业背景 近些年随着物质条件的改善,人们越来越重视自己的身体,所以也越来越多的人会进行身体锻炼。同时又由于移动...

  • 探究!运动类APP界面设计

    文/龙娟娟 闫北歌 运动类APP作为垂直细分的移动应用,随着全民健身理念的深入人心而蓬勃发展,但也面临着同质化严重...

  • “步道乐跑”是一款five   App吗?

    前不久,一款名为“步道乐跑”的运动App广受各大学青睐。 这些大学要求学生在该App中,每学期内跑步次数达到学校要...

  • iOS开发折线图-支持视图点击查看值

    简述:折线图的使用场景主要集中在股票和与运动相关的APP界面中,运动类的如苹果健康,微信健康等。 其中运动类APP...

  • 2.3 KVC设计模式(给对象的属性赋值)

    KVC设计模式(给对象的属性赋值) dog类 App类 Person类 KVC设计模式(给对象的属性赋值.png

  • 内容类app设计

    1.要素 a)多角色:等级权限+关注/订阅 角色有花名+等级升降规则+权利,通过激励用户行为等级会提高,也...

  • 设计类APP推荐

    将常用的一些APP推荐给大家,欢迎补充。 还有一些其他类型的资源后续会分享给大家,欢迎交流。

  • C# 键盘记录器

    设计背景 设计思路 相关技术 功能 主要类 GitHub .NET-App/KeyboardRecord/

网友评论

    本文标题:乐跑——运动类app的设计(下)

    本文链接:https://www.haomeiwen.com/subject/tmougttx.html