【热门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用户体验

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

子牙钓鱼用户体验分析报告

子牙钓鱼 体验报告 目录 一.产品概述 体验环境 产品定位 用户需求 市场现状 二.产品分析 产品结构图 核心功能流程图 三.竞品分析 基本信息对比 主要功能对比 四.个人建议 功能上 活动上 总结 一.产品概述 1.体验环境: 系统:安卓 APP版本:2.2.2 2.产品定位 一款为全球钓鱼人构建垂直社区的服务平台 未来趋势:垂直社区.智能渔具.特色旅行和水上云数据服务 3.用户需求 为用户解决"去哪钓""何时钓" "如何钓" "跟谁

作业七——“南通大学教务管理系统微信公众号” 用户体验分析

1. 目标 基于实例分析,体会用户体验设计的 7 条准则 2. 要求 基于我们列出的 7 条UX评价准则,分析“南通大学教务管理系统微信公众号” 在用户体验设计方面让你觉得满意的地方(不少于2点):(20分),请陈述理由. 同样,分析“南通大学教务管理系统微信公众号” 在用户体验设计方面让你觉得最不满意的地方(不少于2点):(20分),请陈述理由. 回答上述问题时,附上截图 使用Nielsen的十条准则做WEB的启发式评估 基于以下设计准则去做评估: Visibility of system s

常用App用户体验找茬

冯晓云: 哔哩哔哩手机客户端:视频播放只允许横屏全屏:还有长视频的“5分钟诅咒”,遇到网速不好的时候是个大写的悲剧: 必应词典UWP版本:主页新闻链接跳转后,一些页面不支持划词取译,当然本身各个页面也没有特别做这个支持:wordlist详细释义是转到search页面显示的,感觉不是很方便,容易忽略左上那个<--箭头而不知道如何返回:左上角笑脸反馈,选择浏览器打开直接跳到Google主页,并不是反馈页面,而且一时找不到更改打开方式的设置: 有道词典桌面版:这不是广告,这不是广告,这是一个个功能bu

作业七—“南通大学教务管理系统微信公众号”用户体验分析

 这次分析其实更像是用户的使用报告和反馈.当然,如果所提建议能被公众号维护者所考虑,那也是特别让人(用户)感到兴奋的.      基于Nielsen十条设计准则: Visibility of system status.可视性原则 Match between system and real world.不要脱离现实 User control and freedom.用户有自由控制权 Consistency.一致性原则 Error strategy.有预防用户出错的措施 Recognition r

“南通大学教务管理系统微信公众号” 用户体验分析

UX设计评价准则 1.给用户及时快速反馈 2.界面符合惯例3.用户控制权(主人)4.一致性和标准化5.适合各类用户(不绝对)6.帮助用户排除软件缺陷7.必要的提示和帮助文档 满意: 1.发送任意消息后系统会回复一大串指令码,并且有示例,按个人需求输入指令码就可以了,很方便快捷. 2.不用区分大小写 3.有消息推送. 不满意 1.没有快捷导航功能,如图.输入指令码与导航功能相比繁杂了许多. 2.消息推送没有分类,有些是我不感兴趣的.

APP,Web Application(Web APP)等概念讲解

博文说明[前言]: 本文将通过个人口吻介绍APP,Web Application相关知识,在目前时间点[2017年5月14号]下,所掌握的技术水平有限,可能会存在不少知识理解不够深入或全面,望大家指出问题共同交流,在后续工作及学习中如发现本文内容与实际情况有所偏差,将会完善该博文内容. 本文参考文献引用链接: 1.https://zhidao.baidu.com/question/1754906753436868228.html[简单直观] 2.https://zhidao.baidu.com/

电商客户端竞品分析-手机淘宝、京东、唯品会、聚美优品

市场状况 艾瑞最新统计数据显示,2013年移动网购整体交易规模1676.4亿元,同比增幅高达165.4%,而同期PC端网购规模将近16000多亿元,同比增速35.7%.预计2017年市场规模将近万亿,增速39.4%. 图1 2011-2017年中国移动购物市场交易规模 2013年中国移动网购渗透率9.1%,同比去年增长超过四个百分点.预计到2017年移动购物渗透率达到24.1%. 图2 2011-2017年中国网购交易额PC端和移动端占比 2013年移动网购企业份额中,手机淘宝占比76.1%,京

资深APP定制公司必须专注于企业用户体验

在如今这样的互联网时代当中,几乎传统产业都面临了一个变革.更新阶段,需要更好的在这个时代生存下去,深度拥抱互联网成为了避无可避的选择,这个时候不少企业都选择了APP定制形式,进而开发出了属于自己的APP来帮助企业达到一个更好的营销推广目的. 如今APP定制过程当中有着几大核心板块,包括前端程序开发.后台程序开发以及视觉效果设计等,大多数企业都不具备这样的APP开发设计,这个时候寻找资深APP定制公司,可以获得一流的服务以及高质量的APP产品.选择资深APP定制公司有着什么样的特点呢? 1.APP