一直听说白社会的交互做得很棒，最近两天工作基本上完成了，于是本着学习的态度体验了一下白社会．

进入登录界面，色彩搭配很舒服，一个很明显的视觉元素：ＢＯＳＳ加上阻止的符号（ＢＯＳ𒊎Ｓ免进），很明显的体现了整个网站最基本的用户群，除ＢＯＳＳ𒁏之外的白领人群．

整个社区很多地方都体验了为满足特定用户人群而设计的功能，着实让人眼前一亮．随便听点什么的音乐播放功能，单击打开一个小窗口，随后音乐自动播放，自动播放的音乐为新歌推荐，而不像其他网站，需自己选择音乐单击播放才能播放．播放器同时也支持用户自动设置歌曲．打卡领工资，白社会小报，说秘密，真心话等𒉰🎃很多功能的出现，正符合了被邀请注册的页面那句广告语＂吃喝玩乐，慵懒偷闲。这里绝对是你秒杀疲惫，打发无聊的精神家园。＂

以下是我对其中一些交互设计的想法．

一：非模态提示代替弹出框的模态提示。

1.1按扭的变化

1.2 输入框的变化

复制成功的消息既能被注意到，又不会打断用户正在进行中的任务。

1．3固定位置的提示信息

老板键—非模态的提示信息，放在浏览器最右边，不会打断用户完成其他的任务，但也会注意到。为特定用户人群🅺（除老板外的普通白领）考虑，设想用户可能的遇到情境而提供的帮助，想得很体贴。按F9之后，页面隐藏，显示的是搜索的页面，这个搜索界面的出现，肯定也是经过考虑的，搜索功能是每一个上网白领日常工作的一部分。成功而巧妙地完成了当BOSS在的情况下隐藏的任务；按F9隐藏，而不是像其ꦛ他软件一样在慌乱中关闭，最后还能返回，整个过程不需要离开社区，这是社区很聪明的地方，唯一不足的不能按F9返回，而必须点右边的链接返回。

1.4响应中的提示：

1.5成功提示：     

二：全站的统一链接颜色

链接颜色统一用红色，跟普通💞文字有很明显的区分，突出重点。红色也起到引导用户点击的作用   

三：人性化的提示文案：

遇到✱错误的时候，一般是很沮丧的，白社会用诙谐的错误提示文案减少用户的挫折感，同时增加了产品的趣味性。

结合当前用户人群最关心的话题而写的文案，很生活化，让人记忆很深刻。

四：评论及回复

整个站点评论和回复列表一致性🐲的设计，将自己发表的评论与别人发表的评论以不同൲的色块明确的区分开。  

五：视觉与交互的衔接

心情的输入跟输出的通过视觉的表现很自然的衔接在一起。

六：信息收集的方式：

把用户的信息的收集作成任务的形式，引导和激励用户填写信息,比起普通的表单性质的信息收集更有作用。

不同色彩的视觉表现已完成和未完成的任务，很清晰。

七：让用户自己设置最关心的话题，考虑到高级用户的需求。

八：搜索与搜索结果的表现

输入与输出很自然的衔接；搜🍬索结果过多时重新搜索的引导。查看好友列表功能，找到他的🐭朋友中我可能认识的人。

九：输入框通过动态的提示信息引导用户

 动态显示的提示信息引导用户填写内容。

输入框支持2种提交方式，1是按扭，2是快捷键：回车，考虑到中间用户和专家用户的需求&🐭nbsp;  

十：光标启示

鼠标滑过不可点击的对象为“I”启示为不可点击，但能复制，可点击的对象为手形，可拉伸的输入框为双向的箭头形状，🐈并显示窗口边框可以伸缩的方向（纵向为可以向上下拉伸，横向为可向左右拉伸），可以拖移的对象为四角的箭头。（其他的网站都有这样做，不过不可点击的形状还是没被大多数人所意识到。） 

十一：不同的内容条目通过不同的视觉表现得很清晰

 未完，待续...

原文：//ucdchina.com/snap/3733