David Qiu

Blogged with the Flock Browser

Blogged with the Flock Browser

带形”公寓位于3.2万人口的Nova Gorica市中心，该城市位于斯洛文尼亚的西部，靠近意大利边界，海拔92米。建筑的立面由三维的带状阳台、露台和架组成。“带”也表现出功能元素，屋顶、架子、公寓的分户墙，台阶和阳台。

Blogged with the Flock Browser

善于用Facebook或twitter结交朋友。及时解决相关的问题；
每天花十五分钟通过即时信息（他们都会在个人简介里公布）与一个Digg用户取得联系，并观察他们其他一些社会媒体的应用；
将你提交到Digg或reddit的文章（标题、摘要，非正文）通过翻译工具提交到 meneame（西班牙Digg）及Scoopeo（法语Digg）中，每次过程十分钟。
不要沉迷于那些不能给你带来任何流量或吸引人的社会媒体，要能分辨哪些才是有价值的，重视投入产出比。
每天花十分钟回答Yahoo! Answers的五个问题，在其中一个加个连接到你的网站上。
通过Google Blog Search或Serph搜索公司关键词，观察哪些人在评论并与他们进行对话。每天至少二十分钟。
善于发现任何可能存在关于你网站、产品、服务的媒体社区，不管是Amazon, Yelp, CitySearch 还是Google Local等，长期都需要做好评论跟踪。
将这十个步骤应用到你整个社会媒体营销中，每周花至少五个小时，你的在线营销计划一定会取得良好效果的。另外一些策略如链接诱饵、博客写作也都是社会媒体营销的基础。
Blogged with the Flock Browser

   twitter中，有很多商户已经注册了各自的博客，通过回答客户或潜在客户的问题，来获取相关的客户信息，同时自己也可以通过写简短说明，来对商品进行描述，提高网站的转化率，降低广告费用。
   twitter的实时查询工具，可以查询到某个人当前的状态，经如查询shoes，肯定有不少人想买shoes,或是对shoes感兴趣的，追循过去，看看能不能提供让其满意的产品或推荐，同时即使卖不成了，她（他）也很可能成为你的潜在客户，如果他成为了你的客户，那你更可以使用twitter进行长期的客户关系维护，不错不错~~~
Blogged with the Flock Browser

SCVNGR是一家让你可以在任何手机上制作基于地理信息游戏的平台公司，之前由Highland Capital参与投资，而今天Google Ventures也宣布追加400万美元投资，同时Google Ventures的Rich Mine将进入董事会。SCVNGR有着正现金流，且利用第一年的投资已经实现了超过100万美元的利润。
Foursquare和Gowalla这些基于移动地理信息的游戏都受到了很大的关注，SCVNGR也悄悄的确立了自己稳定的市场地位。SCVNGR创造的平台可以使公司、学校和其它组织建立自己的基于地理位置信息的应用，数十所大学都使用它建立大学导航，而一些主流公司甚至用它做团队建设工作。这个平台已经有超过400位客户，包括Princeton, Yale, MetLife, 和HSBC。
SCVNGR的扩张非常快，在过去的11天里他们就又雇佣了6位喜人，目前公司的规模已有最初的20人翻倍到40人，包括移动应用开发到销售。
Via TechCrunch

Blogged with the Flock Browser

原文链接；作者：Andrew Chen
如何才能成为乔布斯？创业者 Andrew Chen 在自己的 blog 上分享了他从设计战略的角度出发，对这个古老问题的思考。更有趣的是，Andrew 的帖子发表后引来了两位前苹果员工的回应，他们也分享了自己对乔布斯所起作用的看法。今天先刊出 Andrew 的原帖。
乔布斯到底为苹果做了什么？
近来，我就苹果那令人难以置信的设计文化，以及如何在一个创业公司中建立这种文化进行了一些讨论。从许多方面来说，要拥有乔布斯那神一般的对产品美学和交互的感觉，并扮演他这样的角色，看起来像是一个不可逾越的天障。
然而，苹果有着数以百计的产品和体验——硬件、软件、人力资源文件、广告等等。乔布斯肯定没有时间顾及每个苹果产品的设计，而且，他还要管理 3.5 万名员工。那么，乔布斯到底做了什么来创造如此令人惊叹的苹果设计文化？
更重要的是，一个创业公司有没有希望创建同样的一种文化？
好吧，下面是我最尽力的猜测。
IDEO 关于渴求度，可行度和价值度的产品理论

首先，让我们稍微离题，先介绍一下 IDEO 对新产品开发的看法——这家设计公司那份上百页的「以人为中心的设计」的 PDF 文档 对此有所介绍，但我那在 IDEO 工作、并充满了耐心的女友也向我详细地讲解过。

他们的理论是，所有产品都是三种视角激烈角逐的最终结果：渴求度（Desirability），可行度（Feasibility），以及价值度 （Viability）。IDEO 专注在新产品的渴求性上，这意味着他们思考的是如何制造出性感的、有着明确价值主张的产品，并从这一点出发来思考技术目标和商业目标。他们那些财富 500 强客户中的大多数并不是以这种方式工作的，当然，这也是他们要雇用 IDEO 的原因。
下面是他们的「以人为中心的设计」工具箱里面的图示：

按照我所听闻的说法，这几个因素是和企业中的不同功能模块一一对应的：

价值度 = 业务重点（市场，财务）
可行度 = 工程重点（技术，敏捷流程等）
渴望度 = 设计重点（客户，美学等）

以商业为中心的产品视角：价值度
对于商业驱动的产品，重点可能在下面任何一项：

「火爆的市场」
赚钱
投资潜力
分销
指标

其中的思路是，你开发的产品需要从上面这些「一阶项」中出发。商业驱动型的创业者可能会先确定一个市场，然后尝试拿出一个属于该市场的产品——例如，「哇，Zynga 每年能赚 2.5 亿美元，而且钓鱼游戏很火。我也应该去搞一个社交游戏。」
我也认为，所谓「企业式」思维（包括 MBA 和商业计划竞赛），根本上都是以这个理念为中心的——最重要的事情始终是关于业务的分析讨论，而不是核心的用户体验本身。财务指标和市场规模成为讨论的核心——我还认为，大多数风险投资家也可以归入此类。
属于这一大「教派」的观点有「基业长青」、「跨越鸿沟」、「客户拓展」、「蓝海战略」，甚至包括「有效市场论」。「六西格玛」和麦肯锡季刊上的所有东西也大可以算进去。
以工程为中心的产品视角：可行度
对于以技术为导向的产品，重点可能在以下方面：

编程语言和开发堆栈
酷的技术或资源库
工程流程（敏捷开发，或其他）

对于使用这些条件作为「一阶滤波器」来思考的人来说，你可能最终会得到这样的想法：「BT 真的很酷，我们如何围绕它来创立一家新公司？」
我也会把像敏捷开发这样的工程流程归入此类，因为在考虑如何建造产品的过程中，这也很容易变成第一序位。并非任何团队、任何产品、任何情况都适用敏捷开发，但它仍往往被视作万金油——可真的是这样吗？
属于这一大「教派」的观点有敏捷开发、Scrum（一种敏捷开发模型）、开源等等。我大概也会把像 RoR（一种面向 Web 应用程序开发的框架）那样的「生态系统」归入其中，这种独特的文化有着自己的一套信仰和风俗。「精益软件开发」这样的框架则最终将商业和工程两方面的目标 合二为一，例如，「客户拓展加敏捷开发」。
以设计为中心的产品视角：渴求度
对于以设计为重点的产品，重点可能是：

环境，文化，和目标
客户的目标和产品体验
设计美学和交互

这种情况下的「一阶滤波器」可能是，「病人去医院的就医体验非常糟糕——我们能如何改进？」在这一初始阶段采用的工具可能包括用户研究，用户角色（persona）和用户目标的确立，以及用于探索更多产品概念的快速原型建立。
这一大「教派」为苹果及其美学和标准所领导。当然还有诸如 [...]

IBM公司智慧城市（SMARTER CITY）项目的官方网站。

网址：http://www.ibm.com/thesmartercity
Blogged with the Flock Browser

http://www.supercombo.co.uk/Core/#Information
一位来自英国的年轻图形艺术家，作品不但量多，而且精彩，丰富的光效色彩和视觉元素让人目不暇接。他的真名叫 Pete Harrison,一个以数码图形设计为自由职业的新青年。
他同时还是 http://www.desktopography.net/ 的站长，这个知名的图形在线画廊，想必很多人都知道。 

Blogged with the Flock Browser

 
在进行Web的交互设计中，颜色信息的传达也是不可或缺的一部分。我们常会发现许多“灰色”的应用，他们的出现总是不动声色而又恰如其分，维持了整个页面的平衡与统一。本文将从一些实际案例出发，阐述“灰色”在Web交互设计中的8类应用。
首先让Mr.Gray 来做个简单的自我介绍吧：
狭义的 Mr.Gray
狭义的Mr.Gray, 是指没有色相与纯度，只有明度，将黑色和白色混和而成的一种中间色。 依据不同分类方法可大体分为浅灰与深灰两种，亦可分为暖灰与冷灰。
相对来说，其特征为视认性不高，经久耐看，不因过份的鲜明而刺眼，中立而温和。

图例暖灰与冷灰
广义的 Mr.Gray
广义的Mr.Gray是指一切具有中性、温和、不鲜明的现象与事物。在下文中所指的Mr.Gray,均指的是广义的Mr.Gray。
如果把所有的颜色混在一起，会是什么颜色？其实Mr.Gray 并不孤独。
Mr.Gray是一位相当有魅力的绅士。阅历越深，就越能懂得他的价值。
Mr.Gray好比是形状中的圆角，可以调和一些矛盾，使得它们不再尖锐。
下面让我们来看看大家对Mr.Gray的印象吧：

Mr.Gray在Web 交互设计中的8类应用
Mr.Gray谦和内敛等特性决定了他在职业生涯中，大部分时间都在扮演辅助陪衬的角色。下文将以一些实际案例来进行详细说明。
1. 当前场景下禁用或不可操作
这类设计处理的好处是避免用户进行无效的操作，提高用户的使用效率，并且给予一定的信息暗示。下图中是一些禁用、不可操作或者没有权限的图例：

2. 暗示一定秩序下，即将发生的步骤、事物
此类设计可以让用户对即将进行的任务全局一目了然，较少而清晰的步骤不会给用户带来心理压力，相反会促进用户完成该项任务。如下图中的创建QQ群的步骤预示。

3. 弱提示，辅助信息（包括色彩信息）
这一类应用较为广泛，如大段辅助信息文字，一些提示信息，次要陪衬信息，不常用功能操作等，“灰色”处理会让页面和谐统一，并突出最主要的用户体验操作。如下图1中，浏览照片为最首要体验，上排对照片操作的工具栏则进行了“灰色”处理，mouseover时再变亮和丰富。

再如一些登录与搜索中的辅助说明与操作信息：

4. 表示未被激活的“隐藏”状态
在Web设计当中，常需要考虑当前态、未被激活态等样式。常见方式是灰色化处理未被激活态，在对比中使用鲜明的色彩告诉用户当前所处的位置或状态。

下图为igoogle联系人当前不在线时场景，使用了灰色icon来进行区分，这类设计在即时通信产品中较为普遍。

5. 次要可链接信息
深色下划线会给清爽的页面带来些许不和谐，“灰色”处理可以调和这种矛盾，既能准确传达所需表达的信息，又能使得页面整体和谐统一。

Apple在此的Web设计秉承了一贯的简洁风格，使用简单的一小段下划线，却传达出了丰富的信息。

6. 不鼓励用户进行的消极或危险操作
下图中Flickr的“封锁”操作点击后，会阻止该好友与你进行一切信息交换与互动，该操作的“灰色”处理恰好可以辅助表达出这层隐含的意思。

又如删除整条标签的icon。

存储与取消的操作，一个为亮色另一个进行“灰色”处理，这类应用在Web交互设计中应用十分普遍。

这类应用与禁用使用场景的一些区别，在于鼠标mouseover时，会有响应，如鼠标变手型，对象变色等。
7. 信息分隔
常见的有下图中的斑马线，虚线，色块等来区分不同信息区域。
斑马线

虚线分隔

浅色块区分标题与内容区

8. Mr.Gray的相对性
因为色彩具有明显的相对性，而某些Web设计为保持整体风格的一致，甚至会将主要导航“灰色”处理，然而，这些处理都是相对的，也同样可以做到主次分明。如下图中wordpress的主导航。虽然导航当前态文字为灰色，但依靠浅色背景，相对而言还是更为突出的。只要把握住Mr.Gray的相对性，对其使用便能更加自如了。

以上内容均为个人观点与总结，有疑问欢迎共同讨论和交流，若有不足之处还请不吝赐教。

版权所有 ? 2008
您看到的文章来自 腾讯CDC博客 http://cdc.tencent.com ，原文链接为 http://cdc.tencent.com/?p=2060 ，转载时请注明出处。

Blogged with the Flock Browser