K9 通用版 博客版 主题版 地方门户版 企业版 |   企业(ASP) 分类 使用 分享 疑问 模板 建议 帮助 错误 其他
+新建主题 [Ajax]
填写帐号密码即可完成注册
+新建话题 最新回复排序 最新主题排序 精华帖子

那些网站细节设计给你带来好的用户体验?

1Next >

181049663 发表于:12-02-03 14:55 编辑于:02-03 14:56 [添加收藏] 楼主 [回复] #Top#
181049663 人气:69 积分:3 金币:1372

张光明 ,运营总监@美国购物网

这个问题很赞,汇总后,对于网站运营人员来说价值很大。我印象比较深的几个用户体验是: 


1、新浪微博登陆页面,输入用户名的地方,会自动列出“常用邮箱后缀”,便于快速登陆。 

2、一些电商网站中,非注册用户也可购买产品,利于提高转化率。 

3、还是一些电商网站中,鼠标经过产品图片有放大镜效果,可以查看产品细节。 

4、完成一项任务(比如:注册社区或在线购买时),有很好的流程图提示,告知完成的所有步骤。 

5、404错误页面中设计非常友好的引导提示。 

6、搜索框中有“搜索建议”提示。 

7、卓越亚马逊的“智能个性化页面”设计。每个登陆过卓越网,且浏览过产品的用户,当其再次登陆卓越网时,看到的页面都是个性化的、专属的页面。因为:卓越会根据你的Cookie、浏览记录及购买记录,自动推荐一些你感兴趣的产品,组成你的专属卓越网页面。 

8、电商网站中的按条件筛选功能,比如,当你买笔记本电脑时,可以“按价格”“尺寸”或“显卡类型”直接筛选,快速锁定目标产品。 

9、SNS网站中,上传自己头像图片后,可对图片进行线编辑(调整显示区域、调整尺寸大小等)的功能,非常易用。 

10、电商网站中左下角的【回到顶部】。在页面长度超过一屏时,右下角自动出现【回到顶部】按钮,点击可快速返回顶部。 

11、5G(五季网络)日志中,踩脚印功能。为不爱写评论的懒人们提供露头的机会。 

12、新浪微博:鼠标经过一个ID时,弹出小窗口显示此ID用户信息。

 

 

uxworks ,用户体验行: 创新工场. Google. Microsoft.

网站的细节设计中,最容易、最常见的营造或破坏设计品质的方面有: 
1)文字 

- 设置正确的font family以保证在不同操作系统中都能以最优的字体显示中文、字母、数字、标点。 

- 针对以中文为主和以英文为主的内容、字体大小不同的内容,设置不同的行间距。 

- 在Windows、宋体为主的环境下,字体不要小于12px,不要使用斜体,避免使用粗体。 

2)内容尺寸 

- 对于文字内容为主的页面,往往可以利用最小文字的尺寸(或接近这个尺寸)、并且能整除标准页面宽度的尺寸,作为网格的单元尺寸。 

- 使用网格设计法规范内容的尺寸,让布局看起来整洁有序。 


- 设置内容宽度是固定还是可以延展。可延展的内容宽度能充分利用屏幕空间,但是过宽的内容反而妨碍阅读。 

3)对齐 

- 使用网格设计法规范内容的对齐,让布局看起来整洁有序。 

- 在横向上不要使用过多的对齐基准线。如果横向有5、6个对其基准线,几乎等于没有规范对齐。 

- 英文在左对齐或右对齐的时候、另一侧参差不齐,居中对齐的时候两侧参差不齐,有一种美感。中文则往往更欣赏整体接近方块化的布局,尤其是对于高密度内容,需要慎用参差不齐的形式。 

4)间距 

- 间距单元尺寸的制定,由网格单元尺寸、字体单元尺寸共同决定。 


- 尽量少使用几种不同的间距尺寸,间距类型过多让布局显得凌乱。 

- 间距是非常有效的形成内容区块的方式,并且微妙而不强烈。相比使用背景色、间隔线,用间距形成区块往往更具品质感。 

5)颜色 

- 主体颜色尽可能不超过3种(黑色和白色如果作为背景色和文字色,不包括在内),主色、强调色、辅助色。 

- 在同一种颜色上,可以根据需要发展出同色系的辅助色。 

- 如果使用过浅的颜色,有可能在某些显示器上看不见。同一颜色在不同的显示设备上显示效果往往不同,往往绿色的偏色尤其严重。 


实际工作中,常常可以把上面的内容总结成“3”的原则:基于网格设计内容布局的尺寸、对齐、间距,使用不超过3种字体大小、3个对齐基准线、3种间距尺寸、3种颜色。

 

 

侯振清 ,GIS专业学生,做一个积极拼搏的良好公民。

 

腾讯: 

1、消息盒子,有很多群消息,但是不是每个都想看,屏蔽群发言又怕遗漏重要信息,消息盒子这个功能解决了这个问题。 

2、QQ的右上角的天气功能,光标移过去就可以知道最近三天的天气,很方便,有时想看超过三天的天气,也是通过点击它打开链接再来查询。 

3、QQ邮箱,不得不佩服QQ邮箱了,最近得知是原Foxmail团队加入了,它的侧边栏不知不觉调整了,符合用户的习惯。写地址时可以直接点击好友名字,不用一个个输进去,节省时间。 

还有就是邮件中转站的功能,建了几个群,群里需要传很大的资料时,中转站节省不少时间。超大附件的功能也很贴心,不像谷歌邮箱有20mb的限制。 

4、视频聊天这个功能,成功获得了包括但不仅仅包括很多中老年人的喜爱,因为孩子异地求学,通过视频聊天可以面对面交流。 

5、聊天时回车键发送消息,很方便,一击搞定。  

6、聊天时的截图功能很方便。 

窗口抖动、离线发文件、超大的QQ相册空间等等,不一一列举了。 腾讯的用户方面做的真的很好! 

新浪: 

1、新浪的新闻,又一次早上很早起来足球比赛新闻,新浪的几乎即时更新,但是腾讯的过了一段时间后才更新,当然就那一次对比,可能说明不了问题。 

2、新浪微博的收藏功能,一些觉得很有价值,但是不想转发让别人看的微博通过收藏功能留下标记。 

3新浪微博“@”,很方便的通知别人,虽然被骚扰的人会烦,但是目前这个功能对于我来说利远大于弊,不用去特意找对方发私信什么的,@一下就行。 

谷歌(虽然不是国内的,顺便写下吧): 

1谷歌地球,其中的标记功能,方便下次打开重新找到目标地点,还可以导出为地标文件与他人共享。图片上传功能,方便看到真实图片,对目标地物有更直观的感受。 

2谷歌邮箱,未读邮件黑体字外加高亮显示,一目了然。 

3当与一个人连续来往信件时,可以使用回复功能,多封邮件是存在一起的,在收件箱里只占用以栏,后面小括号里有信件总数,看起来整洁。而且连续来信回信时,邮件地址默认也是隐藏,节省版面,方便阅读。 

 

百度: 

1搜索时输入拼音或有小错误时,在搜素栏下方会有"您要找的是不是: XXX" 的提示,有时记不太清完全正确的搜索词时,这个功能帮忙很多。而谷歌是直接显示你要的结果,对于我来说,这一点百度更方便。

2百度地图可以免费发送查询到的路线机发送到手机上,免费的哟!  

3有些文章中词语不能框选,移动到搜索栏进行搜索,可以框选再右击选择百度搜索,当然,这个可能不算。     

优酷:    

每次打开页面,右方有一个“我正在看”窗口,可以很方便地继续看上次没有看完的视频。        

知乎: 

1草稿功能,这个回复写了很长,不小心关闭了,好在知乎在回答问题时有自动定时保存功能,虽然保存频率很大,但只是在下方用淡黄色闪一下,很柔和。 

2界面用淡蓝色很对我胃口,喜欢淡蓝色,界面很舒服。  

3看问题的新答案时的全部显示按钮,不用点击问题,一个个找答案。    

4通知功能。 

大家都正在用,就不说啦。

 

 

Raymond Wang ,lawyer

 

我就讲一条,长文章在点击后能“单页阅读”(方便快速浏览和检索)。这么一个简单的功能,国内网站大部分都不提供,就为了多骗一点点击,能把一篇不算长的文章切成三四个页面,最后一个页面往往只有一两行字。

 

范国锋 ,耐用品行业销售

 Gmail输入收件人时,自己按照发送邮件频率排序!这个功能超赞! 


淘宝旺旺聊天时,输入商品网址,自动带出图片和简介; 

QQ可以发送文件夹、抓图的融合。聊QQ的时候,抓图习惯了,用Skype时超级不爽; 

搜狗手机收入法,可以自动导入联系人姓名到词库,很酷! 

搜狗浏览器,地址栏输入时自动提示网站!超赞! 

以前我用Google桌面,有一个小的新闻插件,可以按照我点击的新闻,下次推荐的时候,自动智能匹配我感兴趣的内容。这个非常不错。我建议国内现在的腾讯爱看Iphone版融入这个功能;  

用Iphone打字比较麻烦。Google搜索的时候,可以语音输入。我经常写短信的时候,用Google语音输入,之后复制到短信。刚刚看到Android4.0已经可以语音输入短信了!赞!  

Gmail一旦选定当前页的全部邮件,自动出一个链接,让选定收件箱的全部邮件!这个不错。    

其他的,还有很多,慢慢想。

 

 

张兵兵 ,学生-软件工程【做前端的】

 QQ邮箱的:连续点击QQ邮箱的【收件箱】,右边会给出提示“收不到邮件吗?看看是否被过滤了。 ”

 


陈鹏帅
 ,读书 新媒体 阅读 历史 心理 哲学 小说

 1、新浪微博的收藏功能,手机上看不大清楚可以先收藏回到电脑上面看,很喜欢怕找不到了的内容也可以收藏,加标签分类管理起来。 


     原版新浪微博的私信功能,感觉很好,很不喜欢现在的聊天版,因为貌似变成聊天之后就没办法将记录保存下来。 

    sns的@功能就不多说了。 

    微博可以改用户名很好玩。    


2、人人的收藏功能,出于某些原因不想让别人知道你分享了什么可以选择收藏,还有就是分享的时候可以选择分享给谁这个功能。 


3、腾讯QQ将一张图片拖到界面上就可以设定为皮肤,非常的方便,还有就是点enter发送,发送"动一下表情"很好玩,“窗口抖动”可以提醒一下对面的人或者打一个招呼。 

     一些邮箱的手机短信通知邮件功能,但是网易的是要收费的,好像qq的不收费。 

    android平台的微信可以收qq离线信息和邮件,很喜欢,遗憾的是不能收群信息,也很遗憾塞班键盘板的不能收邮件。 


4、新浪ishare、mtime、youku等网站可以分享到新浪微博的功能。 


5、特地把豆瓣拿出来说,豆瓣有一个工具条是“推荐到豆瓣”,很方便可以将其他东西推荐到豆瓣说,虽然不常用“豆瓣说”但是觉得很有创意。 

     豆瓣读书和豆瓣音乐的一系列分享到微博,想读的书还会显示封面和方便的链接,很方便过去看看,分享音乐则显示了专辑封面和链接,很适合推书和推音乐。 

    豆瓣的拖动就可以设置个人主页的显示形式,虽然能拖动的就那么几条,但是这种自主性让人很舒服。  

    豆瓣可以改用户名功能。 

   @apin提到的:加一个豆瓣的常用标签
,在添加想读的书本的时候不用自己输入分类标签,新浪微博的收藏功能也可以自动保留常用的标签。 

          

6、点点网的标签可以显示哪个标签更新了几个话题,可以有选择查看,这是其他几个轻博客都没能做到的,很喜欢很舒服。 


7、盛大推他的发布书籍功能(经@LonelyNight指正不是网易是盛大的,可以直接发布书籍包括书籍的封面,很喜欢这样的功能,只可惜书籍库很不全面。 

    网易推他和点点网在发布音乐的时候都可以搜索直接显示,发布出来是虾米的音乐,音乐库比新浪博客和微博的全面,而且出来的的虾米的音乐卡住的现象很少,播放很流畅连贯。 

     

8、很喜欢的是百度贴吧的@功能,在论坛中实现了方便的提醒的小提示。 

     还有就是百度贴吧翻页后输入框仍保存回复,这样就很方便根据看的内容随时回复。 

     

9、新浪Qing轻博客中显示关注和粉丝都是将头像组成一个类似笑脸墙的东西,很喜欢,还有就是新浪博客的可以点击“快速保存”将博文保存下来。 


10、晋江文学城和晋江文学论坛不用登陆,只用留下网名就可以发表评论的功能,很方便评论文章,“马甲文化”也很好玩。  


11、虾米音乐的单曲循环播放功能。     


12、电商的查看物流。 



13、卓越亚马逊买书比其他的体验都要快捷方便。 


赵梁
 ,前端工程师

 QQ邮箱,发邮件忘记写主题会提醒,内容里包含附件但是忘记添加附件也会提醒 


亚马逊的一键下单也很棒

 

催命判官 发表于:12-02-03 18:29 沙发 [回复] #Top#
催命判官 人气:495 积分:3020 金币:26497
VIP 管理团队
好长的文章,看到头晕了
lanrennet 发表于:12-02-07 11:46 板凳 [回复] #Top#
lanrennet 人气:113 积分:949 金币:5089
KC元老
学习了
iitding 发表于:12-02-07 13:42 4楼 [回复] #Top#
iitding 人气:582 积分:1 金币:18324
最佳新人 灌水狂人
学习了·细节决定成败啊

1Next >

发表回复

帐号 匿名发布 审核后可见 [加载完整在线编辑器]
内容
验证码
KingCMS 内容管理系统

关于我们 联系我们 广告报价 付款方式 站点导航

Copyright © 2004-2015 Focuznet All rights reserved.

广州唯众网络科技有限公司 粤ICP备08008106号

中奖了!