【热门APP用户体验分析】购物类APP之王——淘宝安卓版(二)

在上一篇的文章中,简单的介绍了一下淘宝客户端的首页的导航栏,还有一些小的细节问题,这一篇,我们还是继续剖析淘宝客户端安卓版。

我们首先还是先放出淘宝的主界面

在这个界面中,最上方是一个广告栏,可以点击进入对应的活动界面。广告栏可以手动的滑动,而且滑动体验非常好,在使用其他软件的时候,会发生左右广告栏的滑动和上下的刷新滑动出现冲突的情况,表现出来就是界面一直在颤动,但是淘宝的广告栏做的非常好,只要在广告栏的区域滑动,触摸焦点就会被锁定,不会发生手势冲突的情况,淘宝的开发者应该是重写了控件的触摸事件,解决了滑动冲突的问题,以后有机会,一定要自己实现一下。

另外,我们下拉整个界面,可以实现刷新的操作,隐藏在最上面的刷新提示区域只有简单的一个箭头,并没有其他诸如刷新时间等信息,使得界面更加的简洁。在实现这种带有刷新操作的界面的时候,我们可以使用xlistview,pullToRefresh等开源控件,但是从淘宝界面的复杂度上来看,应该是一个自己的开源控件,我们可以使用hierarchyViewer看一下,发现这个控件叫做MainListview

而最上面的界面则是一个这个东西

无保存状态的framelayout。

而且,虽然标题栏的右边是一个简单的信息按钮,但是实际上,这个按钮也不简单。

我们可以看到,一个这样简单的显示按钮,竟然是有13个view组成的,这个按钮封装了底部显示文字,未读信息条数,未读信息红点,显示图标等东西,可以说是非常强大啊。

而在搜索框左边的搜索图标,也并不是简单的imageview或者是button,而是一个经过改造的textview

可见,淘宝的开发者为了是控件用起来更加得心应手,对一些基本的控件都再次封装,使得这些控件更加的强大。

我们再看公告栏的实现,广告栏是使用的viewpager,不过也是经过了自己的定制,使得更加符合使用要求。而且,显示广告的Imageview控件也进行了封装,叫做clickMaskRatioImageview,翻译过来应该是可点击的显示比例可调的Imageview。但是有一个问题我没有想明白,那就是广告图片其实就7张,但是却有21个这种控件,想不明白为什么会有这么多的控件,还请大神指导。

我们再往下看,下面是有八个图标的功能快速入口,这个实现很简单,就是用普通的Imageview、textview、linearlayout完成的,上面一排和下面一排都是两个线性布局,然后在下面,用view画了一个灰色的分割线

我们再往下看,就是抢购的模块,这个界面我们可以分成左右两个部分看。

我们先看左边的部分。

左边的部分是由前后两部分组成,采用的是帧布局,后面的背景和前面的倒计时控件

我们可以发现,后面的背景使用的是和广告栏一样的控件,因为他们都有一个相同的功能,那就是点击跳转到对应的网页界面。而前面的倒计时则是由一个自定义控件完成的。这个自定义控件实现也比较简单,全部都是textview实现的数字显示,我们要做的就是每隔一段时间,更新一下现实时间。

抢购界面右边的布局,使用的也是clickMaskRatioImageview,这里就不详细说了。

从上面我们的分析中,我们可以发现,为了实现一些效果,淘宝客户端的开发者对很多的控件进行了在封装,使得更加符合要求,因此,我们应该加强自身在自定义控件方面的能力,这样才能开发出更好用的APP。

今天先说到这里,下次我们再见。

时间: 09-23

【热门APP用户体验分析】购物类APP之王——淘宝安卓版(二)的相关文章

”今日校园“App用户体验分析

一."今日校园"App的背景. 为进一步提升信息化应用水平,更好的服务师生,南通大学智慧校园移动端APP"今日校园"定于11月5日正式上线运行.登陆APP可浏览学校新闻.校园生活.各部门微信公众号等内容,查看校内通知.校内发文.部门发文,查询一卡通消费.图书借阅等数据,查阅课表等常用应用和各类待办消息,进行校园卡充值和零星缴费.后续还将推出各项网上填报.移动办公与信息查询服务. 二."今日校园"App在用户体验设计方面满意的地方. (1)基础软件

“今日校园” App 用户体验分析

.背景 这是一款专门为大学生打造的资讯服务平台.为大学生提供校外热点.校内资讯以及周边信息等,以及课表查询.成绩查询.校园卡充值.考试安排等贴心服务.还有特色的迎新系统,一站式办理入学流程. 二.对『 智慧校园移动APP " 今日校园"』 在用户体验设计方面满意的地方 1.用户反馈符合使用者需求 谈及一款APP,我们说无论是及时的反馈例如动态的刷新(必须QQ空间的动态刷新,手指向下滑动,上方黑的部分会提示是否有好友的新动态),还是用户的一些延时性反馈,例如用户所遇到的问题需要告诉客服让

专题:“今日校园” App 用户体验分析

一.背景 为进一步提升信息化应用水平,更好的服务师生,南通大学智慧校园移动端APP"今日校园"定于11月5日正式上线运行.登陆APP可浏览学校新闻.校园生活.各部门微信公众号等内容,查看校内通知.校内发文.部门发文,查询一卡通消费.图书借阅等数据,查阅课表等常用应用和各类待办消息,进行校园卡充值和零星缴费.后续还将推出各项网上填报.移动办公与信息查询服务. 二.在用户体验设计方面满意的地方 1.软件整体功能较为齐全 描述:"今日校园"APP提供了学生在校生活常用的一

业务运维实战:腾讯是怎么优化APP用户体验的?

引言 当前,用户体验已成为一种新的产品价值.当技术实现不再是产品核心竞争力时,产品的竞争就是用户体验的竞争.而用户弹指间感知到的性能体验对于用户体验尤为重要. 移动互联网产品因为用户的手机型号繁多.手机操作系统版本不一致.app版本难统一等问题,很难在开发或测试环节就完全解决掉移动app的性能问题,这使得移动app产品在运维过程中,不得不面对用户体验不优.性能不佳的问题. 如何让开发可以高效定位性能问题? 让开发,测试,运维清晰的把控各个产品的性能状况? 我们结合了当前业界商用的APM技术,实现

6号团队 软件分析与用户体验分析

一.软件基本情况与问卷调研的基本情况 团队序号:6号团队 产品经理:张凝 项目经理:张钊 UI设计师:张龙宇 软件测试工程师:张洪铭 软件工程师:张锐,张洪铭,周群,赵雨龙 我们团队分析的软件是词典--必应词典安卓版,对比软件:百度翻译 1.软件基本情况: (1).必应词典:必应词典是微软首款中英文智能词典,不仅可提供中英文单词和短语查询,还拥有词条对比等众多特色功能,能够为英文写作提供帮助.支持本地词库及网络查询,更有快捷单词搜索.查询建议等贴心功能.支持本地词库查询及网络查询两种方式:本地词

转:性能测试中的性能测试指标与用户体验分析

转自:http://www.ltesting.net/ceshi/ceshijishu/xncs/2012/0223/204182_2.html 性能测试中的性能测试指标与用户体验分析 网络应用性能分析的目的是准确展示网络带宽.延迟.负载和TCP端口的变化是如何影响用户的响应时间的.利用网络应用性能分析工具,例如 Application Expert,能够发现应用的瓶颈,我们可知应用在网络上运行时在每个阶 网络应用性能分析的目的是准确展示网络带宽.延迟.负载和TCP端口的变化是如何影响用户的响应

2017.11.17——作业四用户体验分析:以 “师路南通网站” 为例

作业四.用户体验分析:以 "师路南通网站" 为例 作业目标:针对师路南通 ,开展UX分析,基于实例分析,体会用户体验设计的 7 条准则. 首先是"师路南通"的简单页面介绍 师路南通功能列表: 在页面的首页可以看到"师路南通"网页的一些功能板块有哪些,详情点击就可以看到,首页只罗列了部分重点,例如"近期研修","经典研修"等等 接下来是我觉得"师路南通" 在用户体验设计方面让我觉得满意和不

软工作业(4):用户体验分析——以 “师路南通网站” 为例

用户体验分析:以 "师路南通网站" 为例 一.目标 (1)针对师路南通,开展UX分 PS:对比另外2个学习网站(学生安全教育平台.umu学习平台) (2)基于实例分析,体会用户体验设计的 7 条准则. 二.要求 (1)基于我们列出的 7 条UX评价准则,分析"师路南通" 在用户体验设计方面让你觉得满意的地方(不少于2点):(20分),请陈述理由. (2)同样,分析"师路南通" 在用户体验设计方面让你觉得最不满意的地方(不少于2点):(20分),请

“天翼阅读”APP用户体验

近日安装了"天翼阅读",对初步的体验作个总结. 1. APP Store 1.1 评分级别为3星,热度一般 1.2 详情 - 内容提要 建议重点突出海量资源,书签式阅读体验 以最精炼的语言表达亮点,例如:冲浪海量图书,畅享书签式阅读体验 - 最新动态 对优化的细节可以多些描述,例如: 排版作了哪些优化,带来了什么样更好的效果 修复了哪些重要的bug,解决了什么问题等 1.3 评论 认真对待用户的反馈意见 . 下载APP送流量,结果没有送流量的接口 . 进了书里退不出来? . 建议增加有