當(dāng)今越來越多的應(yīng)用程序遷移到web平臺上。由于沒有平臺的限制和安裝的要求，SAAS的模式看起來非常有吸引力。Web應(yīng)用程序的界面設(shè)計，其核心就是網(wǎng)頁設(shè)計，但它的重點主要是在功能方面。要超越桌面應(yīng)用程序， Web應(yīng)用程序必須提供簡單、直觀和即時響應(yīng)的用戶界面，讓他們的用戶花更少的精力和時間去完成事情。

討論: http://www.missyuan.com/viewthread.php?tid=418326

以前，我們并沒有注意到web應(yīng)用程序這個方式，但是現(xiàn)在是時候仔細看看一些實用的技術(shù)和設(shè)計解決方案，讓W(xué)eb應(yīng)用更友好更漂亮。本文主要介紹的是在現(xiàn)代Web應(yīng)用程序中，我們對設(shè)計模式以及有效設(shè)計解決方案進行大量研究并得到結(jié)果的第一部分，您可以在下面找到10個收集到的實用界面設(shè)計技術(shù)以及在許多成功Web應(yīng)用程序中得出的最佳做法。

你可以提出進一步的看法，第二部分會盡快出版。你也可以閱讀以下相關(guān)文章：

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、界面元素的需求

在用戶界面設(shè)計中，簡單這個原則是很重要的。在任何時候，你在屏幕上顯示越多的控制，您的用戶將不得不花費更多的時間去搞清楚如何使用界面。當(dāng)選擇變少時，可用的功能變得更加明顯更容易被發(fā)現(xiàn)。簡化的界面雖然是不容易的，尤其是如果你不想限制應(yīng)用程序的功能的時候。

當(dāng)你點擊Kontain搜索框的搜索鏈接時，會出現(xiàn)一個類似于下拉菜單的層。所以，如果您需要來縮小搜索范圍，您可以選擇菜單中你所需要的類型。這些選項的聚合簡化了搜索框。

隱藏或者掩蓋高級功能是使事情更加簡單的一種方法。找出最常用的功能，并且把剩下的藏起來。你可以用彈出式菜單和操作來做這件事，這在桌面軟件中很常見。例如，如果您的搜索欄擁有高級過濾器，把它們放在尾部的一個特別的下拉菜單中。如果用戶需要使用這些過濾器，他們只需幾下點擊便可以開啟這些功能。決定該保留什么隱藏什么不是一個簡單的任務(wù)，也會取決于重要性和操作時的頻繁程度。

當(dāng)你點擊CollabFinder的搜索鏈接時你不需要打開不同的頁面，相反，搜索框的控制菜單下拉下來，允許你能夠直接開始搜索。

2、專門操作

根據(jù)情況選擇合適的界面控件是很重要的。不同情況下可以用不同的方式處理，而且某些控件會比其他控件能夠更好地完成他們的目標(biāo)工作。