阿里巴巴中国站UED -- IT技术博客大学习 -- 共学习共进步！

• 字体图形化设计

现代设计中直接从电脑里调出来的千遍一律的标准字体已经不能满足互联网用户日渐提高的审美需求,所以设计师要打破常规,能根据不同的需求,对字体进行独特的个性化的设计。同时字体的图形化设计有利于页面f氛围的营造以及更好的传递产品的特性以及功能等,特别是在推广页面设计的时候我们对标题文案(往往概括了整个活动的专题商业需求)进行特殊的设计处理,与其他的内容文案形成对比,引起用户的知觉兴趣,从而达到让用户有效的了解页面的重点信息。

• GC与JS内存泄露

Javascript有没有内存泄露？如果有，如何避免？鉴于最近有好几个人问到我类似的问题，看来大家对这部分内容还没有系统的研究过，因此，打算在这里把个人几年前整理的一些资料和大家分享...

• A/B测试：实现方法

它的特点是，利用前端 JavaScript 方法，在客户端进行分流，同时，可以用 JavaScript 记录下用户的鼠标行为（甚至键盘行为，如果需要的话），直接发送到对应的打点服务器记录。这样的好处是不需要技术部（如果你们和我们一样，前端工程师与后端工程师分属不同部门的话）参与，并且可以比较精确地记录下用户在页面上的每一个行为，甚至包括后端方法难以记录到的无效点击！

• Banner设计

Banner最主要的目的在于告诉用户我们要干什么，我们要告诉他们什么。在网络世界里，我更倾向认为其是一个能真正体现个人意志的地方，如果我们不能在最短的时间内把我们想说的传达给用户的话，那用户会毫无顾虑的选择离开，而不用考虑什么“情面”。在具体的Banner设计中，信息的传达方式无外乎2种――图片和文字；图片是一种最直接的传达模式，也是用户理解成本最低的信息接受渠道，因此图片一定要选择明晰的，一眼看上去就知道到底在卖什么，要表达什么。

• 浅谈腾讯视觉的关系设计

一、腾讯LOGO 08年4月腾讯网（QQ.com）宣布启用新品牌标识，以绿、黄、红三色轨迹线环绕的小企鹅标识取代过去的QQ企鹅图案，腾讯传媒、QQ游戏等业务，都将同期统一更换新标识。二、从lo...

• 浅谈后台页面按钮运用

按钮分组按钮的分组可以让一个界面变得具有自我描述能力.在复杂的布局中，组织良好的各组按钮用以选择，而且因为很明显，这样可以很快告诉用户有哪些功能可以使用。几个按钮放在一起，因为它们可能完成类似的功能。

• A/B测试：基本概念

网站设计中，我们经常会面临多个设计方案的选择，比如某个按钮是用红色还是用蓝色，是放左边还是放右边。传统的解决方法通常是集体讨论表决，或者由某位专家或领导来拍板，实在决定不了时也有随机选一个上线的。虽然传统解决办法多数情况下也是有效的，但A/B 测试（A/B Testing）可能是解决这类问题的一个更好的方法。

• 亚马逊用户体验改善

亚马逊的成功是强大用户购物体验的直接结果，今天无论是在理念还是在实践上，都堪称电子商务开发者的学习标杆。

随着电子商务热潮的持续升温，现在电子商务网站的设计，正面临着一系列的挑战，其中最主要的挑战就是如何建立一种用户体验，来提高用户在线购物的可能性。

为了对抗网上激烈的竞争，消除网上多疑购物者的顾虑，设计人员可以采取一些措施来改善他们网上商城的可用性。自1995年以来，亚马逊已经成为在电子商务B2C领域里公认的世界领导者。它的成功并非偶然，也不仅仅是在一个正确的地方与一个正确的时间的结果。

亚马逊的成功是强大用户购物体验的直接结果，今天无论是在理念还是实践上，都为许多的电子商务开发者提供了值得仿效的参考。

• 电子商务搜索LIST页面用户体验设计

创建专业的电子商务垂直搜索，以及把原有的信息聚合平台转型为在线采购批发交易平台。根据行业特点及交易需要，对原有的零批(小额批发)搜索进行改版，改造为适合行业搜索交易频道，便是这次改版的设计目标。我们搜索产品线的产品经理与用户体验设计师们进行了长达半年的准备工作。项目组成员将对现有的功能需求，信息架构，视觉色彩，用户体验等，做多视角、多纬度的分析。力求在1688.com上线后，推出另一个电子商务垂直搜索用户体验盛宴。

• 模板技术，设计模式和OOP实践心得

个性化list它的一个特点是采用后台开放的api接口，通过前台配置参数来提取相应的数据，基于CMS系统，达到快速搭建页面的目的。历时两次改版，从数...

• 一个兼容多种场合的Javascript图片大小自适应function

在实际应用中，图片自适应大小结合水平垂直居中，是非常常用的手段。今天就图片的自适应这里推荐一个方法，此方法已经通过多种常见场合和各大浏览器兼容性的测试。

• Javascript Selectors 入门篇

为初学者简单地介绍什么是Javascript Selectors, 如何使用Javascript Selectors, 从原理上理解它...

• 图片轮播控件 Carousel Controls

在页面设计中，针对考虑引用图片的区域，如果设计师有达成以下目标的时候，可以考虑采用图片轮播控件：

1）提升单位面积利用率；

2）丰富单位面积下的展示信息；

3）增加用户操作趣味性；

• 交互设计师的专业度表现

・引言一直以来，交互设计师都是一个受到广泛质疑的岗位，很多人不了解交互设计师的价值，更直接的说，我们大多数的交互设计师没有表现出足够的、令人信服的专业度。大约五年前选择...

• 手机版阿里图文排版案例

阿里手机版List页图文排版案例基础背景介绍 1）据”深圳移动”调研，目前阿里客户的主流手机屏幕分辨率通常是176×220和240×320，考虑到目前手机发展的实际趋势，建议以240×3...

• 基于网站日志数据挖掘的用户访问行为模式可视化研究

摘要：在进行互联网用户浏览行为的定量研究中，我们采用数据挖掘的方式对网站日志进行分析，用可视化技术展现日志的有效信息，开发了一个基于网站日志的可视化分析系统。这个分析系...

• 更真实的理解用户

引言我们的设计有没有缺陷？使用者是否会自动按照设计师的意图去使用？人们真的会产生良好愉悦的感受？介绍一种研究方法：人种志人种志又称民族志（中文的对应翻译）、叙述民族...

• 阿里输入框交互尝试、启发式评估及优化建议

・设计目的： 1）在不影响现有用户使用习惯的前提下，提升搜索输入流程的便利性； 2）在有限的空间内，增强首页搜索操作的历史回溯能力，减少老用户的搜索操作成本，提高他们的搜索效...

• 亚马逊购物的用户体验分析

电子商务网站的设计,今天正面临着一系列的挑战,其中最主要的挑战是:我们尝试建立一种用户体验,它可以增加更多的网上购物用户。为了对抗网上激烈的竞争，消除网上多疑购物者的顾虑，...

• 阿里巴巴：制造孤独的CEO

“我不懂金融，我不去。”邵晓锋直截了当地对马云说。 2007年底，时任淘宝网副总裁的邵晓锋接到了调令，阿里巴巴集团将其调往另一子公司支付宝任总裁，邵对这一升职令的第一反应是拒绝。其实，他心里还有一个小算盘：支付宝所从事的支付担保业务看起来四平八稳，并不像他所在的淘宝网发展那么日新月异而让人激动。 “难道老陆懂啊？”马云挑了挑眉毛，几近反讽。马的反问让邵晓锋的推脱没了支点。“...