aliue.com

《有一点》破茧而出

154 views 1 Comment

经过半年的沉淀,全新《有一点》杂志即将于2010年7月12日下午2点在阿里巴巴滨江园区举行隆重发布仪式。

“有一点”旨在促进UED(用户体验设计)和PM(产品经理)之间的沟通 ,让用户体验的思想升华到所有产品设计人员的心里,并最大化的实践应用。

 

 

有一点官方网址: www.aliue.com

院校支持:
中国美院
浙江大学现代工业设计研究所

特别感谢:
电子工业出版社
HelloUp!
UPA中国
UIRSS
ChinaUI
草根网

“有一点”心路历程
2009年07月15日
《有一点》创刊

2009年09月16日
《有一点》纪念•珍藏版倾情发布
记录阿里软件UED三年来的风雨兼程

2010年07月12日
酝酿已久的《有一点》滨江创刊号华丽登场
搬至滨江新园区的阿里巴巴“有一点”将以更开放的心态和行业视角重新启航

“有一点”杂志预热广告

148 views 3 Comments

“有一点”首期电子杂志即将发布,敬请期待!

首届UED周末论坛图文报道(二)

69 views 1 Comment

首届UED周末论坛图文报道(一)

37 views 2 Comments

06月04日下午,由Alibaba ITBU UED(有一点)和杭州凯尚网络科技联合主办,浙江汇诚、惠普友情赞助的首届UED周末论坛在风景怡人的杭州龙井圆满落下帷幕。本次论坛吸引了阿里巴巴、淘宝网、支付宝、口碑网、腾讯、盛大、网易、携程、惠普、虾米网、大众点评网等众多中国互联网行业知名UED团队和分享组织参与,这是杭州UED业界首次举办的高端主题论坛,也是国知名UED团队和分享组织的第一次大规模、高规格聚首,与会嘉宾可谓众星云集。

ued_001

论坛于15:00准时开始,分享嘉宾围绕用户体验品牌的建立、分享话题的选取、交流活动的活力与新鲜度、知识的沉淀传承与发展、在交流中寻找创新、各交流平台的整合几个领域等几个方面展开了精彩的分享,既有新颖犀利的新视角、新观点,也有成功经验介绍、心酸历程总结,更有未来蓝图的展望规划,充分展示了当今UED团队发展的业界生态,对UED团队和分享组织今后的发展将起到积极的推动作用。

ued_002

ued_003

ued_004

虽然是UED的盛会,但少不了产品经理的出席。阿里巴巴著名产品经理苏杰带着自己的新书《人人都是产品经理》现场助兴,碰出了UED和产品经理之间的火花。

ued_005

短短4个小时的交流远远不能满足与会嘉宾的需求,随后的酒会晚宴上大家把酒言欢,相谈甚快,真可谓酒逢知己千杯少,与会公司和嘉宾都相约定期或不定期组织团队互访,将交流进行到底。

ued_006

ued_007

一次短暂的聚会不能解决所有的问题,首届UED周末论坛只是一个开始,期待更多的朋友们一起来参与打造这个分享交流的大平台。

(分享嘉宾PPT&主题概要,更多现场图片正在紧张整理中,请密切关注首届UED周末论坛系列报道)

首届UED周末论坛(杭州)即将举行

由Alibaba ITBU UED(有一点)和杭州凯尚网络科技联合主办,浙江汇诚、惠普友情赞助的首届UED周末论将于6月4日在杭州举行。

此次周末论坛以“联”为主题。话题集中在用户体验品牌的建立、分享话题的选取、交流活动的活力与新鲜度、知识的沉淀传承与发展、在交流中寻找创新、各交流平台的整合几个领域。

届时,《腾讯ISD薯片会》、《淘宝碳酸饮料会》、《淘宝UDC》、《阿里巴巴中文站方凳》、《图谈》、《人本设计沙龙》、《交互设计禅意花园》、《有一点》 等来自知名互联网公司的用户体验团队和分享组织将围绕“用户体验团队建设、知识沉淀和分享交流活动形式”展开分享与探讨。

UIRSS、ChinaUI、HelloUP!做为合作媒体将跟进报道此次盛会,尽请关注

UED周末论坛宣传片:

 

此次参会团队:

杭州凯尚网络

浙江汇诚

中国美院

ChinaUI

腾讯ISD

网易杭州研究院UED

盛大创新院

携程网产品UED

大众点评网UED

虾米网

欧酷网

惠普

中国银联

阿里巴巴中文站UED

阿里巴巴国际站UED

阿里巴巴ITBU UED(有一点)

阿里巴巴ASC UED

阿里巴巴日文站UED

淘宝网UED

淘宝网UDC

快乐淘宝

支付宝UED

口碑网UED

交互设计禅意花园

(排名不分先后) 

 

4444 01 
首先非常抱歉,考虑到PPT上部分内容涉及到商业机密,所以本次不做公开发布
感谢对《有一点.分享》的支持

分享嘉宾:陶嵘 博士
浙江大学心理学博士,中国人类工效学学会理事
阿里巴巴资深用户研究专家
前三星中国设计研究所用户体验总监
2006年加入三星中国设计研究所,组建了三星电子在中国的第一个用户体验研究设计团队,建立了UCD实验室,负责三星电子从白色家电产品、数码多媒体产品到手机产品的用户体验研究与设计。
此前,曾在英特尔(亚太)研发公司、诺基亚(中国)投资有限公司从事用户体验(User Experience)研究、设计、管理工作。

IMG_4081

非常感谢参加本次分享的团队:阿里巴巴UED团队、淘宝网+口碑网UED团队、支付宝UED团队、网易杭州研究院UED团队、上海壹比多产品中心团队、杭州凯尚网络公司、浙江理工大学产品设计学生、浙江大学心理系研二学生

IMG_4027 

本次分享在杭州阿里巴巴滨江园区1-2-18号会议室举行,会议室布置了70个座位还是供不应求,四周的桌子都变成了座位,足以见得陶嵘博士的地位和号召力,在分享上,对电子通讯行业的UED工作流程做了详细的介绍,介绍了多种用户调研的方法

IMG_4030

IMG_4031

接下来秀一秀专心听讲的好童鞋~~~~~~~~ 
请好童鞋对号入座,下次再参加《有一点·分享》,免费领取两瓶饮料
IMG_4126

IMG_4051 

IMG_4105

IMG_4122

 

 

有一点·分享 《搞搞图标》– 书安

77 views 16 Comments

主题:《搞搞图标》

地点:阿里巴巴集团 杭州滨江园区

时间:2010.03.25周四 16:00-18:00

11

开场白:

在武侠小说里,男女主人翁总是在最关键时刻隆重登场,才能烘托出传奇性的色彩,淘宝UED书安 和 淡月MM正是这样的大侠,虽然“风火轮”出了些小问题,晚到了一点时辰,但群众的热情始终没有减退,当书安带着独步武林的自创秘笈踏进大门的第一步,就可以从群众乃至路人的眼中看出些许的光芒,来装饰眼球上的“高光”~~~~

接下来,有图有真相,先介绍一下本次分享的详细详细

sa_1

书安,宇宙第一图标达人,淘宝ued视觉设计师

 

dy_2

淡月MM,宇宙超级无敌美少女战士,淘宝碳酸饮料会组委会

sa_3

大家济济一堂,兴致勃勃的观看了《碳酸饮料会》宣传大片

sa_4

书安的到来,引起骚动

 

 

sa_5

好事多磨,分享正式开始

第一章 理论知识:介绍icon和图标的区别以及应用范围;图标的发展史,以ps为例,ps 87 到 ps cs4 的操作按钮的变化,以及apple图标的介绍;目前流行的各图标流派的介绍;图标设计常识,常用图标在设计上的错误和正确设计理论

sa_6

第二章 现场直播:这个是重头戏,书安现场制作了像素类图标和写实类图标,像素类图标以淘宝商城的某图标作为设计需求,现场设计制作;写实类图标以我们常用的搜索图标作为需求设计;独门的秘笈全在其中,让人目不暇接,从两种不同的图标设计上体现了功底实在深厚啊!~~~~  大家意犹未尽,准备请书安童鞋下一次再来分享变形金刚参赛记

让我们共同期待下一次的分享会尽早到来,请大家做好准备哦~~~~~

《有一点》2期 倾情发布

67 views 25 Comments

分流下载:

大米盘下载

趣盘下载

内网下载

本期主题在于对UED这四年以及阿里软件的总结回顾,记录四年UED团队与阿里软件共同成长的点点滴滴,团队从06年的四个人壮大到现在的三十多号人,囊括专业的交互设计、视觉设计、前端架构,阿里软件各条产品线上活跃着我们的身影,作为用户的代言人,我们为提升用户体验积极贡献着绵薄之力,某种意义上说这期杂志也是阿里软件历史的缩影。

09年对于阿里软件UED来说也是一个意义重大 的节点。

下面针对杂志内容具体介绍下:

第一章:2006   孕育

星星之火,也是阿里软件UED的起点

 

第二章:2007   萌芽

 一个女人和五个男人扛起阿里软件UED的大旗

 

第三章:2008   散叶

 阿里软件UED迅速成长的一年,我们伸展开枝桠,等待绽放!

 

第四章:2009   涅槃

 变革重大的节点,UED将以更丰满的姿态迎接新的挑战,AZAZAZAZAZA

 

第五章:团队活动

聚合阿里软件UED的光影生活

 

有一点害羞,有一点骄傲。

本期责编:柱子、SUNPEA、西西

—————————————————滑腻腻的分割线———————————————————

【下期预告】

《有一点》 第三期 将成为UED搬至阿里巴巴滨江新园区的第一期,将会为大家展现我们新的工作环境。敬请期待

下期责编:娘娘皮卡丘小鱼儿

从通用提示中提升用户体验

54 views 16 Comments

web2.0时代后到SNS社区再到云算法网站的SaaS平台。多交互流程和用户自定义的复杂化,都需要各种各样的提示信息来给用户带来引导。

通用提示是网页的重要组成部分,应用的多元化造成复杂的提示场景:

  • 网站运者会在网站的变更中加上提示文字;
  • 开发人员的系统提示也会出现在页面上;
  • 一些网站独特的功能中也必须给出相应的提示信息来引导用户;

种种的情况导致每当有提示出现时,需求方都要去找交互设计师进行相应的沟通。当成一项需求去进行开发,从文案到视觉、布局,再将以前做好的提示模板拿出来改动、从运营PO,产品规划师PD,UED部们的交互、视觉,发布时QA的质量监控。。。等等部门,改丝毫而动全身,成本提升,工作效率严重下降。

那么对其进行量化和归类的重要性就可见一斑了。下面我总结了一些通用的提示信息:

通用提示信息分为四种:

第一类:提示,它诠释当前需要提示内容的信息,依附于所提示的内容显示。

alt:图片的XTHML提示信息,主要是为了SEO优化和低端环境下的提示;

title:文字、操作的解释,在大多数情况下用于段落显示不全的提示信息;

tips:对信息的对话云式的提示,用作在当前区域的提示;

注:在XTHML中,系统题注的alt和title会在几秒中后消失,对于比较重要的提示建议用tips或者用JS行为来控制提示信息。

 

第二类:反馈,是由一个操作所引导的提示页面,并独立成提示区域,通常在页面的顶部显示。

构成:
图标(可选):跟据不同的提示场景来应用。

字体:指字体上的强弱变化和色彩区别;
如有操作,需给出操作引发的结果提示和详细内容;
如果通过用户介入,当前流程可继续执行,需要提示用户或进行引导到相应功能页面;
为起到提示的作用,提示内容必须单独成行或与其他内容独立;

文案不能太长,适当情况请换行;
文案 文案不能有责备的词汇;
需要告知用户引发错误的原因,除非系统异常,其他错误都应以用户看的懂得文字进行描述;
业务规则不满足的提示:{说明不满足的业务规则},不能执行{##}操作!

系统异常的提示:{显示系统错误信息},请与服务人员联系等!

用例:

成功
场景:成功提示;
操作正确时需要的提示;

(此图例提供了包含丰富信息的提示,下面的图就省略了)

错误

场景:系统异常;
当前链接失效,必须终止当前流程;
且用户无法通过修改继续提交,提交修改的已被
删除;保存时发现其执行当前操作的先决业务规则已不满足;

提醒
场景:通常情况下的系统提示信息;
不带有警示作用;
具有提示作用;

警示
场景:由于无法再往下走,产生的提醒、警告之类的提示;
通常情况下的系统警告,由于##操作引发的问题;

第三类:备注,对现有信息的补全和关联,通常出现在页面的底部和尾部。

关联
由于现有的内容所引导相关的解释性内容;

备注
是对当前内容的补充,以完善它的用用意;

 

第四类:图示,用图例和当前状态的图例来直接引导用户进行相关操作。

流程图
流程图有很强的导向性,告知用户当前步骤和要完成操作的整个流程关系;

引导
引导是指向性的图例,用当前图例来指导用户完成操作;

4月1号一大早,我的一个搞媒体的朋友就给我发来短信,内容如本文标题所写——“今天改版的钱江晚报大量使用雅黑字体”。当然,就算是个特殊的日子,我也不会把这条短信看做是愚人节消息。收到短信后的第一反应就是IT行业正在从不同的方面影响着传统行业,甚至是人的思维方式。

虽然自己一直很喜欢雅黑字体,在很多地方也有大量的应用,但是对于雅黑的认识,还是很粗浅,基本停留在对它字形的喜好上——易于排版的饱满的字体,更清晰的字体显示;还有就是微软新一代操作系统的默认字体。

为了对雅黑有个比较全面的认识,便花了一些时间去了搜索引擎寻找些文章。

首先便想到去百科了解下对它的定义,下面是维基百科和百度百科的信息:

微软雅黑——维基百科

微软雅黑体——百度百科

条目里面对雅黑字体的产生背景、技术参数、字体特点等作了比较详细的描述。

然后又用“雅黑”+“优点”、“评价”等关键字获得了一些媒体对它的评测:

字体PK:微软雅黑究竟好在哪里?

什么才是最好的正文字体?

两篇文章里或多或少的展示了雅黑与其他字体在实际运用中的效果。

雅黑给我最大的印象就是饱满的字形对于汉字排版的优化,出于想了解汉字排版的基本评判准则,搜索到了下面这篇比较有价值的文章:

中文字体排版

文章中对汉字排版的特点、方法进行了比较详细的阐述,还做了常用中文字体的性格与气质分析,有了这些分析内容,对于雅黑的字体性格和气质也能按部就班的评价一番。

“微软雅黑”在字体的美这篇文章中被拿来与经典的Helvetica相提并论。Helvetica是我非常喜欢的英文字体,前段时间有一些关于Helvetica字体50周年的纪念报道Helvetica 排版铅字五十周年Helvetica:品牌成功的助力器,还有40个运用Helvetica字体的著名LOGO设计案例等很多文章又被我翻出来看了一遍。

就这么一个晚上,通过搜索引擎,我完成了一小段字体设计的旅行。快速的掌握专题内容是阅读技巧最初的一步,通过寻找与专题有关的文章泛读,能让我们了解一个专题或门类的知识。虽然网络上的内容比较零散,寻找资料的时候会浪费一些精力,但是通过对同类文章的搜集,能大大的提高对某个专题的深入程度,在深入的了解后,才能在付诸于平时的应用上。

Grab the RSS feed
分类
最新的文章
最新评论
  • 风速: 从来没去选过
  • 飞鱼: 友情 帮丁页~~~~~ ^_____^
  • sunpea: 相当蛊惑啊! 影帝是说梁朝伟么?
  • 骚鸡Jimmy: 我那天不是跟你Say Halo了麽?不要误会呀,我澄清那个不是我女友,是朋友~
  • yuki188: @kevinhsu 骚鸡可好相处咧…~~