网页设计的可用性问题

由于之前写的东西都放在了别的地方,这次想要都搬到这里来,所以这几天整理的东西都是之前写的。

接下来这篇是2013年11月25日写的。

好吧~不能想些没用的,不能说些没用的,问题来了,机会就来了,解决问题的过程就是提升的过程。不能给自己的能力设边界。不要厌烦做重复的事情,如果在一个地方跌倒两次,比停滞不前还可怕。

在求学的道路上一定要放低姿态,任何时候都要以初学者心态来面对,还要学会聪明的判断,捡重要的听,捡对自己有价值的听。我还是很听话的~行动力比较强~明确了问题就赶紧去解决~嗯~开始吧~

值得注意的网站设计的30个可用性问题:

一、首先,可用性的理论和法则:

7±2法则:人的大脑会对复杂的信息进行处理,将其分割成信息组块和单元。根据George
A.Miller
           的研究,人类的短期记忆一次性只能记住5到9件东西。基于此,导航菜单栏通常限制在7个选项之内。

2秒理论:用户等待的时间越短,用户体验越佳。

3次点击理论:这个理论主要突出强调清晰的导航、逻辑缜密的架构和方便操作的网站层次结构。对于
         点击次数,如果用户对于系统操作有清晰的了解,即使点击很多次,也没什么问题。

80/20法则:80%的结果是由于20%的诱因造成的。对于设计和可用性方面而言,如果对那些创造出80%
         利润的20%的用户、顾客、活动、产品或进程进行标识,极度关注它们,那么就会获得巨大的收获。

用户界面设计的八条黄金准则

1、保持连贯性

2、让“老鸟”用户能够使用快捷键

3、提供有实际意义的反馈

4、以对话结束操作

5、提供简单的错误处理

6、允许轻松的返回上一步(这点在刚完成的项目里体会到了)

7、满足用户的控制需求

8、减轻短期记忆负荷

费茨定律:该定律通常应用于访客从A到B的鼠标指针移动操作。这个定律对于如何放置内容区域、以
         更实用的方式、最大化内容可及性和提高内容点击率,是非常重要的。

倒金字塔结构:可使网站用户得到及时性满足,例如
新闻都是从结论开始,接着是要点信息,最后写
         些小细节。

用户满意度:用户一向追随快餐---就是那些“还行”的方案,对于最合理,最完美的解决方案不是那
         么的感兴趣。(?)

二、可用性背后的心理学:

雏鸭综合症:用户忠于所记住的第一个设计,然后将其他设计与其进行相似度比较。通常,用户比较倾向于那些与所记住的设计相似度比较高的系统,而不喜欢陌生的那些。

无视广告:网站用户倾向于屏蔽所有看上去像广告的东西,并且还擅长于此。当在网页上搜索特定信息的时候,用户只会聚焦在网页的部分区域,即他们认为相关信息可能会出现的地方,也就是小文本和超链接。大型彩色或动画广告条幅及其其他图像在这种情况下都会被忽略。

“扣人心弦”效应:这个效应主要是应用于广告,在广告中询问访客一些没有答案或者有挑衅意味的问题,通常会促使访客浏览广告内容。

形状视觉的格式塔原则

1、接近性原则

2、相似性原则

3、普雷格朗次原则(图像-背景):在感知某个可视范围时,一些物体比较抢眼,而其他的则变成了背景

4、对称性原则

5、闭合法则:视觉上通常将不连贯的东西视为连贯,或者说将其看做完整的图像。(IBM图标)

自我参照效应:比如说,读完一篇文章,用户比较容易记住与自己个人经历有关的角色、故事或者事实。常常应用于网络写作与网站内容里。

三、可用性术语

眼球追踪:对聚焦点,或者说眼球相对于头部移动进行测量的过程。对于此的研究能够帮助评估用户对于正在浏览的网页的舒适度以及他们对背后的架构及系统的了解速度。

网页折叠:网页折叠线是屏幕可见区域网页的最底部,也就是在此线之上的是不用拖动滚动条就能看见的网页内容,在此区域常常被视为能够带来最高广告点击率和利润回报的区域。

中心凹区:是眼睛所聚焦的小而宽的空间,也是双眼能够看到最多细节的唯一一个地方,是你向访客传递最重要信息的地方。

注释:是一个自动行为,它提示并概要显示连接的内容,以及一点点击会到哪里去。从可用性角度来看,用户希望对网站上正在发生的一切事情拥有绝对的控制权,配上完整的链接文字,精准的对内外部链接进行解释,能够提高网站的可用性。

优雅降级:指一个网站即使在它的部件已经无法显示或者无效的情况下还能展示内容和基本功能的能力。网站要在每一个可能出错的情况下显示内容,并在用户任何可能的配置下被使用。“高级用户”提供的仍然是完整的、增强的页面版本。

粒度:指将某个庞杂的数据组或信息分割成更小单位的程度。

热区:网站上可以点击的区域。例如,当连接或网站上任何其他元素被点击时产生的焦点效应。

易读性:文本在视觉上的清晰度。

可读性:文字的可理解程度,不同年龄不同的受教育程度的人都能很容易的理解文章的意思。

扫雷:用户为识别网站上的链接而与网站进行的交互行为。

浆糊式导航:用户在一团浆糊般的网页中难以辨识导航链接或者确定链接在哪里的设计。

物理一致性:网站外观的一致性。

逐步强化:优势在于“普遍可用性”。指将网站按照多层次方式进行设计的设计方略---从适合所有浏览器的基本功能到现代化浏览器附加的增强属性。

以用户为中心的设计

警惕(持续关注):指在漫长而单调的任务中始终保持注意力的能力。

走来即用设计:非常直观明白,新手或一次性用户很容易上手。

线框图:是个基础结构,是网站的骨架,它介绍了网站的创意、概念和架构。

以上内容来自《众妙之门
 国际顶级Web设计师成功法则》

看完后最重要的一个启示就是,网站设计最重要的是要了解用户的心理,站在用户的角度想问题,做出方便用户使用,满足用户需求的网站。网页设计真是门大学问啊!
 

时间: 2024-10-31 04:20:53

网页设计的可用性问题的相关文章

常犯的一些网页设计的可用性错误

本文来源:e良师益友网 在过去十年中高品质的可用性一直是业内讨论的核心,因为它对用户来说越来越重要.好的可用性也可以帮助建立品牌知名度,从而提升用户对一个网站或者是一家公司的评价.今天人们依然高度关注可用性,是因为大大小小的公司已经证明了好的可用性策略是多么重要.在对该话题年复一年的讨论之后,似乎web设计者们仍然很难去理解它.可用性早已不再是一个玩笑,下面这些建议应当被打印出来并粘到你桌子对面的墙上. 链接的颜色 经 常发现自己在浏览网页时,有些页面上的链接没有以某种形式高亮显示.这是最愚蠢的

HTML5为什么能成为网页设计的未来

移动设备的大规模普及应用使得个人用户和企业用户对移动设备的依赖性逐步提高,这也使得相关的科技企业和开发者在近年不断强化B2B和B2C领域的技术支持.不仅仅是移动操作系统的前赴后继,移动设备也呈现出爆发式增长,这一切都必须归功于用户在渐渐远离桌面,拥抱移动互联网的趋势. 如果你正在寻找介入移动互联网的解决方案,那么HTML5可能就是你的菜.一次编写,到处运行的编程平台不仅仅是程序员和开发者梦寐以求的利器,同样也是混迹互联网的企业和个人都不容错过的有力武器.因此,HTML5值得你拥有.最初的HTML

让页面更上档次!网页设计细节大总结

    火龙果软件 发布于:2014-04-03   大家都知道"细节决定成败"这句名言不仅在其他行业非常重要,而在页面设计当中更是颠扑不破的真理.需求的眼睛和感觉总是非常敏锐的,对于一个页面没有得到需求方的认可,但是他们又说不出什么理由,这个时候就是细节问题了.一个页面的细节到位才能充分体现出页面的品质.一个优秀的作品与卓越的作品相比差距就在于细节的把控. 那我们具体该如果做好细节呢? 下面简单介绍一下. 字符 字符是页面中不可缺少的部分,页面上最重要的部分.所以这部分细节是最基础的

2017网页设计趋势

网页设计的世界总是在变化发展,没有什么趋势是亘古不变的.设计师总是想出一些独特的东西来保持行业新鲜.每年都会有一些新的流行趋势诞生,旧有的一些趋势逐渐消失或继续繁荣.因此,你必须要跟上设计变化的趋势,保证自己的竞争优势. 业界领袖已经预测了2017年UI和UX的一些流行趋势.2016年是网页设计伟大的一年,让我们来看看2017年有什么值得期待的流行趋势. 看看下面这张信息图表--2017年网页设计流行趋势展望. 针对年龄的响应式设计 响应式设计作为一种适应不同设备大小的的设计方式已经存在有一段时

网页设计创新式布局与交互

设想并构建出区别于常见网站布局的创新式设计是一件很难的事情,但是一旦把这件事做好,就可以设计出那些最富有趣味又令人着迷的网站. 你几乎每天都可以见到这些网站,每次看到他们,你都会感慨到:“多希望我当初能够想到这个点子.”设计师们正在完成一项了不起的工作,设计出一系列精美的网页元素并将其组合在一起,这些网页不但具备可用性,同时又富有新鲜感和原创味道. 奇特的造型.颜色的组合搭配和新颖的导航工具可以设计出那些最富有趣味又令人着迷的网站. 这些网站也同样难以设想和构建. 但是你永远不知道什么可能会引领

响应式网页设计:web产品RWD概念

RWD(Responsive Web Design) 可称为自适应网页设计.响应式网页设计.响应式网页设计等等,是一种可以让网页的内容可以随着不同的装置的宽度来调整画面呈现的技术,让使用者可以不需要透过缩放的方式来浏览网页,大大的提升画面的可浏览性及使用界面的亲和度:然而这对于行动商务越来越受到重视的现今来说,随之也越来越倍受重视. 近几年,随着行动装置(智慧型手机.平板)的普及,以及行动上网服务的使用率越来越高,传统网页的标准已经无法符合这些装置的需求来呈现了,尤其是以flash制作的动画,受

响应式网页设计:互联网web产品RWD概念

RWD(Responsive Web Design)可称为自适应网页设计.响应式网页设计.响应式网页设计等等,是一种可以让网页的内容可以随着不同的装置的宽度来调整画面呈现的技术,让使用者可以不需要透过缩放的方式来浏览网页,大大的提升画面的可浏览性及使用界面的亲和度:然而这对于行动商务越来越受到重视的现今来说,随之也越来越倍受重视. 近几年,随着行动装置(智慧型手机.平板)的普及,以及行动上网服务的使用率越来越高,传统网页的标准已经无法符合这些装置的需求来呈现了,尤其是以flash制作的动画,受限

2015年流行的网页设计7大趋势

回顾2014年,我们可以发现一些与网络设计有关的新趋势已经悄然兴起:如免代码设计平台,视差效果(parallax effects),单网页站点等等. 这其中,很多潮流都只是昙花一现,但也有一些演变成为行业内的固定模式.如今可以用于浏览网页的设备层出不穷,设计师们也必须顺应趋势,找到应对变化之策. 根据专业网页设计平台Webydo的观点,我总结出了最有可能在2015年流行的网页设计7大趋势与大家分享. 1.更为自由的排版方式 一直以来人们都在尝试用更好的方式来呈现文字. 因为网页的排版与印刷品的排

如何在网页设计中用好圆形要素

圆形元素的应用是在网页设计中一个相对较新的发展.与互联网普及初期相比,如今的网页设计水平已经超出很多人的想象,比如圆形的应用,现在的CSS工具使圆圈的创建越来越容易,所以他们在网页设计中的使用变得更加普遍. 当然还有许多人认为圆在网页设计中使用比较困难,并且它的存在仍有争议.然而,如果我们保持一个良好的网格布局,留有大量的空白,基于圆形的设计会成为网页设计的亮点. YES!为什么不大胆探索?你会发现,如果能成功运用圆形元素,会有令你意想不到的效果,要知道,圆形要素往往是很吸引眼球的,它会让你脱颖