AliUED

搜索结果页(SERP)之:不要被F型浏览忽悠了

什么是F型浏览?2006年4月,美国长期研究网站可用性的著名网站设计师杰柯柏·尼尔森(Jakob Nielsen)发表了一项《眼球轨迹的研究》报告(原文:F-Shaped Pattern For Reading Web Content)。报告中提出,大多数情况下浏览者都不由自主的以“F”形状的模式阅读网页,这种基本恒定的阅读习惯决定了网页呈现F形的关注热度。研究者用了几种不

设计平衡之路—在工作中体验设计和交付的平衡

一个完美的设计,需要一次次改良。一个好的设计师总也不会觉得东西完美了。做前端的前辈说,web2就是永远的beta,其实对设计师来说也是这样的。但是对于产品来说,要是一直在改进设计,达不到一个最终交付状态,那产品就失去了市场意义。如何在设计和最终交付中寻找平衡就变得很重要,这是设计师必须修炼的一门功课。之前,我们团队接到一个设计任务,需求的主旨是让买家能够快速、便捷地联系卖家

Alibaba国际站首页改版小结

阿里巴巴国际站(Alibaba.com)是全球最大、最有影响力的B2B电子商务平台,是阿里巴巴集团的旗舰公司。长期以来,阿里巴巴国际站视觉风格并未随着业务的突飞猛进而有更富魅力的改变,呈现在用户面前的,依旧是稍显过时的设计风格。随着用户需求和公司业务的压力,对网站的视觉重构就成了迫在眉睫的事情,是时候来一次激动人心变革了!一. 目前线上版本分析上图为目前线上版本,较2009

整体到细节的交互设计规划

2012年初,我负责了对公司“深度匹配”产品进行了一次全面的用户体验规划,对产品整体的设计开展提供了用户视角的依据。过程收到了PD同学和业务团队的一些不错的反馈。在这里和大家分享一下这个设计推导过程。新设计师在进行交互设计时,很容易直接进入具体的界面层的设计思考,而整个过程中的前期推导过程却很容易被忽略,在这个案例中会着重前期推导的部分。基于提炼的方法论先放出一张我在设计过

React+Redu 同构应用开发

背景 随着众多React + Redux 项目在团队中落地,基于此模式的单向数据流应用受到了广泛的推崇。但是在项目开发过程中,尤其是复杂单页应用,JS文件的体积往往高达数百KB。相较于以往开发模式(Kissy、jQuery、Zepto&8230;)几十KB的体积,极大地增加了页面首次加载的时间。PC端中,这些问题并不突出,但对于移动端,尤其是弱网环境下,会大大增加用户的等

移动端高清、多屏适配方案

背景1. 开发移动端H5页面1. 面对不同分辨率的手机1. 面对不同屏幕尺寸的手机### 视觉稿在前端开发之前,视觉MM会给我们一个psd文件,称之为 视觉稿。对于移动端开发而言,为了做到页面高清的效果,视觉稿的规范往往会遵循以下两点:首先,选取一款手机的 屏幕宽高作为 基准(以前是iphone4的 320×480,现在更多的是iphone6的

Angular指令编译原理(三)

前言 angular之所以使用起来很方便,是因为通常我们只需要在html里面引入一个或多个(自定义或内置的)指令就可以完成一个特定的功能(这也是angular推荐的方式),比如: 一个简单的双向绑定(用ng-model指令),或者 模板循环渲染(用ng-repeat指令),又或者是 模板是否显示(用ng-if指令),而对于这些指令的内部实现一般我们无

Redu卍解

Redux 卍解Redux — Flux设计模式的又一种实现形式。说起Flux,笔者之前,曾写过一篇《ReFlux细说》的文章,重点对比讲述了Flux的另外两种实现形式:『Facebook Flux vs Reflux』,有兴趣的同学可以一并看看。时过境迁,现在社区里,Redux的风头早已盖过其他Flux,它与React的组合使用更是大家所推荐的。Redux很火,很流行,并

水到渠成 – 用户体验架构的探索和实践(附PDF)

阿里巴巴国际UED交互设计专家田瑞航 互联网的诸多用户体验团队都在寻求与其他团队更好的合作方式,推动产品及用户体验的发展。UED的核心着眼点是关注用户不同层面的诉求,推动各方面展开研究与探索,创造更符合用户需要的服务。阿里巴巴国际站交互设计专家田瑞航在2014国际体验设计大会上带来《水到渠成 &8211; 用户体验架构的探索》工作坊,就如何有效保持设计方向的可预测、体验的整

交互设计三要素–目标、任务、行为

先讲个故事,小鹏是个销售员,下午出去拜访客户,完事后发现已经六点多了,非常饿,小鹏想回家自己做饭吃,但是实在是太饿了,回家又要做好久的地铁,还不如就在附近找家小饭馆吃了呢,于是环顾四周,发现马路对面左前方200米有个麦当劳,于是就穿过马路,沿着道路走了过去,到了麦当劳要了一份套餐,风卷残云的吃完了。问题来了,这个故事里面:[br]什么是目标?[br]小鹏饿了,想把自己填饱,