大连做网站:了解网页设计的易学性技巧和最佳实践

2019.08.23 大连做网站

128

构建一个可学的网站 比听起来更加困难。 应该是一个目标 明确的用户体验 游客可以迅速捡起和理解。

手机应用程序设计者可以解决这个问题 新员工培训 帮助用户学习接口。 但是网站不能总是提供冗长的教程。

让我们看看易学性,看看如何将这些技术应用到你的网站。 大部分游客都知道如何浏览网页所以不是真的让接口人学习,而是仅仅遵循这些所以他们舒适的使用你的网站。

为什么易学性问题

大连做网站人们更多地接触一个接口一旦他们知道如何使用它。 相反,人会远离接口,只是看起来非常复杂。

你想设计易学性,这样人们留下来。 我们的目标是帮助他们学习你的快速接口,这样他们就可以继续使用它。 这样你得到更多的重复用户和网站跳出率较低。

交互设计应该是可学的,或者至少不应该要求设计师教人们如何使用界面。 这并不适用于复杂的软件 像Photoshop 但一个网站并不复杂的软件。

例如,每个人都知道亚马逊的网站。 它充满了成千上万的类别和数以百万计的产品。 那么多内容你期望它是一团糟。

在线HTML电子邮件模板编辑器

与 明信片 你可以在线创建和编辑电子邮件模板没有任何编程技能! 包括100多个组件来帮助您创建自定义邮件模板的比以往任何时候都要快。 现在试一试 免费!

了解更多其他产品

然而,浏览和搜索亚马逊真的不是太难。为什么?

因为他们关注相关的组件 帮助人们 有意义的界面。

对于更复杂的页面元素并不总是需要依靠常识。 例如,Twitter使用小工具提示提示当你徘徊在UI元素。

他们的目标是鼓励更多用户交互和帮助人们继续使用Twitter。 这是一个保证增加总群的方法,并鼓励更高的保留率。

记住,让我们深入到一些技术可学会的网站。

一致性品种熟悉

我前面提到的一个一致的接口如何对于一个好的设计是必要的。 这意味着要使用人们熟悉和常用的页面元素 让他们相似 从长远来看。

某些元素应该保持每一页都在同一个地方。 导航、标志和主要内容区域都应该很容易找到。

但更复杂的应用程序需要进一步不仅仅是信息的内容。 比如Dropbox后端看起来基本相同,因为他们推出了。

一旦用户学习Dropbox界面他们从不需要重新学习。 目标的一致性。

当有人回到Dropbox第二次他们会已经熟悉它。 一旦人们一直在使用它一段时间他们就会熟悉UI和期望它表现的某种方式。

你可以找到同样的技术在博客和内容网站,只是不明显。 例如 设计得宝 推出了重新设计和改变了他们所有的悬停事件使用一个移动的动画效果。

现在,当你有任何特色故事的图片,标题,或任何的导航链接,你会注意到有个小动画这些物品向右移动。

这个跨网站保持一致,它告诉游客会发生什么。

寻找你的设计的一致性和保持这些元素尽可能一致。

界面反应和反馈

移动世界经常谈到 微观相互作用 和这些如何影响行为。 这些交互通常动画或UI响应用户行为和他们可学的接口的关键。

用户需要证明他们所做的一切(提交一个表单,点击进入内容)实际上在页面上产生影响。

你可以用简单的 动画效果 通过创建页面元素,以此来回应用户。

一个很好的例子是在MailChimp的注册表单 注册页面 。

当你输入一个密码帐户MailChimp的UI自动跨越某些要求当你打击他们。 例如,密码必须至少有8个字符长。

所以一旦你小项目跨越8个字符类型。 这表明你的按键影响页面和用户可以学习密码字段是如何工作的。

另一个很好的例子是Photojojo电子商务产品页面布局。

当你点击“添加到购物车”页面滚动到顶部,你会看到一个提示,概述你的购物车。

这个接口允许您的响应 知道 你添加你的购物车。 这是一个明确的指示,鼠标单击做了一些。

遵循标准规范

大连做网站之前谈论标准网页设计覆盖 值的一致性 网络布局。

如果你在设计一个网站意味着平均每天使用你需要遵守约定。 这不是时间创造性或开始干扰共同的期望。

游客希望看到顶部导航菜单吧。 悬停和点击链接应该工作,如果有一个下拉应该马上出现。

如果你设计的易学性然后不要重新发明轮子。 而不是看别人在做什么(至少是好东西)和坚持下去。

例如这 结帐页面 包括小+ / -图标改变付款前的数量。

这是一个非常共同的特点在电子商务商店和用户本身就知道如何使用它。

更常见的接口功能,人们只会凭直觉理解的可能性。

同样适用于博客布局。 瞄准一个强大的顶部导航与博客类别,清晰可见的标题,页顶特色图像,然后文章的主体。

坚持工作,试着在看其他网站寻找灵感。

的博客,你可以试一试看看,甚至其他更简单的博客 在线杂志 他们都看到哪些元素。 如果你看到一些在许多网站上就提示复制自己。

你甚至可能需要考虑基于标准惯例 你自己的设计 一旦它已经存在足够长的时间。

例如,谷歌的搜索页面的页面已经基本上看起来相同的几十年。 是的它改变了一点,但在大多数情况下真的没有。

保持一致与自己的约定。 不从根本上重新设计你的网站一天没有任何办法改变back-learn从 Digg v4的失败 和他们的疯狂的UI更改。

一旦你的设计被在线足够长的时间你可以打赌很多人已经熟悉你的约定。 尽量避免改变这些太多。

获得这些技巧只是开始的易学性,所以要把这些想法付诸实践,看看它们是如何工作的。


最新案例

寒枫总监

来电咨询

400-6065-301

微信咨询

寒枫总监

TOP