网站设计

结合设计经验与营销实践,提供有价值的企业营销资讯

首页 > 新闻资讯 > 网站设计

7接口设计简化您的接口

2018/10/28 10:12:40 来源:深圳网站建设

  7接口设计技术简化和组织您的接口什么是简单的 简约是大自然的生活品质,通俗易懂。这并不奇怪,它只是在用户界面设计中蓬勃发展。大多数人不喜欢设备和软件的复杂性。是的,有些人正在弄清楚事情是如何找到幸福的,但对我们大多数人来说,能够操作设备并导致浪费时间和沮丧不是一件好事。如果您能在某种程度上重新排列、重组和重新建立设计一个复杂的设备或软件,使其更易于使用和理解,那么您就可以提供更好的用户体验。在本文中,我将介绍七个实用技巧,您可以在网页设计上使用这些技巧,使您的网站或Web应用程序更简单、更复杂。

  1.模式窗口。我相信你还记得在Web浏览器中引入弹出窗口拦截器的那些日子,那时你不得不与一组组经常决定在浏览器窗口顶部弹出的小窗口作斗争,而这似乎是你唯一的目的。没有人喜欢这些弹出窗口,也没有人阻止技术的引入来阻止它们。但今天,我们看到有很多清理工作,他们的目标是更好地培育新的弹出窗口网络。这些模态窗口。

  模态窗口是弹出窗口,但出现在单独的浏览器窗口中,它们似乎位于当前内容的顶部。模态窗口需要交互,所以下面的内容通常是深色显示,以及阻挡噪音和聚焦在上面窗口的内容和视觉。

  那么,为什么要使用模态窗口以及它们如何简化您的界面呢 好吧,如果你看别的东西,他们的目的就更清楚了。使用类似于模式窗口的选择通常是新页面加载。例如,有些网站为您的帐户设置了页面。单击“设置”链接时,您将进入一个新页面。但是,如果只有几个设置选项真正值得将用户重定向到新页面 在许多情况下,这样的设置、编辑框和登录窗体可以显示模式窗口的内容。这样可以避免用户返回到另一个页面。它还减少了Web服务器上的负载,因为它需要处理的请求更少。

  项目管理应用程序Action method显示整个应用程序模式窗口。这里的美学形式。

  2.悬停控制。少放点东西也能让食物更容易吞咽。如果你的应用有很多控件,用户需要扫描大多数人才能找到他们想要的。机会是,有些控件不如其他控件重要,有些控件的使用也比其他控件少。**简单的方法是在默认视图中隐藏这些控件。一个聪明的方法是隐藏控件,然后让它们能够在特定区域内徘徊。这些是悬停控件。例如,推特,一个受欢迎的微博客户应用,显示在你的列表中,feed**近告诉你了。每条消息都封装在自己的小盒子里。您可以对每条消息执行两个操作:将其添加到收藏夹或回复。

  在所有消息中显示收藏夹和回复按钮会导致混乱。你不能想让每个人都知道每一条信息,更别说想把它添加到你的收藏夹中。所以,Twitter只在适当的环境中显示控件——当您将鼠标悬停在消息上时。这导致了一个简单的界面和功能没有损失。新用户在隐藏这些控件时可能不会注意到这一点;然而,许多人倾向于将鼠标移到他们正在看的东西上,因此考虑到悬停区域足够大,这些控件可能很快就会发现。

  推特当您将鼠标悬停在每条消息上时,显示添加到收藏夹和回复每条消息的按钮。

  3.控制要求。另一种隐藏东西的方法是使用JavaScript并在用户单击某个地方时显示一组控件。例如,您可能允许为您的网站设置一些自定义筛选器或高级搜索框。默认情况下,您可以隐藏这些选项,而不是显示这些选项,以便它们可以通过搜索栏中的**后一个按钮。单击此按钮可显示选项或过滤器组。这意味着您为那些需要它的用户保留了高级功能,同时为那些只需要使用简单搜索的用户简化了界面。并非所有人都使用更高级或更专业的网站控件。通过隐藏它们,您可以使界面更干净、更易于理解,因为新用户在查找过程中拥有的元素更少。选择隐藏什么并不容易。你的工作是为设计老师找到合适的平衡点。

  一个博客程序,他们的搜索提供高级搜索过滤器,隐藏在搜索栏下拉菜单。

  4.扩展形式。我知道您熟悉我们经常看到的文件上传字段Web表单。它通常是一个文件浏览;按钮旁边的栏。想象一下,一个用户可能一次上载多个文件。您可以显示几个文件上载字段,但这并不理想,因为这会使界面混乱,而且无法确定用户需要多少域。在这种情况下,一个很好的解决方案可以采取扩展的形式。一旦用户上传了一个文件,一个文件上传字段将出现在下面,准备接受更多。您可以对任何其他输入字段实现相同的技术。例如,您可能需要一组电子邮件地址来满足这种需求。您可以有一个或多个文本字段,而不是有许多文本字段,然后当用户填写时,在下面创建新字段。展开以形成这样一种节省空间和简化界面的好方法。

  Gmail在编写新邮件时只显示一个附件字段。您可以点击“1;附加文件;当你需要的时候可以打开更多的链接。

  5.在中输入表单标签。形式会很快变得复杂。有文本框、标记、文本区域下拉菜单、复选框等等。更重要的是,填写表格通常不是很有趣,所以加快流程,让表格更简单,会让表格更严谨,更容易使用。一种让您更容易的方法是将标签从外部放入输入区域。因此,与其在文本字段旁边显示标签,不如在文本字段中将其显示为预充值。

  这就减少了空间的一个大,缩小形式的整体规模。小事情看起来很简单,所以填表应该更容易。可能不可能有更复杂的形式。您有多种输入类型来执行此操作(复选框、单选按钮下拉菜单),但如果您有一些值得考虑的文本字段,例如login form。现在,这种方法有一个缺点,幸运的是可以通过更深入的实现来解决。当用户**次加载页面时,他们将看到字段并能够读取标记。一旦他们点击一个区域,大多数表单都会隐藏标签,允许用户输入。但是,如果用户过早地点击某个区域而忘记了它是什么,他们注定要打字吗 他们可能需要点击表单来显示标签(希望如此)。

  为了解决这个问题,您可以在用户单击标签时将其隐藏,而不是完全隐藏标签,然后在用户开始键入时将其完全隐藏。

  成员在登录屏幕的输入字段中显示标记,然后在选择字段时使其更进一步。

  6.图标而不是文本。要实现一个简单的接口设计,您需要减少和删除所有不必要或很少使用的部分。这不仅包括控件,还可以像文本标记一样。如果你的界面有很多标签,看看它,问问你自己,所有这些标签都是必要的吗 大多数都很明显 如果一个标签是为了指出某个明显的项目上下文,你不需要这个标签,它已经过时了。举个例子,想想一篇博客文章。每个职位的标题,你可能喜欢的日期和作者。在每一张图片上贴上“logo;作者;“和”;日期:quot;也许没必要。当有人看到一篇文章的名字和标题时,他们认为是作者,日期很可能是下一个日期。在上下文中,以及格式上,他们习惯于阅读别人的博客,给你的用户所有的线索,让他们立即理解数据背后的含义。删除这些标签将为您提供一个干净的界面。

  在某些情况下,缺少标签不起作用,可以替换标签图标。文本标签中图标的一些优点。它需要更少的空间。关键是它的颜色和独特的形状比文字更吸引眼球。在某些情况下,传达意义的文本同样有效。例如,如果您有一个标签“1;标签:quot;后面是一个指向标记列表的链接,您可以用一个小标记图像替换该列表。只要你有一个精通技术的观众,在这种情况下,意义应该还是很清楚的。当然,这并不适用于所有情况,如果存在危险的歧义,您应该谨慎行事并使用文本标记。说到这里,没有理由选择一个或其他专业-你可以受益于吸引眼球的功能图标与明文一起使用;但在这种情况下,你将交易空间。

  高级CRM应用程序在标签列表中的文本标签中使用标签图标。

  7.基于上下文的控制。有几种方法可以使用接口设计,其中涉及上下文和一致性。一个决定是你应该控制你的应用程序或者保持网站的一致性,以确保人们知道所有的事情并且不会混淆它。另一种方法是根据每个页面或窗口更改控件或导航。基于上下文的方法是只显示用户在特定上下文中完成任务所需的内容。这两种方法的一个很好的例子是**近在微软的office中重新建立的接口设计。Office2003及其兄弟姐妹是一致的设计原则。您可以随时在屏幕上显示一组工具栏,这不会改变您是在工作表、图形、文本还是图片上微软re设计此界面的office 2007中使用了基于上下文的方法。在顶部,您现在可以看到一个或一组标记。选中后,e-acetylcholine选项卡将显示与一组控件相关的任何任务,无论是校对工作图还是写作。基于上下文的方法允许您在任何给定的时间显示较少的控制,但同时,更多的控制与手头的任务相关。我不建议使用常规网页设计上下文重设方法,因为大多数网站人希望看到一致的站点范围导航。这是因为每个网站都是不同的,如果特定网站个人页面的浏览体验不同,则会使浏览体验更加困难。

  说到这一点,这可以用于Web应用程序,因为它们不仅仅是简单的网站-它们生活在云计算软件中。人们可能会花很多时间在一个Web应用程序上,而且会有更多的机会了解它是如何工作的。一些Web应用程序复杂度意味着您确实需要利用该方法,因为如果不这样做,任何时候任何进程中都会有太多的屏幕。通过只显示给定任务的一些相关控件,用户可以在短时间内找到所需的内容。

  雀斑,一次跟踪应用程序,然后打开主工具栏。开关时间输入控制和报表控制,一次只显示一组。这是因为你输入或报告的时间不是两件事同时发生的。

  结论hellip;ldquo;实现简单性的**简单方法是通过刻意的简化ndash;John Maeda,简单法则。让你的界面小,隐藏的高级功能,把明显的路径变成一个简单的界面。沿着这条路你会遇到很多障碍。对于你隐藏或拿走的每一个功能,都会有人抱怨并要求你把它带回来。但是你的用户,每个人,都有不同的需求,并以不同的方式使用你的Web应用程序或网站。如果您倾听所有的功能需求和需求,并尝试解决和实现所有这些需求,您就无法达到软件的顶端设计。更有可能的是,你几乎不可能走出一个广阔的坑。

  一旦你添加了一个特性,它就很难出现了,因为人们会开始使用它,它将依赖于它。所以要确保每一个特性,每一个界面元素都被添加进来,让你意识到你的产品增加了真正的价值。更多的功能意味着更多的控件和内容。使用更多的控件和内容很难使界面简单、整洁。简单就是把重组简化为小的和可管理的。如果有什么,你应该把它拿走,而不是加上去。按钮较少的产品不一定那么强大-可能更好设计。

  牧羊人设计

  大网站背景该做什么不该做什么

  用户界面设计,享有**基本的权利,很好的博客设计13项功能

http://www.ytdns.net/wangzhansheji/909.html 7接口设计简化您的接口

特别声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:0755-85297058;邮箱:2295772445#qq.com (#替换成@)。

标签:

QQ咨询
微信咨询
微信咨询
电话咨询
周一至周五 9:00-18:00
135-1055-3738
回顶部