.互聯網產品設計

Rex Song is specialized in usable, high quality web design.
Trained cognitive psychologist, design thinker, user experience evangelist.
V1名片照片

超过十年专业网页设计(Web Design)、信息系统(Information System)架构经验,专注于互联网技术领域UCD理论的转化与实践。曾在盛大奥美等公司任职,曾为Google, Yahoo等公司产品项目提供技术支持。

互联网产品设计师、架构师,在大型网站整体业务架构和设计规划方面有丰富经验。长期致力基于Web信息架构(Information Architecture)的内容组织、结构、体系研究,对Web可访问性(Accessibility)、可用性(Usability)、可读性(Readability)有较深入的经验积累。

履历

2001年开始学习软件工程,在C语言课堂上从HTML开始做Web Design。影响至今的有苏沈小雨(rainersu.net)、灰灰菜(huihuicai.com)、散人设计(sungke.com)、七少(sevenstudio.com)等。同年11月用同学域名(showu.org)和空间做过第一个网站,开始接触ASP的信息系统。

2003年非典后,写作并发表过几篇应用软件、安全工具教程。通宵泡各种BBS,分别翻阅过蓝色经典(blueidea.com)、无忧脚本(51js.com)等网站几乎所有的设计贴,后短暂做过两论坛版主。年中开始兼职参与買楽-価格比較.検索サイト(buyraku.com)、どけち.com-価格比較.検索サイト(dokechi.com)网站设计,面向日本地区的比价模式(八年后大陆电商开始做此模式)。

2004年5月开通博客,使用LBS程序(作者SiC)。同年接触网站重构(Web Standards),重新系统学习HTML4+CSS2,其中以苏沈小雨2001年第二版(1999年第一版)的CSS2和DHTML手册为主,开始接触极简设计风格。年底加入清华蔚蓝网络书店(welan.com)团队⑴,电子商务启蒙,差不多同时接触的易趣(eachnet.com)和淘宝(taobao.com),第一笔网购是在易趣。

2005年3月加入盛大网络SDO北京分公司实习,先后做过泡泡堂(poptang.com),盛大音乐(snda.com),盛大在线(sdo.com)。以及后来家庭互动娱乐战略的盛大盒子(EZ Station)⑵,完成早期电视界面制作以及测试,要求跨平台兼容,并且保证在家用电视上效果无障碍(其实就是三年后我们研究的Accessibility)。同年接触用户体验(User Experience)概念,真正引起重视是如何量化用户体验这篇文章⑶,几个配图被到处转载。开始大量写Web技术相关网志,年底注册个人网站(rexsong.com)域名,三个月进入全球排名6万内。

2006年1月盛大SDO裁员,2月加入慧聪国际资讯总编室。深入B2B电子商务服务模式,参与到产品线所有项目的用户体验改进,包括门户资讯、内容管理后台、商务中心、用户行为分析平台等。接触百万数据量级的搜索引擎服务,参与改进产品效率,信息服务的调整。同年,业内有大量同行开始张口闭口“用户体验”,甚至把Web2.0捧到了体验经济高度。但实际上绝大多数都停留在交互设计、界面设计甚至客户端层面,当时最大的问题是对用户体验没有分层次的解构。包括我认为信息系统最核心的信息架构,业内关注度也远远不够。

2007年3月共同发起UCDChina分享设计经验⑷,包括开始写团队博客。从4月份开始约半年,参与最早团队帮助雅虎研发“站长天下(NCP)”⑸,负责产品从无到有,再到2.0版本的架构和设计。同年把LBS博客系统更换为了Wordpress的2.1版本,使用至今,开始接触PHP的信息系统。

2008年加入奥美互动(Ogilvy One),做隶属WPP集团的互联网广告平台ITOP,负责产品架构创新以及界面设计工作。同时,作为信息架构师了解了广告业做咨询的一些规则。工作之余做过很多用户体验相关各知识体系的梳理工作,尤其对可用性、可访问性指标有了正确的分层认识。业余开始“集邮册(jiyouce.com)”项目的规划和设计(一直到2010年才正式开发)。

2009年加入“小艾分析”任联合创始人,专注于电子商务领域的(淘宝开放平台)垂直流量分析工具,负责产品2.0到3.0版本的架构创新⑹。接触较多Web数据分析的专业知识,因为自己也在淘宝购买和开店,对淘宝平台本身积累了较多应用经验,比较熟悉购物搜索。

2010年4月尝试建立用户体验相关主题词表。年底以顾问身份参与凡客VT项目(vt.vancl.com)设计和链家在线(homelink.com.cn)改版,主要做信息架构底层优化改进。凡客VT项目⑺主导了商品分类和内容组织体系的建立,链家在线项目针对用户找房方式做了全新探索,并对全球房地产网站做了基础调研。

2011年6月加入小米科技,以信息架构师身份参与B2C项目小米网(xiaomi.com)创建。见证了小米网半年内从0到40万部手机、8亿现金流的完整发展过程,参与几乎所有核心系统设计。

⑴ 蔚蓝网络书店,源于2000年的大学生创业大赛,曾经教育网内最大的网上书店。2004年9月的流量达到中国第三大网络书店(超过贝塔斯曼),2007年7月后使用wl.cn新域名。

⑵ 盛大盒子(EZ Station),投入巨资打造家庭互动娱乐战略的核心。软硬件结合创新,试图将电视升级为网络终端,使普通用户能通过电视享受互动娱乐和资讯的机顶盒。“盒子计划”于2005年7月启动,2006年1月裁掉整个北京分公司,2006年4月宣布放弃。

⑶ 如何量化用户体验,2005年后在国内广泛流传,原文是2004年4月21日Robert Rubinoff在Sitepoint发表的How To Quantify The User Experience,中文版原文是Donews上李雪明翻译。

⑷ UCDChina,2007年与几位朋友发起的线下组织,最早凑在一起写官方博客。同年5月开始线下沙龙,截止2011年11月,全国已有北京、南京、上海、杭州、广州、深圳、成都、厦门、福州八个分会场。注意,正确写法是前四个字母大写。

⑸ 雅虎站长天下(NCP),隶属雅虎新媒体事业部,阿里巴巴后来投入了几乎集团所有资源,发展到60万站点规模,2009年2月因集团战略转型而关闭服务。NCP产品定位的三个阶段:从最早的New Content Platform,后来更改为Next Concept Platform,最后确定的Next Commerce Platform(下一代互联网商务平台)。

⑹ 小艾分析,专注于电子商务领域(淘宝店铺)的垂直流量分析工具,目前已经超过20万用户。2009年中诞生于阿里软件平台,年底植入于阿里巴巴大淘宝战略的TOP开放平台,2010年与淘宝旺铺合作,并成为淘宝核心合作伙伴。

⑺ 凡客VT,由Vancl和T恤两个词的英文首字母组合而成,2011年4月1日推出的T恤频道,全场29元。120位设计师,提供约1500款原创图案,超过3000件商品。夏季高峰,凡客VT销量最高一天超过20万件。

早期做网页设计、界面设计,后来做过几个大型互联网产品、网站平台规划。近两年主要做信息架构层面的业务管理流程、内容组织系统优化,以及信息可视化改进,咨询项目居多。

Google Logo Yahoo! Logo OgilvyOne Logo SNDA Logo KingSoft Logo WanMei Logo HC360 Logo Hylink Logo ITOP Logo EMAR Logo SDO Logo Xiaoai Logo Vancl Logo Homelink Logo 163 Logo Xiaomi Logo
互联网产品&平台
Vancl VT, Vancl.2010
信息架构顾问,2010年底参与VT恤项目设计。把用户目标行为定义为两类,目标清晰的用户需要强化分类引导,目标模糊的用户改进智能搜索。从主题词表的优化先入手,精确性组织体系包括“受众、款型、颜色、设计师、时间”等等,模糊性组织体系主要包括“概念主题、风格&潮流”两类。主要完成信息分类体系的内容设计,根据业务类型重新定义组织关系。
Fenxi001, 136 Inc.2009
联合创始人,负责产品1.0到2.0再到3.0版本的架构创新,用户发展到近20万。针对电子商务领域的专业性,重构流量数据分析、经营数据分析、营销数据分析的全新体系。包括部分信息可视化的全新尝试。
ITOP Platform, Ogilvy & 24/7 RealMedia2008
隶属WPP集团的互联网广告平台,最高日流量过亿。负责产品架构创新以及界面设计工作,协助开发团队在短时间内完成开发任务并上线运营。同时兼早期产品经理,执行部分项目管理职能,协助运营及销售团队在ROI Digital Award 2009中提名并获金奖。
NCP(Next Commerce Platform), Yahoo! China. & Alibaba2007
雅虎中国新媒体事业部,规划整合阿里巴巴集团资源的新一代互联网应用平台。2007上半年启动,封闭开发三个月完成1.0版本,负责产品整体功能架构和界面设计。兼2.0版本早期产品经理,帮助其功能组织用户体验在短时间内取得重大突破。后发展到60万站长的规模,2009年2月因集团战略转型而关闭。
Rebang, Google Inc.2007
搜索信息排行榜,参与到谷歌中国热榜项目组,帮助完成倾国倾城等专题设计。已经差不多成型的产品,主要解决关于页面设计和制作的问题。2010年7月,随着谷歌的撤出而关闭服务。
Tuyuan2007
照片社会化网络,遵循以用户为中心的理念和方法,参与产品早期的信息架构、交互设计,以及阶段性论证。
HC360, HC International Inc.2006
B2B电子商务服务提供商,参与到产品线所有项目的用户体验改进,包括门户资讯、内容管理后台、商务中心、用户行为分析平台等。
Sector Search Engine, HC International Inc.2006
百万数据量级的搜索引擎服务,参与改进产品效率,信息服务的调整。
EZ Station, Shanda Entertainment.2005
家庭互动娱乐战略的盛大盒子,完成早期电视界面制作以及测试,要求跨平台兼容,并且保证在家用电视上效果无障碍。
SNDA Online, Shanda Entertainment.2005
盛大音乐以及后来的盛大在线,协调策划部门完成界面设计、网页设计,完成几次重要首页改版制作,并且为盛大圈圈提供内容支持。
Poptang, Shanda Entertainment.2005
泡泡堂娱乐门户,协调策划部门完成界面设计、网页设计,以及各种活动、专题制作。
Welan2004
清华大学学生创业项目,中国第三大网上书店,负责期间比较重要的几次改版,与技术团队紧密配合,参与网站所有信息设计、界面设计、网页设计,以及部分广告创意制作。
どけち.com-価格比較.検索サイト, iIchiba Inc.2004
面向日本地区的商品比价网站,参与所有界面设计、网页设计。
買楽-価格比較.検索サイト, iIchiba Inc.2004
面向日本地区的商品比价网站,参与所有界面设计、网页设计。
 

网志内容来自个人博客和UCDChina官方博客,部分已经在出版物上,目前绝大多数精力用在专业技术领域的研究积累,以Jesse James Garrett总结的“用户体验的要素(The Elements of User Experience)”为基础。我尝试把两个分层图结合起来,便于理解和传达:

用户体验的要素PPT中文模型

例子阐述用户体验的要素12.22.2010
《用户体验的要素》第167页勘误相关讨论3.7.2008
业界
值得长期关注的网站2010.11.21
业余重点关注的几个网站,在不同角度都保持了较高设计水准,能看到较新的技术应用。从历史发展来看,经典往往永远走在最前边,跟踪有代表性的网站很有必要。
产品为王2010.8.11
互联网公司的发展根本在于以产品为核心,需要健康向上的创新。分别简述了新浪、搜狐、网易、腾讯、阿里巴巴、百度六家互联网公司的产品线以及之间关系。
互联网产品设计十年2010.7.14
1999出现网页设计萌芽,到2010整整十年。从软件设计到网页设计,到网站设计,再到互联网产品设计。从软件工程理论到以用户为中心的设计,互联网产品逐渐已经成型独立的知识体系。对十年发展历程的简单梳理,包括重要时间点和事件。
中国网页设计没有特点2010.3.28
2010年接受Smashing Magazine采访后补充和整理的观点,目前中国Web Design整体水准在国际上属于中偏低的档次,有文化有创意的民族可惜做不出有价值的作品。
观点和理论

互联网产品设计指在传统网页设计、网站设计基础上发展而成的独立知识体系。依托互联网客户端技术,坚持“以用户为中心”原则,结合信息架构、交互设计等跨学科专业知识总结而成的新媒体设计方法。

互动技术的理性选择2009.5.15
提出Web设计的核心是信息内容,而Flash设计的核心是交互互动。Web Application高速发展推动下,Flash曾经领先的“互动”优势正在一步步被削弱,Flash曾经在浮躁、封闭环境下所受的追捧也将成为过去。
软件与网站设计的区别2009.5.3
提出Soft-based与Web-based的区别,近年互联网产品的兴起,逐渐替代了传统软件的封闭模式。互联网产品设计被逐渐拔高和受到重视,超越了传统软件界面设计只做界面美化的层次。
立足于传统行业设计2008.7.15
提出互联网并不是行业,只是个技术领域,只是更利于传统行业信息传播的新渠道。设计如果不服务于传统行业,而穷于应付各种互联网概念和专业术语,永远得不到提高。
SEO和UCD的关系2007.4.24
提出搜索引擎需求是用户需求的不完全表达,优化是一个锦上添花的过程,并指出了SEO技术界限以及目前SEO从业者的泛滥现状,在SEO技术领域引起大范围讨论和反思。
网页不需要漂亮2006.8.23
针对网页设计风格,提出在当时极具争议性的两个观点:对于网站质量来说,漂亮只可用来加分,但不能打分;对于视觉体验来说,舒服是比漂亮更高层次的艺术。

包括从2006年起积累下来的研究成果、演示文档、内部培训、外部分享等,重新分类整合组织而成,同时也是很好的知识管理(Knowledge Management)实践。大量案例截图保留了很多网站历史,不断调整更新。

Web眼动模式2010.10 createdhistory

视线跟踪是人机交互研究的新热点。能否自发、自觉地使用视觉导向的设计方法,并根据视觉路径走向排列关键信息,这是区别专业与业余网页设计师的一个重要依据。以名古屋市立大学芸術工学部木本晴夫教授总结为基础,针对视线轨迹、视线焦点两方面的案例论证总结。

适合:网页设计、信息设计、用户界面设计、视觉设计

通过研究视线轨迹改良设计2006.07.02
Web信息架构2009.06 createdhistory

信息架构是让信息更有组织的展现给用户,帮助用户有效实现其信息需求的艺术和科学。信息架构是学术名词,互联网只是利用其基础原理来促进转化,Web信息架构是狭义的信息架构。原理部分参考《Web信息架构》中的组织系统、标引系统、导航系统、搜索系统四部分。

适合:信息架构、交互设计

网站信息架构实践方法2011.11.30
深入Web信息架构2010.10.08
用户不需要信息快餐2009.02.21
结构和交互的关系2007.11.17
信息架构的流程引入2007.12.15
网站的信息架构2006.05.10
Web可访问性2008.03 created

可访问性(信息无障碍)是对所有用户一视同仁,不仅仅是为残障人士构建“平等、参与、共享”平台。而应该无论用户使用何种软硬配置、网络基础设施、语言文化背景、地理位置,以及他们的身体条件和智力经验水平。分别从站点可访问性、服务可访问性、功能可访问性、内容可访问性四方面总结。

适合:网页设计、信息设计、用户界面设计、视觉设计

可用之前先保证可访问2009.3.16
给网站界面预留退路.2009.3.11
内容可访问性不是全部2009.11.7
页面加载对访问的影响2009.10.29
新开窗口应该浏览器控制2009.4.16
宽屏不是用来阅读的2009.4.5
简洁有语义的页面地址2006.5.1


到頂 首頁

京ICP备05082522号 千鸟的个人网站Ver2.0

专题

互联网产品设计主题词表
Web-based Product Thesaurus
2010.04 updated
2010.04 created
互联网产品设计操作参考
Web-based Product Framework Reference
2009.03 updated
2008.11 created
互联网产品设计阅读参考
Web-based Product Reading Reference
2009.03 updated
2008.10 created
Web可读性设计
Web Readability
2010.09 updated
2010.05 created
Web可访问性设计
Web Accessibility
2010.09 updated
2009.03 created
Web信息架构
Web Information Archetecture
2010.09 updated
2009.03 created