如何提升网站用户体验?可能你从未注意过的7个用户体验设计细节介绍

所属分类: 网站运营 / 建站经验 阅读数: 106
收藏 0 赞 0 分享

用户体验 用户体验设计 产品用户体验 产品设计

打造用户喜爱甚至欲罢不能的用户体验,通常意味着你需要给予用户他们想要的东西,还要给他们一些他们意料之外但是又非常需要的东西,并且平衡两者的比例。那些大家耳熟能详的用户体验设计的技巧和规则能让你搞定绝大多数的用户体验设计的问题,但是还有一些容易忽略、处于盲点的设计技巧,能帮你做好另一部分的用户体验设计。

1、专注于20%

用户体验 用户体验设计 产品用户体验 产品设计

你可曾听说过80/20法则?简而言之,80%的用户通常只会使用你网站内容和功能的20%,绝大多数的用户只是在扫视网站内容,并且只会挑选真正感兴趣的浏览。

同时这也意味着,剩余的20%就相当重要了。大多数的点击将源自于这一区域,它也是近乎完美的内容和互动区域。

你可以借助数据分析来决定哪个部分是整个网站最被关注的那20%。对于刚刚上线的网站,这个数据搜集的过程可能长达好几周,随后再进行调整。

当然,你也可以通过引导将用户引流到你希望用户去的那20%的区域。借助视觉引导和行动召唤设计来引流,用有趣和有意思的设计来营造令人有兴趣的区域,让他们乐于点击,从而达到目的。

2、架构式的思维

用户体验 用户体验设计 产品用户体验 产品设计

设计一个网站和搭建一所房子其实差不多。首先,它需要一个坚实的基础,然后是能够承载所有内容的框架,做好后要好好装饰一下。同样的思维模式可以套用在网站的设计上。

更重要的是,你并不需要为此创造出过去从未在框架中出现过的东西,换言之,框架内的素材、组件和我们常见的并无二致。就像导航设计模式一样,现在的设计都趋于一致,因为这样的导航好用。

当网站的整体结构搭建起来之后,可以将相同的思路套用到内容体系的构建上来。主要的正文内容是整个网站内容的基础,辅以吸引人的标题、图片,配合上其他的次要元素,整个内容体系可以很快搭建起来。

3、不要要求太多

用户体验 用户体验设计 产品用户体验 产品设计

现如今的世界可以说是由数据所驱动,越来越多的应用开始要求用户注册,要用户提供更多的权限,更多的信息,以期为用户提供更加个性化的体验。但是从体验的角度上来看,要尽量规避这一点。

站在用户的角度稍加思考你就明白了。找到一个令你感兴趣的炫酷网站,如果要深入了解更多内容,就需要内容,而如果要注册的话,网站却需要你提供下面10个类型的信息:姓名、邮件、国家、地区、城市、电话、Twitter权限、个人网站、工作职位、以及如何发现这个网站的。

那么接下来,你会怎么做?绝大多数的用户会直接转身离开,这个注册信息填写起来太费劲,体验太差了。

那么,如果你当你点击注册的时候,只需要一键从Facebook或者twitter授权即可,那么你会不会立刻点击呢?至少从目前已有的数据来看,绝大多数的用户会这么选择。

4、令人愉悦的微交互

用户体验 用户体验设计 产品用户体验 产品设计

可能很多时候你都没注意到,你和各种微交互进行的互动一直都存在。

·谷歌日历弹出框提示你每周例会要开始了

·短信提醒

·午睡的闹钟

·微博上的新粉丝和转发提醒

这样的例子我们可以连续不断地说上一个小时。这些带有微交互的提醒和动作会推动用户进行下一步操作,带来愉悦的体验,它们不能设计得非常醒目,但是又需要适当地吸引用户注意。

这些有趣的微交互的加入让用户从中获得好处。而你需要思考的是,有哪些东西是你的网站或者APP当中,用户想要立刻知道和获得、想被提醒的?

5、甚至幼儿都能轻松使用

用户体验 用户体验设计 产品用户体验 产品设计

如果要给小孩子设计产品,那么它应该是什么样子?你可能会更专注于色彩的使用,让每一个区块都可以轻松点击,明显的标签,加上拼图式的连接方式。

所以,当我们在设计网站或者APP的时候,我们会说这个产品要足够易用,那么怎么才算得上“足够”呢?让小孩子都可以轻松使用,这就叫足够易用。换句话说,即使是不经常使用网站和APP的成人,也不会存在明显的使用障碍。

超大的设计元素和标签是设计的关键因素。这些视觉线索是帮助用户引导用户的核心,是整体体验设计中最重要的部分。大胆的色彩选择,会鼓励用户点击和探索。

如果它足够易用,用户会继续尝试使用和探索。而难于理解操作不便的导航自然会被用户所嫌弃。如果网站包含太过复杂的媒体和内容,那么不妨从一个设计简单的首页开始,几个简单的导航点击将用户引导到对应的位置。在深入到更复杂的页面之前,用梳理清晰、简单明了的分页让用户感到舒适,这是带来好的浏览体验的不错解决方案。

6、轻拍(Tap)还是点击(Click)?

用户体验 用户体验设计 产品用户体验 产品设计

这一点要说的并不是设计问题,而是一个常见的开发代码的问题。虽然Tap和Click两者都能在点击的时候触发,但是在移动端网页上使用Click事件 的时候,会有200ms 到300ms 的延迟,所以在移动端上最好替换为Tap事件。在进行响应式网页设计的时候,一个事件从头用到尾的错误出现得很普遍,但是有太多的移动端网页在这样的设计下会有明显延迟,更恶劣的情况是无法识别,这样会直接损害到整个页面的易用性和功能本身。

此外,移动端上使用 Tap事件的时候,它所对应的按钮应当相对更大一些,便于小屏上进行交互。

7、像用户一样思考

用户体验 用户体验设计 产品用户体验 产品设计

我们一直在说:“像用户一样思考”。但是实际的情况往往是,我们很难走出设计者和开发者的思维方式,因为我们的思维方式压根就和用户不同,面对每一个交互、每一个元素的下意识反应是不一样的。

所以,还是同设计圈、开发圈和产品圈以外的人去聊聊吧,看看他们对于网站和APP的真实反应到底是怎样的。你可能会在观察中发现,他们对于产品、对于交互、对于界面的反应和你的预期完全不同。将用户的真实反馈记录下来,反馈给项目组,这样可以帮你打造更好的用户体验,创造更优秀的产品。

相关阅读:

SEO优化:向百度学习如何做好用户体验优化

以上就是对如何提升网站用户体验及可能你从未注意过的7个用户体验设计细节介绍,更多内容请继续关注脚本之家!

更多精彩内容其他人还在看

SEO实战:网站被黑有何影响? 如何处理网站被黑?

网站被黑是常见的事情,尤其是一些商业类型的网站,网站被黑有的是被竞争对手恶意报复,有的是被博彩,赌博等违法网站挂黑链。网站被黑会有什么影响呢?网站被黑后该怎么办呢?本文将提供相关措施供大家了解
收藏 0 赞 0 分享

当当网的内部框架开源策略案例分享

这篇文章主要介绍了当当网的内部框架开源策略案例分享,包括其Dubbo项目和分布式作业调度框架elastic-job的开源情况简介,需要的朋友可以参考下
收藏 0 赞 0 分享

当当网海量信息的组织与发布经验分享

这篇文章主要介绍了当当网海量信息的组织与发布经验分享,包括双11时促销系统与交易系统的一些重构实践,需要的朋友可以参考下
收藏 0 赞 0 分享

四种自助建站排版技术有什么优缺点?优劣对比分析

四种自助建站排版技术有什么优缺点?很多朋友都不是很清楚,所以今天小编就为大家分析这四种自助建站排版技术,一起来看看吧
收藏 0 赞 0 分享

如何注册网站 新人注册网站图文步骤

由于目前所见即所得类型的工具越来越多,使用也越来越方便,所以网站制作已经变成了一件轻松的工作,不像以前要手工编写一行行的源代码那样
收藏 0 赞 0 分享

浅析豆瓣网站运营的主要技术模式

这篇文章主要介绍了豆瓣网站运营的主要技术模式,作为国内以Python驱动的知名网站之一,本文介绍了豆瓣的一些技术理念,需要的朋友可以参考下
收藏 0 赞 0 分享

深入分析京东云数据库的运营模式

这篇文章主要介绍了京东云数据库的运营模式,京东利用服务器集群的方式构建起了大型的基于云的数据存储方式,需要的朋友可以参考下
收藏 0 赞 0 分享

剖析美团的以Python为主导的云平台发展战略

这篇文章主要介绍了美团的以Python为主导的云计算发展战略,美团对于Python的Django和Tornado框架的应用着实令人眼前一亮,是为国内Python技术的一大主要推动力量,需要的朋友可以参考下
收藏 0 赞 0 分享

浅谈如何提高网站内页权重

近期发现手上优化的网站收录量还好,收录率达到40%以上,但是就是没排名,分析了下作了相应调整,后续优化效果将相继文章分享出
收藏 0 赞 0 分享

搜狐云发展中DomeOS的开发与Docker的应用

这篇文章主要介绍了搜狐云发展中DomeOS的开发与Docker的应用,DomeOS是搜狐自助研发的企业级业务编排运维管理系统,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多