社交网站界面设计

出版时间：2010-9-1  出版社：机械工业出版社  作者：Christian Crumlish,Erin Malone  页数：445  译者：樊旺斌,师蓉  
Tag标签：无  

前言

　　为什么要写本书　　我们之所以写本书，是因为我们需要这样的一本书，并且据我们所知，目前图书市场上还没有这方面的书。我们自己积攒的“社交用户体验界面”方面的模式、文档和相关准备工作已经非常丰富、完备了，而且感觉可以将它们结集出版了。该书的写作基于我们在Yahoo！所做的工作以及整个“社交设计”业内所做的工作。通过写作本书，我们也是为了能够营造一种氛围，以便更好地组织讨论这些交互模式，同时在专业用语上达成共识，并最终在社交设计方面形成行业惯例。当今世界上每个角落的互联网设计和开发人员都需要考虑社交方面的工作，我们愿为其提供帮助。　　本书内容　　虽然许多交互形式也会依赖（或者促成）某些特定的社交行为，但是本书谈的不是社交行为设计。本书第一部分中的许多原则所谈及的都是不同种类的用户行为，但是我们最好将其置于“整个模式库”这样一种宏观视角来看待。　　本书谈的是“交互设计”，特别是“社交”方面的交互和界面设计，既包括Web环境也包括移动环境（我们更侧重于Web环境）。　　模式库是多年Web社会化，社区化产品设计经验的精华。我们为此定义了最佳实践、原则以及社交界面的模式。限于经验，我们只关注面向用户的界面。我们会在本书的最后谈及在企业和移动环境下的应用，并以此提醒设计师；这些问题及解决方案是在我们假定的角度和众多限制下谈及的，但它们也可应用于企业环境和移动设备。　　随着时间的推移、技术的创新，该模式库将会不断地涌现出新模式，完善现有模式，并最终发展壮大。

内容概要

　　《社交网站界面设计》提供100多种模式、原则以及最佳实践，并针对在设计社交网站时经常遇到的问题给出明确建议。《社交网站界面设计》将提供给你培养用户交互习惯和构建社区最具价值的参考。《社交网站界面设计》作者将与你分享难得的经验，教会你平衡各种不同的因素，并与你的用户共同构建和谐健康的网络社区。

作者简介

　　Christian Crumlish，从1994年开始进行交互应用方面的写作。他是Yahoo！设计模式库的管理者和维护者，是信息架构协会的财务主管，也是Open Web Foundation的成员。他是《The Power of Many》（由Wiley出版）和《The Internet for Busy People》（由McGraw-Hill Osborne Media出版）两书的作者。　　Erin Malone Tangible，UX公司总裁，她在Yahoo！、AOL、Intuit等公司领导设计团队和开发社交体验方面有20多年的经验。她是Yahoo！模式库的奠基人，也是信息架构协会的创办成员。

书籍目录

前言第一部分 什么是社交模式第1章 什么是社交用户体验模式社交产品的一点渊源所谓的原则、最佳实践和模式是什么接下来做什么延伸阅读第2章 社交的核心社交网站要故意设计得不够完善重写本社交，但不仅仅是社交像人一样会话模式：会话模式：自我反省式的出错信息模式：提问模式：你的与我的模式：不要到处开玩笑不要中断电子邮件要开放向游戏学习反模式东施效颦尊重道德尺度延伸阅读第二部分 我是某某第3章 邀你加入约会模式：注册模式：登录模式：登录的连续性模式：退出邀请模式：接受邀请模式：发送邀请模式：密码的反模式模式：认证授权模式：邀请试用模式：欢迎界面模式：重返网站延伸阅读第4章 我的其余部分在哪里用户身份ID模式：个人资料模式：好友评论（或个人推荐）模式：个人首页模式：预览模式：用户名片或联系卡模式：署名模式：虚拟形象延伸阅读第5章 我们在这里网上到场简介到场的动作以及到场的不同方面模式：在线／空闲模式：好友列表活动行踪模式：微博模式：更新模式：披露更新选项有人陪伴延伸阅读第6章 你愿意从这个人手中买辆二手车吗声誉会影响到行为模式，竞争图谱分级模式：有命名的层级划分模式：数值型层级体系模式：标签奖品模式可累积的成就模式：用户给用户的奖励排名模式：积分模式：排行榜模式：前x名监控声誉的工具好友排名延伸阅读第三部分 我们想要的社交对象第7章 像猎人般搜集东西收藏模式：保存模式：收藏夹模式：展示模式：添加／订阅模式：添加Tag标签模式：通过Tag标签查找模式：Tag标签云延伸阅读第8章 共享，平等地共享演变“叫法”共享工具模式：书签模式：发送／共享组件个人共享模式发送模式：临时性隐私模式：共享应用程序模式：赠送礼物公众共享模式：共享模式：嵌入延伸阅读第9章 传播广播模式：博客——外观模式：博窖——博主身份模式：微博发布模式：生命周期模式：服务条款延伸阅读第10章 长时间倾听，第一时间反馈征求反馈模式：投票推动模式：赞成／反对评级法模式：评定等级(星级或1～5级)……第四部分 邻里间美好的一天第五部分 更多的考量

章节摘录

　　活动行踪当状态更新最开始出现在即时信息中时，这就注定了其迅速性，暂时与即时信息挂钩随后就被忽略。事实上，对于用户还是应用本身来说，对空闲、忙碌、暂时离开、离线等进行一个永恒性的描述是没有太大意义的。但是有些状态采集的界面已经发生变化，它们采集最近的活动历史将其混合在一起，然后再加些网上活动的图片就可以展示最近一段时间内的状况。　　这里确实有一个注定它是暂时性的因素。你很少会查找一个人几天前的状态更新来确认当时他在做什么、想什么、听什么（至少如果你不是侦探，你是不会这么做的）。然而，也没有什么能够阻止这类状态更新信息被保存、分类、建索引、被查找等，即时到场信息是关于最近的过去或者当下的情况的。　　你需要考虑过去状态更新的持续性。你想让它们永远能够找到吗，或者只是近几天的信息？你允许你的用户下载或者保存状态数据吗，或者将它们转换到另一个系统？这些积累的活动更新信息可以描绘出一个人在网上的长期的形象。　　你可以将一个人的活动行踪看做是他参与网上这个系统的行为表现的一个总结（在Yahoo 1中我们称之为网上生命线）。这可能包括状态更新，但是它也可能包括其他一些可以通过RSS feeds记录，或其他各种各样设备获取的可以被记录的活动。它可能是你的设备或网络上几种应用设备的融合，或者是从公众网络角度的融合。　　一个活动行踪可能因此就是更新和活动的集合体，这里的活动融合到一起告诉人们最近一段时间用户在做什么、想什么、说什么等的丰富信息。　　这种聚合网上活动行踪信息的服务提供商有：Facebook、Friendfeed、MyBlogLogt和Yahoo！Profiles。当呈现给用户一个活动行踪时，考虑一下你是要提供一种单一形式的更新（像状态信息）还是要提供多种形式活动的一个聚合体（链接、媒体、听的音乐等）。如果提供的是活动信息的聚合体，那么你要考虑用户如何能够分离出单一的信息。　　状态播报　　状态播报是发布给公众、一部分联系人或追随者持续的状态流更新常规中的一个步骤，其用意与IM状态更新相似，状态更新可以看到过去的想法。它没有必要直接透露出最近是空闲的可交流的。这样，如果你看到一个朋友最近更新的状态，你就可以总结出她最近是否有空和别人联系。　　……

编辑推荐

　　《社交网站界面设计》教会你：掌握创建任何网站时都会用到的原则，学习基本设计模式，以便向现有的网站中添加新的社交组件，学会在活跃的社区网站管控好行为不端的用户，围绕一个产品或一项服务构建社交体验，并让用户参与其中。无须构建一个全新的架构就可以开发出一套实用的社交应用，让你的网站上的用户可以互动，为你的会员提供离线联系的机会，识别和避免采用反模式——社交网络和社交媒体空间产生的最糟实践。“有了《社交网站界面设计》，社交网站界面设计所遇到的问题都会变得很简单……《社交网站界面设计》是我的必备读物。在此，我向业界同行郑重推荐这《社交网站界面设计》！”　　——Bill Scott，Netflix公司的UI工程总监，《Designing Web Interfaces》作者之一。

用户评论 (总计49条)

•   　　并不觉得是本好书，但确实是拿了很多成功的案例来分析，但事后诸葛亮确实让人怀疑这个结论的本质性。
  　　
  　　另外我觉得界面设计有很多东西，虽说不如“艺术品”那样去创造，但也是创造和探索，一种灵感的迸发。如果非要得出“社交网站”就得这样设计我觉得反而非常无聊。谁说不遵守这样的方式不会产生更加优秀的设计呢。
  　　
  　　没有相关基础的话倒是可以读读，开拓视野。
•   　　
  　　奉承我，我可能不会信任你。
  　　批评我，我可能不会喜欢你。
  　　忽视我，我可能不会原谅你。
  　　鼓励我，我不会忘记你。
  　　爱我，我可能不得不爱你。
  　　
  　　威廉·亚瑟·伍德
  　　
  　　出自某页。对不起，页码忘了。
  　　
  　　
•   　　《社交网站界面设计》，这本书还是不错的。但怎么评论都一窝蜂的说什么“社交网络应故意设计得’不够完善’” ，胡扯！这本书是告诉我们在一家用户体验很烂的网站(Yahoo!)的技术团队中还是有人很懂设计的。
  　　
  　　
•   　　举个例子：
  　　
  　　 Also note that this "liquidity problem" is not unique to thumb ratings. It is, in fact, a wellknown factor in economics.
  　　
  　　被翻译成了：
  　　
  　　也要注意这个“变动性大的问题”不等同于“赞成反对法”。事实上，这是经济学领域众所周知的一个因素。
  　　
  　　中国的译者真是无知无畏，自己估计都看不懂的话也敢于发表。
  　　
  　　好好的一本书，被不负责任的翻译者和出版商一伙人给糟蹋了。
•   　　书中整理了现在主要社区网站中常用的几种模型，对于对社区没有概念或者初涉社区的人来讲还是可以读读的，不过，书中还是有点偏理论了
•   　　看了一下试看版（第1、2章）感觉翻译有点云里雾里的，找不到重点，文字上又有点纠结。很多篇幅的文字都感觉作者在填格子，希望是我的水平问题吧。
•   　　首先，非常感谢华章公司和蓝色理想，让我能够免费的获得《社交网站界面设计》。
  　　当看到《社交网站界面设计》这一书名的时候，不知道您是否和我一样认为，这是一本讲社交网站的界面设计，并且是偏向于界面设计的！请不要被他误导，其实这是一本有关社交网站的交互设计模式的书，并且你可以把它当做一本社交网站设计的参考书。
  　　全书的第一部分主要讲“什么是社交模式”，带领我们一起了解社交网站的发展历程，社交用户体验模式是什么，交互设计原则、最佳实践、模式是什么，我们要做什么等等。这点倒很像《用户体验的要素》中的五个层面——“战略层、范围层、结构层、框架层、表现层”。在接下来的部分中，作者主要讲我们该怎么做。
  　　在《社交网站界面设计》中，作者讲了很多社交模式，比如：“注册”、“个人资料”等等，几乎涉及现有社交网站每一个功能模块。每个模式中可能包含这个模式是什么，什么时候使用如何使用，为什么使用，可达性，相关模式及一些参考网站。在这些模式中，作者在“什么时候使用”、“如何使用”、“为什么使用”三个板块中写的尤为详尽，如果您正在设计这一模块的时候，不妨拿出来，参考、借鉴。
  　　在本书的最后部分，作者谈了有关社交网站的商业上的考量和未来社交网站的发展方向。
  　　非常抱歉的跟您说，由于工作一直比较忙，还没有来的及认真的品读《社交网站界面设计》，只是大概的看了一些篇章。但是，我可以很肯定的告诉您，如果您对社交网站设计或者产品设计有兴趣或者正在做此项工作，建议您认真阅读一下它，我相信一定会对您有帮助。
  　　
•   　　2周前快递送来书，第一感觉就是厚重与舒服。看了下书背的难度等级—中级，微微有点担忧，对用户体验和交互设计只有大体的概念的门外汉，是不是读起来会觉得晦涩，难以理解。
  　　
  　　开始阅读起来之后，刚拿到书的顾虑荡然无存。内容生动紧凑而又不乏幽默，拿起来就舍不得放下了。
  　　
  　　本书从最初的概念阐述后，便条理清楚地将读者带入到社交网站用户体验的各个主题，从概念介绍开始通过提问和近似讨论的方式，逐步深入到具体实现以及对其的思考，然后通过实例将抽象的概念具体化，让读者有一种融会贯通的感觉。同时，反模式的及时出场，从另外一个角度，使读者有了更深的体会和思考。个人对这本书最满意的地方是，这本书不是简单的告诉你对错，更重要的是，它告诉了你为什么是对的错的，同时引导你一起思考怎么样的解决方式才是更好的选择，无形间让你的理解和思考达到了更深的层次。对于一位喜欢思考，喜欢沟通的交互，web设计者，这本书应该是一个不错的选择，它就像一位良师益友，和你一起走入网站交互设计的大门。
  　　
  　　授之以鱼，不如授渔之道，这本书的作者，明显知道这一点。
  　　
  　　同时，由于分类清晰，全书阅读之后，或者说对于经验丰富者来说，信手拈来，对感兴趣的某个章节单独阅读体会，也是一个不错的选择。
  　　
  　　最近，一个朋友在家soho，一边打工一边准备构筑一个社区网站。看了下他的网站，我觉得，这本书非常适合他。因为对于一个专注于数据库，服务器的开发者来说，确实是需要一本书，条理清晰而理性的跟他交流社区网站交互设计的问题。
  　　
•   　　HO，交作业，也惊叹一下这本书的高质。
  　　
  　　首先非常感谢机械工业出版社寄来的图书，之前有幸读到它的影印版，原书为Oreilly的《Designing Social Interfaces》。
  　　而《社交网站界面设计》是它一本难得的翻译佳作。
  　　
  　　我觉得更多应该把它当做一本社交网站设计的百科全书。它照顾到了一个UGC-based平台几乎所有的内容，从用户行为分析到社交元素的交互，从多途径实现的可用性分析到适用场景的陈述。如果你只是通过使用主流的社交网站来获取经验，那么在这里，你会得到更加全面的信息。因为它的内容，已经足以满足一个小team分析创建完善的社交网站。
  　　
  　　对于交互设计方面的书籍，最可怕的事情不是cover的内容不够全，而是条理不够清晰。因为通常分析一个交互元素，已经抛弃了纯视觉的概念，重心停在了what when how why的层面上。所以说，理想情况下的内容看起来应该更像是在论述。《社交网站界面设计》在这方面做的很好，保持了一致的阐述格式，是什么->什么时候使用->如何使用->为什么使用->特例->相关模式->参见。这使得阅读的过程十分愉快，你永远都不会迷失方向。
  　　
  　　对于书中的章节，重点推荐第一部分，什么是社交模式。既是概念，又是核心。社交的核心在于人的参与，网站应用更多的是一个搭建用来服务虚拟社会的平台。当你站在人的角度去分析思考所有的功能与设计，一切问题都会迎刃而解，新的idea也会层出不穷。超越当前的社交网站，从深入了解核心开始。
  　　
  　　最后，非常感谢译者——樊旺斌、师蓉的精彩翻译，得以使得如此优秀的一本书籍广为传播。
  　　
  　　http://www.mdong.org/?p=1637
•   　　在蓝色论坛上，有很多关于设计人员与客户与方案的矛盾，有些例子是很折磨人的，很多网页设计师，不可能与客户有充分沟通，即使有，一两次的沟通也会解决所有问题，有个例子是沟通了10几次后，设计师才恍然大悟，终于OK。我想，这本书《社交网站界面设计》是写给设计师看的，对被客户折磨的设计师来说，是有帮助的。
  　　
  　　但是，这本书主要是讲大的方面，很多细节处没有涉及，我想，这可能和中西方的思想观念和教育方式有关。环境影响人。国内的书，畅销的肯定是讲细节，讲实例的。国外的书很多不是，例如著名的《网站重构》是，阿捷当初翻译后，还自己做了个范例网站，蓝色论坛也火热的讨论标准重构。
  　　这两本书给我最大的启发是，他们都注重讲思想观念，给人带来思想上的转变，甚至还暗伏对未来技术发展的展望。看完后会激发一个人学习的欲望。就如中国的俗语：”师父领进门，修行靠个人“。我想，这也和国内的环境有关系的，很多从事这行业的人，都在为生存而苦苦挣扎。
  　　
  　　第1章，用户体验，举例，ZOL论坛里有个有趣的功能，就是发帖自动保存，这确实一个很好的体验模式，当然还不够完善。网易的评论功能里没有这个功能，有次我写评论是，写了一大篇，结果在提交后，因未知原因丢失了，我非常失望，从此后不再去评论了。在蓝色写这篇文章时，我是写一段再手动保存到记事本上，怕丢失了影响心情。当然，我完全可以在记事本里写。但通常情况下，更多人还是习惯直接在发帖页面上写，这就是用户体验。
  　　
  　　第2章，社交的核心，书里谈到向游戏学习，其实现在做的远远不够的，作为80%网民是游戏玩家的中国，我确实无发言权。虽然我也是游戏玩家。
  　　甚至对目前的网游来说，社交的核心这块还远远做的不够，例如，如何体现玩家的价值？如何把游戏与教育与学习知识结合起来？如何体现一款游戏的独有特色？我想，不光是游戏，每个网站也应该深入思考，ZOL论坛有个帖子，每天一问，我觉得非常好的。蓝色里什么时候也搞一个每日一问呢？我非常期待。
  　　
  　　第二部分 我是某某
  　　我是谁？书里讲到一个例子，某某网站强制用户浏览某些功能来熟悉论坛。我也举个例子，就是卡巴一族论坛，他也是类似功能，但是感觉非常不好。有兴趣可以试试。我曾建议蓝色论坛应该向这个方向发展，吸引人才，培养人才，交流人才。我是谁？我是经典论坛里的一名会员，这里体现出我的特长，我的兴趣爱好，我的处世观念。如果一个企业想招聘一名经典会员，那么他从这个论坛就能比较全面了解这个人是否适合他们的团队，不是任何一个技术员都适合任何一个团队，这样就能给企业带来很多好处。
  　　
•   　　我为此开设了一个博客：
  　　http://socialdesign.cn/
  　　
  　　本博客主要翻译国外社会化设计（social design）方面的资料，目前文章来源为Designing Social Interfaces上面的全部设计典范（Social Patterns ）。如果你对社会化设计感兴趣，请加入我们，一起来翻译，为国内互联网产品设计注入新鲜的血液。
  　　
  　　
  　　
  　　
•   刚查了下，发现图书馆有。哪天借来看看。
•   谁说yahoo!的用户体验很烂？
•   同上，谁说yahoo!的用户体验很烂？并不认同~
•   呃……UCDChina上那篇书评是我写的，当时只是把读这本书的笔记中的一部分拓展了一下发上来了，后来投稿之后被各种转载，就铺天盖地了。
•   共享一个读书习惯：建议从目录和前言开始阅读，否则找不到重点是一定的。
•   原书内容很好，但是翻译太差了。很多原作者的意思都曲解了。唉。还有，Social Interfaces翻译为用户界面，也非常不妥。
•   你觉得翻译的不好，你可以回去看原版，没必要在这儿jjww的。
  另外，书名是出版社定的，跟译者半毛关系没有，觉得不妥了找出版社去
•   写的挺有感觉的，不太像出版社的托，哈哈...
  但印出来样书仅几天的时间，不太相信能有人已经读完全书（除了译者&责编）
  杨戈wworld兄弟，最后4个字"推荐阅读。"泄露了你的托身份，哈哈
•   我这本书是获赠的，兄弟看这个页面http://t.sina.com.cn/1734875165/3f4eg5A9N4。猜封面是什么鸟，我是第一个猜中的。 昨天中午收到，订单号010035489614（中通快递）本来应该更早，但快递不往我们这儿送。20日到天津，21日就应该收到，24日才收到。没办法。
  你的博客很棒，学习了。
•   oleBoy，您好，我是这本书的营销编辑。
  非常感谢您对本书的关注，如果您对本书有任何意见或建议，也可随时与我联系。
  谢谢^_^
  ——华章计算机市场部 何艳
•   oleboy同志是最有发言权的，哈哈
•   何艳艳同学还挺放不开的啊~~ :)
  出版社为宣传好书，搭台让专业人士点评，可喜可贺的事情。
  另：杨戈兄的书评也不是昧着心思写的软文，多了一份对本书的书外推荐而已。
  我觉得网络“托”，跟在书中前衬页中写赞誉的Bill Scott、David Recordon、Joshua Porter、Abby Kirigin是一样的。都是在表达对本书的关注、肯定。
  我也算“托”一个，不用谢了~~ 哈哈...
•   买了这本书，还没好好翻，似乎蛮多是英文网站的翻译，感觉就是个社交网站的UI pattern集
•   非常期待！希望能尽快看到中译本：）
•   转让《designing social interfaces》译者用书，只此一本，值得收藏！
•   楼上的，你转让要多少钱？
•   楼上的，是英文版的，350包邮
•   美元是49.99，全新的，出版社刚给邮回来的。
•   还真是贵呀。。顺便问一下，国内哪个出版社引进了？
•   呵呵，一分价钱一分货。机械工业出版社引进了。国内估计也没几本。
•   兄弟，我可以加入吗？
•   Social design 翻译成社会化设计不知道好不好。
  "This book is about interaction design, specifically designing social interactions and inter- faces on the Web and in mobile environments (although we primarily focus on the Web)."
  根据本书的意图，可能翻译成 面向社交的设计（社交化设计），或者面向社群的设计（社群化设计），是不是好一点？
  就泛泛而言，social design 翻译成社会化设计也太宽泛了，导致理解起来比较模糊。
•   哇，译出来了吗？还要译的话叫上我好了
•   lz可以传我个pdf吗，先多谢啦～～
  [e-mail]
•   LZ可否传个pdf呢？多谢了~
  [e-mail]
•   先谢过LZ啦！你是个好人........
  [e-mail]
•   LZ可否传个pdf呢？我的专业用户体验研究，很想了解这方面的资料，多谢
  [e-mail]
•   LZ是好人 [e-mail]
•   网上有pdf，上面的都自己去下载吧
•   [e-mail] 楼主 帮忙发一个
•   喜欢你那个博客，真的··我后悔现在才发现··
•   支持翻译！先关注下博客！
•   希望可以依中国人的思维翻译。感谢！
•   主人，你的博客！相见恨晚，感谢你所有的无私分享！
•   楼主，我也和你一样，有着这方面的兴趣，可是我的翻译水平真的有限，交个朋友，如果上线看到信息，给我Email吧~[e-mail]
  需要你的相关文档
•   Jim醒醒，中文版已经出版好久了
•   回复oleBoy，呵呵呵，我还真迷糊
•   网上不是有英文版的下载吗，google一下