首页 > 代码库 > 【热门APP用户体验分析】购物类APP之王——淘宝安卓版(一)

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

从今天开始,打算开一个专栏,用来对目前热门的APP的用户体验进行分析。做APP需要的不光是技术,还应该有很好的设计思想,因此,有了写一个用户体验的专栏的想法。因为平常都需要工作,时间可能不是很充足,慢慢的一点点写吧!

今天打算分析的第一款软件,堪称购物类APP之王,那就是淘宝的客户端。

名称:淘宝

版本:安卓

安装包大小:36.03M

版本:4.9.3

下载好安装包,安装到手机之后,一个黄色的带有“淘”的图标便出现在了我们的应用列表里,点开之后,首先出现的便是一个大提示框



正常的用户,一般会选择是,并且勾选上“不再显示提醒”,因为要用这个软件,肯定是需要联网的。我尝试着点击了否,然后应用就直接推出了。。。

好,我们再次打开软件,还是有提示框弹出,我们按照正常流程,点击是,在经过了一个闪屏之后,应用就进入了主界面。

值得一提的是,在首次进入软件的时候,提示框后面其实是有用户第一次使用的时候的介绍界面的,而且还是现在比较流行的动画形式的介绍界面,但是由于提示框的出现,导致了用户无法注意到后面的动画界面,这会造成用户仔细的阅读完提示框之后,后面的介绍动画已经跑完的尴尬处境。我感觉这个地方,应该改成用户点击是之后,再播放动画,这样比较友好一些。

在经过闪屏之后,我们便来了程序的主界面,如下所示



我们可以看到,淘宝的主界面还是很美观大方的。

我们首先关注一下主导航栏,淘宝采用的是底部导航栏,这种导航栏样式可以说是由来已久,从我开始接触android的时候就可以被普遍采用。这种底部导航栏最明显的优点就是分类明确,每个功能模块都能很方便的进行切换,但是也有一个缺点,就是导航栏的数目一般比较确定,三个、四个、五个是最常见的数量,太多太少效果都不好。另外,由于下面的菜单栏一直显示,会导致用户的实际可操作区域变小,影响用户操作。除了这种底部菜单栏,同样可以作为顶级导航的侧滑菜单也是被广泛使用,而且不使用的时候,不会占用空间,可以保证可操作区域的最大化,在一些新闻资讯类的APP中被广泛的使用,而且用户也基本养成了用户习惯。淘宝采用这种导航方式,在我看来,大概是因为目前大屏手机的趋势,使得屏幕的操作空间不再作为设计的首要因素,也就不在乎这一点空间了。

至于底部菜单栏的实现,有很多种。最开始是使用tabhost实现的,但是现在已经被弃用了,tabhost的效率比较差,不推荐使用。在我最近的一个项目中,也使用了这种布局,我是使用radiobutton和fragment实现的,就是下面是单选按钮的变形,上面的界面使用fragment来实现,从我使用淘宝的体验上,感觉也是通过这种方式做到的,当然也只是猜测。另外,在不同的按钮之间切换,上面的界面有切换效果,但是美中不足的是,不管点击按钮的左右关系,切换效果却只有一种,都是从右往左,这点不知道设计团队是怎么想的。

在导航栏的上面,是一个提示登录框,点击之后,就可以直接进入登陆界面。至于为什么在这里放一个这个碍眼的登陆功能,在我看来,有两方面:一、可以实现快速登陆,因为没有专门的登陆入口,可能用户需要点击到需要登陆的功能,比如“我的淘宝”的时候,才能够弹出登陆界面,在这里直接加一个登陆入口,这样比较方便用户登陆;二、对于有强迫症的用户来说,这个半透明的条条在前面挡着后面的内容,实在太难受了!用账户的想抓紧登陆去掉它,没账号的也想注册登陆去掉它!

在首页功能上,大概因为采用底部导航栏的缘故,最上面的部分并不是通常的标题栏,而是改造成了一个功能栏,分别是二维码扫描,搜索和信息。

二维码扫描可以扫描快递单号和LOGO,而且还能用扫码次数抽奖,以此来提高用户的使用量。

点击搜索之后,并不是直接在输入框中进行搜索,而是跳转到了一个专门的搜索界面


这个搜索页里面,根本就没有标题栏的概念,最上面就是关键字的输入框,我们可以选择搜索范围,这个弹出效果可以用popWindow来模仿下拉框的效果,而且上面的输入框的黄色背景也是假的,并不是系统自带的效果。值得一提的是,你的搜索记录是保存在服务器的,只要登陆之后,就可以同步下来。而且下面还可以语音输入,虽然可能使用的人不是很多。

假如我们什么关键词都不输入,然后点击搜索,会发现输入框里面的文字在抖动,来提示用户必须输入文字,这也是很有意思的效果。

当我们点击右边的消息的时候,我们就可以进入消息界面


在这里面我们可以找到系统通知以及和商家的聊天入口,但是很奇怪的是,点击右边的更多的按钮,弹出来的选项竟然包括一个“首页”。这个功能在我看来非常鸡肋,用户想返回上一级,只需要点返回键就是了,在这个地方的回到首页功能,不仅仅不容易让用户发现,而且,这样直接回到首页的方式,会导致从信息页面与首页页面之间的界面的生命周期不好控制,使得软件的逻辑复杂化了。但是既然加在这里了,淘宝的设计师肯定有他的理由,在我看来,唯一的一个理由就是因为“信息”这个功能出现的地方太乱了,既能在首页出现,也能在我的淘宝里面点击进入,所以想让用户快速回到首页。但是,我还是认为用户从哪里来,就让他回到哪里去的原则,最好不要让他跳来跳去。

而且,更加诡异的是,信息模块里面的最下面,竟然是淘宝手机助手的下载链接!这个下载界面出现的毫无征兆,和整体的列表风格根本不搭,除此之外,这个下载连接是点击之后直接下载,根本不需要点击下载那两个字,只要点击了这个大布局,就下载了,而且,毫无征兆和提示!

于是,出现了下面的场面



一万只草泥马跑过啊。。。

今天先到这里,下期再见。

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