国际UED——O2O业务前端开发工程师岗位描述负责如会员卡、优惠券等城市生活类产品的开发，高质量完成Web前端开发任务；参与前端框架的设计与实现，平台易用性与用户体验的持续改进；持续性能优化，实现极致的Web加载、执行和渲染优化；建立或优化提升前端效率的工具；结合前端技术建立或优化Web的交互方式；Web前沿技术研究和新技术调研，指导和培训新人。岗位要求本科及以上学历，计算机或相关专业；两年以上开发经验，精通各种Web前端技术，包括HTML/CSS/Javascript等；深刻理解Web标准，对可用性、可访问性有实际的了解和实践经验；有Html5/css3等移动端Web页面开发经验和案例；至少熟悉一门非Web前端脚本的语言（如Java/PHP/C++）或Node.js，并有实践经验；工作效率高，适应能力强，乐观开朗、主动积极。简历投递至：hongbang.lhb@alibaba-inc.com国际UED——基础业务前端开发工程师岗位描述:负责交易链路前端服务化开发工作，包括商品发布、商品详情、下单，本地商户等业务；通过前端开发工具和优雅的架构设计，提升团队间的开发效率；对前端性能优化有一定的经验，能够快速定位性能影响因素，熟悉框架性能差异和影响因素（如常用xtemplate\mvvm）；关注Web前沿技术研究，通过新技术服务团队和业务。岗位要求精通 web前端技术，包括 HTML、 ...继续阅读 (40)

几天前，Apple发布了iPhone 6 Plus. 新的iPhone大幅改变了图像在屏幕上渲染的方式。我们做了一个图表进行详细分析：一根线的渲染为了说明多种设备的不同像素渲染情况，我们比较了一个一像素宽的线是怎样渲染的：最初的iPhone – 没有高清屏，比例系数是1。iPhone 5 – 有高清屏，比例系数是2。iPhone 6 Plus – 超高清屏（Retina display HD）。比例系数是3，并且图像会先渲染为2208 × 1242像素然后缩小为1920 × 1080像素。缩小的比例是1920 / 2208 = 1080 / 1242 = 20 / 23. 这意味着最初渲染的每23像素会分布到20物理像素中。换句话说图像会缩小为大约原尺寸的87%。原文:http://www.paintcodeapp.com/news/iphone-6-screens-demystified译者信息：吴梦圆，@小雪-Joanna，阿里国际UED前端。 ...继续阅读 (27)

自从苹果的设计旷世惊奇地重新回归了点、线、面这种基础视觉元素后，远在太平洋彼岸的日本，以无印良品设计风潮的兴起为标志，也掀起了一场设计简单化、生活质朴化运动。而地处北纬55度以北，寒冷严酷的北欧，不甘落后地兴起了回归人性、回归自然的设计生活方式，其中以B&O;、宜家家具为典型代表。无简洁、不设计，在20世纪末21世纪初风靡全球，形成了一股继包豪斯时代以来的最大规模的简约设计风潮。 如果说现代设计中，有一个词是所有设计师都推崇标榜的，那非“简洁”二字莫属了。正如中西方绘画最终不约而同地走向写意，世界设计风向也一致无疑地选择了简洁。但是，简洁设计的根本原因是什么？设计有“道”可循么？未来的设计呢？这些问题似乎无人在意、也似乎无人能准确解答。禅即本质我们追寻设计的缘由，必先洞察人类本身的各种需要，尤其是人的生活和审美需求。与科技的发展不同，人的某些需要，是定期定量的，不会是无限制、无限期的增长下去的，比如人的温饱需要，也比如我们的审美和安全需要。可以说当今的人类，同2000年前祖先相比，审美方面并不见得有多高明，时尚总是在从传统中汲取养料。《兰亭序》被后人临习了千万遍，始终无人能达王羲之的水准，而遍及世界各地各种风格的人体雕塑，一与古希腊作品并列时就会显得黯然失色。运动的事物，总有轨迹可循，而静止的事物，往往难以深究。所谓世事万变而真理不灭。这里的我们说的真理，是去除一切修饰的质朴的世界 ...继续阅读 (18)

因为接下来要做卖家后台数据纵横的改版，对数据可视化这块儿又进行了研究和心得的整理，跟大家分享下数据可视化常用的五种方式，希望能给大家带来思路的拓展。概念借助于图形化的手段，清晰、快捷有效的传达与沟通信息。从用户的角度，数据可视化可以让用户快速抓住要点信息，让关键的数据点从人类的眼睛快速通往心灵深处。数据可视化一般会具备以下几个特点：准确性、创新性 和 简洁性。常用五种可视化方法下面从最常用和实用的维度总结了如下5种数据可视化方法，让我们来一一看一下：一、面积&尺寸可视化对同一类图形（例如柱状、圆环和蜘蛛图等）的长度、高度或面积加以区别，来清晰的表达不同指标对应的指标值之间的对比。这种方法会让浏览者对数据及其之间的对比一目了然。制作这类数据可视化图形时，要用数学公式计算，来表达准确的尺度和比例。Examples:a: 天猫的店铺动态评分天猫店铺动态评分模块右侧的条状图按精确的比例清晰的表达了不同评分用户的占比。从下图中我们第一眼就可以强烈的感知到5分动态评分的用户占绝对的比例。b: 联邦预算图如下图，在美国联邦预算剖面图里，用不同高度的货币流清晰的表达了资金的来源去向，及每一项所占金额的比重。c: 公司黄页-企业能力模型蜘蛛图如下图，通过蜘蛛图的表现，公司综合实力与同行平均水平的对比便一目了然。二、颜色可视化通过颜色的深浅来表达指标值的强弱和大小，是数据可视化设计的常用方法，用户一眼 ...继续阅读 (15)

中国是什么颜色?你可能想起的是红色.如果看皇帝,中国5000年历史, 秦代中国是黑色, 汉代是红黑色, 唐代是金黄色.如果看出口,会发现”China” 英文为”瓷器”, 在一段很长的外国历史中, 中国是代表蓝色青花瓷器.当时全球经济, 中东伊斯兰国家非常富有, 对中国出口的蓝色青花瓷器十分喜爱, 需求甚大. 这也是中国贸易顺差(Trade Surplus)的重要开始, 唐代GDP(国内生产总值)上升的其中一个起因.“在伊斯兰教中，蓝色是一种纯洁的颜色。”– Wiki“我国最早出现装饰有阿拉伯文字的瓷器可上溯至唐代。这类器物主要用于出口贸易以及与中东各国政治交往，器物的造型、纹饰均符合阿拉伯地区群众的生活习惯及审美需求。器物类别主要以碗、盘、罐为主，另有香炉、插屏、烛台、笔山、盖盒等日常生活用具。” –青花瓷器上的阿拉伯文化元素这种蓝白相间的青花瓷器,  由唐代(618年)起, 近1300年的记忆中, 对于中东人来说出现在家里的中国是蓝白色的. 直至新中国出现在他们家里的彩色电视机, 才换上红色. 中东是古代东西方外贸必经之路, 代表着在外国人眼中, 蓝白相间的中国上占了1300年, 红色占了65年.基于历史文化原因, 蓝白色代表中国出口外贸事业, 背后的文化承传意 ...继续阅读 (28)

先讲个故事，小鹏是个销售员，下午出去拜访客户，完事后发现已经六点多了，非常饿，小鹏想回家自己做饭吃，但是实在是太饿了，回家又要做好久的地铁，还不如就在附近找家小饭馆吃了呢，于是环顾四周，发现马路对面左前方200米有个麦当劳，于是就穿过马路，沿着道路走了过去，到了麦当劳要了一份套餐，风卷残云的吃完了。问题来了，这个故事里面:什么是目标？小鹏饿了，想把自己填饱，这就是目标;什么是任务？回家自己做是一种任务，到附近的地方吃也是一种任务,任务比较抽象，实现同一个目标可能有很多不同的任务，它是利用产品达成这个目的的具体步骤，多个步骤合起来就达成了目标，比如去楼下饭馆-点餐-吃-结账-走人等五个任务。什么是行为？穿过马路，走到麦当劳，推门进去，排队，点餐，等候，就餐，这些就是行为，行为是每个任务的具体动作，比如吃的时候你用筷子还是刀叉，坐在靠走廊还是靠窗，行为体现出了用户的操作习惯和对这个事件的认知水平。 就是可以看到的用户的具体操作，专业点的叫“用例”，现在先这么叫做“行为”吧。这三个对于做用户体验和交互设计来讲至关重要，决定了后边的交互工作是否有效，是方向性的。一个普遍的问题是，目标和任务容易混淆。不过这也正常，因为有三个概念，数量有点多。人们对事物的认知基本上就是二元的，比如“对-错”“好-坏”“美-丑”“想-做”等等，于是猜想，人类最熟悉的事物莫过于人类自身，我们的身体看起来就是个总体 ...继续阅读 (22)

阿里巴巴国际UED交互设计专家田瑞航互联网的诸多用户体验团队都在寻求与其他团队更好的合作方式，推动产品及用户体验的发展。UED的核心着眼点是关注用户不同层面的诉求，推动各方面展开研究与探索，创造更符合用户需要的服务。阿里巴巴国际站交互设计专家田瑞航在2014国际体验设计大会上带来《水到渠成 – 用户体验架构的探索》工作坊，就如何有效保持设计方向的可预测、体验的整体掌握、设计的持续迭代这几个方面，和他的设计团队共同探索出了行之有效的体系化思路——用户体验架构（UXA）。本次工作坊将基于UXA的矩阵切入，结合实际工作中的经典案例，与参会者共同探讨用户体验的架构方法。主讲人田瑞航介绍了这次工作坊要讨论的几个问题。首先，用户体验设计将如何定位？其次，如何保障快速、持续的迭代？接下来，主讲人介绍了阿里国际UED服务什么产品。他指出，过去的互联网是简单、能用就行的模式。而现在，整个生态圈侧重与对用户的服务，而用户也更加的高眼光，更挑剔。当前的企业越来越重视互联网思维，重视将线上与线下的环节链接起来，并且互动起来。他举了阿里集团B2B，B2C的例子来说明。接下来他与参会者互动，例举了一些用户体验的问题并尝试归纳其类型。通过参与者的踊跃发言，他将这些用户体验问题归纳为四大类：信息噪音多；引导路径乱；功能形势杂；逻辑设计错误。而导致多、乱、杂、错的原因主要有三点：缺失用户视角，不成专业的 ...继续阅读 (25)

一次午饭的路上，同学们聊到摄影很喜欢，那就发起个活动吧。简单的由来。我们最终去体验杭州风情，地点定在馒头山社区，开车前往20分钟车程就到，半天时间顺便再开个周例会。周三下午多云，32摄氏度（微热），东风3到5节。馒头山社区位于浙江省杭州市上城区南星街道南宋皇城遗址凤凰山脚路，南靠浙赣线，西至凤凰山，北上万松岭，社区依山而成，环境幽雅，社区内有全国重点文物保护单位——梵天寺经幢，还有月岩、圣果寺、老虎洞官窑遗址、万松书院等名胜古迹，有着浓厚的文化底蕴。（摘自百度百科）馒头山社区是正宗的老杭州风情，住的是老房子，红底大字广告牌，电线上直接挂上了灯笼，衣服外晾在门口衣绳上，很淳朴。这样的老杭州风情或许正慢慢消失，应该趁早感受那份理想中的本土风情。据说馒头山是太平天国时期，李秀成二次攻打杭城，围城两个月，城内军民断粮。太平军在山上日日架锅蒸馒开大白馒头，香气出笼，飘到了城门楼。清兵“闻风”投奔，斗志涣散，导致城破。馒头山的名字也有此而来。老社区停车是个问题，领头的我把同学们带进了一工厂，把车间当停车场了，同学们很迅速的停好车，我定神一看感觉不对，转头看向门卫处，三五个师傅已经走出门卫室，表情严肃，我接问哪里有停车场，最后还是被哄了出来。运气还不错，回走一段路就找到车位，等大家到齐，确定集合地点是柒宝の烘焙坊咖啡馆，推荐他家的榴芒双拼蛋糕，整装收拾分组就开拍了。ps：提升活动积极性设小奖一枚 ...继续阅读 (20)

@media screen{ } p{line-height:26px; } .divcss5-a p{ margin:0 auto;}LOW POLYGON DESIGNBy Johnny Chen, Stephanie Chan, Juan Pablo CostanzoLow Polygon design is starting to become a new trend recently, it’s more like a natural extension of flat design, low poly design is the use of simple, colourful polygons to imitate an object or used as a background.Low Poly was originally used in 3D model making. The low polygonal resolution was faster to render images in 3D. Most recently it has caught on as an illustration technique because of its versatility, simplicity and provides an unique ...继续阅读 (10)

作为视觉设计师，我们的作用除了最基本的满足用户审美需求，还会有品牌传达，信息传达，功能传达等，其中想要信息有效的传达给用户，需要我们建立信息层级，而不是一股脑的丢给用户自己理解，要做到这点有哪些视觉方法，这些方法的背后是否有理论依据，是本文的主题。首先看下面两张图，左图为相机拍摄的效果，右图为人眼不移动时看到的效果，可以发现人眼对信息的获取并不是一次性完成的，它不能同时产生多个焦点从而把视线停留在更多的地方，设计师需要考虑的是让用户通过眼球移动，按照一定的顺序获取信息，帮助获取和理解的过程高效自然。这个设计方法希望解决的主要是两个问题：1、用户获取和理解信息的效率建立良好的信息层级，能让用户在有限的时间里，快速获取和理解有用、感兴趣的信息，并产生下一步行为；2、设计师的专业性设计师有意识的分析信息优先级，了解哪些视觉表现手法可以建立信息层级及每一种方法背后的理论依据，不仅仅凭感觉做设计。一、前期了解&分析在开始设计前，除了对项目本身的背景目标有所了解外，视觉设计师针对具体的页面也需要了解一些内容以帮助后面的设计有指导方向，包括页面定位、氛围营造、信息优先级和用户核心行为。1.1、页面定位是帮助分析页面信息优先级、核心行为的前提通常有：· 用户是谁· 用户来自哪里，即从什么渠道来到该页面· 页面内容定位，提供什么、不提供什么· 页面作用举个例子：我们在设计采购直达市场新首页时，交互通 ...继续阅读 (19)