PC版淘宝UWP揭秘

经过第一轮内测后的bug数量：65

2015/11/27 - bug数量 = 60

2015/11/30 - bug数量 = 53

2015/12/1 - bug数量 = 49

2015/12/2 - bug数量 = 42

2015/12/3 - bug数量 = 30（即将beta公测，请大家留意）

2015/12/4 - bug数量 = 19（向商店提交应用时遇到些小麻烦，正在解决）

2015/12/5 - bug数量 = 16（周末休息，再随手修几个八哥，变成鹦鹉）

2015/12/7 - bug数量 = 10 （beta版已经提交成功，准备发放邀请码用于测试拍砖）

2015/12/8 - bug number = 7 (beta version submit, but Windows Store has some problem to solving. please wait)

2015/12/9 - bug number = 3 (18：00时应用商店的问题已经好了，大家可以用invation code to redeem, 然后点击Get 淘宝桌面版 )

2015/12/10 - bug number = 1 (目前native page的bug已经去外太空了，大家可能还会遇到一些H5页上的bug，比如有的按钮不能点击等等事故，淘宝的网页developer们正在努力解决，给他/她们加油吧！）

2015/12/11 - bug number = ？  (已经将测试版提交到应用商店，所有Windows 10 PC 10586以上的用户都可以下载试用。如上所述，右侧窄屏显示的页面部分还没有完全适配好，请大家谅解，淘宝的网页攻城狮们正在努力)

亲们，还记得一个月前我们的承诺吧？11.11，我们按时上线了手机淘宝UWP的Mobile版本（以下简称M版），感谢所有参与Windows Phone Insider Program的手机用户们，

他们中有80%的热心用户下载了手机淘宝的Mobile版本，并提供了大量有用的反馈，鼓励和鞭策我们不断改进产品质量。

我们的另一个承诺也即将兑现，那就是目标为12.12上线的淘宝UWP的Desktop版（以下简称D版）本。目前开发工作已经接近尾声，即将进行alpha内测，很快将会进行beta公测。希望广大升级到Windows 10的Desktop用户踊跃参与。没有升级到Windows 10的同学们得赶紧行动啊!有重量级的应用加盟Windows 10，会使得本来就耐看又实用的Windows 10更加出色。今年过节不送礼，送礼就送"温豆石"(Windows 10)。

我截图来大致说明一下淘宝UWP吧。由于没有完全完成，所以在实际的release时可能界面会有细微调整。大家也可以针对现有UI设计提出意见，好的设计我们将会采用。

在下面的两列图片中，左侧的是Mobile版本的截图，在上一篇博客中已经介绍过；右侧的Desktop版本的截图。两张图放在一起，使得大家能一眼就能看清楚Mobile/Desktop版的相同与不同，了解UWP开发模式的精华所在。

起始页：其实是同一张图片资源，经过设备的剪裁与填补，显示在不同尺寸的屏幕上。其实UWP只显示中间的一小块方形区域，周围其它的颜色是用和图片底色相同的色号填在Package.appxmanifest文件中的。

淘宝UWP起始时速度较慢，加载一堆东西，因此这个页面的显示时间较长。

后面我们会改进一下，让用户的等待时间短一些，或者让起始页面活泼一些。

主页：M版的菜单在上方，D版的在左侧，更能充分利用屏幕空间。同时把搜索框也移到了上方，方便用户操作。那个汉堡控件只是让菜单部分扩宽看到菜单文字，并作为顶层的navigation panel。几个圆形的频道入口，从M版的两行变成了D版的一行，因为咱家房子大。下面的各个大板块，变成了双列显示，因为咱家房子宽。

天猫：这类H5页面在手机上显示没问题，如果在PC上全屏显示，会有很大失真。因此我们采用了右侧固定空间显示H5页面的方式，这也是一种创新尝试。点击左侧任意地方会收起右侧的H5页面。有更好的idea的同学们可以电邮我们：ms-uap@outlook.com

购物车：把M版背面显示的东西放在了D版的右面，丰富的信息一目了然，避免多次点击带来的指尖皮肤磨损和支端神经末梢压迫过敏。

详情：D版是大图+文字，大图部分横向滑动，文字部分纵向滑动。但是这一设计在用户缩小窗口宽度时，会带来一定的响应上的问题。我们可能会对这个设计做一个调整。

SKU：从M版的下方移到了D版的右方，并可上下滚动。充分利用显示空间，自然大方。

订单：简单拉伸。目前没有什么好的方案，有想法的同学给我们电邮：ms-uap@outlook.com. 反正我自己都觉得不好看，左右拉的太宽，左侧的标题和key和右侧的value不容易对上，不过倒是对颈椎有好处，因为需要经常左右转动头部才能看全。

淘抢购：M版就是单列的ListView，一屏最多看3个商品。D版用GridView在一屏内显示更多的信息，图文并茂，美轮美奂，剁手欲望猛增。昨天你剁了吗？那今天呢？

搜索：D版依然可以切换ListView或瀑布流。但是Listview形式在宽屏中太难看了，我没好意思截图给大家看，避免毁了我们前半辈子的名声。所以界面还在优化中，绕行。

我的淘宝：首页简单拉伸（不够好看吧？），但内部设置页面模仿Windows 10的设置窗口，Master/Detail模式非常清晰易懂。

消息：同样是Master/Detail模式，使用"一指禅功"即可切换多个聊天窗口。从此以后，同时和多个店家姑娘聊天，成为了可能。

如果每天收不到快递小哥的电话，你是不是心里都觉得特空虚?

看到周围的同事每天大包小包的往家拎东西，你是不是特羡慕？

犹豫啥? 升Windows 10，用淘宝UWP!

先这么多吧，休息一会儿，该去万人大食堂用午膳了，下午接着干活！