青岛网站制作指南

分类: 浏览次数:65088 2018-11-30 00:00:00
满意回答
2018-11-30 00:00:00

1.大多数用户不喜欢滚屏

Jakob Nielsen关于用户怎样滚屏阅读的研究表明,只有23%的访客初次访问页面时会拉动滚动条,这意味着77%的访客是不会滚屏阅读的,他们只会看看折叠线以上的内容(也就是网页上不需要拉动滚动条就能看到的内容区域)。此外,之后再访问页面时,拉滚动条的用户就更少了,只有16%的访客在他们第二次访问时向下滚动屏幕。从这组数据就能明显看出,把重要内容放在突出位置有多么重要,尤其是在登录页面。

QQ截图20180703143551

这并不意味着你要把所有内容都放在网页的上半部分,只是你得好好对其加以利用。全部填塞进去,只会降低这些内容的可读性——当用户看到太多信息,他们会不知道该从哪里开始。

Basecamp的网站空间利用非常成功。在折叠线以上(768像素高)有一幅大截图、标语、价值定位、行动呼吁、客户列表、视频和图片显示的简短的功能列表。

这一点对主页是最重要的,大多数访客都会从主页登录,所以主页需要具备以下因素:

①网站名;

②网站的价值定位(即用户使用该网站可以从中获得怎样的好处);

③与用户紧密相关的主要版块的导航。

然而,用户习惯一直都在改变。近期研究证明,用户对于滚动屏幕并没有不舒服,而且有时候,他们会愿意一直翻到页面底部。相对翻页阅读,许多用户更喜欢滚动,并且对于许多用户而言,页面上最重要的信息并不一定都得“放在折叠线以上”(由于可用显示分辨率的多样性,这一点就显得相当过时,渐渐被弃用了)。因此,为方便网页浏览,最好是把布局分割成不同版块,并在中间加入许多空白将它们分开。

2.蓝色是最佳链接色

虽然让自己的网站具有独特的设计很不错的,但提到可用性,有时候和别人保持一致才是王道。遵循常规,因为人们浏览一个新网站时,常常会根据他们在别的网站寻找信息的经验来判断信息在这个网站的位置,也就是用他们的经验来理解这个新内容——这就是所谓的使用习惯。人们希望有些东西能够保持一致,比如链接的颜色、网站Logo的位置以及选项卡式的导航栏,等等。

Google所有网页上的链接都是蓝色,这是有理可循的:蓝色是多数用户的熟悉链接色,找起来很容易。

你的网站链接应该是什么颜色呢?首先要注意的就是对比:链接颜色必须足够深(或浅),从而与背景色形成鲜明对比。其次,它们应该从其他文本中突显出来。因此,如果文字颜色是黑色,那链接就不能也是黑色。最后,研究显示(Van Schaik和Ling),如果你觉得可用性是第一位的,那么将链接设置成蓝色便是不二之选。浏览器默认的链接颜色是蓝色,因此人们会比较期待是这样。选用另一种颜色也没有多大问题,但它可能会拖慢用户找到它的速度。

3.搜索框的理想宽度为27个字符

搜索框的理想宽度是多少?这个概念存在么?Jakob Nielsen就人们在网页搜索框中输入的检索词条的长度做了相关可用性调查研究,结果显示,当前大多数搜索框都太短了。搜索框太短的问题在于,尽管你可以输入一个很长的词条,但只有其中一部分是可见的,这就让访客复查或编辑所输入的词条变得很麻烦。

研究发现,搜索框的平均宽度是18个字符。研究数据表明,27%的检索问题都太长了,无法完全容纳进去,如果把搜索框延长至27个字符,90%的检索问题就都能纳入其中了。记住,你可以用em单位设置搜索框的宽度,不限于px或pt。一个em单位刚好是“m”字符的宽度与高度(不管网站设置的字号是多少)。那么,就用这个单位将文字输入框的宽度设置成27个字符宽吧。

Apple的搜索框则显得太短,截断了检索词条“Microsotf O?ce 2008”。

总而言之,宽搜索框比短搜索框要强些,这样用户就能迅速复查、核实并提交检索。这个问题相当简单,但不幸的是,人们太容易忽略它了。搜索框内留出些许空隙对于设计及用户体验也是有益无害的。

4.空白可以增进理解

大多数设计师都知道空白的重要性,也就是在网页的段落、图片、按钮以及其他元素之间留出空间。空白让页面上的各个元素有空间来“呼吸”,避免页面拥挤凌乱。我们也可以通过缩小某些之间的空隙,同时增加它们与别的元素之间的距离将各个元素归类分组。这对于展示元素之间的关系(例如,为了显示某个按钮适用于某一组元素)和建立网页元素等级至关重要。

注意The Netsetter网站内容块留出了宽大的页边距、空隙以及段落间距,使网页内容更容易和舒适地阅读。

空白同时也让内容更清晰易读。有研究(Lin,2004)发现,在段落之间、左右边距上合理使用空白可以让理解度增加大概20%。留白充分的网页内容会让用户觉得容易聚焦和理解。

其实,根据Chaperro、Shaikh和Baker的研究,网页布局(包括空白、标题、缩进和配图)也许对整体呈现影响不大,但它确实会影响到用户满意度和体验。

5.有效的用户测试并一定要广泛

可用性测试中,多少测试对象才算是理想测试数量呢?Jakob Nielsen关于此问题的研究发现,只要对5个用户进行测试,就能暴露出网站几乎85%的问题,测试15个用户差不多就能曝光所有问题。

最大的问题通常是由第一个或前面两个用户发现的,其他的测试者则不断确认这些问题的存在,并发现其他比较小的问题。只要大概两名用户就能发现网站存在的一半问题。这就是说,网站测试并不一定非要广泛或花大代价才能产生好结果。最大的收获往往来源于从0个测试用户到第1个,因此不要觉得测试用户太少:做了总比不做好。

6.网页产品信息充足有助于其脱颖而出

如果你的网站链接有产品页面,网上购物的人们绝对会跟踪、浏览。虽然人们只是大致浏览看看,但很多产品也缺乏充足有效的信息。这个问题很严重,因为产品信息能帮助人们做出购买选择。研究显示,产品信息匮乏会造成8%左右的可用性问题,甚至10%的用户失败(也就是,用户放弃浏览行为,离开网站)。

苹果公司为其产品建立了专门的“产品特性”页面,这将复杂的详细信息独立于简洁的销售页面。但同时如果有需要的话,这为用户了解产品特性提供了方便的入口。详细描述产品信息,但不要又掉入另一个陷阱——对用户实施文字轰炸。尽量保持信息浅显易懂,将文字分割成小块,多使用小标题,保证页面便于浏览。给产品配上尽量多的图片,语言描述准确精炼——避免使用术语,因为用户可能并不懂。

7.多数用户会无视广告

Jakob Nielsen在他的AlertBox网络文集中表示,多数用户会自动屏蔽广告条幅。如果他们正盯着网页上一小块信息看,或者全神贯注在内容上,旁边的广告完全不会形成干扰。

这意味着用户屏蔽的不仅仅是广告自身,还有任何看起来像广告的东西。有些导航条设计得有些过火,会有广告条幅之嫌,因此这方面得注意一下。

FlashDen网站左侧的方形条幅其实并不是广告,而是内容链接。但它们确实看起来很像广告条幅,让人不舒服,因此有些用户会忽视它们的存在。

也就是说,如果广告看起来像内容的话,就会吸引人们的注意,点击阅读。这或许会产生更多广告收入,但却是以失去用户信任为代价,因为他们点击的是他们眼里认为的真实内容。在你选择这条路之前,最好权衡一下利弊得失:短期收益还是长期信任。


标签:
青岛企业邮箱哪家做?多少钱的相关问题

Copyright All Rights GreatGoal Design co.,ltd. 鲁ICP备16002128号-3