交互设计案例分享:平台规范与设计模式解析(三)
上一篇文章给大家介绍了Web端产品案例,接下来就看看android端产品案例,以黄油相机为例,我们来简单分析一下。
android端产品案例:黄油相机
产品定位分析
标语:更适合中文字体的拍照加字应用。
2.用户需求:
3.核心功能:是将图片用中文字体美化,同事具备社交功能,分享自己的作品,收藏别人的作品和Ding(使用收藏的模板)。
页面结构分析
分为5大部分,Tab名字突破往常的app.接地气的又通俗易懂。
首页:抽屉式导航“大家的”页面。图片社交型网站,以图片展示为主,除了左下角拍照美化图片的主功能外,还包括banner轮播,横向滑动的“黄油照相馆”和feed流“馆长推荐”;右上角还有“发现好友”和“消息列表”快捷操作。
关注的:包括“关注”和“动态”。
卖的:包括“字体”和“图形”
我的:包括原创和收藏的他人模板。
设置:APP常用设置。
设计模式分析
A. 导航设计模式:抽屉式导航
如图1为Android 4.0的规范,参照4.0的设计规范看黄油相机,采用典型的抽屉式导航,导航栏与状态栏高度一致。右侧导航低于状态栏,重要的应用操作“发现好友”“消息列表”放在title的最右端,方便用户快速查找。
优点:节省了屏幕上的有限空间,首页展示更多的内容,合适层次明确的应用使用,例如知乎等。黄油相机核心功能突出,隐藏不重要的功能,让用户更专注。能够大大减少界面中的导航控件。
缺点:抽屉式导航无法和首页内容同时出现在一个界面,需要用户更多的点击,会使一些功能的使用频率降低。同时对于一些使用APP较少经验的用户来说学习成本更高。抽屉式导航和Tab式的经典案例可以参考Facebook。
B. 内容列表分析:图文列表混合
主页面有轮播面板展示Banner,有指示器提示用户。“黄油照相馆”小图展示型的缩略图,并隐藏少部分图片,告知用户屏幕外面还有内容,节省空间。
“发现好友”页面采用图文结合的列表方式推荐好友。干净清晰。而“推送设置”设计为控制模式的垂直列表,操作方式简单,符合用户的使用习惯。同时在推送页面的上一级的icon,本身设计的就是控制模式的图标,贴心。
优点:对于图片展示的部分,图文结合,和多图的feed流展示,充分利用整个界面,提升感染力喝视觉魅力。量大而优质的用户作品大图展示也会给新用户更多新鲜感和想体验的欲望。对于消息通知设计为垂直列表,冷静清晰,控制条目则能直观做出选择。
缺点:需要有清晰的导航引导下才可以使用多图展示甚至瀑布流,不然用户很容易迷失在永无止境的信息流里。
C. 表单设计分析:列表分段式混合
登录注册页面为列表设计,同时还有“手机”“邮箱”采用分段式的设计,根据需要自由切换。
优点:用户可以根据自身习惯随意选择登入方式和注册入口。
缺点:分段式切换的视觉样式如果做得不明显,用户很难判断是否可点击。变得无从下手,增加了心理负担甚至从而放弃继续使用。
android端产品案例分析就介绍到这里了,下篇文章将进行ios端产品分析,以B站为例,给大家详细介绍,欢迎继续关注。
以上就是“交互设计案例分享:平台规范与设计模式解析(三)”的内容了,如果你还想了解其他相关内容,可以来 产品壹佰 官方网站。
android端产品案例:黄油相机
产品定位分析
标语:更适合中文字体的拍照加字应用。
2.用户需求:
3.核心功能:是将图片用中文字体美化,同事具备社交功能,分享自己的作品,收藏别人的作品和Ding(使用收藏的模板)。
页面结构分析
分为5大部分,Tab名字突破往常的app.接地气的又通俗易懂。
首页:抽屉式导航“大家的”页面。图片社交型网站,以图片展示为主,除了左下角拍照美化图片的主功能外,还包括banner轮播,横向滑动的“黄油照相馆”和feed流“馆长推荐”;右上角还有“发现好友”和“消息列表”快捷操作。
关注的:包括“关注”和“动态”。
卖的:包括“字体”和“图形”
我的:包括原创和收藏的他人模板。
设置:APP常用设置。
设计模式分析
A. 导航设计模式:抽屉式导航
如图1为Android 4.0的规范,参照4.0的设计规范看黄油相机,采用典型的抽屉式导航,导航栏与状态栏高度一致。右侧导航低于状态栏,重要的应用操作“发现好友”“消息列表”放在title的最右端,方便用户快速查找。
优点:节省了屏幕上的有限空间,首页展示更多的内容,合适层次明确的应用使用,例如知乎等。黄油相机核心功能突出,隐藏不重要的功能,让用户更专注。能够大大减少界面中的导航控件。
缺点:抽屉式导航无法和首页内容同时出现在一个界面,需要用户更多的点击,会使一些功能的使用频率降低。同时对于一些使用APP较少经验的用户来说学习成本更高。抽屉式导航和Tab式的经典案例可以参考Facebook。
B. 内容列表分析:图文列表混合
主页面有轮播面板展示Banner,有指示器提示用户。“黄油照相馆”小图展示型的缩略图,并隐藏少部分图片,告知用户屏幕外面还有内容,节省空间。
“发现好友”页面采用图文结合的列表方式推荐好友。干净清晰。而“推送设置”设计为控制模式的垂直列表,操作方式简单,符合用户的使用习惯。同时在推送页面的上一级的icon,本身设计的就是控制模式的图标,贴心。
优点:对于图片展示的部分,图文结合,和多图的feed流展示,充分利用整个界面,提升感染力喝视觉魅力。量大而优质的用户作品大图展示也会给新用户更多新鲜感和想体验的欲望。对于消息通知设计为垂直列表,冷静清晰,控制条目则能直观做出选择。
缺点:需要有清晰的导航引导下才可以使用多图展示甚至瀑布流,不然用户很容易迷失在永无止境的信息流里。
C. 表单设计分析:列表分段式混合
登录注册页面为列表设计,同时还有“手机”“邮箱”采用分段式的设计,根据需要自由切换。
优点:用户可以根据自身习惯随意选择登入方式和注册入口。
缺点:分段式切换的视觉样式如果做得不明显,用户很难判断是否可点击。变得无从下手,增加了心理负担甚至从而放弃继续使用。
android端产品案例分析就介绍到这里了,下篇文章将进行ios端产品分析,以B站为例,给大家详细介绍,欢迎继续关注。
以上就是“交互设计案例分享:平台规范与设计模式解析(三)”的内容了,如果你还想了解其他相关内容,可以来 产品壹佰 官方网站。