交互设计案例分享:平台规范与设计模式解析(五)
交互设计案例分享:平台规范与设计模式解析。下面继续给大家分析另外一款工具:KEEP,相信大家应该比较熟悉,来具体的看看吧!
Android 端产品结合部分IOS设计模式案例:KEEP-移动健身工具
产品定位分析
用户需求类型:keep的用户人群性格偏向活跃,喜欢社交,同时又喜欢轻量运动的健身健美人群。锁定的是社交型和健美型用户,更多偏向无器械健身的女性要用户。
战略层分析:运动健身的核心战略是抢占用户。在前期积累用户时期,确保用户保持高频使用,根据自身目标市场特征长期产出个性化需求的训练视频,融入更多元素。而在后期,尽量减少通过广告植入的方式谋取盈利,降低损害用户体验的风险。同时考虑为将来盈利点打好铺路。
页面结构分析
keep内容需求明确,在安卓端的4大标签下,分别设有“训练”“发现”“关注”“我”来满足用户需求。以下为keep的核心特点:
A.量体裁衣,多种健身训练供你选择:训练计划针对不同人群、各种器械和阶段健身目标组合编排,适用最广泛的健身场景。
B.真人同步训练,记录训练记录:全程语音督导,自动同步进度,真正良好的体验是你永远不需要背动作、记组数。
C.分享健身成果,一起进步:拍照记录每一天的变化,分享好友相互勉励,在「Keep」运动社区,健身不再是孤独的坚持。
D.连接 HealthKit,同步训练数据:完成训练后可与 HealthKit 连接,记录每次的训练成果和变化。
设计模式分析 :部分套用ios的设计模式
A.底部Tab导航标签设计(如图)
安卓规范下采用的Tab标签为了防止误触,一般设计在顶部。而keep的Tab标签导航则在底部,客观来讲,这是大部分国内安卓应用直接套用ios的设计模式常用的手法。但是如果再进一步对比观察,如右图,如果将Tab栏设计在顶端,会给人头重脚轻的感觉,视觉体验大大减小。所以,根据用户需求,具体问题具体分析,不要为了规范而规范,适合产品的模式才是最好的设计。
左右两侧的页面则根据用户需求,将重要且常用的功能添加进来。方便用户快速切换。
B.内容列表分析:图文列表+网格列表+滑动展示的混合设计模式(如图)
整体来看,keep的内容展示为大图文结合的列表设计,直观而富有感染力。首页将用户的训练数据直观的展现出来,清晰明了。训练课程页面设计为网格式的大图文列表,通过图片展示分类的运动模块。发现页面的推荐用户设计为滑动页面,尽可能的多推荐兴趣用户,左右滑动的边界展示部分icon告知用户还有更多,在有限的空间内展示更多内容。
而值得一提的是,在达人页面,用户可以根据自己的习惯选择商量浏览模式,分别为图文列表模式或者网格列表模式。
临时视图模式,一般用户处理临时性的内容,通常情况下以模态视图的形式展现出来,常见的有卡片式或全屏式。Keep的提醒用户升级页面则是模态视图的卡片式设计。
C.表单设计分析:列表设计
登录注册表单同样是简洁的列表设计。同时支持第三方登入。
总结
纵观各个平台的规范和设计模式都有共同点和差异点。遵循平台规范和设计模式是评价一个设计师是否专业的重要因素,符合用户习惯,让用户有好的用户体验是判断一个产品是否好的重要因素。但是不要为了规范而规范,从需求出发选择合适的设计模式更重要。学会分析,灵活应用,多思考多总结才能变得更好。
以上就是“交互设计案例分享:平台规范与设计模式解析(五)”的内容了,如果你还想了解其他相关内容,可以来 产品壹佰 官方网站。
Android 端产品结合部分IOS设计模式案例:KEEP-移动健身工具
产品定位分析
用户需求类型:keep的用户人群性格偏向活跃,喜欢社交,同时又喜欢轻量运动的健身健美人群。锁定的是社交型和健美型用户,更多偏向无器械健身的女性要用户。
战略层分析:运动健身的核心战略是抢占用户。在前期积累用户时期,确保用户保持高频使用,根据自身目标市场特征长期产出个性化需求的训练视频,融入更多元素。而在后期,尽量减少通过广告植入的方式谋取盈利,降低损害用户体验的风险。同时考虑为将来盈利点打好铺路。
页面结构分析
keep内容需求明确,在安卓端的4大标签下,分别设有“训练”“发现”“关注”“我”来满足用户需求。以下为keep的核心特点:
A.量体裁衣,多种健身训练供你选择:训练计划针对不同人群、各种器械和阶段健身目标组合编排,适用最广泛的健身场景。
B.真人同步训练,记录训练记录:全程语音督导,自动同步进度,真正良好的体验是你永远不需要背动作、记组数。
C.分享健身成果,一起进步:拍照记录每一天的变化,分享好友相互勉励,在「Keep」运动社区,健身不再是孤独的坚持。
D.连接 HealthKit,同步训练数据:完成训练后可与 HealthKit 连接,记录每次的训练成果和变化。
设计模式分析 :部分套用ios的设计模式
A.底部Tab导航标签设计(如图)
安卓规范下采用的Tab标签为了防止误触,一般设计在顶部。而keep的Tab标签导航则在底部,客观来讲,这是大部分国内安卓应用直接套用ios的设计模式常用的手法。但是如果再进一步对比观察,如右图,如果将Tab栏设计在顶端,会给人头重脚轻的感觉,视觉体验大大减小。所以,根据用户需求,具体问题具体分析,不要为了规范而规范,适合产品的模式才是最好的设计。
左右两侧的页面则根据用户需求,将重要且常用的功能添加进来。方便用户快速切换。
B.内容列表分析:图文列表+网格列表+滑动展示的混合设计模式(如图)
整体来看,keep的内容展示为大图文结合的列表设计,直观而富有感染力。首页将用户的训练数据直观的展现出来,清晰明了。训练课程页面设计为网格式的大图文列表,通过图片展示分类的运动模块。发现页面的推荐用户设计为滑动页面,尽可能的多推荐兴趣用户,左右滑动的边界展示部分icon告知用户还有更多,在有限的空间内展示更多内容。
而值得一提的是,在达人页面,用户可以根据自己的习惯选择商量浏览模式,分别为图文列表模式或者网格列表模式。
临时视图模式,一般用户处理临时性的内容,通常情况下以模态视图的形式展现出来,常见的有卡片式或全屏式。Keep的提醒用户升级页面则是模态视图的卡片式设计。
C.表单设计分析:列表设计
登录注册表单同样是简洁的列表设计。同时支持第三方登入。
总结
纵观各个平台的规范和设计模式都有共同点和差异点。遵循平台规范和设计模式是评价一个设计师是否专业的重要因素,符合用户习惯,让用户有好的用户体验是判断一个产品是否好的重要因素。但是不要为了规范而规范,从需求出发选择合适的设计模式更重要。学会分析,灵活应用,多思考多总结才能变得更好。
以上就是“交互设计案例分享:平台规范与设计模式解析(五)”的内容了,如果你还想了解其他相关内容,可以来 产品壹佰 官方网站。