勤学教育网合作机构> > 杭州天琥培训学校欢迎您!
杭州天琥培训学校banner
网页设计学习网>

网页设计师常见的错误

1

网页 设计 师常见的错误

链接是网站最重要的部分之一,可以说,它们可能是最重要的元素,在任何情况下,您需要确保您的链接很容易与其他文本元素区分开来。下面介绍网页设计师常见的错误,希望可以帮到您。

网页设计师常见的错误

1、繁忙,拥挤的页面

“留白”或“负空间”,是除你的背景设计之外的元素,是一个极其重要的设计元素。它是一个重要的设计元素,影响访问者如何理解不同元素的重要性。在你的栏、不同的页面元素之间,甚至在单独的字符、行和段落之间都应该使用足够的空白。既要考虑“宏”白空间,也要考虑列周围的负空间、页面元素,甚至整个设计;还有微白空间、单个行、段落和子元素之间的负空间。

除了空白之外,不要在一个页面上放置太多的内容。游客们将有可能访问的网页,寻找一些特定。只包含相关信息和必要的导航和每个页面上的站点范围元素。最好是在许多情况下,有多个短页比只有少数很长的,尤其是如果这些长的有一吨的内容无关。

2、两个硬找到新的内容

除非你设计的站点是完全静态的,否则如何展示新的信息和内容对于好的设计是至关重要的。回头客可能会对上次参观后发生的变化感兴趣。一般来说,这是在博客上自动完成的,文章以日期降序排列。但在其他类型的网站上呢?

有几种方法来处理这个。您可以将整个部分用于新内容。这可能是一个链接到最新内容的页面(例如,最近的十个更新)。或者这可能是主页中的一个部分,或者是另一个链接到最新更新的页面。无论在主页上还是在自己的页面上,使这个突出显示都很重要。目的是让游客更容易找到它。

3、找不到链接

链接是网站最重要的部分之一。可以说,它们可能是最重要的元素。在任何情况下,您需要确保您的链接很容易与其他文本元素区分开来。

这里有两件事需要记住。首先,要确保你的链接在某种程度上区别于你的其他文本。可以使用不同的颜色、下划线或其他文本属性(除了闪烁文本)。要记住的第二件事是不要让没有链接的文本看起来像一个链接。这意味着,在任何情况下,如果你的站点不是链接,你的站点上的任何文本都必须加下划线。它还意味着,如果使用其他元素来样式化链接,请不要将它们应用于非链接文本。

4、不正确的图像格式

在网站上使用不同图像的正确图像格式是至关重要的。使用错误的图像文件格式可以使您的图像文件大于它们所需要的或影响最终图像的质量。与在线图形有关的三种图像格式是JPEG、GIF和PNG。

JPEG格式是非常好的照片或图像,有很多不同的颜色和色调,因为它的24位颜色。使用JPEG的缺点是它使用有损压缩。换句话说,文件大小越小,得到的质量损失就越多。使用较低的压缩最小化这一点,但它仍然是一个问题,特别是在较大的图像或图像,原来是非常尖锐的。你不能使用JPEG或透明度。

GIF格式对于使用有限调色板的图像非常有用。GIF只有8位的颜色(总共有256个颜色)。这意味着它不适合照片或大多数梯度图像。GIF使用无损压缩,这意味着,如果你的图像只使用有限的调色板,它会导致真正的小文件大小,没有质量损失。GIF也能在调色板中为单个颜色透明。

PNG格式适用于照片和其他图形。PNG图像能透明(在浏览器支持的话),这给他们的礼物一个优势。他们也使用无损压缩,这让他们在JPEG的优势。他们能够8或24位色,所以适合的图像,以前会被保存为GIF或JPEG文件。PNG图像不是很好的在JPEG格式的照片,但大大优于GIF。

5、离开默认页面的标题

在Dreamweaver的默认页面的标题是“无标题文档”。如果你在谷歌搜索,你会得到差不多3000万个结果。真的没有借口。这是第二修正。在上传之前要确保已经将默认页面标题改为默认值。

真的,虽然,你要超越。很多CMS使用网站或博客名称为默认页面的标题为每个站点内的页面。有些将添加特定页面的标题,但有些没有。您应该确保不仅每个页面的标题是唯一的,而且特定的页面标题显示在站点标题之前。这对SEO有很大的帮助,无论是在表现出更高的结果,以及这些结果看起来更相关的潜在访问者。

6、难以使用或难以找到导航

导航应该立即明显的游客,在定位与使用条件。在Web设计中,有一种趋势是隐藏导航,将其无缝地集成到主页上的图像或其他内容中。虽然艺术上很有趣,但功能上却很不友好。

即使使用诸如下拉菜单之类的导航工具,也可以使页面不易使用。你希望用户能够以最少的努力找到他们正在寻找的东西。永远记住,当你设计。

7、固定字体大小

这是一个非常重要的一个。确保用户可以根据自己的喜好调整页面上的字体大小。这是通过使用EM字体大小而不是基于像素的大小来完成的。同样,这是一个相对简单的实现,但是大大提高了站点的可用性和可访问性。

8、网站用途不明

访问者应该立即知道网站是关于什么的,不管他们登陆哪个页面。这可以通过使用标记行或类似的标记,通过页面标题,或通过个别页面上的标题来完成。不管你选择做什么,在访问者在给定页面上着陆后的头几秒钟内确保它是显而易见的。

9、使用苛刻的颜色

苛刻的颜色,特别是使用对比鲜明的颜色,可以迅速使您的网站令人讨厌的看法。你不想做任何让访问者想离开你的站点的事情。眼睛紧张是让大多数游客匆匆忙忙离开的一件事。你的网站应该展示你的内容,避免有损于该网站的目标什么。

10、广告融入内容

广告应该与你网站的内容分开。横幅广告相对来说比较容易,大多数互联网用户都知道横幅广告是什么样子的。不过,文本链接有点棘手。将你的广告贴上对你的访问者有意义的标签,使你的网站被认为更值得信赖。这是特别重要的文本广告,那里的临客徘徊将弹出一个模态窗口广告,确保这些链接是链接从您的正常分化。

2

网页设计常见问题

1. 想不到内容的位置

人们使用它们找不到信息,许多网站提供的类别名称不完整,没有充分或准确地描述其中的内容,其他的安排是基于公司而不是用户对内容的想法。当网站结构不符合用户的信息组织方式的心理模型(mental models)时,人们无法找到他们需要的东西。

让用户参与创建你的网站结构,一些可用性工作(如卡片分类,决策树或可用性测试)可以在创建一个对用户有意义的网站结构方面发挥很大的作用。

ATT.com:有关旧手机交易的信息是在现有客户下,但用户在智能手机下查找。

2. 相互矛盾的连接和导航分类

当用户不能清楚区分相似的导航类别或链接时,他们很难找到恰当的内容路径。类别和链接名称本身需要有自己的涵义,同时也应该与站点上的其他选项结合。如果多个部分或页面可以满足特定的信息需求,用户必须探索每一个路径或努力做出最好的猜测。或者,他们可能会转向搜索甚至离开网站。

卡片分类和可用性测试有助于避免重叠类别名称,链接太相似的问题通常源于糟糕的内容策略。

造成这些问题的两个可能原因是:

标签相似:链接导致内容不同,但由于某种原因,它们有相似的标签。如果是这样的话,试着重命名你的链接来区分它们。

内容区分性差:如果高度信息相关的链接指向不同页面,解决方案可能不是重命名链接,而是重新组织和合并内容。

3. 信息孤岛

有些站点上的信息比较碎片化,分散在站点上,它们之间几乎没有连接。

当用户发现一个没有相关信息的信息孤岛时,他们没有理由认为网站的另一个区域提供了补充材料。如果用户需要更多的信息,他们会到竞争对手的网站或搜索谷歌。

试图重新访问信息的用户可能最终会选择在站点的另一个完全不同的领域,对内容的看法不同于第一次体验。那些找出不连贯信息的信息,拼凑起来。无论哪种方式,他们都对网站留下了负面的印象。

从组织的角度来看,这不仅是用户体验的失败,更是内容管理的噩梦:站点的某个区域的信息可能重复、不同或甚至与其他地方的信息相矛盾。

解决方案之一是在提供相关信息的页面之间添加相关链接,一个更好的解决方案是考虑为什么信息分散在整个网站,挑选适当的时候,并选择最佳位置。站点的其他区域可以引用关于该主题内容的位置,而不是复制信息。

4. 重复链接

即使用户已经知道他们所需要信息在网站中的位置,但他们依然可能会遭受意外或者漫长工作流的阻碍。

Web团队经常会问,要获取内容需要多少点击。没有确切的数字(no magic number), 点击质量的重要性要远远大于其数量。当用户在点击页面时应该更接近信息目标,用户在选择他们想到东西时需要重复的点击,这会一次又一次的激怒客户,并让他们进行了不必要的努力。

团队构建页面有时候会闭门造车,从而没有考虑到创建内容的流程。创建新页面时,要考虑用户如何到达那里并思考是否还有更直接的路径。

纽约市政府综合网站:让用户感到沮丧的是当点击寻找消防站(Find a Firehouse)链接时,只能在下一个页面中再点击一次拼写都不一样的链接。

这种偏见也恰好说明了人们为什么忠诚于特定的产品、服务、网站或其他工具。我们会冒险使用其他可能更好用的方法,也可能会继续使用已经尝试过并且靠得住的工具。

5. 隐藏费用和价格

人们想要了解价格、订购费用、服务费用以及流程开始之前或之后的额外费用,在一些网站中用户进行复杂的操作只为了寻找基本的信息,例如:他们不得不尝试在AARP网站上购买会员 ,这样才能查明会员费用,用户应该要在进行复杂操作之前就能找到到这些信息。

6. 在小型网站中搁浅用户

为部分或者特殊内容单独创建的网页、次级页面需要谨慎的处理这些网站上的用户。在我们的许多研究中,当参与者没有主动的跳转到了一个新的站点或者子站点,然后努力的想要回到父站点,但是该站点并没有提供返回选项。

有些人能够通过多次使用浏览器的“后退”按钮或重新输入网站的网址来导航到父站点,但是许多人甚至没有注意到他们已经切换了站点(因为父站点和子站点的外观和感觉相似) 并且很疑惑为什么他们以前使用的导航消失了。

在创建一个单独的子网站之前需要再三考虑,确保用户可以根据需要轻松导航回到父站点。

7. 糟糕的搜索结果

当用户确切地知道他们在寻找什么的时候,用户会选择搜索作为最后的手段。在任何情况下,站点都需要通过提供强大的搜索结果来支持用户。

不幸的是,网站搜索功能仍然是许多网站的主要弱点,有些站点的搜索结果与用户的查询不匹配。此外,有些搜索结果展现的只是网站的一部分内容而已,不会清楚的向用户展示所有的搜索内容。

搜索结果名称不全或者附有无用的摘要,会让用户不由的猜测链接背后的内容。散布在网站搜索结果中的广告也会让用户感到讶异,这些广告会让他们头也不回的离开网站。

定期查看搜索日志,了解更多有关用户的搜索行为和搜索引擎成功与失败的信息。使用网站内容标签和网站搜索工具的功能,如“最佳匹配”,会搜索出针对特定查询的最适合的结果。

网页设计师常见的错误

8. 不完美的过滤器和功能模块

功能模块和过滤器通常能提高用户体验,利用它们,用户可以将搜索范围缩小到所需的资源、产品或内容。然而,简单地添加功能模块和过滤器并不能保证得到更好的可用性,这些工具需要支持真正的用户和真正的用户需求。

功能模块和过滤器定义了用户的搜索范围,不同的筛选条件在不同地方也能给用户提供不同的帮助。

假如:专门关注上星期二 ”关于可持续性” PPT演示文稿的员工,可以用文档类型和日期来缩小搜索范围,也可以通过搜索主题来找到内容。一个电子商务网站可能希望买鞋子的客户通过鞋跟高度来缩小购买范围,而购买外套的客户则希望通过衣服特定的保暖等级,来缩小自己的搜索范围。

当网站尝试采用几乎一刀切的方法时,网站所使用的“分面导航”(facets)和过滤器就会存在缺陷。相同的标准和特性可能不适合所有的内容类型,要谨慎地将用户的选择限制为二选一或者接近二选一。

购买家具的人可能在找蓝色的椅子,或者他们在找蓝色以外任何颜色的椅子(个人理解:前者是目标明确,我就要蓝色的椅子;后者是我想要椅子,但是没想好颜色,同时我不喜欢蓝色),这两个需求都应该得到支持。

给内容打的标签必须正确且可靠,这样用户搜索时才能得到相关的结果。

9. 压到用户的大量信息

眉目不清的信息会让用户难以找到他们需要的信息,密集的“文字墙”让发现感兴趣的信息变得困难,信息量过载的页面充满了争夺用户注意力的内容。

请记住:用户习惯扫视网页,而不是阅读网页,你可以通过编排网页内容,让用户能轻松的获取他们感兴趣的的信息——使用简短的句子和段落、项目列表、标题和加粗的关键字。

一个狭窄的区域分了好几个长段落,让用户很难看到重点,无法区分耳机的特点。

10. 隐藏链接

多年来,我们的可用性研究表明,用户往往会忽略或无视长得像广告或者被放置在通常是放置广告的页面位置的内容。这个问题依然存在,当内容与实际广告一起列出时,情况就更糟了。

网站的设计师有时会认为,将更多的设计元素,如:边框、背景色或图形添加到链接上能让链接脱颖而出,但结果通常是相反的:在链接周围的设计越是奇特,用户越是会误认为它是一个广告。

我们可以放心地假设,没有人会着手创建一个设计糟糕的网站。如果这些问题多年以来都是众所周知的,那么它们为什么会持续存在呢?这个问题的潜在答案很多,可能会填满一本书。其中的一些错误可能反映了一个更深层次的、具体到组织的UX战略失败。

例如:

网站信息层次结构的问题可以与组织结构或公司的内部政治联系起来。

不同的部门在不了解对方的情况下创建内容,也没有遵循总体的内容策略,这时就会产生问题。

较差的搜索结果可能是因为内容管理系统较差,内容标记有缺陷或缺失,或者搜索工具不佳。

这些问题背后的原因并不比解决这些问题重要,通过在网站开发过程中的用户研究和可用性测试,并关注研究结果,可以很容易地识别上面列出的许多错误(如果不是全部的话)。

网站永远不会是完美的,没有网站是完美的。总有一个表格字段需要修改,还有一个内容需要编辑,还有一个导航类别需要确定,但是知道需要解决的问题对于朝着正确的方向前进是至关重要的。

在进行用户研究时,要坚持以前的发现。当设计偏好在5年后改变时,那些旧的发现可能会使你避免在第二个、第三次或第四次中犯同样的错误。

名词解释:

分面导航(facets/faceted navigation):也称多维度导航,是分析一系列的内容然后根据条件把不相关的内容排除掉,留下我们想要的内容。

3

网页如何设计才能增加网站效果

在做网站的时候企业要明确的知道的自己的目标群体以及他们的习惯喜好,这样有目的的进行网站建设一定会事半功倍。用户在浏览的时候能够喜欢就能够增强网站的影响力。怎样的网页设计可以增加网站的效果?

第一、导航设计要瞩目

网站建设的目的肯定是想要留住更多的用户,而不是用户在浏览时只看一个页面就离开的。但,如果用户在浏览时没有立刻离开,并且同时浏览了好几个页面,就说明这个网站有一定的吸引力,网站效果也是显著的,有用户比较感兴趣和有用的内容存在。因此,在网站设计的时候,要将网站的导航设置在网页的醒目位置,一般是在顶部,以便于用户能够在第一时间找到想要的内容。

第二、要充分利用网站设计中的留白

网站建设在设计的时候,要特别注意页面上的所有空间都是非常有价值的,要充分利用这些空间,但也不能一味地将整个页面全部塞满,纷乱的内容不仅会影响视觉,也会阻碍用户在第一时间找到有效信息而离开网站。因此,网站页面在设计的时候,要注意保持页面的一致性和整洁性,这是非常重要的。用户在进入网站时都是靠第一视觉留下的,广州网站建设认为留白的设计,可以让用户在浏览的时候有呼吸的空间,扩大视觉效果。

第三、切记不要将底色当做透明色而忽略

网站建设在运用图片的时候,要注意换掉底色,可使用其他的颜色,而并非千篇一律的白色,这样也能够避免将部分白色当作透明色的误区。

第四、背景色与文字要有强烈的对比,强化视觉效果

在设置背景色与文字时,建议不要使用鲜艳的颜色,在保证风格统一的同时,扩大两者的视觉对比度,这样才能方便用户阅读,给用户提供更加舒适的阅读环境。

第五、网站建设在设计页面时,长页面建议使用内部连续形式设置

一般来说,用户在浏览长页面时,情绪会发生较大的波动,为了避免用户的耐心不够,在设计时一定要注意画面的简洁,突出重点,才能够提升页面的吸引力和给用户提供及时有效的信息。

4

创建网页内容需要注意事项

而今的网络时代的到来给我们提供了更多的便利,因为博得了市场的广为需求,但是要想更好的提升服务性能创建网页时候必须重视内容的作用发挥,给我们才能提供更为高效的服务满足,那么创建网页内容需要注意事项有哪些呢?

一、创建网页内容一定要懂得广告学思维

在创建网页内容过程中一定要注意的就是根据不同用户体验需求为其提供更为合适的信息,这样的信息方能更好的满足客户的需要,从而为使用用户带来更多的潜在客户支持,所以网页创建内容必须拥有广告学思维。

二、内容一定要精简

我们创建网页内容过程中一定要突出内容的精简行,不能让内容过多、造成繁琐情况发生,进而会影响到我们浏览者更多的时间的浪费,以至于产生厌烦的情绪,这样更不利于网站建设发展,所以内容一定要短,但是却具有价值体现。

三、内容一定要突出主次,拥有层次感

如今的创建网页内容过程中一定要注意的就是内容要有主次之分,拥有很明显的层次感,这样才能让浏览者很容易发现网页内容中的轻重点,这样能够更好的提升网页应用率,更好的服务我们生活需求。

四、网页内容一定要写给搜索引擎看

1、创建网页内容过程中一定要注意到,就是确定网页的关键词然后频繁出现在文章内。

2、美国网页的关键词不要超过三个,让内容围绕则关键词展开。

3、关键词要出现在title、meta kewords、meta description中,关键词重点突出。

4、适当的时候把一些关键词联想权威的专业站点,让我们搜索更确信网页内容主题。

5、网页内容页面通过链接锚本形式互相连接。

以上的这些创建网页内容注意事项很是重要,能够更高效的服务我们生活需求,提升我们的工作效率,确保我们的工作质量,所以创建网页内容时候我们必须做到这些,这样才能更好的体验到这些网络科技的魅力,从而享受到更多的时代移动互联网技术服务性能。

以上是杭州天琥培训学校整理的网页设计师常见的错误全部内容。

热门推荐

广州 勤学教育信息技术有限公司@版权所有 粤ICP备10236336号-1