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.dgzxsm168.com/wangzhansheji/909.html 7接口設計簡化您的接口