购物类APP之王——淘宝安卓版（一）

      本文章来自CSDN博客：http://blog.csdn.net/zhaokaiqiang1992，转载请注明地址！

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

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

       名称：淘宝

       版本：安卓

        安装包大小：36.03M

        版本：4.9.3

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

        于是，出现了下面的场面

        

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

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