Our Team – Alibaba.com UED 招聘

2010年9月1日 由 Seanmao 没有评论 »

 alibaba.comUEDteam.hiringVisual Designer、Interaction Designer、User Researcher、Copywriter、Web Developer
 

Team成员:alibaba.comUEDteam.1

alibaba.comUEDteam.2alibaba.comUEDteam.3alibaba.comUEDteam.4

  

交互设计师
我们期待你能做的 :
你很清楚自己的设计能给终端用户带来什么.
你有很强的创新意识, 并能通过良好的沟通和表述去贩卖自己的想法.
你有着凭空想象复杂行为的能力, 并能很靠谱的去匹配商业需求.
你有着很强的推动力, 因为我们的工作中会面临很多的挑战, 你必须懂得如何找到最合适的方法推进, 坚韧和灵活都是必须的品质.

你还需要符合的一些条件 :
需要掌握一个交互设计师的基本技能, 流程设计、原型设计、基本可用性测试以及相关设计文档的编写都应该驾轻就熟.
我们大部分核心应用是面向海外市场, 因此需要至少具备基础的英语读写能力.

一些加分项 :
有完整成功案例的人
理解信息架构的人
善于竞业分析的人
善于数据分析的人
英语听说读写都很强的人
有营销意识的人
有一定业界影响力的人
懂些代码的人
互联网深度用户
有辍学经历的人 (视原因和成长经历)
美女或者潮人

简历请发往: ued@alibaba-inc.com

» 阅读更多: Our Team – Alibaba.com UED 招聘

交互设计模式库

2009年10月18日 由 Seanmao 1条评论 »

最近team内部也在整理library,先把网站现有的先发出来学习一下。

Yahoo Design Pattern Library http://developer.yahoo.com/ypatterns/

! 设计模式库由 Yahoo! Developer Network (YDN)创建, 用于分享设计模式和发展开发者社区. 近期推出了Yahoo论坛 可以和不同的设计师针对不同设计模式进行探讨和互动.

http://www.slideshare.net/

流行的设计模式

http://ui-patterns.com/

http://patterntap.com/

welie http://www.welie.com/patterns/index.php
这个也是重点推荐不一定都是最新但比较详细的一个库

patternBrowser
patternBrowser通过Web搜索各种设计模式和产品,包括移动设备。结果能够迅速找到de大量元素紧凑的,严密的归类。

StyleIgnite http://www.styleignite.com/
StyleIgnite,显示最新的网页设计趋势。拥有数以百计的风格都由用户上传。StyleIgnite独特之处是,他们不仅是一个设计库,也为您提供了相匹配的代码。

MephoBox
允许用户从排序结果的“最热排行”和“最受欢迎”找到喜欢的设计。

blink design library http://designlibrary.blinkinteractive.com/
blink库是一个博客设计库,主要集中在以话题进行特定的用户互动模式,以分类和探讨这一话题,如按钮网络

Web Design Practices http://www.webdesignpractices.com/

Elements of Design http://www.smileycat.com/design_elements/
登录导航 涉及的比较多。

User Interface Engineering
学习具体的有效的交互解决模式, 例如 片段式搜索faceted search) or 前进或后退的web表单设计 .

UXmatters http://www.uxmatters.com/index.php
UXmatters是用户体验设计的杂志书.网站上有大量的代表用户体验的设计案例.

Boxes and Arrows http://www.boxesandarrows.com/
Boxes and Arrows是一个在线出版专门的艺术和科学的设计网站。你会发现很多专业的学术性的交互设计文章,如“如何正确设计网页表单”和“用户生成为主导的的社交网络内容”。


» 阅读更多: 交互设计模式库

最近整理的在线问答网站列表 Web2.0网站

2009年9月18日 由 Seanmao 没有评论 »

在线问答服务网站是指一类提供用户在线互动问答服务网站,通过在线问答服务网站,用户可以提出自己的问题,回答可以通过用户参与回答,或者是专家团队进行回答;既可以是通过文字进行回答,也可以是通过视频等其他途径进行回答。在线问答服务网站旨在借助互联网的力量解决生活中的各种问题。下面就和大家分享我了解的一些在线问答服务网站。

1.Yahoo Anwser:相当于Yahoo提供了一个平台,要发问的朋友提出问题,然后Yahoo将这些问题加入数据库里,大家都可以搜索得到;如果你知道问题的答案,你可以在上面作出回答。国内的叫雅虎知识堂

2.Google answer:它的简单口号是:Ask a question. Set your price. Get your answer,分门别类地罗列了最新的提问,承诺24小时答复,可惜的是要收费,但不失为商业化信息资源利用的好方法。另外还要附加 $0.50的张贴费。不过目前已经停止接受问题。

3.Yedda:在我的以前的文章中介绍过,属于一种用户参与类搜索引擎。具有一些显著的区别, 网站更倾向于网友的更多的参与以让用户得到更好的搜索体验。 网站最大的一个特点是将用户感兴趣的topics作为tag对问题进行分类。详细介绍

4.askville.amazon.com

5.htintuit.com 

6.Oyogi:我在Diglog中提交过:允许某个群组进行: 1. 运用基于web的即时通讯工具, 在成员间就某一话题进行实时 协作 2. 问题的互问互答. 3. 对 1和2中的内容进行存储并可进行搜索。

» 阅读更多: 最近整理的在线问答网站列表 Web2.0网站

购物网站交互小体会15点

2008年7月30日 由 Seanmao 1条评论 »

1.用户注册直接使用邮箱做账号有优势,用户可以少填一个文本框。

2.能帮用户代劳的(计算、选择框等)尽量帮用户代劳,要经常把主动权交给用户。

3.注册和登录位置固定,放在顶部是个不错的主意。

4.帮助最好做成示意图+文字。

5.面包屑还是要有的最好做的有新意,不要远离用户操作的界面。

6.随时告诉用户现在的页面情况。

7.用户填写表单信息时即时验证,验证反馈不一定要用文字的形式,有时候一个简单色块提示效果更好。

8.在用户购买过程和成功后除了“最近浏览”和“购买过本产品的用户还买过”还可以提供“您可能还对这些产品感兴趣”“捆绑推荐等”

9.隐藏层可以用的更好。

10.搜索框做的大点长点是好事,简单也是好事。

11.信息量大时候采用tab菜单很不错

12.不要让用户填写重复的信息,不能避免时帮用户copy好。

13.注册、登录采用了集成页面的话需要明显的视觉区分。

14.如果相反义的按钮避免放在一起,不能避免时候用视觉反差区分开。

15.可以适当的对用户公布页面颜色标准。

交互速度-由营业厅取号机引发的联想

2009年10月24日 由 Seanmao 没有评论 »

周末去营业厅办拆机,一进门就对摆在门口那台取号机发生兴趣。
我随手点击综合服务,结果还没等我反应过来号码纸已经掉在了地上,我怀疑我的是不是没睡醒反应迟钝了。
又试了一张,真佩服这台取号机的打印速度,出号码纸的速度真是“迅雷不及掩耳盗铃之势”。
我两次都是来不及取,号码纸已经掉在了地上。

于是在等待叫号的时间我一直在观察这台取号机,在我办理业务前一共有5位顾客进门取号,每位都有个几乎一样的动作-弯腰去捡掉落在地上的号码纸,而且在观察过程中我还发现一个问题,由于取号机放在门口,当一位客户弯腰去捡号码纸的时候,外面的人是进不来的,因为她挡住了推拉式的玻璃门。

等的无聊我又在想,在取号机旁边贴一张醒目的提示:“请取号的时候一只手按屏幕,另一只手放在出票口”。但是真能解决问题吗?顾客的习惯都是单手操作,而且很多顾客都是带着包进来的,根本无法腾出两只手操作。另外弯腰是不是合理,现代人运动太少,弯腰可以锻炼下,那么看看我们的人群,交话费这种事情很多年轻人没时间,一般都是老头老太太来的,忍心让他们每次弯腰捡么,反正我是不忍心。

改进其实很简单

方法一:只要调节好出号码纸的速度就可以。如果说调节速度需要专业人员的话,方法二:在出号码的位置安一个托就可以。

体会:现代社会追求高速高效率,我想这台取号机的设计师就是把设计全世界最快的取号机作为唯一目标,他确实做到了,可惜设计不是吉尼斯世界记录,哪怕你是世界第一用户不一定会买账。取号机是小事,试想银行提款机的详单打印速度也这么快,顾客就可能因为去捡地上的详单而忘记取回银行卡或放在取款台上的钱包、资料、或者钥匙,又或给小偷创造机会。
不由得想到我们设计成功页面跳转时,到底用多长的过度时间合理3秒、5秒、10秒还是15秒,时间短了是不是存在和取号机一样的问题,顾客是不是来不及,都还没看清楚屏幕上feedback信息就跳转呢,还是时间太长,让客户等的无聊厌烦。我想不能规定成一个数字,这可能也就是做设计师的乐趣,实践是检验真理的唯一标准。

In conclusion通过取号机联想到的就是在设计的时候不要一味的追求速度,的高效,只有符合用户操作和认知速度的设计才是好设计。

zjct10000 » 阅读更多: 交互速度-由营业厅取号机引发的联想

Concept map Study-Flickr 概念图学习笔记

2009年10月22日 由 Seanmao 4 条评论 »

最近空余时间学习Flickr 概念图,发现相关的资料比较少,把自己的一些体会和笔记发出来,抛块砖.

对于不知道概念图是什么东东的朋友可以先看看《概念图的知识及其研究综述

开始学习Flickr 概念图,我首先回顾了下概念图的几要素concept(概念)proposition(命题)cross-links(连接词)hierarchical-framework(层级结构)

Flickr 概念图主要包括以下概念:comments notes、blogs、 favorites、Flickr users、Photos、subject、contacts、photo streams、context、groups、sets、organizr、pool、 tags、content 、feeds以及其他一些具体的概念。

flickr

Flickr users、Photos、subject、notes(comments)、tags构成主要的层级结构(hierarchical frameworks)在图中表现为红色和绿色的色块形成的十字架形状(通常概念图,把一般、最概括的概念置于概念图的最上层,从属的概念安排在下面。这种十字型画法比较特别,不过在这里用的很好),整个flickr concept  map其实是由这5个主要的概念-还有groups-及其发散出来的知识分支以及他们之间的相互联系而形成的。

主要命题:

  1. A flickr user takes photos of a subject
  2. A flickr user can create or join groups
  3. Photos may be annotated notes(comments)
  4. Photos may feature descriptive tags

太晚了。。。。。明天继续 [seanmao]

开始研究几个主要概念之前让我们整体的看一下Flicker成立之初的定位
当Flickr推出的时候,市场上存在两类照片分享服务:

一类是聚焦在如何高效打印照片方面(Shutterfly,Ofoto)

另一类是将焦点放在共享照片领域(Fotolog,Buzznet,Webshots)。Flickr是与后者服务相竞争。

作为是共享照片领域,真正打动用户的是Flickr能很快把符合某个主题的精良照片呈现给用户。

那么flickr如何做到的呢?

» 阅读更多: Concept map Study-Flickr 概念图学习笔记

关于强制在新窗口打开链接的讨论

2008年10月24日 由 Seanmao 没有评论 »

byseanmao

先看一下我们现有规则总结

在以下几种情况下,强制在新窗口打开链接是比较合适:
1、链接指向一个本域名之外的网站:
如友情链接一 般使用新窗口,新的网站新的窗口,基本上是可预料的。

2、提供帮助类的链接:
如一个购物页面上对支付方式的帮助说明可以新开窗口,如果内容不多的话使用弹出层比新窗口更好。

3、页面跳转有可能打断一个正在进行的进程:
如、关于网站的调查表单、在注册页面上指向免责条款、版权声明等页面的链接,页面跳转会导致用户正在填写的注册信息丢失。

4、链接指向一个非HTML文件,例如:
指向一个pdf文件或doc文件的链接最好使用新窗口,也许这个pdf会在新窗口直接浏览,也许会弹出文件下载对话框。

以上规则都是单一的从内容纬度来出发的,小学的时候我们就学会,单一的分类方法一定不是完美的。

比如同一个网站的类目category、搜索结果list单一从以上内容纬度分就会比较纠结,到底是应该新开窗口还是当前页跳转。

让思考一下我们为什么需要在新窗口打开?

主要因为
1、用户的网速问题,用户习惯一次点开多个页面,让等待页面加载的时间集中在一起。
2、用户做一个选择前需要比对相关多条信息。(这也是taobao、ebay、有啊、当当等商城每个产品都新开窗口原因)
3、网站的设计师不想打断用户正在进行的进程。 

一方面:病毒和一些劣质广告网站让用户非常讨厌意料之外的弹出窗口。
另一面:用户很多时候有新开窗口的需求。

那么我们怎么做最有效,也许第二个纬度就是用户的习惯。

不管怎样谨慎地使用新开窗口,尽量把决定权交给用户。如果用户很想在新窗口打开他们会自己去做。
如果页面情况允许可以在新开窗口的连接给予适当的暗示。(从样式,形态等)多使用弹出层代替新开窗口。
有个有趣的现象,baidu的搜索结果list->Detail详情页一直是新开窗口的、而google以前是当前页跳转的现在也全部改为制在新窗口打开链接了。这也许也传递一个信息,随着互联网和IT的发展用户的习惯正在改变或被往新的方向培养。

让我们所有设计师一起去影响用户,并培养新的更好的浏览习惯。

善意的瞬间黑屏-从windows启动时的瞬间黑屏设计谈用户体验

2009年11月16日 由 Seanmao 9 条评论 »

by 潇笑[seanmao]

开始前需要先澄清一下今天要讨论的不是:“2008年10月20日,微软启动的新一轮Windows正版增值计划(WGA):被判断为使用盗版的计算机桌面背景将会每小时黑屏一次,同时在桌面右下角任务栏中显示非正版标记。”的反盗版黑屏。

我要讨论的是windows启动时的瞬间黑屏设计

windowsSeanmao » 阅读更多: 善意的瞬间黑屏-从windows启动时的瞬间黑屏设计谈用户体验

第四届D2前端技术论坛现场-{no:4th,name:D2Forum}

2009年12月19日 由 Seanmao 没有评论 »

引导工作做的不错啊,工作人员辛苦辛苦。

D22009.12.19

» 阅读更多: 第四届D2前端技术论坛现场-{no:4th,name:D2Forum}

163邮箱2010新改版体验

2010年1月5日 由 Seanmao 没有评论 »

昨天一早发现网易的163邮箱改版了,个人觉得这次改版还是比较成功的。没有做深入分析,以一个网易老用户过了一遍常用的功能。

登录
1.主引导突出
2.突出“海量”和“安全”。
3.注册沿用了原来的布局,不过淡化整体背景和边框。

mail.163HP » 阅读更多: 163邮箱2010新改版体验

针对产品Detail的举报布点

2010年3月20日 由 Seanmao 没有评论 »

随着用户越来越注重维护自我消费权益。部分网站开始推出了对产品detail的针对性的举报入口。

Why

其实一般网站在帮助中心有投诉的入口,在detail中放出来真的有必要么。

首先针对性入口和普通的有区别

普通投诉一般是用户在受到伤害后发起维护自身权益行为。

而针对性投诉除了前者还有防患于未然的作用。

那么这样的举报入口放出来有什么好处呢。

  1. 善用使用群众的智慧、群众的眼睛是雪亮的:有明确且方便的投诉入口,可以让全站的用户参与到产品的审核中来。放权给用户,减轻网站的审核工作、弥补疏漏的同时可以更全面的对整个网站上的产品进行净化。
  2. 促进卖家自律:有针对性的投诉入口可以对卖家在一定程度上起到警示作用,促其自律。

不过放出来并不是一件很容易的事情

  1. 针对性举报入口和普通举报投诉入口有什么区别
  2. 能否被用户理解
  3. 入口背后要有一整套完整且合理的处理流程。

Taobao在今年二月推出了“无货举报”,引起卖家的极大关注。

taobao01

举报条件:登入用户

» 阅读更多: 针对产品Detail的举报布点

Amazon&ebay模式探讨

2010年3月19日 由 Seanmao 1条评论 »

晚上听了amazon资深产品经理的讲座,他讲了很多案例,很受用。
总结起来amazon最注重三点
1.良好的用户体验-(不跟风,追求那些永恒不变的用户需求)
2.对数据的痴狂-数据为基础的决策
3.节俭的心态和创新的营销
我对后面ebay与amazon模式的探讨很感兴趣。
先看看他们的区别:

logoEbay_x45

eBAY只是一个平台,eBay没有需要储存仓库,由于没有实际销售它们自己的产品,任何人都可以在上面买卖,所以可能买到假货,或质量不好的,但ebay 不承担任何责任,不过会比较便宜。 
Amazon

amazon是一家国际化的大公司,信誉非常好,在那里你不可能买到假货,如果买的东西有质量问题也可以要求调换。

一度ebay以超级增长率把amazon远远的甩在后面。
然而2009年amazon重新超越ebay。 
这不得不引起我们的思考:到底是像ebay这样自己不卖产品而通过建立平台的模式,还是像amazon有自己的采购、仓储、物流配送系统是未来网购的发展方向呢?
有人更看好amazon模式理由:不管产品质量、配送的即时性还是售后服务都有保障,用户购买更放心。这也是“京东、新蛋、当当”等一系列网站一直活的很好的原因。
taobao、ebay平台模式发展很快但是平台上的卖家的质量良莠不齐,也很难控制。平台式的购物网站给人第一印象是购买便宜商品的去处。
但平台模式有自己的优势,这也是amazon也引入了部分第三方卖家的原因总结一下:
其实主要还是看产品。对于标准化的产品,3C如图书、电脑、音像制品等。amazon模式应该是未来的发展方向。
而个性化比较明显的产品适合在ebay、taobao这样的平台化模式。

如何分析网站改版结果

2010年5月8日 由 Seanmao 没有评论 »

分析结果前有必要重新回顾下为了什么而改版。

通常情况下,网站改版有两种情况:
1.因为网站本身的内容扩充导致现在的网站架构承载不下更多的内容,
2.基于网站用户需求变化导致网站转型。
当然也不能排除纯粹是为了网站的相貌而做出改版的决策。(这种比较吃力不讨好)

改版期望是什么?

当然这也是在网站改版之前所需要面对的一个重要问:期望改版完成后能给网站带来什么价值?

如何拿结果
主要可以从三个方面

  1. 通过布置新版页面的在线调研表收集用户的主动反馈。
  2. 通过服务部门直接得到用户反馈。
  3. 对新页面的相关数据分析拿到改版的结果

» 阅读更多: 如何分析网站改版结果

Five Hat Racks

2010年5月31日 由 Seanmao 没有评论 »

1989年Wurman第一次提出信息架构的概念提出五帽架理论:无论信息对象如何,都可以使用五种方法进行资料组织。

1、字母:最常见的组织方式,具有强烈的指示性,适用于非直线方式找到特定内容。

2、时间:以时间为基准来组织资料,适用于时效性强的信息。

3、地点:以地理或空间组织资料,适用于本身具备地理关联性的内容。

4、连续性:按范围大小、最高到最低、最好到最坏等组织内容,适用于展示对比性信息。

5、种类:用类似或相关性来组织资料,适用于多层级信息分解。

《叫我第一名》Front of the class

2010年9月1日 由 Seanmao 没有评论 »

seanMao的评价:推荐 8.9

一部很好的励志电影。喜欢上一句话:乐观影响的不光是自己,还有你身边的人。

妥瑞氏症 – 怪叫&怪动作。观看过程中多次被这种怪症打断,像听一首特别喜欢的歌突然别人拔掉你的耳机然后冲你斯喊,而正式这种无法忍受的打断,让人涅汗,让人感动。
母亲的包容和积极支持让人印象深刻,为什么国内大片打牌看的让人犯困,好莱坞商业片却常常闪烁着人性的光辉。

帅帅的像年轻版的乔治克鲁尼的主角高保真的还原了妥瑞氏症。赞一个

firstOne

» 阅读更多: 《叫我第一名》Front of the class

Sydney

2010年9月1日 由 Seanmao 没有评论 »

18-29

 

Plan

You come to me

2010年9月1日 由 Seanmao 没有评论 »

那天你来看我,离开的时候阳光很美。sunShine

《一頁台北》 Au Revoir Taipei – 巴黎是个梦,现实是你和台北

2010年8月26日 由 Seanmao 没有评论 »

seanMao的评价: 还行

一页台北,故事在下一页重新写起。 天明了,巴黎是个梦,现实是你和台北。

勇敢不一定是赴汤蹈火的拼死相抗、冒死相救,也可以是一种温柔地坚定。当susie弱弱地问“我在想说,两个人一起去,会不会比较好?” 有种感觉像冬天手中的咖啡,轻轻一口伴着手掌的温暖遍布全身。

好喜欢郭采洁演的书店店员!衬着法国电影才有的伴奏,唯美!

虽然很简单像个电影短片,有些场景能感觉到真实,还是有值得回味的东西,这可能也是得奖的原因吧。

auRevoirTaipei

» 阅读更多: 《一頁台北》 Au Revoir Taipei – 巴黎是个梦,现实是你和台北

guitar

2010年8月24日 由 Seanmao 1条评论 »

破吉他很有范Sis

» 阅读更多: guitar

海岛-象山

2010年8月22日 由 Seanmao 没有评论 »

天气很好,多云。上岛前的喜悦Sky

海岛、露营、沙滩-半开发状态的小岛,游侠组织的有点散,散就散吧byseanmao600

» 阅读更多: 海岛-象山

美丽人生 La vita è bella – 父爱如此洋溢

2010年8月22日 由 Seanmao 没有评论 »

seanMao的评价:

如此热情洋溢,如此幽默风趣,如此震撼心灵.

感人的父爱,最后一刻,依然闪现着耀眼夺目的光芒,近乎弱智的滑稽的动作原来可以如此催人泪下。在最艰难最黑暗的日子里,就算了无希望,死亡近在眼前,他依然深爱着并用生命与智慧保护着他的妻子与儿子。

妻子的义无反顾同样动人心弦,美丽的灵魂成就美丽的人生!

经典台词:早上好,我的公主!

lifeIsBeautiful

» 阅读更多: 美丽人生 La vita è bella – 父爱如此洋溢

三个傻瓜 Three Idiots

2010年8月17日 由 Seanmao 没有评论 »

seanMao的评价:

虽然没有特别的惊喜,不过部分超出了期望。

这年头夸张,搞笑中记得夹杂深刻的电影不多。至少在国产电影中已经消失很久了

ThreeIdiots

» 阅读更多: 三个傻瓜 Three Idiots

Keep moving之春江时代

2010年7月24日 由 Seanmao 没有评论 »

来滨江后的第三次搬家

chunjiang02

» 阅读更多: Keep moving之春江时代