有用Web10设计技巧

　　创建一个更有用的Web10提示

　　无论是你的作品集博客营销网站，还是游戏集，我们希望都会吸引游客参观我们的网站，确保他们有愉快的体验。可用性衡量的是用户的体验水平，它可以很容易地完成一个给定的任务；无论是通过先前的知识，还是通过新的方式让用户学会互动。我认为雅各布middot尼尔森可能是** 好的解释时间，他说：ldquo；可用性是一个质量属性，如何评价用户界面的易用性ldquo；可用性；这也意味着该方法在设计过程中易于使用；恩达什；使用。rdquo；在本文中，我希望为您提供了一份可用性检查表，涵盖了从设计到简单导航提示的所有内容，您可以在任何项目中使用这些内容。1.创建自主导航系统，让用户知道网站自己是谁，或者浏览什么类别，可以极大地提高任何位置的可用性。主动导航是一个可用性概念，几乎是自动的。我们都有自己的创作方法。

　　对于创建自主导航，这是服务器端** 理想的情况，因为它大大减少了对HTML和CSS的需求。如果生成了正状态，则服务器不是一个选项，直接为每个导航元素操纵body元素的样式也是一个不错的选择。第三种选择，您可以使用JavaScript轻松创建自主导航系统。自动导航系统的状态应与悬停状态不同。

　　2.点击标签和按钮当你花时间去标记相应的表格时，用户可以点击标签来激活相关的表格元素，还有一个非常简单的展示方式。这是一个伟大的工作权功能内置到HTML。不幸的是，很少有用户知道这个用户界面的天然瑰宝。让用户知道标记只需单击一行或两行CSS（取决于您的写入方式）即可从默认文本插入光标，从而更改更易于单击的指针。表单标签的悬停效果现在大家都清楚了。您可以单击“提交”按钮。我总是觉得奇怪的是，这个明显的点击不使用相同的光标作为领带。所以我想用这个CSS按钮。

　　3.连接你的logo，而不是连接你的logo，你的网站主页是我在互联网上看到的比较令人沮丧的事情。我不明白为什么人们不这么做。这是如此简单，现在，可以肯定地说，用户期待它。连接你的标志是如此普遍，许多网站发现有一个链接标签ldquo；家；它不起作用，因为用户只需点击图标导航到主页脸谱网，以此类推网站，跟踪用户点击添加ldquo；重新定义；每个导航元素的参数。以下是脸谱网如何联系logo的例子：Facebook 4。添加到灾区的链接大约一年前，来自37signals的瑞安·辛格（Ryan singer）写了一篇关于如何在大本营填写更好的捕鼠器链接的文章。这是一个小技巧，你可以用它来简单地在链接周围添加一些填充，使可点击的区域变大。这是一个伟大的补充，任何网站和它可以帮助防止链接，这往往是有点沮丧。它在移动网页设计方面也有很大帮助，用户确实需要用手指点击更多的灾难链接。

　　5.表单字段中添加表单字段焦点应用是用户界面设计的发展趋势。它允许用户理解他们所做的事情（这有意义吗 ）这是一种快速而简单的方式，可以向用户传递有用的信息。换言之：ldquo；好！你只要点击这里。rdquo；它可能非常有用。集中的表单元素

　　6.重要的是要为用户提供有用的404页面来感受舒适，在屏幕上显示大Apache错误信息不是** 好的方式。一个有用的404页面可以是一个漫长的路要走，它不包含数字ldquo；4现状；或ldquo；0rdquo因为他们没有任何人的开发人员更有用。除此之外，没有人真正需要知道幕后的错误代码。用户只需要一网站个作业，正如他们所期望的那样。关闭机会后，用户未在ldquo中找到自己；找不到页；，更有利于引导他们，他们可以找到他们正在寻找的信息，提供一些道歉文本，一个搜索框，或者建议一些可能的目的地。但不要把责任推给登录错网站blogussion的用户，写了一篇关于创建富404页面的大文章，列出了一些好的提示，甚至为那些WordPress用户404错误列出了一些好的提示，甚至一些代码

　　7.利用语言营造轻松的环境，网上写作是当前的一大主题。就像我们进入一个大问题列表：HTML，CSS，增量增强，可访问性，web编写，以及所有ldquoWeb标准；。我们听说过很多关于在互联网上写作的消息，这似乎在不断变化。从第史蒂文middot克鲁格天开始，我们将尽可能地保存一半内容并使用项目符号列表。现在，我们都应该这样写，我们的聊天朋友，都让用户觉得自己身处舒适环境中。当你在网站中不断地自由复制时，会让用户感到压力，所以当他们遇到一些困惑时，他们仍然可以感到轻松和非正式，为他们找到自己的答案。沙发

　　8.应用行高度的可读性是可以直接从物理媒体（如书籍、报纸）继承的内容。这些来源已经存在了数百年，有足够的时间掌握可读性和线高。所以你在这里呆了一段时间。不要害怕打开课本。这是网站设计的一个方面，可以轻易忽略和滥用。我通常从1.4em的线条高度开始，并调整它以进行基于内容的设计。直线高度示例

　　9.使用空白族元素对协作项目进行分组是显示关联的** 简单方法。您可以使用图片、边框或仅使用普通老白空间。使用空白族元素在相关元素之间生成自然联想，即使一目了然，也可以方便用户使用。当眼睛扫描页面时，用户自然会先阅读标题。这在前十名（以下简称：AHA）希望中发生了很多，是为了吸引用户阅读更有趣。你把用户放在正确的方向上，你以正确的方式设计内容，而重要的东西实际上看起来与他们相关。空白的

　　10.访问，我不是指508和艾达合规。在这种情况下，当用户有问题（反应）时，可访问性就在他们身上。如果可用性是为了确保你的用户不灰心离开，那么你的反应就是失去** 后一道防线，远离数以百万计的短点击竞争对手。** 后，你可以做所有你想做的测试，跟踪所有的实际建议，你可以得到你的手，但每个人都是不同的。用户会感到困惑，** 终失去对帮助的需求。你允许用户花多少时间来迷惑那些会回来的人，在流量方面谁不会坏 许多人默认与视力受损的人交谈，但可能远不止这些。例如，你必须让你的网站给用户带宽限制（拨号上网、移动服务、网速慢）和旧浏览器（有些公司不让员工升级浏览器）。如果我们尽** 大努力让我们的网站在回答问题时尽可能的方便和反应，我们就能创造一个整体的体验，让用户想要更多。

　　谢泼德设计文章推荐：

　　Web设计用配色方案和工具

　　30Web设计网页设计行业书籍，打破设计周期是创意