网站建 设行业优质供应商

深圳网 站建设响应式网站8个规则

发布时间:2019-02-11 05:23:56    阅读:442    作者:老谭建设
在当今 这个移动互联网的时代用户每天都要花费大量时间与移动设备上的网站进行交互,而不是桌面。这个数 字似乎每天都在增长。根据调 查称成年人手机平均花费3小时35分钟,预计这 些设备的使用时间明年将更高这必然会对所有网页设计师和开发者产生重大影响。今天,我们深圳网站建设老谭建 设正在探索八项规则,以确保 您在设计响应式体验(无论是 网站还是应用程序)时都能遵循这些规则。

1.整理设计

 
 为了充 分利用响应式网站或应用程序设计,您可以 做的最好的事情就是整理它。不要将 设计包含太多选项或按钮。所有这 些只会压倒用户。有几种 方法可以有效地做到这一点:

简化内容:密切关 注用户需要知道与网站或应用程序进行交互的内容。使用一 系列屏幕或步骤以逻辑方式呈现此信息。屏幕上 的所有内容都会在小屏幕上瘫痪。
仅使用 对设计功能至关重要的界面元素。为什么 包含用户未与之交互的选项按钮?(如果您不确定,请查看分析数据。您应该 能够看到某些操作的交互模式和用户流。

2.使任务可消化

当表单看起来容易时,人们更愿意提供信息
用户最 常见的任务之一是填写表单。因此,我们将 以此为例来考虑如何使操作易于理解。想象一下,在网上 放入一些东西后,我们会 设置一个结账屏幕。那么会发生什么?

是否有一个长屏幕,有大量的字段要填写(其中一些非常小)?或者,交互是 从简单的问题开始,您可以 在一个屏幕上完成?

我的猜 测是你更有可能填写后一种形式。大多数用户也是如此。当表单 看起来很容易时,人们更 愿意提供信息并点击结账(或其他所需的操作)。

关于数 据和表单的另一个提示 - 尽可能使用智能功能。诸如自 动完成之类的功能将使用户更有可能实际上将该表单一直转换为完成,因为它很容易。用户实际键入(或点击键入)的内容越少,他们就 越有可能继续前进。

另一个例子在上面的Evernote的例子中是清楚的。其中一 项主要任务是添加新笔记。绿色+按钮在 屏幕底部中央高度可见,使此操 作易于查找和完成。

3.创建明 显且容易的按钮

坚持常 见的使用模式和功能。
有时,设计师有这种倾向,想要创 造新的和令人兴奋的东西并过度暗示明显的:按钮应 该看起来像按钮。

不要试 图在这里重新发明轮子。不要花 哨并设计一种完成动作的新方法。设计按 钮看起来像按钮一样。坚持常 见的使用模式和功能。

如果用 户必须考虑如何与响应式网站或应用程序设计进行过多努力 - 或者根本不考虑 - 可能的 情况是他们根本不参与并继续使用其他选项。

4.将键盘与数据匹配


对于响应式网站或应用程序,有很多 小型活动会产生重大影响。正确使 用键盘可能是您最大的资产之一。

确保将键盘类型(字母或数字)始终与 查询类型相匹配。如果您 要求提供某些信息,例如电子邮件地址,请包含@键。这些小 细节让用户高兴,让您的 网站或应用程序易于使用。而且您 只需要花费一点额外的努力。

5.使用简单语言

 提供简单,清晰和直接的说明。
您使用 的单词也会极大地影响响应式网站或应用程序的可用性。有效的 设计包括易于阅读和理解的语言,包括视觉和认知。

不要试 图用语言或用户需要理解的元素太可爱。提供简单,清晰和直接的说明。避免使 用行话或不清楚的语言。然后再往前走一步。使用干净,清晰的 排版来帮助进一步强调和理解文本元素。

理解和 可读性有两个部分 - 认知理解(用户确 切地知道单词的含义或暗示的行为)和视觉(每个单 词在屏幕上清晰易读)。

这意味 着你需要以一种可以理解的方式编写,选择一种可读的字体,并在背 景和文本之间提供大量的视觉对比,这样所 有这些都以一种易于用户理解的方式汇集在一起。

6.注意错误

“任何可 能出错的事情都会出错。” - 墨菲定律
事情会出错。如果你已做好准备,这没什么大不了的。

用户将 点击奇怪的元素组合,或复制一个奇怪的URL,或丢失 他们的互联网连接,或做你 不想要的其他事情。当出现 问题时尽可能多地提供信息,以便用 户可以轻松地回到正轨。

在设计错误消息时,尝试解 释出现了什么问题以及为什么 - 例如“没有互联网连接” - 以及如何解决问题。两条信 息都可以在一个屏幕上传送,并带有 指向修复的链接(适当时)。

7.警惕视频 - 现在
 
 虽然我 们喜欢在响应式网站上使用视频,但它仍 然不是移动设备的最佳选择。(在以这 种方式播放视频时,许多设备仍然不稳定。即使设备可以处理它,互联网 连接也可能没有为负载做好准备。)

这并不 是说您必须完全避免使用视频,而是要 确保考虑此内容类型并为移动用户提供替代方案。它将带 来更好的整体体验。简单的 解决方案是始终有一个静止图像代替移动视频,只有在 用户特别要求时才播放视频。

8.使用一致的设计

最后,在创建 有效的响应式网站或应用程序时,您可以 做的最好的事情是开发一致的设计,在设备 上以相同的方式查看和工作。设计中 唯一真正的区别应该是设备特定的功能或用户模式。

在视觉上,这意味 着您应该使用相同的字体和调色板,图像和号召性用语。大多数 情况可能看似常识,但事实 上必须说明这意味着有太多的网站和应用程序不遵守这一设计原则。

目标是 任何用户都可以在一台设备上使用您的网站或应用程序,并移动 到另一台设备而不会发现事情有所不同。如果您 同时拥有响应式网站和应用程序,情况也是如此。请注意以上ESPN主页(左)和app home(右)的相似之处。

底线?您设计 的大部分内容很可能是针对移动设备制作的。这个今 后会成为趋势的。
QQ客服
友情链接:    1号彩票   玩钱的牛牛棋牌   牛牛平台代理怎么赚钱   真人在线棋牌牛牛   1号彩票