交互设计案例分享:平台规范与设计模式解析(四)
前面给大家分析了Web端产品案例和android端产品案例,接下来就看看ios端产品分析,内容有点多,一定要认真看完哦!
ios 端产品分析:B站
产品定位分析
bilibili 现为国内最大的年轻人潮流文化娱乐社区,又称“B站”。产品用户为二次元漫画的年轻人群。
1.目标用户:Biliili的目标用户是国内的ACG爱好者群体,其中也包括一批高质量的内容产出团队——“UP主”。UP主通过制作和上传ACG相关的视频,再由ACG爱好者们观看和传播。这种UGC模式下源源不断产出的高质量内容,成为网站发展繁荣的基础。
1)年龄分布
2)地域分布上,高频使用人群主要集中在沿海地区和一线城市。这些地区经济发达,教育水平高,思想观念开放,也是最早受ACG亚文化影响的地区。同时,大量漫展、同人祭等活动也都选择在该地区开办,因此成功培养起一大群忠实的ACG爱好者,成为Bilibili潜在用户。
2.需求分析:ACG爱好者群体日常上网需求主要就是看动画、玩游戏和读小说,同时辅以一些社交活动、深度动漫行为和购买行为。Bilibili针对ACG爱好者提供了多样又全面的功能,满足了其日常上网的各个需求。
3.市场分析:2015年我国泛ACG用户达2.19亿,其中90后超过95%,他们每年在二次元文化周边平均花费超1700元。同时二次元用户以学生和职场新人为主,他们有充足的空闲时间可以分配,花在游戏上的时间也很长,属于中重度游戏玩家。其中愿意为游戏付费的玩家高达70%。国内ACG爱好者群体虽然收入普遍不高(学生群体月均零花钱接近600元,非学生群体月均收入接近4000元),但其在ACG上的花钱比例高达95%,再加上他们接下来将成为社会主要的消费群体,所以Bilibili市场前景广阔。
4.竞品:Acfun
页面结构
B站的核心功能:“弹幕”。还有直播和追番。“直播”和“番剧”就在首页的第一页面下。而“分区”不仅有常见的视频分类,还有B站独有“鬼畜”等项目类别。网站成为极具互动分享和二次创造的潮流文化娱乐社区。bilibili网站目前也是众多网络热门词汇的发源地之一。
设计模式分析
A. 导航设计模式:tab标签式的一级导航+分段式和宫格式的二级导航
优点:Tab标签导航入口扁平化,能够轻松进行点击和功能间的快速切换。首页的二级导航为分段式的,能够轻松的融于界面不占空间,是ios的标准控件。“分区”下的宫格导航,优点能同时显示大量的功能,并且功能扁平化,充分利用整个界面,有限空间罗列了大量的功能。
缺点:导航控件占地面积大,空间有限的情况下,展示的内容较少
B. 内容列表设计:图文结合的网格列表+垂直列表
因为是视频社交产品,图片和视频展示较多。所以大多采用图文结合的网格列表,如首页直播里的推荐主播页面。而“关注”里的“追番”则设计为垂直列表模式。
优点:对于视频社交为主的应用,图文结合的网格列表,能充分利用整个界面,提升感染力喝视觉魅力。归纳分类的视频,按照用户浏览的习惯,从上至下,从左至右排版,每一个部分展示四个缩略图。使用户可以准确找到自己喜欢的分类的同时,也不至于迷失在大量视频信息流中无法选择。
缺点:需要明显的返回操作按钮。在用户迷失在永无止境的信息流里时,可以及时返回上一层级。而与Android的操作不同的是,Android平台有物理返回按键,且点击返回的是动作流。IOS平台没有实体返回按键,所以涉及层级间的导航,app界面本身一定要有返回按钮,而实体home键只负责应用退出。
C 表单设计分析
登录和注册页面为分段式设计。值得一提的是,在登录页面填写密码的时候,有一个可爱的设计,B站的吉祥物22娘和33娘会自动捂眼睛,细节设计很好,让用户会心一笑的交互体验。
优点:分段式设计,逐步完成填写,每个页面都完成简单的操作。帮助引导用户,减少误操作。
缺点:如果登入注册流程步骤太多,使用户产生厌烦心理就得不偿失了。
关于ios 端产品分析就到这里了,下篇文章给大家介绍Android 端产品结合部分IOS设计模式案例,继续去看看吧!
以上就是“交互设计案例分享:平台规范与设计模式解析(四)”的内容了,如果你还想了解其他相关内容,可以来 产品壹佰 官方网站。
ios 端产品分析:B站
产品定位分析
bilibili 现为国内最大的年轻人潮流文化娱乐社区,又称“B站”。产品用户为二次元漫画的年轻人群。
1.目标用户:Biliili的目标用户是国内的ACG爱好者群体,其中也包括一批高质量的内容产出团队——“UP主”。UP主通过制作和上传ACG相关的视频,再由ACG爱好者们观看和传播。这种UGC模式下源源不断产出的高质量内容,成为网站发展繁荣的基础。
1)年龄分布
2)地域分布上,高频使用人群主要集中在沿海地区和一线城市。这些地区经济发达,教育水平高,思想观念开放,也是最早受ACG亚文化影响的地区。同时,大量漫展、同人祭等活动也都选择在该地区开办,因此成功培养起一大群忠实的ACG爱好者,成为Bilibili潜在用户。
2.需求分析:ACG爱好者群体日常上网需求主要就是看动画、玩游戏和读小说,同时辅以一些社交活动、深度动漫行为和购买行为。Bilibili针对ACG爱好者提供了多样又全面的功能,满足了其日常上网的各个需求。
3.市场分析:2015年我国泛ACG用户达2.19亿,其中90后超过95%,他们每年在二次元文化周边平均花费超1700元。同时二次元用户以学生和职场新人为主,他们有充足的空闲时间可以分配,花在游戏上的时间也很长,属于中重度游戏玩家。其中愿意为游戏付费的玩家高达70%。国内ACG爱好者群体虽然收入普遍不高(学生群体月均零花钱接近600元,非学生群体月均收入接近4000元),但其在ACG上的花钱比例高达95%,再加上他们接下来将成为社会主要的消费群体,所以Bilibili市场前景广阔。
4.竞品:Acfun
页面结构
B站的核心功能:“弹幕”。还有直播和追番。“直播”和“番剧”就在首页的第一页面下。而“分区”不仅有常见的视频分类,还有B站独有“鬼畜”等项目类别。网站成为极具互动分享和二次创造的潮流文化娱乐社区。bilibili网站目前也是众多网络热门词汇的发源地之一。
设计模式分析
A. 导航设计模式:tab标签式的一级导航+分段式和宫格式的二级导航
优点:Tab标签导航入口扁平化,能够轻松进行点击和功能间的快速切换。首页的二级导航为分段式的,能够轻松的融于界面不占空间,是ios的标准控件。“分区”下的宫格导航,优点能同时显示大量的功能,并且功能扁平化,充分利用整个界面,有限空间罗列了大量的功能。
缺点:导航控件占地面积大,空间有限的情况下,展示的内容较少
B. 内容列表设计:图文结合的网格列表+垂直列表
因为是视频社交产品,图片和视频展示较多。所以大多采用图文结合的网格列表,如首页直播里的推荐主播页面。而“关注”里的“追番”则设计为垂直列表模式。
优点:对于视频社交为主的应用,图文结合的网格列表,能充分利用整个界面,提升感染力喝视觉魅力。归纳分类的视频,按照用户浏览的习惯,从上至下,从左至右排版,每一个部分展示四个缩略图。使用户可以准确找到自己喜欢的分类的同时,也不至于迷失在大量视频信息流中无法选择。
缺点:需要明显的返回操作按钮。在用户迷失在永无止境的信息流里时,可以及时返回上一层级。而与Android的操作不同的是,Android平台有物理返回按键,且点击返回的是动作流。IOS平台没有实体返回按键,所以涉及层级间的导航,app界面本身一定要有返回按钮,而实体home键只负责应用退出。
C 表单设计分析
登录和注册页面为分段式设计。值得一提的是,在登录页面填写密码的时候,有一个可爱的设计,B站的吉祥物22娘和33娘会自动捂眼睛,细节设计很好,让用户会心一笑的交互体验。
优点:分段式设计,逐步完成填写,每个页面都完成简单的操作。帮助引导用户,减少误操作。
缺点:如果登入注册流程步骤太多,使用户产生厌烦心理就得不偿失了。
关于ios 端产品分析就到这里了,下篇文章给大家介绍Android 端产品结合部分IOS设计模式案例,继续去看看吧!
以上就是“交互设计案例分享:平台规范与设计模式解析(四)”的内容了,如果你还想了解其他相关内容,可以来 产品壹佰 官方网站。