|
|
|
|
| |
time
|
|
| |
 |
|
| |
|
|
| |
[ learn ] |
|
The bottom line of the User Experience in SNS
|
社交网站中的体验模式 /1-10/ |
|
1 ` ` ` ` ` |
|
 |
|
|
|
|
|
| |
|
|
|
| |
|
|
Times ,
10.10.08 - 10.10.16 |
objective ,
For the study of SNS UE by myself / 60 modes |
|
|
|
|
|
|
| |
|
|
|
|
|
体验永远在交互中显的尤为重要,SNS是人与人之间互相交流的平台。无缝式体验自然成为一种需求。界面的体验直接影响到用户对于网站的使用与定位。所以做了一些下面的积累与学习,内容是在阅读和浏览中搜集的经验。
每个成功的SNS网站都有自己独特的交互模式,这些交互模式引导着整个网站的思路和解决问题的方法,但这里我要谈的不是交互模式的差异性而是一些用户习惯的基本原则。如果把一个网站的交互模式比作建筑的空间构造和给人的感触那么这里谈到的原则就是建筑中的每一块区域的基础力学。他为交互模式的运行提供了基础的保证。
模式在技术和视觉上并不固定们每个模式都没有具体的技术方案和视觉设计效果。他是由一些可能出现或必须注意的问题构成。
模式不是规则。我一直坚持这样的理论,不假思索的抄袭已有的所谓“规则”的用户体验,这已成为目前国内互联网行业中的做事方式。我一直很摒弃这种拿来主义。当你直接使用这些所谓的“规则”首先他不能代表你所真正的需要的交互方式,这个交互给用户的信息不会是你想对用户说的话。其次如果你使用了别人已做好的“规则”你只是解了一时之需却丧失了你网站独特的表现方式,可能这个微小的差异会让你的用户眼前一亮。好的模式是让我们少走弯路,但不完全是我们要走的路。所以下面的内容多数是提示和问题性的总结。在看着他们时永远要带着一个网站独特的交互模式,如何才能更好的适用于你的网站,“更好”很关键。
人们访问社交网站的前提大部分是出于自己的某种特定的兴趣,他们希望获得更多的东西或者结交志同道合的朋友,他们可能是在搜集信息或者和他人分享信息。作为网站的设计首先要定义在网站上所倡导的活动类型这些活动类型决定了交互方式。如果你的目的不明确,内容没有预先想清楚的话很容易出现一些朋友进入你的网站一段时间没有什么事情可做了。当你为网站设定一些功能或者活动时要定义此活动的社交对象,确定谁是社交对象的提供者,是网站还是网站的用户。
我们不能总是拿社交网络这个漂亮的词欺骗自己,要落地与具体的行为、实践和价值。这是做好人和事情的根本基石。我一直坚持这个理论认真的为用户的需求创造真正的价值,至于用什么样的交互方式、有什么样的功能都是为了更好的创造一个实实在在价值。要常问一些基础的问题:网站架构中包含的社交对象是什么?你将要怎样维持他们?什么样的行为会有可能让人与人因为某个社交网站而打交道?当一个社交网站能让人们在一起“做事”时这个网站才有意义。无处不在的维基百科,开源软件的使用,雅虎的群组,基于对某人的崇拜而组建的群,这都表明如果能找到用户真正共同关注的点提供一个交流平台,他爆发的力量是无穷的。 |
|
|
|
|
|
|
|
 |
|
|
|
|
|
|
|
 |
站内语言与会话 |
/ twitter . facebook . slideshare |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
· 网站内容的操作指南、错误提示和系统自动告诉用户的信息要以人性化的语气来域用户沟通,避免机械化使用户看到无动于衷。
· 避免出现国语专业化的语言,放声阅读出来你所写的标签语言。试着将文字读给别人听,体会一下读出的效果如何并注意对方的反应。
· 语义表达要准确,避免造成不必要的误解。
· 出错信息的提示与始终要把责任归咎于网站本省,要尽力解释出错的原因在哪,下一步怎么做,要鼓励用户不要责备用户。提示的语气要和网站的专业方向互相匹配。
··· 这种广开言路的会话会让用户真正的作出回应并激起与网站交流的兴趣。 |
|
|
|
|
|
|
|
 |
功能说明标签 |
/ twitter . facebook . slideshare |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
· 考虑用提问的方式来说明功能区域的用途,以机智提问的方式提出问题,以好奇的提问方式撰写网站内容。
· 提问的语义内容中要说明标签的本身功能。提问本身就是能让用户参与到网站的互动中的方式。
· 原则是以主动提问的方式向用户传达网站的基础功能,了解网站促进网站的互动。twitter在文本输入框上面写着 '最近发生了上面事情?’这样的疑问来鼓动用户去写点什么。 |
|
|
|
|
|
|
|
|
|
|
|
|
|
 |
整体标签内涵方向 |
/ twitter |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
· 网站的定位决定了一些基本信息区域标签的人称。目前大致分为“你的…”“我的…”两种。
·“你的”加强了网站与用户的对话效果。很清晰的说明了你的东西与其他信息之间的界限。界面是以整个网站的UI风格为主。个人的信息只是以文件的形式出现。社交网站最好是以你的…这样的方式进行标记。如flickr
·“我的”其实是在模拟用户视角,让用户觉得他已经拥有这些信息。在他的空间中可以非常主观的改变自己的内容。除了一些基本的导航外界面可以自行的进行自主设计。如myspace。
· 最重要的要保持一致,“我的”这个表述有些显得内向、自我,在上校内的时候可能由于职业的原因常常打开一个被搞成非主流的界面就没有兴趣再去浏览他的空间中的内容了,所以要鼓励用户与他人交流的方式,把主要注意力放到内容上而不是花哨的外表。为什么感觉初中、小学的交互圈子比大学的要大,统一的校服在里面也起到了一定的作用。 |
|
|
|
|
|
|
|
|
|
 |
电子邮件 |
/ twitter . facebook |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
· 以电子邮件的方式向用户发送信息时,一定要在电子邮件中设立一些可以点击的入口,这些入口是和电子邮件的内容互相关联的。
· 说明电子邮件是不需要回复的,这样用户可以自由的进行信息的查看没有心理负担。 |
|
|
|
|
|
|
|
|
|
 |
注册 |
/ twitter . facebook . yahoo |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
· 收集用户的每一条信息都要站在用户的角度,看看网站能够通过这些信息给用户提供什么好处。例如邮政编码可以帮你找到该地址的餐厅或商店。
· 在用户浏览网站有注册需求的时候在要求注册,例如当用户想保存站内的信息时在弹出注册框。
· 注册之后的页面很重要,如果开始用户在在站内的某一页面那么注册之后最好要返回用户的额当前任务,如果用户通过搜索引擎找到的页面则弹到鼓励新用户使用的介绍页面。
· 避免将注册的信息输入页面分页显示给用户,这样会让用户产生反感。
· 运用电子邮件为注册唯一的标识符有独特性。
· 清楚的标明那些是必填项,填写的内容、要求。要考虑到防御型设计,当用户填写信息出现问题时之处问题所在处和解决问题的方法。
· 用户填写表单时要及时的给予提示与反馈。
· 确保密码的安全等级是否与保存的数据相匹配。
· 要有验证是否是用户本人注册的检测方式。 |
|
|
|
|
|
|
|
|
|
 |
登录 |
/ twitter . facebook . yahoo . linkedin . photobucket . tripit . youtube |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
· 提供一个明显一些的登录按钮,但不要破坏整体的界面设计板式。
· 对应输入框是要明确的标明输入信息的内容。
· 提供找回密码的方式。
· 提供记住密码或者时段性记住密码,设定明确的预期让用户知道什么将会被记住。
· 登录成功,网站给予一定的反馈,并提供退出账户入口。
· 键盘的回车键最好可以同唯一确认类按钮作用相同。 |
|
|
|
|
|
|
|
|
|
 |
退出 |
/ kayak . facebook . flickr |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
· 当用户点击退出时显示一个清晰的界面让用户确信自己已经退出,并且提供一个重新登陆界面等。避免直接扔回首页使得用户不知所措。
· 当用户退出时提供清晰的选项让用户使用其他功能。
· 利用留白较多的板式来结束系统与用户的对话。
· 这页面想用户介绍新功能的好时机。也可以吸引用户重新登录。 |
|
|
|
|
|
|
|
|
|
 |
邀请 |
twitter |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
· 构建用关系的网络可以提升用户体验。
· 网站业务的增长依赖的是朋友的朋友。
· 邀请中包含个人信息、发出邀请人的身份。
· 受邀人参与网站后的好处。
· 提供清晰的注册按钮和链接。
· 将网站的营销信息和用户的个人信息整合到一起。 |
|
|
|
|
|
|
|
|
|
 |
发送请求 |
/ flickr |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
· 向用户提供一个信息样板上面说明加入网站后有什么好处。
· 在网站上为用户向朋友发送邀请的入口。
· 在用户还没有对网站了解时,不要强迫用户邀请他人来使用该网站
··· 是网站的基础积累和推广部分,为你的网站积累人气。 |
|
|
|
|
|
|
|
|
|
 |
认证授权 |
/ flickr . facebook |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
· 两个网站互相将用户的信息共享从而提高用户体验,如用户可以把flickr里的照片直接在网站上上传到facebook上面。
· 确定用户想共享那些信息。
· 数据将被作何用,在网站上清晰的显示出来
· 确认并明确显示用户是否真的与另外的网站共享信息。
· 允许用户在任何时间取消授权。
··· 每个网站的资源都是很宝贵的,如果这些网站互相合作信息量和功能性也会相应的加倍。 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|