星空网 > 软件开发 > 网页设计

前端开发中的一些用户体验细节

本文主要谈一谈在实践中,面对一个产品,或者是一个具体的功能点,也可能只是一个按钮,一次点击等等,以前端开发工程师的视角,如何关注用户体验,以及一些需要注意的细节问题,嗯,只说细节问题。

1、事先给我一点提示

路过一个这么漂亮的按钮,很有心情发表一篇日志谈论一下天气:
前端开发中的一些用户体验细节
结果点击之后告诉我“您目前没有权限添加日志”,关键是它还要跳转到一个新页面说这个事情,很不安逸。可不可以事先就说清楚?不让点击,变色,文字提示,或者你用个小弹出层提示也成啊。

前端开发中的一些用户体验细节
看着这么醒目的小气泡,非常忍不住点击“小喇叭”看看:
前端开发中的一些用户体验细节
嗯,小窗口优雅地向上滑出,相当不错的体验,技术相当霸道的小马哥!好的,接着又点“提醒”,OK,非常舒服的弹出。再点“站内信”,oh…我又被进入一个新页面了。这里如果给“站内信”加个鼠标提示,告诉用户现在不再是弹出,而是要进入新页面了,不就可以避免类似我这样的“误”操作了么?

2、表单验证

实时地告诉用户,这个应该怎么填,哪儿又填错了,毕竟填表单是件很繁琐和枯燥的事儿。不时地给我一点提示信息是非常不错的主意。
前端开发中的一些用户体验细节

3、让我点击文字就可以勾选复选框吧

很多人都懒得这么做一下,你就那么狠心让用户慢慢去瞄准那个小小的复选框啊?单选按钮也是如此。
前端开发中的一些用户体验细节

4、暂停一下让我看清楚

当我鼠标还在幻灯片区域里的时候,请先暂停播放好不好?你看凤姐多美啊,我还没看够呢。。。
前端开发中的一些用户体验细节

5、点击区域大一点

这是一对左右滚动的控制按钮,还做了鼠标经过的效果,很不错。可就是点击区域太小了,点起来可费劲了。类似这样的东西,请尽可能多地考虑用户操作起来是否方便吧。你让用户爽了,用户也会。。。
前端开发中的一些用户体验细节
类似的,应该让整个选项卡都可以点击,而不是只能点文字。
前端开发中的一些用户体验细节

6、虚线框

在有的浏览器下,点击链接时会出现虚线框,其实我并不反感的虚线框,有的时候我还想看到这种虚线框,可是下面这样的情况,看上去就不是很安逸了。
前端开发中的一些用户体验细节
前端开发中的一些用户体验细节
前端开发中的一些用户体验细节
倒不是说,这样就错了,只是能做得更好,为什么不做呢?况且处理这样的问题只是举手之劳嘛。

以上几点只是用户体验设计的冰山一角, 需要我们各个层面注意的细节还有很多很多。本文也没有试图对这些问题进行分门别类的讲述,只是想到哪就说到哪,当是抛砖引玉吧,不足之处欢迎拍砖。

来源:http://www.16sucai.com/2010/10/934.html

更多内容请点击

 

 

 

  

 




原标题:前端开发中的一些用户体验细节

关键词:前端

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们: admin#shaoqun.com (#换成@)。

亚马逊新增广告玩法,且站内广告要站外投放:https://www.ikjzd.com/articles/4830
欧盟符合性声明是什么?需要认证的产品和步骤有哪些?:https://www.ikjzd.com/articles/4834
Wish的EPC订单合并服务详解:https://www.ikjzd.com/articles/4835
流量暴涨、转化率不涨,真的是“每年的旺季前奏”吗?:https://www.ikjzd.com/articles/4837
Wish官方物流服务再升级:https://www.ikjzd.com/articles/4839
海外仓是ebay卖家更好的选择吗?:https://www.ikjzd.com/articles/484
独家丨B站广告位可跳转美团APP B站为电商平台引流再升级 :https://www.kjdsnews.com/a/1836410.html
百崖大峡谷生态旅游景区(探秘中国西南自然风光):https://www.vstour.cn/a/363176.html
相关文章
我的浏览记录
最新相关资讯
海外公司注册 | 跨境电商服务平台 | 深圳旅行社 | 东南亚物流