钟志新-网站易用性用户体验(2)

2020年10月17日15:41:44 发表评论 1 次浏览

钟志新:网站易用性用户验(2)

网站可用性介:用户无法成购买的主要原因只能归咎于网站可用性差。也许这个成功率在不同的行业、不同的目标用户群中会有所变化,但不可否认的是,网站的易用性是很多网站阻止用户购买的最重要原因之一。接下来就是上次分解了。如果你没看过第一集,可以在这个网站上搜索钟志新:网站易用性用户体验(一)”。

4.网站导航

网站导航是易用性的重要点之一。好的导航应该为用户解决三个问题:

(1)用户现在在哪里?

(2)告诉用户如何到达他们想去的地方

(3)引导用户往哪个方向走?

网站导航应该、统一、明显,目的是给用户尽可能少的选择自己的机会,但让用户沿着规划的路径浏览网站。用户有时候心里清楚自己想看什么,所以网站的导航要预先估计用户在什么时间最想看什么信息,并及时将相应的链接展现在用户面前。这个链接看似是用户最想去的地方,但也是营销人员最希望用户去的地方。

有时候用户有一定的目标。如果他们不知道下一步该去哪里,网站管理员应该示用户点击那些链接,在网站上看些东西。这些链接当然是站长策划的。

ⅰ.树立立场意识

为了使导航系统工作,用户必须清楚地知道他现在在哪里。无论用户是从首页进入网站,浏览一些页面,还是接从搜索引擎来到某个页面,用户都应该能够大致浏览页面,知道自己在网站的什么位置。为此,站长可以根据以下几点:

(1)网站名称、徽标、背景颜和整体页面布局应在整个网站中统一。

页面标题的字体大小和位置在所有页面上应一致。

③导航栏要在站保持统一的位置,把整个网站清晰的划分成树形结构。

钟志新的博客一样使用面包屑导航,用户可以清楚地知道页面当前位于哪个层、哪个位置。

ⅱ.顶部导航栏

顶部导航栏是整个网站导航系统中最明显、最常用的部分。注意以下几点:

(1)顶部导航栏应连接到网站的主要栏目。

钟志新-网站易用性用户体验(2)

  ②高亮应设置在当前页面所在的列,让用户知道当前位置。

③不要点击当前页面所在的列。否则用户点击后会打开同一个页面,造成混乱。

④当光标放在东方导航栏的不同栏目上时,栏目背景和字体颜色应发生变化,提示用户点击。

⑤导航栏不要用图片,要用文字导航,或者图片加文字。纯图片导航栏可能网站设计师知道这些图片是什么意思,用户却不知道。不要让用户猜测图片表什么。

以上几点是设置导航栏的注意事项。导航栏,或者说整个网站,在划分具体内容的时候需要考虑用户的需求。从用户的角度,想象一下用户来到你的网站最想知道什么信息,把这个信息放到主导航栏里。千万不要按照公司结构来分类网站结构和导航栏。

ⅲ.左导航

当然,大多数网站不需要在顶部导航就能做好网站结构。很可能每个列下都需要子列。比如产品在导航下可能会分为不同的品牌。此时,您需要使用左导航。

左侧导航在形式上类似于顶部导航,只是链接指向的内容是网站组的更深层。有时候层导航解决不了问题,但是需要第三层。您可以使用左导航通过嵌入格式将网页分成第三层。

、站点地图

虽然站长会尽量让导航系统洁明了,但是大型网站的结构非常复杂,用户要想在深度内容页面上找到自己的位置并不容易。这时候网站地图可以发挥很大的作用。无论用户目前在哪里,只需点击网站地图,就可以清楚地了解整个网站的结构和层次。而且网站地图对收藏引擎也有好处,相信大家都知道。

在网站地图上,主和栏中的内容和左侧导航中的二级内容应该分层列出。如果网站比较大,需要分为第三层和第四层,可以通过分层的网站地图来实现。主网站地图页面只列出第一层和第二层列,点击第二层列后,列出第三层列,以此类

相关阅读巴屏幕广告面向用户营销

屏幕消息通知平台的优势1:可以批量发送屏幕消息。对于企业或公司的业务人员来说,通过脑发送屏幕信息可以明显提高工作效率。除了通知客户,屏幕字母

如何才能在小众领域获得微信官方账号的准用户?

很多觉得自己看不懂微信官方账号是因为目标用户太少,人太少。但实际上,什么样的群体才算少数呢?你找到你的目标粉丝了吗

一加QQ极速车开启全挑战赛90Hz流体屏引领高帧游戏

近日,一加移动宣布将携QQ飞车手游开启& ldquo;一加QQ加速手游全挑战赛& rdquo;。活动将于7月11日至7月15日18: 00至23: 00举行

微信推出用户留存”小程序。用户更容易返回

随着用户和开发者对信息推送需求的不断加,10月12日,微信官方消息显示,微信小程序模板消息经过优化调整,支持一次性和长期订阅消息

大数据时,你想不出你的用户值多少钱。

用户的价值可以分为现有价值和未来价值。本文主要探讨现有价值。目前,中国有400多万个应用程序,其中一些已经消失,一些作为移动产品仍然存在

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: