丰台公司网站开发：直观设计的基本可用性思想

2019.05.27 丰台公司网站开发

132

我一直喜欢玩不同的界面，决定什么感觉自然，什么感觉尴尬或困难。Web设计人员并不总是坐下来考虑用户体验的重要性。您希望为新用户提供实现一个目标到下一个目标的最简单途径。

丰台公司网站开发在本文中，我想分享一些关于构建可用界面的基本真理的想法。设计一个网站是很有挑战性的，甚至作为颜色，小部件和线框模型的一般想法。但是如果你能坐下来考虑一下界面的挑战第一，细节填得更整洁，你的设计才能会蓬勃发展。

用户需要什么？

在这个问题上可以有很多争论的意见。然而，很自然，整个系统会分解为尽可能快地将用户从A点转移到B点。因为你不能在他们的肩膀上帮助你，你需要网站布局来扮演这个角色。

找出每个页面之间的目标是什么。获得时事通讯注册或会员注册，丰台公司网站开发允许返回成员登录，编辑配置文件设置，列表继续。字直觉可以定义为一个人在感觉正确的情况下采取行动，即使没有经过有意识的思考过程。

丰台公司网站开发

您的最终目标应该是创建布局，使一切都自然是直观的。它将不需要任何内部对话，为您的用户确定如何实现每一个个人的目标。Twitter可以成为一个很好的例子，因为它们的许多界面必须简化，才能达到这样的基本功能。

主屏幕是非常明显的，你去哪里检查你的个人资料设置或分享一个新的推特。现在，它可能需要一些挖掘在设置面板，以找到阿凡达上传表单。但是一旦你找到了这个页面，就很容易跟踪并上传一个新的图片-下次你可能会更容易记住这个页面。

我注意到的问题是，并不是每个人对相同的布局都有直觉。一篇引人入胜的文章贾里德·斯普尔的直觉设计讨论“知识差距”的概念。这些都是用户必须采取的行动，以实现预期的目标-但有些访问者不知道该做什么！

一个可用的网站将为更令人困惑的领域提供某种类型的上下文。我记得在Digg的早期，新用户被提供了一个基于JavaScript的导游，它解释了网站的每个关键区域。这是完美的，因为它可以作为现有成员的参考指南，同时仍然教育那些不知道如何使用Digg的全新用户。

但是，如果你觉得一个完整的教程页面有点太多，那么可以考虑添加一些更小的页面技巧。如果您的布局没有太混乱，那么您可能会找到一些空间来添加2或3句话，解释如何执行定义的任务。这将再次包括不理解系统的每个人，同时仍然为返回的访问者提供支持。

我经常发现，我最好的设计工作是从一个非常简单的想法开始的。如果您需要专注于特定类型的内容(视频、照片、其他媒体)，那么极简主义的界面可能看起来很好。但是网页设计可以封装这么多复杂的布局，这些想法不应该受到任何限制。

honey bee flying on honeycomb hive

如果你能在你的脑海中为网站的外观建立一些想法，那么很容易编写一个基本的草稿。在这个阶段，您可以复制HTML/CSS布局并修改每个布局的编辑。像Git这样的版本控制系统使得这个过程更容易管理。

但是从一开始就有一个非常干燥、简单的布局才能提供如此多的创造力。你并不局限于保持你的侧边栏和其他网站完全一样，你甚至可以尝试全新的想法。如果一段新代码感到尴尬，那么只需删除它并替换为另一个模块即可。

你实际上需要远离电脑，与其他人接触这项技术。我建议让一小群来自不同技术背景的人来演示那些你对结果不太自信的布局。

你可以和你在网上工作过的其他人分享链接。然而，你不能直接在那里观看他们如何与网站互动-如果这不是一个问题，那就去做吧！大多数网络专业人士知道如何提供建设性的批评，所以你将不需要牵着他们的手在过程中。

vintage stopwatch next to iPhone stopwatch app

但是，对于可用性和任何网站布局的直观因素，也很难得到有知识的回应。尽量不要太深入细节，网页设计是如此的流动，所以以后总是有可能改变的。但即使是两到三次小试验也能帮助你发现一些你以前没有注意到的错误。

了解可用界面设计的最好方法可能是花费大量的时间使用不同的网站和web应用程序。当你能从很多网站中挑选出一些小道消息时，你就会开始为你自己的界面拼凑一些想法。在过去的十年里，许多相同的想法都是从以前的设计中借鉴而来的-这就是推动创新的原因。

我不能给出任何完全直观的用户界面的例子，因为这个想法可能非常主观。事实上，这可以归结为一点认知依恋和理解是什么让用户感到舒服。

Paris France from above birds-eye view

但永远不要忘记，你也是一个用户！试着保存一小份网站列表，上面有关于你真正喜欢的界面片段的注释。随着时间的推移，这会发展成为构建和设计你能想象到的最好的数字接口的想法目录。

丰台公司网站开发建立一个直观的界面需要时间和大量的实践。不仅要练习网站的编码，还要练习使用好的界面，分辨出是什么让它们如此伟大。数字世界开始模糊之间的移动和网络，这使它更容易移植到您的项目的新想法。如果你对直觉网页设计有类似的想法或问题，请在下面的讨论区与我们分享。