<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>出家如初，成佛有余&#187; 淘宝，历史订单，ucd，ued，用户体验，交互设计</title>
	<atom:link href="http://www.yeeach.com/tag/%e6%b7%98%e5%ae%9d%ef%bc%8c%e5%8e%86%e5%8f%b2%e8%ae%a2%e5%8d%95%ef%bc%8cucd%ef%bc%8cued%ef%bc%8c%e7%94%a8%e6%88%b7%e4%bd%93%e9%aa%8c%ef%bc%8c%e4%ba%a4%e4%ba%92%e8%ae%be%e8%ae%a1/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.yeeach.com</link>
	<description>专注电子商务领域，关注无线互联网，关注新媒体；Yeeach.com用于记录我技术生涯的点滴</description>
	<lastBuildDate>Sun, 25 Jul 2010 10:30:31 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>淘宝历史订单的设计</title>
		<link>http://www.yeeach.com/2009/10/26/%e6%b7%98%e5%ae%9d%e5%8e%86%e5%8f%b2%e8%ae%a2%e5%8d%95%e7%9a%84%e8%ae%be%e8%ae%a1/</link>
		<comments>http://www.yeeach.com/2009/10/26/%e6%b7%98%e5%ae%9d%e5%8e%86%e5%8f%b2%e8%ae%a2%e5%8d%95%e7%9a%84%e8%ae%be%e8%ae%a1/#comments</comments>
		<pubDate>Sun, 25 Oct 2009 23:11:10 +0000</pubDate>
		<dc:creator>chuanliang</dc:creator>
				<category><![CDATA[交互设计]]></category>
		<category><![CDATA[电子商务]]></category>
		<category><![CDATA[支付宝]]></category>
		<category><![CDATA[淘宝，历史订单，ucd，ued，用户体验，交互设计]]></category>

		<guid isPermaLink="false">http://www.yeeach.com/2009/10/26/%e6%b7%98%e5%ae%9d%e5%8e%86%e5%8f%b2%e8%ae%a2%e5%8d%95%e7%9a%84%e8%ae%be%e8%ae%a1/</guid>
		<description><![CDATA[&#160;&#160;&#160; 2009-9-25日上淘宝，打算在2009年初买过宝宝用品的一家店铺里再买点东西，于是想从历史订单里面把店铺地址找到。登陆后，在“已买到的宝贝”的“所有订单”里发现只有到2009-7-24日以后购买的东西，也即只有近3个月的交易数据。在上方的查询区中修改“成交时间”的查询区间为2009-01-01到2009-09-25，在“所有订单”中查询出来的数据仍然只是2009-7-24到2009-09-25间的数据。切换到“历史订单”tab，也只有2009-06-27至2009-07-26日之间的订单。偶然发现上方查询区的“成交时间”变为“2009-06-27到2009-07-26”，也即切换到“历史订单”tab后缺省查询的只是一个月的历史数据。于是在切换到“历史订单”后再修改“成交时间”为“2009-01-01到2009-07-01，能够得到想要的历史数据。 倒腾了半天才搞明白淘宝的历史订单的逻辑。晕，不是一般的晕；乱，不是一般的乱。 &#160;&#160;&#160; &#160;&#160;&#160; 这算是一个典型的用户体验问题，很奇怪淘宝那些整天满口UED、UCD的高手们竟然对于这样典型的问题竟然视而不见。之所以乱，我觉得至少有两方面的原因： &#160;&#160;&#160; 1、界面术语的混乱：对于“所有订单”、“历史订单”等术语由于没有明确定义及说明，存在很大的歧义。 &#160;&#160;&#160; 像我理解“所有订单”就认为是我有交易历史以来的所有记录，而淘宝工程师们的定义应该是“近三个月的交易数据”。对于这些关键术语的解释在“查看帮助”中也没有找到答案。“所有订单”应该包含了诸如“等待付款“、“等待确认收货”、“退款中”、“需要评价”、“成功的订单”这样的订单。从淘宝目前的逻辑来看这些订单都属于“非历史订单”的类别，历史订单与其他们并列为同一层级的tab并不是很恰当，如果能够为“历史订单”提供单独查询入口，同时在界面上再清晰解释一下“历史订单”的时间范围就能避免很多问题。 &#160;&#160;&#160; 特意看了一下支付宝的订单查询页面设计： &#160;&#160;&#160; 支付宝没有像淘宝中那样将历史订单和非历史订单并列在同一层次上，在其交易管理中，明确提供了历史交易数据的查询入口链接。很明显就比淘宝的清晰多了。 &#160;&#160;&#160; 2、操作模式的混乱： &#160;&#160;&#160; 目前淘宝订单的页面操作模式是：页面上端是查询条件，下面是多tab的查询结果。按理说来，一般用户的操作习惯是“点击查询条件”-&#62;“查看查询结果”，这样上端的查询条件本质上只需要一个tab就能够满足用户日常查询的需要。预计是淘宝的工程师们怕用户没有明白上述查询条件所提供的强大功能，于是又将上述查询条件按结果进行分类罗列。对于在3个月内的数据，可以根据上端的查询条件来自动切换到对应的tab上，但对于历史订单的查询用户首先要切换到历史订单的tab后再点击上面的查询条件才能够得到结果。 &#160;&#160;&#160; 同时由于历史交易和非历史交易数据混杂在一起，用户输入的“成交时间”跨度可能涵盖3个月前和3个月内的交易数据，导致用户输入的查询条件可能没有查询结果。例如我输入2009-01-01到2009-10-25，同时交易状态为“交易成功”的订单，查询结果自动切换到了“成功的订单”，但查询结果只有2009-07-24以来的成功订单。 &#160;&#160;&#160; 操作模式混乱的根本原因还是因为将历史数据和非历史数据的查询混在一起，其实在界面设计或技术实现上稍加调整，就能避免如此混乱的状态。按照淘宝目前的设计思路大致有如下一些方案可供选择： &#160;&#160;&#160; a、提供类似支付宝的历史订单查询入口，这样从查询入口来控制对不同数据库的查询。 &#160;&#160;&#160; b、在“成交时间”输入上控制用户输入时间跨度，避免跨时间段（3个月前后3个月后）查询。 &#160;&#160;&#160; c、不区分历史归档库和非历史归档库，后台查询时候通过统一的DAL（Data-Access-Layer）层来聚合不同数据源的数据后再展现给用户。 很奇怪淘宝自己的Amoeba 项目其实就非常适合这样的场合，不知为何弃而不用。 &#160;&#160;&#160; Technorati 标签: 淘宝,历史订单,ucd,ued,用户体验,交互设计,支付宝 &#169; chuanliang for 出家如初，成佛有余, 2009. &#124; Permalink &#124; One comment Add to del.icio.us Search blogs linking this post with Technorati Want [...]]]></description>
			<content:encoded><![CDATA[<p>&#160;&#160;&#160; 2009-9-25日上淘宝，打算在2009年初买过宝宝用品的一家店铺里再买点东西，于是想从历史订单里面把店铺地址找到。登陆后，在“已买到的宝贝”的“所有订单”里发现只有到2009-7-24日以后购买的东西，也即只有近3个月的交易数据。在上方的查询区中修改“成交时间”的查询区间为2009-01-01到2009-09-25，在“所有订单”中查询出来的数据仍然只是2009-7-24到2009-09-25间的数据。切换到“历史订单”tab，也只有2009-06-27至2009-07-26日之间的订单。偶然发现上方查询区的“成交时间”变为“2009-06-27到2009-07-26”，也即切换到“历史订单”tab后缺省查询的只是一个月的历史数据。于是在切换到“历史订单”后再修改“成交时间”为“2009-01-01到2009-07-01，能够得到想要的历史数据。 倒腾了半天才搞明白淘宝的历史订单的逻辑。晕，不是一般的晕；乱，不是一般的乱。</p>
<p>&#160;&#160;&#160; <a href="http://www.yeeach.com/wp-content/uploads/2009/10/a470898c01ae.png" ><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="淘宝，历史订单，ucd，ued，用户体验，交互设计,支付宝" border="0" alt="淘宝，历史订单，ucd，ued，用户体验，交互设计,支付宝" src="http://www.yeeach.com/wp-content/uploads/2009/10/thumb1.png" width="644" height="206" /></a> </p>
<p>&#160;&#160;&#160; 这算是一个典型的用户体验问题，很奇怪淘宝那些整天满口UED、UCD的高手们竟然对于这样典型的问题竟然视而不见。之所以乱，我觉得至少有两方面的原因： </p>
<p>&#160;&#160;&#160; <strong>1、界面术语的混乱：对于“所有订单”、“历史订单”等术语由于没有明确定义及说明，存在很大的歧义。</strong> </p>
<p>&#160;&#160;&#160; 像我理解“所有订单”就认为是我有交易历史以来的所有记录，而淘宝工程师们的定义应该是“近三个月的交易数据”。对于这些关键术语的解释在“查看帮助”中也没有找到答案。“所有订单”应该包含了诸如“等待付款“、“等待确认收货”、“退款中”、“需要评价”、“成功的订单”这样的订单。从淘宝目前的逻辑来看这些订单都属于“非历史订单”的类别，历史订单与其他们并列为同一层级的tab并不是很恰当，如果能够为“历史订单”提供单独查询入口，同时在界面上再清晰解释一下“历史订单”的时间范围就能避免很多问题。 </p>
<p>&#160;&#160;&#160; 特意看了一下支付宝的订单查询页面设计： </p>
<p><a href="http://www.yeeach.com/wp-content/uploads/2009/10/c4f14b5b6fa3.png" ><img style="border-right-width: 0px; display: inline; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px" title="淘宝，历史订单，ucd，ued，用户体验，交互设计,支付宝" border="0" alt="淘宝，历史订单，ucd，ued，用户体验，交互设计,支付宝" src="http://www.yeeach.com/wp-content/uploads/2009/10/thumb2.png" width="644" height="293" /></a> </p>
<p>&#160;&#160;&#160; 支付宝没有像淘宝中那样将历史订单和非历史订单并列在同一层次上，在其交易管理中，明确提供了历史交易数据的查询入口链接。很明显就比淘宝的清晰多了。</p>
<p>&#160;&#160;&#160; <strong>2、操作模式的混乱：</strong></p>
<p>&#160;&#160;&#160; 目前淘宝订单的页面操作模式是：页面上端是查询条件，下面是多tab的查询结果。按理说来，一般用户的操作习惯是“点击查询条件”-&gt;“查看查询结果”，这样上端的查询条件本质上只需要一个tab就能够满足用户日常查询的需要。预计是淘宝的工程师们怕用户没有明白上述查询条件所提供的强大功能，于是又将上述查询条件按结果进行分类罗列。对于在3个月内的数据，可以根据上端的查询条件来自动切换到对应的tab上，但对于历史订单的查询用户首先要切换到历史订单的tab后再点击上面的查询条件才能够得到结果。 </p>
<p>&#160;&#160;&#160; 同时由于历史交易和非历史交易数据混杂在一起，用户输入的“成交时间”跨度可能涵盖3个月前和3个月内的交易数据，导致用户输入的查询条件可能没有查询结果。例如我输入2009-01-01到2009-10-25，同时交易状态为“交易成功”的订单，查询结果自动切换到了“成功的订单”，但查询结果只有2009-07-24以来的成功订单。 </p>
<p>&#160;&#160;&#160; 操作模式混乱的根本原因还是因为将历史数据和非历史数据的查询混在一起，其实在界面设计或技术实现上稍加调整，就能避免如此混乱的状态。按照淘宝目前的设计思路大致有如下一些方案可供选择： </p>
<p>&#160;&#160;&#160; a、提供类似支付宝的历史订单查询入口，这样从查询入口来控制对不同数据库的查询。 </p>
<p>&#160;&#160;&#160; b、在“成交时间”输入上控制用户输入时间跨度，避免跨时间段（3个月前后3个月后）查询。 </p>
<p>&#160;&#160;&#160; c、不区分历史归档库和非历史归档库，后台查询时候通过统一的DAL（Data-Access-Layer）层来聚合不同数据源的数据后再展现给用户。 很奇怪淘宝自己的Amoeba 项目其实就非常适合这样的场合，不知为何弃而不用。 </p>
<p>&#160;&#160;&#160; </p>
</p>
</p>
<div style="padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; display: inline; float: none; padding-top: 0px" id="scid:0767317B-992E-4b12-91E0-4F059A8CECA8:7af9bd0d-f268-4901-bbdb-3d2e5dde7740" class="wlWriterEditableSmartContent">Technorati 标签: <a href="http://technorati.com/tags/%e6%b7%98%e5%ae%9d" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://technorati.com/tags/%e6%b7%98%e5%ae%9d');" rel="tag">淘宝</a>,<a href="http://technorati.com/tags/%e5%8e%86%e5%8f%b2%e8%ae%a2%e5%8d%95" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://technorati.com/tags/%e5%8e%86%e5%8f%b2%e8%ae%a2%e5%8d%95');" rel="tag">历史订单</a>,<a href="http://technorati.com/tags/ucd" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://technorati.com/tags/ucd');" rel="tag">ucd</a>,<a href="http://technorati.com/tags/ued" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://technorati.com/tags/ued');" rel="tag">ued</a>,<a href="http://technorati.com/tags/%e7%94%a8%e6%88%b7%e4%bd%93%e9%aa%8c" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://technorati.com/tags/%e7%94%a8%e6%88%b7%e4%bd%93%e9%aa%8c');" rel="tag">用户体验</a>,<a href="http://technorati.com/tags/%e4%ba%a4%e4%ba%92%e8%ae%be%e8%ae%a1" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://technorati.com/tags/%e4%ba%a4%e4%ba%92%e8%ae%be%e8%ae%a1');" rel="tag">交互设计</a>,<a href="http://technorati.com/tags/%e6%94%af%e4%bb%98%e5%ae%9d" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://technorati.com/tags/%e6%94%af%e4%bb%98%e5%ae%9d');" rel="tag">支付宝</a></div>
	<p></p>
	<hr noshade style="margin:0;height:1px" />
	<p>&copy; chuanliang for <a href="http://www.yeeach.com" >出家如初，成佛有余</a>, 2009. |
	  <a href="http://www.yeeach.com/2009/10/26/%e6%b7%98%e5%ae%9d%e5%8e%86%e5%8f%b2%e8%ae%a2%e5%8d%95%e7%9a%84%e8%ae%be%e8%ae%a1/" >Permalink</a> |
	  <a href="http://www.yeeach.com/2009/10/26/%e6%b7%98%e5%ae%9d%e5%8e%86%e5%8f%b2%e8%ae%a2%e5%8d%95%e7%9a%84%e8%ae%be%e8%ae%a1/#comments" >One comment</a></p>
	<p>Add to <a href="http://del.icio.us/post?url=http://www.yeeach.com/2009/10/26/%e6%b7%98%e5%ae%9d%e5%8e%86%e5%8f%b2%e8%ae%a2%e5%8d%95%e7%9a%84%e8%ae%be%e8%ae%a1/&amp;title=淘宝历史订单的设计" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://del.icio.us/post?url=http://www.yeeach.com/2009/10/26/%e6%b7%98%e5%ae%9d%e5%8e%86%e5%8f%b2%e8%ae%a2%e5%8d%95%e7%9a%84%e8%ae%be%e8%ae%a1/&amp;title=淘宝历史订单的设计');">del.icio.us</a></p>
	<p>Search blogs linking this post with <a href="http://www.technorati.com/search/http://www.yeeach.com/2009/10/26/%e6%b7%98%e5%ae%9d%e5%8e%86%e5%8f%b2%e8%ae%a2%e5%8d%95%e7%9a%84%e8%ae%be%e8%ae%a1/" onclick="javascript:pageTracker._trackPageview('/outbound/article/http://www.technorati.com/search/http://www.yeeach.com/2009/10/26/%e6%b7%98%e5%ae%9d%e5%8e%86%e5%8f%b2%e8%ae%a2%e5%8d%95%e7%9a%84%e8%ae%be%e8%ae%a1/');" title="Search on Technorati">Technorati</a></p>
	<p>Want more on these topics ? Browse the archive of posts filed under <a href="http://www.yeeach.com/category/%e4%ba%a4%e4%ba%92%e8%ae%be%e8%ae%a1-%e4%ba%a4%e4%ba%92%e8%ae%be%e8%ae%a1%e6%a8%a1%e5%bc%8f/"  title="查看 交互设计 的全部文章" rel="category tag">交互设计</a>, <a href="http://www.yeeach.com/category/web20-%e7%94%b5%e5%ad%90%e5%95%86%e5%8a%a1/"  title="查看 电子商务 的全部文章" rel="category tag">电子商务</a>.</p>]]></content:encoded>
			<wfw:commentRss>http://www.yeeach.com/2009/10/26/%e6%b7%98%e5%ae%9d%e5%8e%86%e5%8f%b2%e8%ae%a2%e5%8d%95%e7%9a%84%e8%ae%be%e8%ae%a1/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
