2009年2月19日星期四

[组图]22个苹果风格的Web设计[转]

  一直就佩服苹果的设计师们。我总是和朋友们提起,全世界最顶尖的设计就是苹果,最新锐的设计都出自苹果,然后别人会一窝蜂的模仿。
  在网上看到了这个文章,很不错,转过来,谁让自己以前就是一个视觉设计师呢。
  转自:20ju.com
众所周知,苹果是世界上最富创意和创新的公司之一,因此我们周围才有那么多追随苹果风格的软件公司或 Web 设计师。而苹果公司网站本身也因其易用性,功能与漂亮的设计而备受称赞。本文精选了22个苹果风格的 Web 设计,这些公司中一些本身就是销售苹果产品的,因此不难理解他们为什么选用这样的风格。

Apple.com




1. Icon Designer

2. iSlayer

3. Versions

4. Checkout

5. Small Transport

6. MacRabbit


7. 280 Slides

8. Disco

9. Warehouse

10. Cha-Ching

11. RapidWeaver

12. DeskLickr

13. Tangerine!

14. 1Password

15. Jumsoft

16. Roxio Toast

17. CandyBar

18. Cultured Code

19. Anxiety

20. Tao Effect

21. TaskMate

22. The Invoice Machine


本文作者 Chad Mueller 运行着一个设计博客,Inspiredology。他还是一个自由职业设计师,从事 Web, 博客,Logo 等设计。

本文原文来源:http://www.webdesignerdepot.com/2009/02/22-website-designs-inspired-by-applecom/
中文来源:COMSHARP CMS 网站

2009年2月18日星期三

[转]TinyChat:创建临时的网页聊天室

TinyChat:创建临时的网页聊天室

Posted by noknowon / 二月 18, 2009 / 73Views

tinychat-logo倘若你或者朋友没有即时聊天软件可以使用,也许不方便使用,而又需要聊天交流,那么最好的选择就是创建一个网页聊天室。TinyChat 就是一款可以随时轻松地创建临时网页聊天室的服务。

TinyChat 无论是界面、功能还是使用都非常简单实用。不需注册,点击创建就可以随机得到网页聊天室网址,使用该网址登录即可加入聊天室。

而且TinyChat 支持中文,可以保存聊天记录,还允许用户使用Twitter帐号登录,TinyChat 会自动向你所有的Followers发送消息邀请加入聊天室。此外,TinyChat 还提供Badge可嵌入博客网站中,能显示当前在线人数。

使用方法详解:

1. 点击 TinyChat 主页的“Click to Create your Chatroom”按钮,即可得到网页聊天室的网址。

tinychat-create

其实,不用进入TinyChat 主页创建也可以,直接浏览器中随意输入聊天室网址,格式为 http://www.tinychat.com/xxxx 。xxxx 可以替换为你喜欢的聊天室名称(至少4个字母),例如 http://www.tinychat.com/mayi 。所以,今后想要创建网页聊天室只要构建以上格式网址即可,非常简单方便又好记,不过也有可能撞车噢。

2. 进入聊天室,首先输入昵称或者选择使用Twitter帐户登录,然后就可以聊天了。

tinychat-chatroom

Come chat with me!

点击用户名可以向该用户发送私信。点击“+Options”可以选择更改用户名,保存聊天记录,或者将此聊天室加入到博客网站中。

保存聊天记录的方式包括,保存为纯文本、保存至TinyPaste(什么是TinyPaste)、发送Email到邮箱以及和发送到Twitter。

嵌入博客的Budge如左边所示。

tinychat-chatlog

TinyChat 给我的印象和 TinyPaste非常相似,简单小巧却非常实用。

2009年2月17日星期二

[转]用户体验的交付物

Peter Morville版权所有

2009年1月27日

译者:UCD小组,Douis
原文地址:http://semanticstudios.com/publications/semantics/000228.php

对用户体验从业者来说,一个令人振奋的时刻到来了。对我们价值认知的提升加上科技融合以及泛媒体趋势的发展,已经给我们的工作创造了一个改变的条件。

作为一名信息架构设计师,我非常喜欢新的挑战,即便它们把我赶出安乐窝。我曾设计过许多公共软件产品和大量的用户界面。我也曾勾画设想过未来的移动搜索。我还曾设计过跨渠道跨应用的用户体验。渐渐地,我发觉自己一直在努力帮助决策者们澄清概念。

因此,我正在重新思考自己的角色,重新定义我的交付物,并且逐渐接受多学科合作的许多全新形式。比如,我成功诱使了Jeffery Callender 成为《Search Patterns》一书的合作者,这本新书(进行中)将探讨如何为探索进行设计以及搜索的未来发展。



我们两人合作,希望能够通过丰富多彩的、引人入胜的故事、地图和插图把搜索赋予生机和活力。这就把我们带回到交付物的话题上来。

思考的工具

有两本书曾鼓舞着我换个角度去思考关于发现、沟通和设计。首先,《Made to Stick》这本书启示我去思考简洁性。它揭示了短句的强大力量,并展示了能改变想法并塑造记忆的神奇的个人故事。

  • 经典语录是简洁的圣杯。使用短小、简单的句子是容易的,任何人都能做到。相反,使用深刻精炼的句子则很难,但却会持久流传。
  • 要解决问题,要先把问题暴露出来。我们的目标是把真相告知人们,但是首先,人们必须意识到他们的确需要这些真相。
  • 这种意识-这种同感来自具体事物而不是某种模式-把我们重新带回德兰修女的名言:”所见为虚则不为;所见为实则为之。”
  • 故事的力量则是双重的:它提供了模拟(行为所需的知识)并提供了灵感(行为的动机)

第二本书《The Back of the Napkin》鼓励了我进行可视化思考。它说明了草图能够帮我们发现并推销创意:

  • 可视化思考意思是利用我们天生的看的能力-既用眼镜去看,也要用思维去看-去发觉那些未必可见的创意,快速直观地完善那些创意,然后采用一种简单易得的方式跟他人分享。

这两本书虽贵为至宝,但它们的概念却意外地难以实施,使事情简化其实使很难的。但是,对我们的项目和著作来说,我们相信那是值得努力的。所以,基于 Dan的二手交易原则:”如果可以一览无余,一切都会不同。”Jeff和我开始总结用户体验的相关交付物,并把它们排列出来,这样就可以查找、查看、设想 并展示。

交付物

这个列表描述了二十个用户体验交付物,并链接到相关的资源和实例。显然,这些东西不是全部内容,我们还必须考虑到目标、方法和文档之间的关系。而且,对我们许多人而言,交付物是至高无上的的,值得特别注意。

  1. 故事。一个用户体验的好故事能够帮助人们发现问题(或机会),鼓励人们采取行动,即使我们离开了也能长久地驻留在用户的记忆中。

    商业故事会
    领导力的密语 作者Stephen Denning
    一些文章 作者Dave Snowden
  2. 经典语录。高级指导方针以及基于现有架构的体验战略可以把一切都囊括其中。
    Proverbs
    体验战略 作者Jesse James Garrett
    启动阶段的高级推销语
    英语经典语录(Wikiquote)
  3. 人物角色。用户类型(包括其目标和行为)的描述和介绍,提醒我们”你不是用户”,在设计和开发阶段充当宝贵的罗盘。
    Personas
    角色 (Dey Alexander)
    角色并非一份文档 作者 Jared Spool
    角色 (Wikipedia)
  4. 场景。把角色定位在自然语境下,让我们思考系统如何适应真实人物的生活。
    Scenarios
    什么是场景
    场景 作者 Shawn Henry
    用例与用户场景 (IxDA)
  5. 内容清单。对文档和对象进行检查和描述是有效构建和组织的先决条件。该交付物(通常是一份电子表格)是尽职尽责的一个表现。
    Content Inventories
    制作一份内容清单 作者 Jeff Veen
    为何不可 作者Leisa Reichelt
    滚动的内容清单 作者Lou Rosenfeld
  6. 分析。我们通过交互、搜索 和导航的数据进行学习。我们通过揭示并图形展示最关键的里程碑、门户、路径和模块进行教授。
    Web Analytics
    Web分析 (Wikipedia)
    Web分析与IA 作者Hallie Wilfert
    搜索日志分析 (Dey Alexander)
  7. 用户问卷。在各种受众的多个用户中询问同样的一些问题,能够保露出现存的缺陷以及共同的需要,并显示出对客户满意度的覆盖程度。
    User Surveys
    因时制宜 作者Christian Rohrer
    美国客户满意度索引
    Pew互联网和美国生活项目
  8. 概念地图。在概念范畴中,一个良好的地图能帮我们定位,并且通过设立地标、澄清关系、识别方向帮助决策。
    Concept Maps
    餐巾的背面 作者 Dan Roam
    什么是你的心智模型? (Indi Young)
    Flickr用户模型 作者 Bryce Glass
  9. 系统地图。系统内部对象及其关系的一个视觉呈现,可以帮助涉众和用户进行理解和查找。是由”现状”变为”未来”的变速器,可使结构性的重新设计具有一个蓝图。
    System Maps
    地图-地域关系 (Wikipedia)
    伦敦地下地图 (Ask Edward Tufte)
    开发分类体系 作者 Christian Ricci
  10. 任务流。用户如何在系统中移动?我们如何改进其流程?一个象征性的描述就可以照亮需求路线并显示出所选路径的优势。
    Process Flows
    用户流程 (Google Images)
    改进用户任务流 作者 Austin Govella
    需求路径 (Wikipedia)
  11. 线框图。页面和屏幕的草图可以帮我们聚焦于结构、组织、导航和交互,然后才去投入时间关注颜色、字体和图片。
    Wireframes
    线框图在哪 作者 Dan Brown
    真实的线框图 作者 Stephen Turbek
    线框交换卡 (nForm)
  12. 故事板。一系列的带有文字描述的草图排列起来就可以讲述一个故事,并按时序画出一幅用户与系统交互的图景。
    Storyboards
    漫画 作者 Rebekah Sedaca
    理解漫画 作者 Scott McCloud (视频)
    泳道图 (nForm)
  13. 概念设计。界面设计与合成艺术能唤起一种情绪反映并听过展示一幅产品未来样子的高保真图片来捕获人们的注意力。
    Concept Designs
    概念设计 (Flickr)
    概念设计工具 作者 Victor Lombardi
    投资未来 (Stuart Candy)
  14. 原型。从软件和硬件产品的纸上原型到pre-alpha版本,可用的模型能驱动快速的迭代开发并通过展示产品未来的观感促进情感上的一致。
    Prototypes
    纸上原型 作者Shawn Medero
    XHTML原型开发 作者 Anders Ramsay and Leah Buley
    WineM (Technology Sketch)
  15. 叙事报告。写作是思考和组织的最好工具。而且要推翻一份展示细节和分析建议的文字报告是很难的。报告可以作为大部分交付物的容器。
    Narrative Reports
    风格的元素 作者 Strunk & White
    战略报告 作者Morville & Rosenfeld
    商业简报 (Adaptive Path)
  16. 演示。作为商业中的国际语,幻灯片(以及视频)最适于讲故事或描绘图画。不过它们也可能无聊的要死,除非你亲自出马、强调要点并慎用项目符号列表。演示也可以作为大多数其他交付物的容器。
    Presentations
    PPT的认知风格 作者 Edward Tufte
    抵御PPT 作者 Don Norman
    信息架构峰会报告(PPT)
  17. 计划。项目计划、路线图和日程表能通过清晰地划分角色和职责来知道设计和开发活动。
    Plans
    甘特图
    项目管理 (Wikipedia)
    最后期限 作者Tom DeMarco
  18. 需求规格说明。在从设计转到开发的过程中,通常的一个必要元素是描述系统的行为或功能的需求详单。
    Specifications
    可用的软件需求规约 作者 Brian Krause
    无痛功能规约 作者 Joel Spolsky
    只是个神话? by Dan Willis
  19. 样式指南。一份手册,定义了一组标准的用于改进清晰度和一致性的特性、设计和写作风格。
    Style Guides
    样式指南导航 作者Chauncey Wilson
    Web样式指南 (Pennsylvania大学)
    Web样式指南 作者 Patrick Lynch 和 Sarah Horton
  20. 设计模板。一份提供可重用的常见问题解决方案的模板库,能描述最佳实践,鼓励分享和重用,促进一致性。
    Design Patterns
    关于模板 作者 Jenifer Tidwell
    雅虎设计模板库
    部署一个模板库

组织交付物

当然,编制一份列表仅仅是万里长征第一步。对每一个项目来说,我们都必须努力使之达到最优结合。既然我们的这些交付物没有一个分类系统,那么问下列一些问题可以帮助我们得到它们的大致分类:

  • 听众 你必须触及哪些人?
  • 内容 要传递什么信息?
  • 语境 对话发生在哪里?
  • 过程 何时发生?
  • 问题 为什么要沟通?

但是,问题不会就此结束。你认为应当更简单还是复杂? 追求数量还是质量?我们可以无休止地去组织并描述这些交付物。我们已经启程了,也许你能提供些帮助。你愿意在我们的Flickr收集上增加一些标签吗?

藏宝图

如果你读到了这里,现在可以得到一个回报。那就是大堆的交付物大堆的文字。还有,那就是问题所在:看不到森林怎么找到最好的树?我们只有回到自己习惯的事情上面。所以经常粗制滥造一堆线框图却还没意识到一个故事。所以我们在我们的墙上(还有你的墙上)制作了这幅藏宝图。

User Experience Treasure Map

祝你好运!记得告诉我们你的发现!

2009年2月15日星期日

对前公司的推广建议(地区性B2C)。

  昨天和以前的同事讨论了以前公司的二期推广问题,我从以前公司走的时候正处于公司大力推广的初期,那会我选择了离开。现在初期的推广带来了一定的效果,但是并不明显,所以公司需要进行第二次大力推广。
  因为以前的公司有广告宣传的渠道,所以在推广的时候有很多免费的资源可以利用,比如电梯的框架广告,楼宇及大卖场的视频广告。因此这次的第二期推广依然准备利用这些资源,继续在框架中更换新的广告宣传画。
  其实从以前公司走了以后,我依然关注着这个B2C的项目,电梯框架广告和视频广告其实并没有带来更多的用户。我觉得第一期已经告一段落,第二期就需要更换模式,我认为应该更换为我一直提倡的购物目录推广。
  为什么我一直提倡购物目录呢,
  首先,国内比较B2C做的比较不错的红孩子就是利用购物目录这种传统的模式为网站带来了更多的用户和利润,并且也看到了效果。
  其次,购物目录比电梯框架和视频广告更能贴近用户。比如,一个潜在的用户在楼宇中看到了视频广告,在电梯中看到了框架,可能马上对网站感兴趣,但是一旦离开广告的影响范围,因为一些其他事情的影响可能对网站形成了暂时性的忘记,除非再次进入广告的影响范围否则很难主动去访问网站。并且框架广告承载的网站信息非常少,诱惑力不大。视频广告制作再精美也很难让用户主动的全部看完。所以这种框架及视频对用户的影响并不是持续的。购物目录承载的信息量要大的多,可以给用户更多的引导,还能够利用其进行线下的销售,并且可以跟随用户对用户进行长时间的影响。这3点是框架广告和视频广告所没有的。
  我简单的做过一个调查,问了几个女性同事,你在电视上或者电梯里看到屈臣氏的广告和你拿到了屈臣氏的购物目录那个会引导你光顾屈臣氏。90%以上都是选择购物目录,为什么,因为贴身,因为承载了更多的商品信息,总有适合你的,或者有十分便宜的但不适合你,给你造成一个影响,就是屈臣氏的商品便宜,这样就促使了你的光顾。
  最后考虑到了推广成本的问题,因为框架广告和视频广告是网站所属公司的其他业务,因此在渠道上是免费的,只有制作成本,购物目录却要印刷,并且需要人员的发放或利用其它付费渠道。从表面上看似乎购物目录投入要大,不过我感觉是一样的投入。我利用一个简单的公式:
框架及视频广告销售带来的利润(X)、框架广告及视频广告的制作费用(Y)、印刷购物目录费用(A)、发放目录渠道费用(B)。
推广预算首先要做到:X+Y=A+B。
然后通过调查和分析最终带来的效果应该是:A+B>X+Y
所以第二期推广选择购物目录才是合理的。

为什么要写这篇文章,因为想更好的帮助以前的同事和以前公司发展起来。必定自己曾经在那里奋斗过。