您现在的位置：首页
--> Taobao.com UED Team
在日常的可用性测试、深访、座谈会等调研中，无论是作为主持人还是观察员，我们会发现一些有意思的现象：用户在参与的过程中，有做沉思状态、有茫然感、有皱眉等，除此之外，还会出现一些肢体动作，如耸肩、双手交叉等；以及伴随一些语气语调的变化，如咦、哦、啧等。用户展现出的如此丰富、有意思的面部表情、肢体动作以及语气语调，和我们的调研项目很多方面存在直接的关系。
用户体验研究过程中，我们经常需要使用前端脚本采集用户访问行为相关的数据，例如监听鼠标的点击事件，记下点击的位置及被点击的元素等。一个不可避免问题是，何时将采集到的数据发送到服务器呢？最直接的方案是每次收集到数据后立即发送，但这可能会带来较多的HTTP请求，一方面降低页面的性能，另一方面也增加了打点服务器的压力。另一个方案是先将收集的数据缓存一下，然后按一定规则发送（比如每收集满10条数据发一次，或者每隔5秒钟发一次），其中最终极的方案是所有的数据都缓存起来直到离开页面之前（beforeunload事件触发时）再发送。不过这个终极方案也有自己的问题，比如beforeunload这个事件可靠吗？在这个事件中发送打点的丢失率有多少？近期我们就这些问题做了一个研究，对这个丢失率也有了一个更具体的认识。
曾几何时，display:inline-block 已经深入「大街小巷」，随处可见 「display:inline-block; *display:inline; *zoom:1; 」这样的代码。如今现代浏览器已经全面支持这个属性值了，上面的代码是为了兼容 IE6、7而已。那么你真的了解 inline-block 了吗？本文将带你深入剖析该属性值的前世今生，让你更好的理解和运用 inline-block。（本文约定 display:inline-block 简写为 inline-block） 开篇我们来看几个问题： IE6、7 真的不支持 display:inline-block 吗？ display:inline-block 后的元素为什么会产生水平空隙，这真的是 bug 吗？ 如何更好的解决 display:inline-block 元素间产生的水平空隙？
最近在项目中碰到了比较多 HTTP 相关的问题，小组对这些问题进行了学习和总结。 ch01. 跨域Ajax 背景小故事： 开放平台通过 JS 的方式将淘宝的核心功能集成到第三方网站，以扩大交易生态圈。 目前已发布登录、购物车等组件。 作为底层支持的 JS SDK 需要提供小巧的跨域XHR功能. ch02. 反向Ajax 背景小故事： 有Ajax，自然还有反向 Ajax 。本着折腾的精神，对这部分知识点也做了一些了解。 ch03. HttpOnly cookie 和 第三方 cookie 背景小故事： 在页面中嵌入一个跨域的iframe，在某些浏览器中，iframe的js无法操作cookie。 此外，第三方，可能无法正确发送 cookie。 等等奇怪的问题，都跟小小的cookie有关。
随着智能手机的产生，人们对它们的使用时间与粘性迅速加大，移动互联网的发展越来越迅猛，越来越多的PC端产品开始把注意力集中在转移到方寸之间的屏幕之上时，有如潮水般汹涌。 当下的移动互联网产业，已经从单纯的以实现单一功能为主，到平台的转移，再到各个APP之间的产业链的形成，还有广告植入的各种运营手段产生各种盈利。充分说明了移动互联网的前景堪好。 如何设计出一个好的APP，是我们今天需要介绍的主题。 所谓移动平台，是指除了不方便搬动的PC机，所有方便移动和携带的电子设备。不仅仅是我们流行在使用的智能手机和各种pad，也同时包含了车载应用和各种家庭生活电子产品。
我们做设计时常是在做信息的组织，差异的控制。而什么样的信息组织可以被用户更好的接收，被更有效率的认知，可以从人是怎么认知事物而来探讨下，毕竟用户的认知是具有普遍规律性的，但是模式的发现与利用并不是一件容易的事，“误解”常常也是人类特质的表现之一。 在计算机学科里有一个专业方向叫“模式识别”，Pattern Recognition。是指通过借助计算机，对人类外部世界某一特定环境中的客体、过程和现象进行自动识别的技术。这个技术在我们身边最典型的应用应该是现在各种相机里的人脸识别技术
在前端领域，很少会遇到算法问题，这不能说不是一种遗憾。不过，随着前端处理的任务越来越复杂和重要，偶尔，也能遇到一些算法上的问题。本文，所要讨论的，就是这样一样问题。 什么是SKU 问题来自垂直导购线周会的一次讨论，sku组合查询，这个题目比较俗，是我自己取得。首先，看下什么是sku，来自维基百科的解释： 最小存货单位(Stock Keeping Unit)在连锁零售门店中有时称单品为一个SKU，定义为保存库存控制的最小可用单位，例如纺织品中一个SKU通常表示规格、颜色、款式。
Q2季度淘宝网用户研究部门、阿里巴巴集团研究部与北京大学社会学系联合发起了“谁在开网店”的研究，近期北大项目组已经产出了研究报告，本研究采用了科学严谨的抽样方法进行研究。作为项目的延展，笔者对整个调研的样本回收情况做了较为深入的研究，探讨卖家网络问卷调研有效响应率的影响因素。 项目抽样与投放规则说明 本项目的抽样分为两阶段：第一阶段，以“地级市”为初级抽样单位。参考所有个体店家的地域分布，按照所属地级市划分为不同群体，对于个体店家数量较小的城市采用链接到周边邻近城市的方法。第二阶段，在地市级样本中，再抽取个体店家。在每个抽中的地级市内，以主营类目为分层变量，以卖家规模为排序变量，采用等距抽样的方法抽取个体店家6万家，进行投放。
鱼和熊掌不可兼得，语法的处理，安全性的输出过滤和错误处理机制的引入在一定程度上都会或多或少降低模板引擎的性能，因此就需要我们权衡。Juicer 在实现上首先将性能看做第一个重要的指标，毕竟性能好坏直接影响用户的感知，同时兼顾了安全性和错误处理机制（即便这样会导致性能的略微下降）。
响应式Web设计(Responsive Web design)是当下比较流行的话题，什么是响应式设计？简单讲，页面的设计与开发应当根据用户行为以及设备环境(系统平台、屏幕尺寸、屏幕定向等)进行相应的响应和调整。具体的实践方式由多方面组成，包括弹性网格和布局、图片、CSS media query的使用等。 响应式设计听起来非常理想，但其技术实现则困难重重，因为响应式设计并不仅仅包含设计本身，还包含实现，更进一步讲，实现原理固然简单，但要考虑到开发成本、性能、可维护性方面则又是充满了挑战。
Part 1 研究背景 1.1 触屏手机界面设计的背景与挑战 挑战1：发展时间短，国内外的研究都尚处在探索阶段，充满未知和不确定。 触屏技术最早被应用到手机上要追溯到1999年（motorola A6188），至今虽然已有12年时间，但真正为手指操作的触屏界面设计带来革命性变化还是07年1月9日发布的iphone1代以及他的多点触摸技术。时至今日，不过4年时间，以苹果设计团队为先驱国内外相关研究领域，包括触摸的手势、触屏界面的规范、触摸的可用性研究等等，都还处在探索阶段，这也意味着有很多现有的东西都是建立在猜测和尝试基础上的，他们的成熟度也是有待时间检验的。这些东西包括国外的期刊文献和图书，甚至是苹果app开发官网上的信息、设计原则。 挑战2：从鼠标键盘到手指，准确率问题、热区和死角的问题。 触屏手机交互研究与PC交互的研究存在着质的变化。输入设备从鼠标键盘变成手指，一方面，操作的精准度上
情绪版这种方法在国外的应用已经有一定的历史了，它诞生于上世纪的非信息时代，通常参与者被要求从日常的报刊杂志中挑选出符合“某种心情意境或关键词”的图片，把图片减下来，然后粘贴在一起。但时代在变，如今我们正经历着信息爆炸的网络时代――google、百度各种图片搜索引擎的进入了我们的生活；Shutter Stock、全景图等国内外专业图片素材网站的异军崛起――这不得不让我思考，“情绪版”这种方法是不是也能感受一下党中央的号召，“与时俱进”一下呢？ 在今年10月份的安卓客户端设计研究的项目中，我们组织用户参与尝试了这个研究方法，并且对该方法的操作实施细节与分析过程进行了一些小小的改良。希望通过这边文章，与大家分享一下整个方法的流程。 1 传统意义上，情绪版的定义和意义
前段时间身边的同事和部分会员就有反馈Chrome访问首页会有闪动的问题，但是我在Mac和Win下面的Chrome都无法重现这个问题，后来重装了一遍Win7下的Chrome Beta版本，突然就发现这个问题，正好研究解决下… 问题主要集中于淘宝首页吊顶以及左侧服务栏处，鼠标移过整个页面会闪动一次，Refresh和Reopen无法重现，只有当首次打开淘宝首页才会出现… 问题重现： wordpress不方便插入iFrame，所以请使用Chrome访问这个地方 问题定位...
近期，聚划算在各类媒体上投放了大量广告，迅速传播了聚划算的品牌形象，在非淘宝用户中培养了品牌认知，同时也在淘宝用户中巩固了品牌理解，从而对聚划算提升品牌价值起到积极作用。 在投放广告前，用研团队Q3时曾对聚划算的品牌影响力进行了考察，着重于六个主要指标： ――熟悉度：用户知道并且了解该品牌的程度，反映市场的表现和地位 ――流行度：流行的/大众接受的品牌，反映市场的表现和地位 ――相关性：品牌以及产品是否...
事发突然： 今年8月份，发神经般的在微博上点开了一个广告链接，发现某美妆品牌的东西性价比很高，于是成功购买。这是我在SNS的网站上达成的第一笔交易，拿到钟爱的护肤品，突然发现：我居然没有在“我的淘宝”的“好友动态”里点击过别人分享的东西，更别提购买了。于是，有了这次的研究。 一、立项： 基于以上想法，本打算研究SNS用户习惯及动机（没有限定在淘宝网），希望能通过照片日志（Photo Dairy）的方法，从定性的角度研...
注：本文是我在淘宝的内网中发现的一片文章，作者来自于测试团队的霜波同学，她是我淘宝讲师团队的同事，爱好广泛，去年一年都在研究心理学。哈哈，让我甚是佩服。这篇文章写的是互联网用户的心理学特征，我觉得分析的很到位，感觉这些行为就是每天发生在自己身上一样。我想，这对设计师来说，了解这些用户行为背后的原因是非常重要的。故转发此文，与大家一同分享。 近半年持续关注了一些用户反馈和客服电话，从一些常见问题中总...
引子 Q3季度淘宝用研与西南财经大学的陈冬宇老师合作，对聚划算的用户进行了深入研究，项目中投放的定量问卷涉及到用户对聚划算的心理认知，本文单独就这一部分内容进行讨论，最终数据是从样本中筛选出的了解聚划算的用户1010个。 本次研究采用七级量表考察用户对聚划算的心理认知，包含25个描述性语句（详见下文因子分析结果中的表述），事先对语句做了划分，共有八个面向：信任、产品多样性*、商品质量*、信息充裕性、服务质量、...
引言：这篇文章是小柒、墨轩、淡月、和我4个人一起工作的成果，在今年9月的STS设计分享会上演讲过一次。我们的设计分享会一共有4个演讲主题，另外几个话题稍后会陆续在这里和大家见面~ 一个新的网络产品，或者一个全新的功能要想吸引用户的使用兴趣，就需要让用户在刚一接触到的时候能够快速地了解它是什么，能做些什么，并且能马上开始一些简单的操作。如果看了很久还没弄明白这些，那么很可能就彻底放弃了。 所以，设计新手用户...
开篇先说好，这个题目其实并不适合我这个阅历的人来讲，但是作为工作过7-8年的设计来说，这是不得不思考的问题，今天只是和大家汇报下我自己的想法，仅此而已，言论如有不当，纯属参考。 ――弥难（lcjeremy） 曾几何时做设计的苦衷 自己做视觉设计也小又年头了也没混出什么成就，先后做过广告公司、传媒公司，电视媒体和互联网公司，小到几人的唱片公司工作室，大到千人万人集团公司。我对于设计的认识也是随着成长而逐步变化着。...
• 瀑布流布局浅析
简介 如果你经常网上冲浪，这样参差不齐的多栏布局，是不是很眼熟啊？ 类似的布局，似乎一夜之间出现在国内外大大小小的网站上，比如 Pinterest (貌似是最早使用这种布局的网站了)，Mark之，蘑菇街，点点网，以及淘宝最新上线的“哇哦” 等等，倒是很流行哈~ 在淘宝即将上线的众多产品中，你还会大量看到这样的形式呢。 这种布局适合于小数据块，每个数据块内容相近且没有侧重。通常，随着页面滚动条向下滚动，这种布局还会不断加...
近3天十大热文
-
[70] Go Reflect 性能 -
[68] 如何拿下简短的域名
-
[65] Oracle MTS模式下 进程地址与会话信
-
[63] 图书馆的世界纪录
-
[62] IOS安全–浅谈关于IOS加固的几种方法
-
[61] 【社会化设计】自我（self）部分――欢迎区
-
[59] android 开发入门
-
[54] 视觉调整－设计师 vs. 逻辑
-
[49] 界面设计速成
-
[48] 读书笔记-壹百度:百度十年千倍的29条法则
赞助商广告
