1. 云裂变
  2. 营销
  3. 网站运营
  4. 易用性网站设计的实用技巧是什么?

易用性网站设计的实用技巧是什么?

作者: 日期:2019-10-15 人气:105

设计网站最重要的当然是达成网站目标,而易用性好坏也大大影响网站目标的达成率!

吸引人的第一视觉区,留住使用者

「接近律」与「封闭律」让使用者快速理解页面元素

行动按键上的用字遣词大大影响页面转换率

可以点的东西就要「看起来可以点」

重要资讯主动展开在页面上,不要随易使用页签隐藏内容

页面底部与Footer比你想像的重要

网页文案这样写,沟通更容易

如何掌控使用者在网站上的视线

重点一、吸引人的第一视觉区,留住使用者

第一视觉区是进入网站后的第一印象,许多网站的跳离率过高,与第一视觉区的设计有很大的关系!设计第一视觉区的基本要求就是「吸引使用者留在网站,继续浏览」,其中四个重点为:(1) 仅保留精华资讯,以节省高度、(2) 设置页面标题,协助使用者快速理解页面内容(3) 让使用者理解页面下方还有内容、(4) 运用图片增加画面吸引力。

重点二、「接近律」与「封闭律」让使用者快速理解页面元素

(1)接近律(proximity)

简单的说就是运用人类视觉会将邻近的东西分成同一组的特性,所以在网站上如果想要将一群元素让使用者视为同一群体,可以增加和其他元素之间的空间,并将同元素之间的距离拉近。

(2)封闭律(closure)

简单的说就是运用线、图或标题分割区域,让看的人更能理解区域间的差别。


易用性网站设计的实用技巧是什么?


重点三、行动按键上的用字遣词大大影响页面转换率

网页之间基本上是藉由连结移动,但是一般连结的点击率10%已经算是高的,因此用字要让使用者易于联想,增加点击意愿。图三是一个旅游网站的例子,在首页时,使用者想找饭店,而行动按键上若是用「订房」两字,使用者会误以为是下直接订单,因而不愿意点击,若改为「搜寻住宿」后,点击率大大提升。

重点四、可以点的东西就是要「看起来可以点」

前面我们提到了,要让使用者点击内容本身就是一件不容易的事情,如果使用者在网页上无法辨认出连结的话,即使准备了吸引人的内容也徒劳无功。虽然扁平化的设计随着iOS7推出引起风潮,但从达成「让使用者点下去」的目的来看,能点的东西「看起来可以点」更重要!

(1)蓝色或有底线的文字

在蓝色文字下方加上底线是沿用到今天的基本手法。由于近年重视文字的易读性及整体设计,不使用蓝色底线的网页也在增加,但从beBit至今观察到的使用者行为,「蓝色」或「底线」还是让使用者辨认出连结的重要因素,因此请尽量保留其中元素之一。另外,在并非连结的文字使用「蓝字」或「底线」的话,会让人误认为可以点击,要尽量避免。

(2)行动按键要有按压感

关于行动按键的装饰,具有「可以按下」的感觉十分重要。通常在前端加入符号,赋予按钮网页连结感(一般为箭头或三角形),或在按键旁加入层次或阴影,或使用带有圆角的矩形,便可以为按键加上按压感。

重点五、重要资讯主动展开在页面上,不要随易使用页签隐藏内容

许多网站喜欢用页签(Tab)的方式设计,但页签的致命处在使用者没有强烈动机寻找资讯时,很容易忽略页签以致没看到藏在页签中的重要内容。设计网站时要考虑使用者上网的心境,有些网站偏向功能型网站(如:网路银行),有些网站是娱乐型网站(如:网购平台)。使用者造访功能型网站时,寻找资讯的动机强烈,即便我们只放一个关键字,使用者也有意愿找到那个关键字并点击;但娱乐型网站不一样,一般网购平台的首页浏览情境都是打发时间,若使用页签等隐藏资讯的设计,这些被隐藏起来的内容很有可能就直接被忽略了!网页设计师在思考页面内容应该如何配置时,一定要一并考虑使用者造访网站的积极性,才不会误将重要内容的曝光度打折扣。

重点六、页面底部与Footer远比你想像的重要

当使用者的页面拉到底下时,代表他已经看完一项内容,此时是他们心有余力看其他内容的时机。为了延续浏览行为,页面的底部是个可以利用的重要区域。因此,推荐商品或关联性商品应该要放的地方是页面底部而非顶部。另外,mega footer的运用也是延续浏览情境的好工具,蛮适合运用在网购平台这种浏览页数越高越好的网站。许多网站设计师花了很多心思设计了每页的内容,但却忽略了在页面底部建立与其他页面的连结,导致使用者看完一页内容后就打住,这真的很可惜!未来在设计你的网站时,也不要轻易忽视页尾的区域!

内容标签:

热门文章

    现在很多企业都着手于做重庆seo排名,因为SEO是获取精准流量比较稳定且长期发展好的方式之一,同时也能提升自身企业的品牌形象,因为SEO本身就是基于用户体验优化而做的,因此做好SEO

6791

网络营销时代,软文营销已成为企业传播品牌、促进订单转化的重要手段。不同于硬广形式,软文营销的精华就在于“软”字,即广告绵里藏针,要在能提供给用户有价值内容的基础上进行广告

 文库营销指的是借助一些文库平台上传文档,通过知识分享来做品牌营销,目前常见的文库平台有百度文库、360图书馆、道客巴巴、豆丁文库等。文库营销对文档质量要求较高,需要用户自

网站对于很多的企业来说,不仅仅是业务的渠道拓宽,也是多一个网站推广的途径和客户渠道等,很多的企业虽然有自己的网站,但是重视程度不够,很多的企业都只依靠网站就能够养活一个公

3260

企业品牌推广对于企业的生存来说是极其重要的,如果没有一个好的推销渠道的话,可能就会让自己的商品卖不出去。在新闻中总是看到哪儿有什么产品卖不出去了,形成滞销,让个人或是企业

3217

一方面,不同客户的建站需求不同;另一方面,网站建设人员的技术水平高低不一;同时,时效、地域因素也会对建站成本有所影响。所以网站建设的报价暂时没有统一标准,建设费用更是从几

3032

最先剖析要散播的目的客户人群的陋习与话动范畴; 精心安排合乎网民爱好的论坛推广时件或话动; 积淀论谈有关社交圈子資源,会对进行论坛推广出示挺大适用; 搞好数据分析,以知道论坛推广的成功失败之举,加以改进。

人们常常会遇上有些人做论坛推广的当时,以便能短期内内看到作用,就在每个论谈网站上注冊很多的id,花两三天的時间就把各大论坛上贴的浓浓的全是软广,可是隔过段时间回来看,以前公布的全部贴子都被删的干净整洁,情况严重将会注冊的id也被封的干净整洁,而针对这类人只有说成爱好者的论坛推广技巧了。在进到这一议论以前,人们看一下自身是不是存有那样的难

在互联网高速发展的今天,在众多同行品牌的强势竞争下,新品牌想要打开市场并不是一件容易的事儿。但不推广就难以生存,那么我们应该如何做好新品牌推广,快速打开市场?云裂变徐国

2937

现在的推广营销方式与以前比起来可是多了不少,放在以前也就是还没有网络的时侯,商品商家和生产厂家想要把自己生产的和自己销售的产品或是商品成功推销出去那可就得想想办法了。比如

2910

一个生产企业想要发展必须要创立自己的品牌,在人们购买东西讲究牌子的今天,如果你所生产的产品连个牌子都没有,恐怕会无人问津的。但是,有了品牌,对于小公司来说若是得到消费者的

2909

说起网络营销,让人们想起了网上购物,比如在刚过去的520,就是一波网购的热潮,各种打折促销返利活动让许多人心动,看花了眼。又比如每年的双11、在双12的网上促销活动可谓是一年之内

2864

很多企业在官网搭建完成之后,便放任不管,既不更新内容、也不做任何的排名优化,最后网站没排名、没流量、没访客;即使有排名、有流量导入,但是跳出率极高,依然产生不了任何效益。

2848

随着网络营销、全网覆盖等口号喊得越来越响,现在有不少的企业做网络营销都是被同行带起来的,本质上对网络营销推广的作用都了解不多。那么网络推广好在哪?为什么一定要做好网络推广

论坛推广就是,企业利用论坛这种网络交流的平台,通过文字、图片、视频等方式发布企业的产品和服务的信息,从而让目标客户更加深刻地了解企业的产品和服务。最终达到企业宣传企业的品牌、加深市场认知度的网络营销活动。1、电子公告板(BBS)是虚拟网络小区的要素方法,小量的交流信息全是历经BBS进行的,vip历经贴到消息也许回应消息抵达互相联系的目地。一些简

受互联网大趋势影响,很多传统企业纷纷着手布局网络营销,考虑到企业自身在营销经验上有欠缺,不少老板会选择找全网营销外包公司合作,这个时候就会出现很多选择难题。比如说找了10家

2789

随着社会的发展和人们消费观念的改变,现在人们的消费已经从单纯的商品能使用消费阶段到了商品品牌消费阶段了。在进行商品购买时总是看商品的品牌,就拿一些年轻人来说吧,对于耐克、

2781

百科营销是一种以权威知识分享的形式对企业做有目的性的品牌宣传,可以有效提高潜在客户对企业品牌或产品服务的信任度及认可度,最终达到提升企业品牌知名度美誉度的双重作用。那么百

护肤品作为当下大受女性追捧的快消品,行业竞争激烈,且更新换代尤其迅速。那么如何在如此变幻莫测的市场竞争中占领高地呢?这自然少不了大面积的营销推广(包括线上和线下),下面全

一、前端seo代码优化注意事项1、提高页面加载速度。CSS可以用来解决不使用背景图片的问题,也可以尝试压缩背景图片的大小,你可以在一张图片上放置几个图标,使用CSSsprite,使用背景位置

2657

最新文章