10大实用web应用界面技术[译]
作者：折折熊 来源：折折熊de交互论 发布时间：2009-01-20 12:40:00
当今越来越多的应用程序迁移到web平台上。由于没有平台的限制和安装的要求，SAAS的模式看起来非常有吸引力。Web应用程序的界面设计，其核心就是网页设计，但它的重点主要是在功能方面。要超越桌面应用程序， Web应用程序必须提供简单、直观和即时响应的用户界面，让他们的用户花更少的精力和时间去完成事情。
以前，我们并没有注意到web应用程序这个方式，但是现在是时候仔细看看一些实用的技术和设计解决方案，让Web应用更友好更漂亮。本文主要介绍的是在现代Web应用程序中，我们对设计模式以及有效设计解决方案进行大量研究并得到结果的第一部分，您可以在下面找到10个收集到的实用界面设计技术以及在许多成功Web应用程序中得出的最佳做法。
你可以提出进一步的看法，第二部分会尽快出版。你也可以阅读以下相关文章：
Getting Creative With Transparency In Web Design
1、界面元素的需求
在用户界面设计中，简单这个原则是很重要的。在任何时候，你在屏幕上显示越多的控制，您的用户将不得不花费更多的时间去搞清楚如何使用界面。当选择变少时，可用的功能变得更加明显更容易被发现。简化的界面虽然是不容易的，尤其是如果你不想限制应用程序的功能的时候。
当你点击 Kontain 搜索框的搜索链接时，会出现一个类似于下拉菜单的层。所以，如果您需要来缩小搜索范围，您可以选择菜单中你所需要的类型。这些选项的聚合简化了搜索框。
隐藏或者掩盖高级功能 是使事情更加简单的一种方法。找出最常用的功能，并且把剩下的藏起来。你可以用弹出式菜单和操作来做这件事，这在桌面软件中很常见。例如，如果您的搜索栏拥有高级过滤器，把它们放在尾部的一个特别的下拉菜单中。如果用户需要使用这些过滤器，他们只需几下点击便可以开启这些功能。决定该保留什么隐藏什么不是一个简单的任务，也会取决于重要性和操作时的频繁程度。
当你点击 CollabFinder 的搜索链接时你不需要打开不同的页面，相反，搜索框的控制菜单下拉下来，允许你能够直接开始搜索。
0
投稿猜你喜欢
- tensor内所有元素相乘a = torch.Tensor([1,2,3])print(torch.prod(a))输出 tens
- <?php //作者：遥远的期待 //QQ:15624575 //算法分析：1、必须是整数序列、2、如果整个序列不全是负数，最大子序列
- 就在刚才，我给GMAIL安装了Twitter插件。安装完插件后，Gmail提示我要连接Twitter的账号才能使用：我顺着提示操作下去，就看
- Python 使用tf-idf算法计算文档关键字权重，并生成词云1. 根据tf-idf计算一个文档的关键词或者短语：代码如下：注意需要安装p
- 前言最近学完Python，写了几个爬虫练练手，网上的教程有很多，但是有的已经不能爬了，主要是网站经常改，可是爬虫还是有通用的思路的，即下载数
- 简介工作中偶尔会出现一个查询数据的需求，那就是需要按天统计近一个月或其它一段时间内每天的所有记录或者分组数据，没有数据则自动补0。一般情况下
- 1.goroutine-看一个需求需求：要求统计1-900000000的数字中，那些是素数？分析：传统方法，就是使用一个循环，循环的判断各个
- 前言Go大概2009年面世以来，已经8年了，也算是8年抗战。在这8年中，已经有很多公司开始使用Go语言开发自己的服务，甚至完全转向Go开发，
- 1.原始查询表结果 2.理想查询表结果 一很牛的朋友写的sql语句大笑，学习啦偷笑： select userpwd,
- 通过学习借鉴朋友的实现方法进行整理，实现了PHP版的微信公共平台消息主动推送，分享给大家供大家参考，具体内容如下此方法是通过模拟登录微信公共
- 对很多从事产品工作的同事来说，“以用户为中心”是工作的重点，同时也是难点。用户的心思难以捉摸，用户研究的工作也似乎高深莫测。不过，用户研究并
- 最近在制作一个自己的个人博客的时候遇到这么一个问题, 在CSS中使用了相对路径来充当背景图片, 如下所示：然后将整个工程使用webpack打
- 获得某层tensor的输出维度代码如下所示：from keras import backend as K@wraps(Conv2D)def
- 步骤:1.从php.net上面下载php5.3.x版本的源码;2.centos安装相应的扩展包:yum install libmcrypt
- 一般来说，我们为了得到更完整的结果，我们需要从两个或更多的表中获取结果，我一般都是用select xxx,xxx from 表1，表2 wh
- PHP的继承模型中有一个存在已久的问题，那就是在父类中引用扩展类的最终状态比较困难。我们来看一下代码清单5-11中的例子。代码清单5-11意
- 突发奇想，写了以下这段代码，感觉还不错，拿来和大家分享作用：查看页面布局使用方法：在页面底部包含以下这段代码ff3,ie7测试可用var&n
- 前言Pinia是尤雨溪强烈推荐的一款Vue状态管理工具，也被认为是下一代Vuex的替代产品。优点去除了mutations，只有 state，
- import java.io.BufferedReader;import java.io.File;import java.io.FileI
- 目录1.数组重塑1.1 一维数组重塑1.2 多维数组重塑2.数组转置1.数组重塑所谓数组重塑就是更改数组的形状。比如将原来3行4列的数组重塑
