您现在的位置:首页
--> Taobao.com UED Team
推广专题设计在淘宝运用频率相当高,涉及面广泛,设计形式也丰富多彩,本期推广设计形式研究来讲解其中一种形式:模拟场景设计. 模拟场景设计的类别(全局场景模拟、局部场景模拟) 1:全局场景模拟:大量使用与主题相关的元素合成,并且有很连贯整体性的页面。全局场景设计适用与大型促销活动,主题内容单一类的活动,页面内容元素丰富,但不适用与页面高度较长的活动。 此类设计形式能提升用户浏览时对主题表达内容的理...
来杭州快五个月了,自从进入UED,整个人的思路会不由自主地带上U的色彩,这就叫融入吧,不是模式化的做作,而是自然而然的落听。一旦进入角色,就会用U的视角思考周遭。两个月前的Z大学之行感慨颇多,沉淀了许久依然挥之不去,所以能够肯定,那不是一时的思绪游离,可以拿出来自慰了。思考一:刚来杭州时去了一次Z大学,发现Z大学的校标与世界著名品牌阿玛尼的LOGO非常相似,当时没有跟他人说起,想着自己怎么这么没文化,这都能...
任何一个交互过程的操作,对于用户来说都有学习成本,谁也不能保证所有人都可以准确无误地走完一个流程。交互设计师在设计时应该考虑适时地给用户相应的帮助,这一点非常重要。适时帮助,是指在用户使用流程中,在需要的时候能及时地得到帮助;反之,在不需要帮助的时候,不要出现信息干扰。不及时的帮助会造成用户使用进程中断,或者增加用户达成目标的难度。无效的帮助则可能给用户造成干扰,影响用户完成任务。
• 瞬间的设计(四)
五、过渡转化的使用 在《mind hack》一书中,揭示了人脑鲜为人知的工作原理。其中提到了“突然的移动或闪烁会吸引人的注意力,这正是负责视觉处理的第二块区域的功能。这就说明了“动画”或“动态的变换效果”会成为web界面中吸引人注目的地方。过渡的使用它会造成视觉干扰,扰乱我们的思维,只有在特定的情况下使用特定的方式才能达到到理想的效果。展开/收起苹果网站左侧分类导航栏采用了响应式展开...
• 瞬间的设计(三)
三、不要打断任务流用户在每选择一个操作时都希望当前的任务是连贯的。页面刷新会人为的造成用户体验――或者说用户心流的中断。 [在由harper pernnial 出版的《心流:最佳体验的心理学》一书中,把心流定义为:当人们进入一种全神贯注的状态时,他会感觉一切都是水到渠成,不费吹灰之力。] 1.三个重要的交互相应参数 Jakob Nielsen提出了关于交互的相应参数,这三个准则30年后的今天依然是不变的。[Miller 1968; Card et al. 199...
• 瞬间的设计(二)
好的设计绝不是单纯的因为天才的创意或者灵感爆发的一瞬间而产生的,只有设计师在“持续改进”的迭代方法中才能达到好的效果,你必须通过不断的“质疑自己”,在不同的设计种找到缺点,并寻求 更好的方案来改进它。Bill Scott在他的《Web界面设计》里提到了关于富交互设计的六个原则告诉我们如何发现并找到解决的办法,我遵循这些设计原则,通过实例和数据来和大家一起分析一些有趣的瞬间,指导我们的设计。一、直接操纵原则直...
• 瞬间的设计(一)
瞬间设计是什么?良好的用户体验,全在于那些完美的瞬间。在第一个瞬间,假设当一位用户从购物搜索结果页面跳转到某个店铺的时候,他此刻可能是想看看这个店铺的风格及其信用;而下一个瞬间可能就开始琢磨如何使用页面中的导航来观看某个宝贝介绍。再然后则可能是询问怎验购买,从哪里注册,者看看商品是否打折,或者尝试联系这个卖家。若想完成优秀的设计,我们就需要时刻自问:在希望用户做些什么,界面应该如何鼓励他们完成这...
分享人:空雁互联网的发展总是在不断地催生新技术的产生,而HTML5和CSS3是最近一直被讨论的热门话题,对于每个互联网开发者尤其是前端开发者而言,都充满了好奇与渴望。那么HTML5和CSS3究竟有哪些让我们眼前一亮的东西呢?我在WebRebuild北京交流会和珍珠奶茶帮上给大家分享了《揭秘 HTML5和CSS3》,PPT在这里: http://docs.google.com/present/view?id=dhpdbrp_51hf88z8g8 HTML5 HTML 5草案的前身名为Web Applications 1.0,于2...
“操作入口明确”,就是指产品的任何一个功能都要有明确、合理的入口。“操作入口”,指的是产品内部不同模块之间的转接元素,例如在Web产品中,按钮控件、输入框、文字链等都属于操作入口;“明确”指的是入口的视觉感是清晰的、可识别的;“合理”是指入口的出现是符合用户操作逻辑的,适时的。之所以要提出“操作入口明确”,是因为用户在使用产品的过程中,往往遵循的是可分析的行为逻辑。对于产品本身而言,必须有相对应的...
交互设计(Interaction Design, 缩写 IxD 或者 IaD),是定义、设计人造系统的行为的设计领域。人造物,即人工制成物品,例如,软件、移动设备、人造环境、服务、可佩带装置以及系统的组织结构。交互设计在于定义人造物的行为方式(the “interaction”,即人工制品在特定场景下的反应方式)相关的界面(Wikipedia)。通过对界面和行为进行交互设计,从而可以让使用者使用人造物来完成目标,这就是交互设计的目的。从用户角度来说,交互...
源自2009.11.26懒懒交流会的PK堂,收获甚多,故作此记。 PPT链接说实话,看到这个题目时我觉得这有什么好讨论的,肯定会是场一边倒的讨论。因为个人比较倾向于短命名,简单优雅,可能是出于程序员的洁癖,容不得任何冗余的东西。(和我一个想法的人应该不在少数吧
导语:曾经,“非设计师谈设计”系列前两季得到了很多朋友的关注和认可,很多人特别期望看到新的一篇,时隔2年,征得胡斐同意,他携重磅文章再次出击,结合自己在淘宝积累出的经历和感悟,对产品方方面面有了更宏观的认识。本篇共分4个部分,从PD、UED、产品本身和运营角度谈起如何做产品,整个文章一气呵成,让我读起来有种畅快淋漓的感觉,希望读者您也能喜欢,欢迎评论。
上季度咱们组一直在整理UED的交互设计指南,每周都会进行一次讨论,这实在是个有趣的事情,也会有很多意外的收获和提高。前几周在讨论“符合用户心智模型”时,发现这个概念跟“隐喻”有些纠结不清,我理了理思路,试图进行一些解释。不过在此之前,先讲一个故事吧:) 有段时间,老爸老是问我一个问题:“你们网站什么时候做完啊?做完了你是不是就得下岗啊?”
作为交互设计师,你是否在一个项目中花费大量的时间来沟通、修改、明确需求?其实这些前期工作(设计原型前)是我们和PD、运营、开发之间必须要做的功课,如果没有,你就会陷入如下窘境:
Tag,直译标签,是一种由用户自定义的、用于描述信息 [1]的关键词。Tagging是用户为信息赋予Tag的行为。Delicious,Flikr等Web2.0网站的发展促进了它的流行,使之成为社会化书签、相册服务、博客等网站的常见功能。但Tagging对用户来说是一种脑力负担不轻的行为:要将信息分类尚属不易,勿论描述信息。对一条信息而言,应该Tag类目还是属性?范畴应该更宽还是更窄?Tag越多越好、还是控...
• 淘UCD心得
淘・Ucd・心得 分享:晓荷&宗羲 View more presentations from tansuan. 介绍:淘心得改版是我们实施快捷UCD改版的一次尝试。通过简化繁复的ucd流程寻找项目效率和用户体验的最佳平衡。晓荷和宗羲的经验将为我们在以后的项目中实施快捷ucd开发提供非常宝贵的经验,分享提纲如下: 1. 项目背景简介 2. 我们做了什么? 项目UCD进程时间轴,各阶段产出物概览使用方法概述 3. 我们怎么做? 人物角色旧版本专家评估用户...
• 眼未动,心已动
分享人:轻侯设计师常有这样的疑惑:如何知道用户浏览网页的习惯?如何设计出符合用户使用习惯的网页?如何从搜索引擎带来更多的流量?眼动研究可以帮助我们记录用户浏览网页快速变化的眼睛运动数据,包括:注视点、注视时间、眼跳方向、眼跳距离和瞳孔直径等多种参数,还可以绘制眼动轨迹图,直观而全面地反映眼动的时空特征。在这期《眼未动,心已动》的分享上,轻侯以淘宝的经典案例为例,让我们亲身体会了眼动仪实验的...
分享人:在天 文:在天一年前,Mark Zuckerberg的那封给用户的信,除了知会用户界面改版外。还在交代他们昨天今天和未来在在做一件重要事情:持之以恒的优化改善Facebook的基础体验。Craigslist 创始人Craig Newmark也在不断重复,坚持朴素样式,更多的会保持不变,坚守其基础体验。 1,产品的基础体验是一切上层应用体验的基石。面对用户的反馈,产品经理的疑虑,运营的纠结,责任的压力时…我们需要时刻提醒自己:是否是底层...
• 有效降低产品门槛
分享人:在天 文:在天 分享ppt 本文是在TaobaoUED 碳酸饮料会上 的分享的文字版,文字表达不免有些晦涩,希望朋友们见谅。主题是关于如何分析产品根源上的门槛,并观察用户行为找出方法改进产品,降低门槛的过程,有兴趣 的同学可以读下去,并欢迎提出更优方法,无策略机密忌讳。互联网的核心就是一切皆开源,开放的思维和心态是繁荣的基石。在开始之前,先一起思考几个产品: Google:简单一个搜索框,它希望你把问题告诉它,...
碳酸饮料会09年第十期分享人:健刚
近3天十大热文
- [70] Go Reflect 性能
- [68] 如何拿下简短的域名
- [65] Oracle MTS模式下 进程地址与会话信
- [63] 图书馆的世界纪录
- [62] IOS安全–浅谈关于IOS加固的几种方法
- [61] 【社会化设计】自我(self)部分――欢迎区
- [58] android 开发入门
- [54] 视觉调整-设计师 vs. 逻辑
- [49] 界面设计速成
- [48] 读书笔记-壹百度:百度十年千倍的29条法则
赞助商广告