成功Web应用程序的最佳做法

无事看到不错的外文,简单翻译了一下共享出来,希望对大家有用。(转载请表明出处,以下为译文全部。

当今越来越多的应用程序迁移到web平台上。由于没有平台的限制和安装的要求,SAAS的模式看起来非常有吸引力。Web应用程序的界面设计,其核心就是网页设计,但它的重点主要是在功能方面。要超越桌面应用程序, Web应用程序必须提供简单、直观和即时响应的用户界面,让他们的用户花更少的精力和时间去完成事情。

以前,我们并没有注意到web应用程序这个方式,但是现在是时候仔细看看一些实用的技术和设计解决方案,让Web应用更友好更漂亮。本文主要介绍的是在现代Web应用程序中,我们对设计模式以及有效设计解决方案进行大量研究并得到结果的第一部分,您可以在下面找到10个收集到的实用界面设计技术以及在许多成功Web应用程序中得出的最佳做法。

你可以提出进一步的看法,第二部分会尽快出版。你也可以阅读以下相关文章:

5 Useful Coding Solutions For Designers and Developers
10 Useful Techniques To Improve Your User Interface Designs
10 Principles Of Effective Design
Five More Principle Of Effective Design
Getting Creative With Transparency In Web Design

1、界面元素的需求

在用户界面设计中,简单这个原则是很重要的。在任何时候,你在屏幕上显示越多的控制,您的用户将不得不花费更多的时间去搞清楚如何使用界面。当选择变少时,可用的功能变得更加明显更容易被发现。简化的界面虽然是不容易的,尤其是如果你不想限制应用程序的功能的时候。

当你点击 Kontain 搜索框的搜索链接时,会出现一个类似于下拉菜单的层。所以,如果您需要来缩小搜索范围,您可以选择菜单中你所需要的类型。这些选项的聚合简化了搜索框。

隐藏或者掩盖高级功能 是使事情更加简单的一种方法。找出最常用的功能,并且把剩下的藏起来。你可以用弹出式菜单和操作来做这件事,这在桌面软件中很常见。例如,如果您的搜索栏拥有高级过滤器,把它们放在尾部的一个特别的下拉菜单中。如果用户需要使用这些过滤器,他们只需几下点击便可以开启这些功能。决定该保留什么隐藏什么不是一个简单的任务,也会取决于重要性和操作时的频繁程度。

当你点击 CollabFinder 的搜索链接时你不需要打开不同的页面,相反,搜索框的控制菜单下拉下来,允许你能够直接开始搜索。

时间: 2024-10-02 08:33:35

成功Web应用程序的最佳做法的相关文章

【转】优化Web程序的最佳实践

自动排版有点乱,看着蛋疼,建议下载中文PDF版阅读或阅读英文原文.     Yahoo!的Exceptional Performance团队为改善Web性能带来最佳实践.他们为此进行了 一系列的实验.开发了各种工具.写了大量的文章和博客并在各种会议上参与探讨.最 佳实践的核心就是旨在提高网站性能. Excetional Performance 团队总结出了一系列可以提高网站速度的方法.可以分为 7 大类 34 条.包括内容.服务器.cookie.CSS.JavaScript.图片.移动应用等七部

10个有用的网站界面设计技术和最佳做法

最近越来越多的软件应用迁移到Web .因为没有平台的限制或安装的要求,在web上以软件作为服务的模式看起来非常有吸引力. Web应用程序界面设计的核心是网页设计,但它的重点主要是功能. 与桌面应用相比, Web应用程序必须提供让他们的用户以更少的精力和时间来做事情的更加简单.直观和敏感的用户界面 . 在过去,我们并不关心Web应用程序的方式,现在我们应该.而且是时候去仔细看看一些有用的技术和设计解决方案,让网络应用更加方便用户和更加美丽. 本文介绍的是在现代Web应用程序中我们广泛使用的设计模式

怎样使用AJAX进行WEB应用程序开发

ajax|web|程序 <DIV class=left><SPAN class=span>作者:龙犊整理</SPAN><SPAN class=span>出处:天极网</SPAN><SPAN class=span>责任编辑:<A title=向本编辑提问 href="http://comments.yesky.com/t/%C1%FA%B6%BF/6,324/2337468.shtml"> 龙犊 <

网页设计中使用图标支持内容的最佳做法

在做视觉设计时,如何高效地使用图标是一门学问:该使用什么样的图标?图标该放在哪里?大小如何?图标的使用是否帮助用户更好更快的理解内容,亦或是增加了他们的理解负担甚至产生误导?今天恰好看到了一篇很好的文章,可以帮助我们了解该如何使用图标来支持内容,故翻译如下: 为什么使用图标?设计就是传达信息:如果你的网站不能吸引用户,这个问题不在于你分享的信息有多重要.有多刺激.在访问一个网站的最初,大多数用户首先扫描页面来寻找视觉上看着有趣的内容,只有某些事物引起了他们的注意力,他们才真正开始阅读.图标是一个

应用指南:数据备份的13种最佳做法

数据中心操作大量的数据.当数据遭到破坏时,这就是一场灾难.这正是定期进行备份的重要性.即使你有大量的备份数据都没有使用,备份也肯定不是在浪费时间.你也许很幸运,从来没有经历过数据丢失.但是,由于这种事情极少发生以及保持数据的完整性是非常重要的,通过跳过备份来"节省"时间和资源似乎是没有问题的. 有业内人士说,数据中心进行备份是非常重要的,这个理由是非常明显的,尽管我曾听一个小公司的系统管理员说过一些机构没有"浪费"时间和资源进行备份并且获得了成功.我认为,他不理解我

Web 应用程序性能优化

技巧 1 - 返回多个结果集   仔细查看您的数据库代码,看是否存在多次进入数据库的请求路径.每个这样的往返都会降低应用程序可以提供的每秒请求数量.通过在一个数据库请求中返回多个结果集,可以节省与数据库进行通信所需的总时间长度.同时因为减少了数据库服务器管理请求的工作,还会使得系统伸缩性更强. 虽然可以使用动态 SQL 返回多个结果集,但是我首选使用存储过程.关于业务逻辑是否应该驻留于存储过程的问题还存在一些争议,但是我认为,如果存储过程中的逻辑可以约束返回数据的话(缩小数据集的大小.缩短网络上

分配的访问权限的展台应用:最佳做法

原文: 分配的访问权限的展台应用:最佳做法 best practices guidance for developing a kiosk app for assigned access. 在 Windows 10 中,你可以使用锁屏框架和分配的访问权限创建展台应用,该应用允许用户与设备上的单个应用进行交互. 本文档介绍了如何实现展台应用,并介绍了最佳做法.所有示例代码都采用 C# 编写,但应该可以轻松地翻译为你选择的语言,因为基础框架是 Windows RT.本文档专为想要为其客户编写展台应用的

商务Web应用程序的界面设计

商务Web应用程序的界面设计 商务Web应用程序的设计常常被人们所忽视.我看到许多程序,它们既不符合商业目标,也不满足用户需求,它们有很差的用户体验,并造成了商业利润的损失.更夸张的是,有些设计师根本没有参与整个程序的开发流程,而是把全部职责都推给了开发人员. 对于擅长前端和后台技术的工程师来说,他们缺乏设计能力,很难完成这项艰巨的任务.不满意的消费者.沮丧的用户,以及失败的项目,也就自然而然地出现了. 接下来,我们将介绍"商务Web应用程序"界面设计的基础知识.一般来说,人们可以提供

提高传统协作系统灵活性几个最佳做法

本文讲的是 : 提高传统协作系统灵活性几个最佳做法   ,[IT168 编译]文档协作目前被认为是企业成功的基石,而在移动设备世界,协作已经超越了内部企业--涵盖了外部合作伙伴和承包商.由于很多传统协作和企业内容管理(ECM)解决方案缺乏足够的云计算和移动功能,企业通常需要依靠第三方文件同步和共享应用程序以在防火墙外部进行协作.然而,由于第三方提供的不同单点解决方案,这里的复杂性正在增加.此外,这些解决方案都不是企业级的,这意味着,当涉及到安全时,这些解决方案并不一定能够满足要求,特别是对于共享