成都网站制作响应式网站8个规则

在当今这个互联网+的年代用户天天都要花费很多时间与手机上的网站进行交互，而不是桌面。这个数字好像天天都在增长。依据调查称成年人手机平均花费3小时35分钟，预计这类设施的用法时间明年将更高这势必会对所有网页设计人员和开发者产生重大影响。今天，大家成都网站制作博久网络正在探索八项规则，以确保你在设计响应式体验（无论是网站还是应用程序）时都能遵循这类规则。
1.整理设计为了充分借助响应式网站或应用程序设计，你可以做的最好的事情就是整理它。不要将设计包括太多选项或按钮。所有这类只能压倒用户。有几种办法可以有效地做到这一点：简化内容：密切关注用户需要了解与网站或应用程序进行交互的内容。用一系列屏幕或步骤以逻辑方法呈现此信息。屏幕上的所有内容都会在小屏幕上瘫痪。仅用对设计功能至关要紧的界面元素。为何包括用户未与之交互的选项按钮？（假如你不确定，请查询剖析数据。你应该可以看到某些操作的交互模式和用户流。
2.使任务可消化当表单看着容易时，大家更想提供信息用户最容易见到的任务之一是填写表单。因此，大家将以此为例来考虑怎么样使操作易于理解。想象一下，在网上放入一些东西后，大家会设置一个结账屏幕。那样会发生什么？是不是有一个长屏幕，有很多的字段要填写（其中一些很小）？或者，交互是从简单的问题开始，你可以在一个屏幕上完成？我的猜测是你更大概填写后一种形式。大部分用户也是这样。当表单看着比较容易时，大家更想提供信息并点击结账（或其他所需的操作）。关于数据和表单的另一个提示 - 尽量用智能功能。诸如自动完成之类的功能将用户更大概事实上将该表单一直转换为完成，由于它比较容易。用户实质键入（或点击键入）的内容越少，他们就越大概继续前进。另一个例子在上面的Evernote的例子中是了解的。其中一项主要任务是添加新笔记。绿色+按钮在屏幕底部中央高度可见，使此操作易于查找和完成。
3.创建明显且容易的按钮坚持容易见到的用法模式和功能。有时，设计师有这种倾向，想要创造新的和让人开心的东西并过度暗示明显的：按钮应该看着像按钮。不要试图在这里重新创造轮子。不要花哨并设计一种完成动作的新办法。设计按钮看着像按钮一样。坚持容易见到的用法模式和功能。假如用户需要考虑怎么样与响应式网站或应用程序设计进行过多努力 - 或者根本不考虑 - 可能的状况是他们根本不参与并继续用其他选项。
4.将键盘与数据匹配对于响应式网站或应用程序，有不少小型活动会产生重大影响。正确用键盘可能是你大的资产之一。确保将键盘种类（字母或数字）一直与查看种类相匹配。假如你需要提供某些信息，比如邮件地址，请包括@键。这类小事让用户开心，让你的网站或应用程序易于用。而且你仅需花费一点额外的努力。
5.用简单语言提供简单，明确和直接的说明。你用的单词也会很大地影响响应式网站或应用程序的可用性。有效的设计包含易于阅读和理解的语言，包含视觉和认知。不要试图用语言或用户需要理解的元素太可爱。提供简单，明确和直接的说明。防止用行话或不了解的语言。然后再往前走一步。用干净，明确的排版来帮助进一步强调和理解文本元素。理解和可读性有两个部分 - 认知理解（用户确切地了解单词的意思或暗示的行为）和视觉（每一个单词在屏幕上明确易读）。这意味着你需要以一种可以理解的方法撰写，选择一种可读的字体，并在背景和文本之间提供很多的视觉对比，如此所有这类都以一种易于用户理解的方法汇集在一块。
6.注意错误任何可能出错的事情都会出错。 - 墨菲定律事情会出错。假如你已做好筹备，这没什么大不了的。用户将点击奇怪的元素组合，或复制一个奇怪的URL，或丢失他们的网络连接，或做你不想要的其他事情。当出现问题时尽量多地提供信息，以便用户可以轻松地回到正轨。在设计错误消息时，尝试讲解出现了那些问题与为何 - 比如没网络连接 - 与怎么办问题。两条信息都可以在一个屏幕上传送，并带有指向修复的链接（适合时）。
7.警惕视频 - 目前虽然大家喜欢在响应式网站上用视频，但它仍然不是手机的好选择。（在以这种方法播放视频时，很多设施仍然不稳定。即便设施可以处置它，网络连接也会没为负载做好筹备。）这并非说你需要完全防止用视频，而是要确保考虑此内容种类并为移动用户提供替代策略。它将带来更好的整体体验。简单的解决方法是一直有一个静止图像代替移动视频，只有在用户特别需要时才播放视频。
8.用一致的设计最后，在创建有效的响应式网站或应用程序时，你可以做的最好的事情是开发一致的设计，在设施上以相同的方法查询和工作。设计中唯一真的有什么区别应该是设施特定的功能或用户模式。在视觉上，这意味着你应该用相同的字体和调色板，图像和号召性用语。大部分状况可能看上去知识，但事实上需要说明这意味着有太多的网站和应用程序不遵守这一设计原则。目的是任何用户都可以在一台设施上用你的网站或应用程序，并移动到另一台设施而不会发现事情有所不同。假如你同时拥有响应式网站和应用程序，状况也是这样。请注意以上ESPN主页（左）和app home（右）的相似之处。底线？你设计的大多数内容非常可能是针对手机制作的。这个以后会成为趋势的。