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

• 营销活动制作过程——以321大促为例

众所周知这是设计的第一步，个人认为这也是最重要的一步；因为整个活动的风格走向都是在这一步确定的。首先需要弄清楚需求方想要什么，可能这个需求方不止一个人，关键是谁来做决定；通过直接或间接的方式收集到的关键词是“热闹”、“抢”；因为是为3月21日的促销做预热，所以整个预热页面的重点就是促销气氛的烘托，以及3月21日当天活动告知。

• 不看不见de视觉，不知不觉de设计

隐形的尺寸、边缘的思量、手势的语汇、动画的语法… 看得见的视觉，看不见的视觉背后的设计故事——阿里巴巴中国站无线产品经验总结…

• 利用选择题进行信息关注度研究案例解析

如果我们想知道浏览某个页面的用户到底在看些什么？一般往有如下几种方法：1.查看点击流数据，如CTR(Click through rate，点击转化率/点选率)、点击热图(Heat Map，可用于测试不同的布局方式、配色方案等对整体效果造成的影响)；2.眼动测试，可得到用户的注视轨迹、某一区块的注视时间、注视点个数、回扫次数，及注视热图等。3.用户访谈和用户测试，定性了解用户的浏览行为及其背后的原因。

• 初识PhoneGap

PhoneGap是什么？ PhoneGap是一个标准的开源框架，用PhoneGap开发移动应用是免费的，无论是商业或是开源；一个用基于HTML，CSS和JavaScript的，创建跨平台移动应用的快速开发平台。

• 轻触，数据美丽的外衣

在这个信息爆炸的时代，借助图形化的手段，高效和清晰的交流信息是数据可视化的目的所在，作为一种信息载体，她拥有对数据的多种表现形式，可以是美丽的且带有趣味性的，以前对于数据在图形上表现只是停留在饼图、柱状图和直方图等简单的视觉表现形式上，为了更加有效的传达数据信息，帮助用户理解引起共鸣，依附与目前多媒体的科技手段，可视化的表现形式从平面到三维，媒介形式从纸张到网络以及视频，在互动性及时效性上都不断发生着变化。

• 设计师也需要了解的一些前端知识

国画中有句话，“画虎先画骨”。对应到网页上，视觉效果只是一张皮，前端代码是支撑这张皮的骨，了解骨架是怎么长的，有助于设计出更合理高效的页面。一、常见视觉效果是如何实现的 ...

• 产品中图形语言规范化的意义与过程

现在随着互联网企业的发展与业务的拓展，随着时间的推移，一个公司的产品可能将越来越丰富多样，同样每一个产品随不断的功能完善和扩展，随着一个产品的“长大”产品内所需要用到的图标也必然会越来越多，这时候众多产品形象的呈现、产品内图标等视觉原素的表现，如何能与整个产品或公司的战略计划相适应，这时候在图形语言的视觉呈现，语义表达、识别性等层面就需要作一个全面细致的考虑了。

• Web表单设计:表单结构

你是否曾为表单设计感到过沮丧或不知所措呢？接下来三篇文章，希望能彻底改变你的看法，真正爱上Web表单设计。首先感谢Luke Wroblewski的帮助，让我有机会细心品味设计表单的乐趣。总体来...

• Flash真的适合做网站应用吗？

最近，我们做了一个决定：开发一个类似功能的ActiveX控件，替代Flash作为图片上传的主要解决方案。ActiveX的优势是性能，不足之处在于只能在Windows+IE浏览器中使用，但实际上我们的Flash上传目前也只能在IE中使用。Flash真的适合像阿里巴巴这样的网站使用吗？闭源和性能是Flash最大的问题。但在HTML5被广泛支持前，Flash和传统Ajax还是我们最主要的富客户端应用开发技术，相对于ActiveX、Silverlight、JavaFX、Gear等技术来说，Flash还是有安装率优势的。我们看到Adobe最近在新功能开发方面非常给力，值得称赞，但基础的功能的持续完善对开发者也同样重要。目前Flash依然是我们很重要的RIA技术，但是HTML5完全到来的那一天，现在很难说。

• 基于信息内容的体验设计

如今的智能手机系统市场基本可分为2大块：iphone OS，谷歌的Android系统，而Windows Phone OS7的异军突起，令人眼前一亮，他所主打的独特理念以及其定位的人群，使得他们在如今的智能机市场瓜分到一片天地

• 阿里巴巴B2B-Persona-角色分析-准备阶段(一)

什么是Persona？简单说来就是，在大量调研的基础上经过处理的真实有效的数，抽象出角色、场景、剧情的特征，形成一个或多个虚拟角色。它不但是很强大的，能用来快速创建产品且成本效益很高的设计工具，而且拥有正确的功能和优良的品质。他是对由真实人物所提供地便于理解且准确的数据所构建出地虚构人物的详细描述。但是，需要记住地是，它不代表每个可能的用户，不是所存在设计流程的替代品。它就像雨后彩虹的七彩色，用来描述成千上万的用户。

• 网站日志分析方法系列一：聚焦式分析

在网页运营改版过程中，经常有设计师或者运营同事有这样的疑问：我的页面到底产生了多大价值？这个页面引导的用户接下来访问了多少商品的页面？有没有产生交易？有没有到我想让用户去的那些页面？

• 我所理解的网页推广设计的几个要点

从我这几个月的设计感受来说，对于一个刚毕业的设计师，在沟通方面的能力提高最重要，要学会换位思考。对需求的认识和理解要及时与需求方探讨，挖掘需求的诉求点进行突出表现。在技术上要坚持不断地练习、探索，尝试用不同的表现风格(可爱、炫酷、手绘、简约、雅致等)，不断提高专业技能，使创意和技术达到完美结合。

• 网站分析方法系列二――分析页面区块价值

如何在寸土寸金的首页上使页面的价值最大化，是每个网站设计者最关心的话题。用户关注的页面长度、宽度都是有限的。宽度自不必说，一般网站都会根据自己网站最大用户群的硬件条件来...

• Icon设计要点――信息传达的准确度（一）

来阿里之前主要的工作方向客户端终端的gui设计，在这里聊几句设计icon的想法，有些观点可能有争议，纯属个人经验感受。 Icon设计的核心是信息传达的准确度，就是icon所传达的信息让目标用...

• 用户界面设计中“状态”和“动作”的表达

动作是指具有一定动机和目的并指向一定对象的运动。状态指人或事物表现出来的形态。结合来讲，动作是促使人或事物改变某一状态的运动，而状态是动作造成的结果表现。因此两者经常是紧密关联的，有时甚至是互为条件的。

• Flash在某些多标签浏览器中的“伪沙箱”问题

在Flash播放器运行时，将不同来源的资源划分到独立的沙箱(sandbox)内，不同沙箱之间不能彼此操作数据（除非目标沙箱做过一些设置，授权其他沙箱可访问），这就是Flash的跨沙箱问题。当Flash文件(.swf) 和页面(.html)不在同一个域名下时，如果不经过Flash内部声明System.allowDomain，html无法访问flash定义的接口；不经过html设置allowScriptAccess为’always’，Flash也无法调用页面上的js函数。

• Icon设计几个关键点

Icon最重要，最难的是形的把握，所以建议多画草图，在画草图的同时要考虑形的表现形式，在08――09年，icon的设计趋势3维，从iphone面市后终端的icon都跟iphone差不多，以二维形式展现。不管三维、二维、像素，形要简洁易懂，一目了然，icon的元素都会取自生活中的某个物体，想要简单易懂，要抓住物体最主要的特征来展现，如果在高分辨率屏幕下可以具象一些，可展现更多的细节，也可用两个元素来组合。

• 我们需要培养用户的使用习惯

很多时候，我们考虑的都是怎么设计出符合用户使用习惯的好的产品，怎样在现有的市场中杀出一条血路。我们一味的尊重用户已有的使用习惯，只会使我们的产品的开发之路越来越窄，进入到一片红海之中。我们完全可以在充分了解用户的潜在需求之后，开发出好的产品，培养出用户使用该新产品的使用习惯，这样就是我们的产品开发进入一片蓝海，取得商业上的胜利。

• 兼顾安全及易用性的远程测试系统之搭建

远程测试的优点已经无需赘述，在产品开发项目周期短暂，来回实验室时间及路费成本高昂，用户遍布全国各地难以邀约的情况下，远程可用性测试正在成为“实现传统可用性测试80%好处和70%效果”的最佳替代品。
在远程测试的实际可行操作中，第一步所要做的就是搭建一个稳定，安全，且满足测试需求的测试环境。中文站用研组最近在这方面进行了积极尝试，并得到一定成果。