十种不同类型的社交网站界面设计

       目前国内外有大大小小许多类型的社交网站，知名度较高的比如facebook，也因为如此国内许多社交网站都模仿facebook界面进行设计，其实根据社交网站本身的目的和用户群的不同，每个网站都可以有适合自己的页面风格，这里收集了十个不同类型的社交网站，我们可以看出他们每个界面都有自己的特色，因此在设计上也各有千秋。

 

      1.快速吸引用户

 

         如何在第一印象中吸引用户对于网站的成功是至关重要的。您需要确保用户能快速地被吸引到您的网站，无论是通过优秀的内容、一个引人注目的行动呼吁（call to action）、还是一些其他手段。

 

         网站是做什么的？

 

         在访问您的网站主页的几秒钟内，用户需要知道您的网站是做什么的。如果不在主页上告诉用户网站是做什么的，大多数人没有时间（或兴趣） 尝试自己找出一个网站是做什么的。一个简单的口号（Tag Line）、使用图形、网站的名称，或使用任何其他一些让新用户能了解网站的元素。

 

Facebook在这个方面做的非常好，新的用户在首页上就能快速了解到网站是做什么的。

 

       让访客有事情可做

 

           网站的首页应该有一些可以做的事情展示给访客--新用户和老用户。注册和登录是最显而易见的事情，除了这个之外，想想其他的事情。让用户在注册之前就能查看网站到底是做什么的（如常见的，随便逛逛等），在强迫用户注册之前让用户有机会了解到为什么要注册，这样一开始就和用户建立了一种信任关系。

Xing在首页的右侧展示了很多可以操作的动作，包括注册，taking a tour和查看网站内容。

从好友哪里推荐一些有趣的内容

向您的用户显示她们的好友正在做什么。从某人登录开始，她们就应该看到好友们都在做什么，发什么帖子和推荐什么。许多网站通过news feed或者一个类似的列表，将好友的全部动态列下来。

Library Thing显示了好友们最近添加的书籍。

让用户方便的找到朋友

没有比在一个社交网站中没有朋友更悲伤的事情了。应该让用户能方便快捷的找到朋友，不管是新朋友还是老朋友。让用户能够通过eamil、学校、公司、姓名和其他一些属性找到她们想找的朋友，以提高用户体验。一个用户的朋友越多，那么他在网站上就越活跃，产生的动态也就越多，意味着她们也就越依恋着这个网站。

Facebook'的"邀请好友"页面就像一个写电子邮件的页面。

2. 让用户尽情展示自我

 

自我展示是社会化网络的一个特点。一些网站给用户最大限度的权利来控制自己的个人主页（如MySpace）。其他一些网站限制用户的设计选项但可以让用户增加内容以适应用户的喜好（Facebook）。在何种程度上的社会网络用户可以自定义和个性化配置这完全由您决定，只要确保有一些功能能这样操作就可以。

 

个人主页应该要促进个人展示

 

不管你的网站是完全允许用户自定义还是部分参数可以自定义，都应该让用户能让她们的个人主页表达出她们的个性。这个可以通过改变模版颜色和背景，或者是增加内容来实现。

 

DeviantART 允许用户通过增添不同的内容模块来自定义个人主页。

在APP中提升用户个性

 

通过应用程序来展示用户的个性也是社会化网络设计的一个好主意。你可以让用户通过应用程序（App）来评论她们的动态（就像Facebook那样）。有些应用程序可以直接展示用户的个性，如一些礼物应用程序、智力和调查应用程序等。最好的一个例子是可以让用户表达她们是谁的Living Social application（这一本身就是一种社会网络），允许用户创建"五大"几乎关于所有的东西列表。

 

3.保持动态

 

动态的内容是一个web2.0网站的生命线，对于社会化网络来说也不例外。网站内容应该不断地变化，用最新的、最流行的、最具价值的形式不断地推介给用户。

 

拥有具有规律变化的内容

 

因为社会化网络的天性，用户需要源源不断的新内容。利用这个由包括内容，在首页和个人用户的个人资料或主网页上，组成更新。不断更新的内容吸引用户经常回来，因为她们的每一次访问都能开到精彩的内容。

Experience Project的首页上有一些推荐的内容。

即时更新的内容

 

利用即时的新闻源（news feed）给用户提供了一个很大的便利。在这一点上，只有极少数网站是这样做的。Facebook实时动态我们已经看到了。一旦有更新，仍需要单击以实际查看（并且是简要的展示） 。理想的将是一个每几分钟自动更新的Ajax或类似的新闻源（news feed），无需用户任何输入。

 Living Social 在她们的网络中有一个即时更新的动态列表。

4. 允许用户将好友分组

 

当一个用户的好友数量剧增，允许用户将好友分组就变得十分重要了。当你只有30个或者40个朋友的时候，这不是一个大问题。当你的朋友到达100个、200个，500个，甚至更多的时候，将好友分组就变得非常必要了。毕竟，你需要将你的朋友分成工作同事、大学同学、常聊好友、亲密好友以及家人等不同的组，并且建立一个筛选器，哪些朋友可以看到你的更新，你有需要关注哪些朋友的动态。

让用户定义"组"

在组织朋友的时候，让用户定义组是最合理的。有些用户可能只想组织自己的朋友到几个不同的组（如企业和个人或家人和朋友）。其他人可能要设立几十个组来组织他们的朋友。无论是哪种情况，确保用户可以把一个朋友同时分到不同的组中去。

创建自动的组

自动形成的组是非常合理的。比如哪些共同使用最流行的应用程序的用户就是一个自动形成的组，或者是基于共同爱好和兴趣的人也是一个自动形成的组。

 

 The Brooklyn Art Project 通过把从事不同艺术工作的人划成不同的组。

5.利用OpenSocial

 

OpenSocial，google为社会化网络提供的的应用平台，为你的社交网络开辟了各种可能性。OpenSocial的主要功能是允许开发人员创建可用于广泛范围的社会网络的应用程序。 OpenSocial也有其他好处，像让您的用户自己的个人资料，出现在哪些使用OpenSocial的网站上。

 

提供更多的应用程序给用户

 

应用程序（App）成为社会化网络的一个很重要和应用最多的特征之一。从提高工作效率的应用程序到游戏再到一些礼物应用程序都可以通过OpenSocial来表达自我，并且开发者们每天都在添加一些新的应用程序。因为这个是google在运营的，所以你不必担心哪天突然关闭了。

 

      Ning是唯一一家提供OpenSocial接口的社会化网络

 

      让用户把自己的个人主页带到任何地方

 

      允许用户把自己的个人主页的信息带到其他支持OpenSocial的网站是另外一个大的好处。这意味这用户可以把她们在其他网站的个人主页带到你的网络上来，这能提高网站的注册率。

 

             6.让沟通变得简便

 

            社会化网络在于促进沟通和交流的。如果你的网站使得用户之间的沟通有阻碍，那么你的网站注定是要失败的。当您规划和开发您的网站的时候，确保把方便用户之间的沟通放在第一位。如果存在着一些阻碍用户之间沟通的东西，一定要舍弃掉。

        提供多种沟通方式

 

         大多数社交网络为用户提供多种沟通方式。最基本的是站内消息，公共墙消息或评论，以及即时聊天或即时消息。最好的情况是包括所有这三个方面，最低限度是您的网站应该提供向公众和私人发送信息的方式。

 

Facebook's 私人消息系统是唯一一种促进用户沟通的方式。 

       促进对话

         让用户之间的对话变得容易，不管是通过帖子、评论还是其他方式，你需要让你的用户能高效的对话。让其他的人更容易的加入到对话中来，这也是让你的网站变得更动态化。

 

      7.只显示相关的信息

 

        一般来说，社会化网络充满信息。朋友之间的动态更新，用户自己的活动，来自自己关注的一些群组的通知，以及各种源源不断的信息数据。不要子用户不需要的时候给用户太多的信息以免引起一些问题。

 

        这里真正需要什么？.

 

        当你在设计用户界面的时候，要不断地问自己这个问题。这里真的需要这些内容或者某个选项吗？如果答案是否定的，那么就不要在这个页面上放这些东西。只给您的用户在执行他们的任务的时候所必需的最低限度的信息。只需确保哪些可能需要更多信息的用户能容易的找到。

 

 

Daily Challenge 隐藏了很多信息，只有鼠标上移上去的时候才显示更多，这样使得页面简洁而不凌乱。.

       不要让信息淹没你的用户

 

       社会化网络上的信息的膨胀势不可挡的。简化信息和选项，使他们的用户体验更好。

 

       这个原则同样适用于提供给用户内容的网站。如果你的网站不断地发送更新内容和新闻通知给用户，这些信息也很快会将用户淹没的。只发一些非常重要的通知给用户，而为哪些不是很重要的信息建立一个博客（提供RSS输入），用户会在需要的时候自己来关注的。

 

      让用户能够过滤信息

 

         让用户把一些来自某些用户和组的信息过滤掉是另一种改善用户体验的方式。让用户过滤掉来自某些用户或者应用程序的信息，这使得他们能更容易的找到在江西需要的信息，避免信息过载带来的麻烦。

 

 

 

 Facebook允许用户基于内容或者自定义的组来过滤信息。

8. 让行动变得简单（Make It Easy To Take Action）

每个社会化网络都有一些希望用户使用的行为动作。不管是加入更多的群组，邀请更多的好友，点击广告或赞助链接，还是更新更多内容，网站总有一系列行为动作是最希望用户使用的。而让用户进行这些行为动作的一个关键点是要简单和有吸引力。

 加强那些期望用户进行的行为

让这些希望用户进行的行为动作变得显而易见。使用更大的按钮在首选行为上，而小型文本链接则用在那些次要的行为上。或者使用不同的颜色或语言来标明不同的选项。在任何情况下，使所期望的用户进行的行为动作变得显而易见。

 

WriterFace把这些期望用户进行的行为如"邀请好友""添加内容"用鲜明的大图标来表示，以期用户操作。

       让用户找东西变得简单

 

        如果您希望用户执行某些操作，应该要让用户更容易找到这些行为动作。一个最明显的例子是，邀请新朋友。让用户邀请可能不是在同一个网络上的朋友变得简易。

 

      9.显示用户头像

 

      事实上，每个社会化网络都允许用户上传一个头像照片。在用户有一个动作的时候显示在旁边。

 

        人们喜欢看别人

 

      社会化网络的用户喜欢看其他的用户。当看到朋友的头像出现在某个应用程序或者其他地方的时候，这会让你有点击的欲望，通过看到一张熟悉的脸，建立了一种信任，甚至是在现实当中没有见过的人。

 

     10.包含多种让用户联系的方式

 

        当一个用户刚加入到一个新的社会化网络中的时候，他们只是希望和那些在现实中认识的人成为好友。随着社会化网络的发展，社会化网络成为一种认识新朋友的方式。让你的用户能够基于兴趣爱好找到好友。提供一些便利的工具，让原先互不相识和不是在这个网络中好友的用户进行交流，从而成为朋友。

          用户群组

 

         许多社会化网络都允许用户基于兴趣爱好创建群组和加入到某些群组中。有时候，一些群组是非常严肃的（像一些专业的群组），而另外的一些群组则只是为了好玩，他们分享一些共同的爱好，并允许用户发现有共同爱好的用户。

         Eons在首页的右边显示了一些用户的群组。

 

      提供一个会员列表

 

      提供会员列表是另外一种允许用户找到其他会员的好方式。这个方式特别适用于一些小型的垂直的社区。而在一个大型的社会化网络中，这种方式是比较低效的，除非你能提供更多的过滤选项（如通过年龄、性别和地域等）。