以用户为中心的设计

值得借鉴的白社会的交互设计

作者:杰西西  |   发布: (编辑)kent.zhu   |   时间:2009-06-09 21:12:06 文字大小:- +

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

进入登录界面,色彩搭配很舒服,一个很明显的视觉元素:BOSS加上阻止的符号(BOSS免进),很明显的体现了整个网站最基本的用户群,除BOSS之外的白领人群.

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

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

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

   1.1按扭的变化

 

  

 

   1.2 输入框的变化

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

1.3固定位置的提示信息

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

 

1.4响应中的提示:

 

1.5成功提示:     

二:全站的统一链接颜色

 

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

三:人性化的提示文案:

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

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

  

四:评论及回复

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

 五:视觉与交互的衔接

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

六:信息收集的方式:

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

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

   

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

     

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

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

    

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

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

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

十:光标启示

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

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

 

 未完,待续...

更多
打印  |  相关话题:搜狐白社会   |  类别:信息和交互

UCDChina的书

《UCD火花集2》封面
UCDChina编著,定价35元
从卓越网购买 从当当网购买

《UCD火花集》封面
UCDChina编著,定价25元
从卓越网购买 从当当网购买

《应需而变——设计的力量》封面
UCDChina团队成员JunChen译,定价29元
从卓越网购买 从当当网购买

《网页设计解析》封面
UCDChina团队成员周陟著,定价62元
从卓越网购买 从当当网购买

《赢在用户》封面
UCDChina团队成员Angela译,定价29元
从卓越网购买 从当当网购买

《用户体验的要素》封面
UCDChina团队成员Angela译,定价25元
从卓越网购买 从当当网购买