7接口設計技術(shù)簡(jiǎn)化和組織您的接口什么是簡(jiǎn)單的 簡(jiǎn)約是大自然的生活品質(zhì)，通俗易懂。這并不奇怪，它只是在用戶(hù)界面設計中蓬勃發(fā)展。大多數人不喜歡設備和軟件的復雜性。是的，有些人正在弄清楚事情是如何找到幸福的，但對我們大多數人來(lái)說(shuō)，能夠操作設備并導致浪費時(shí)間和沮喪不是一件好事。如果您能在某種程度上重新排列、重組和重新建立設計一個(gè)復雜的設備或軟件，使其更易于使用和理解，那么您就可以提供更好的用戶(hù)體驗。在本文中，我將介紹七個(gè)實(shí)用技巧，您可以在網(wǎng)頁(yè)設計上使用這些技巧，使您的網(wǎng)站或Web應用程序更簡(jiǎn)單、更復雜。

　　1.模式窗口。我相信你還記得在Web瀏覽器中引入彈出窗口攔截器的那些日子，那時(shí)你不得不與一組組經(jīng)常決定在瀏覽器窗口頂部彈出的小窗口作斗爭，而這似乎是你唯一的目的。沒(méi)有人喜歡這些彈出窗口，也沒(méi)有人阻止技術(shù)的引入來(lái)阻止它們。但今天，我們看到有很多清理工作，他們的目標是更好地培育新的彈出窗口網(wǎng)絡(luò )。這些模態(tài)窗口。

　　模態(tài)窗口是彈出窗口，但出現在單獨的瀏覽器窗口中，它們似乎位于當前內容的頂部。模態(tài)窗口需要交互，所以下面的內容通常是深色顯示，以及阻擋噪音和聚焦在上面窗口的內容和視覺(jué)。

　　那么，為什么要使用模態(tài)窗口以及它們如何簡(jiǎn)化您的界面呢 好吧，如果你看別的東西，他們的目的就更清楚了。使用類(lèi)似于模式窗口的選擇通常是新頁(yè)面加載。例如，有些網(wǎng)站為您的帳戶(hù)設置了頁(yè)面。單擊“設置”鏈接時(shí)，您將進(jìn)入一個(gè)新頁(yè)面。但是，如果只有幾個(gè)設置選項真正值得將用戶(hù)重定向到新頁(yè)面 在許多情況下，這樣的設置、編輯框和登錄窗體可以顯示模式窗口的內容。這樣可以避免用戶(hù)返回到另一個(gè)頁(yè)面。它還減少了Web服務(wù)器上的負載，因為它需要處理的請求更少。

　　項目管理應用程序Action method顯示整個(gè)應用程序模式窗口。這里的美學(xué)形式。

　　2.懸停控制。少放點(diǎn)東西也能讓食物更容易吞咽。如果你的應用有很多控件，用戶(hù)需要掃描大多數人才能找到他們想要的。機會(huì )是，有些控件不如其他控件重要，有些控件的使用也比其他控件少。**簡(jiǎn)單的方法是在默認視圖中隱藏這些控件。一個(gè)聰明的方法是隱藏控件，然后讓它們能夠在特定區域內徘徊。這些是懸停控件。例如，推特，一個(gè)受歡迎的微博客戶(hù)應用，顯示在你的列表中，feed**近告訴你了。每條消息都封裝在自己的小盒子里。您可以對每條消息執行兩個(gè)操作：將其添加到收藏夾或回復。

　　在所有消息中顯示收藏夾和回復按鈕會(huì )導致混亂。你不能想讓每個(gè)人都知道每一條信息，更別說(shuō)想把它添加到你的收藏夾中。所以，Twitter只在適當的環(huán)境中顯示控件——當您將鼠標懸停在消息上時(shí)。這導致了一個(gè)簡(jiǎn)單的界面和功能沒(méi)有損失。新用戶(hù)在隱藏這些控件時(shí)可能不會(huì )注意到這一點(diǎn)；然而，許多人傾向于將鼠標移到他們正在看的東西上，因此考慮到懸停區域足夠大，這些控件可能很快就會(huì )發(fā)現。

　　推特當您將鼠標懸停在每條消息上時(shí)，顯示添加到收藏夾和回復每條消息的按鈕。

　　3.控制要求。另一種隱藏東西的方法是使用JavaScript并在用戶(hù)單擊某個(gè)地方時(shí)顯示一組控件。例如，您可能允許為您的網(wǎng)站設置一些自定義篩選器或高級搜索框。默認情況下，您可以隱藏這些選項，而不是顯示這些選項，以便它們可以通過(guò)搜索欄中的**后一個(gè)按鈕。單擊此按鈕可顯示選項或過(guò)濾器組。這意味著(zhù)您為那些需要它的用戶(hù)保留了高級功能，同時(shí)為那些只需要使用簡(jiǎn)單搜索的用戶(hù)簡(jiǎn)化了界面。并非所有人都使用更高級或更專(zhuān)業(yè)的網(wǎng)站控件。通過(guò)隱藏它們，您可以使界面更干凈、更易于理解，因為新用戶(hù)在查找過(guò)程中擁有的元素更少。選擇隱藏什么并不容易。你的工作是為設計老師找到合適的平衡點(diǎn)。

　　一個(gè)博客程序，他們的搜索提供高級搜索過(guò)濾器，隱藏在搜索欄下拉菜單。

　　4.擴展形式。我知道您熟悉我們經(jīng)常看到的文件上傳字段Web表單。它通常是一個(gè)文件瀏覽；按鈕旁邊的欄。想象一下，一個(gè)用戶(hù)可能一次上載多個(gè)文件。您可以顯示幾個(gè)文件上載字段，但這并不理想，因為這會(huì )使界面混亂，而且無(wú)法確定用戶(hù)需要多少域。在這種情況下，一個(gè)很好的解決方案可以采取擴展的形式。一旦用戶(hù)上傳了一個(gè)文件，一個(gè)文件上傳字段將出現在下面，準備接受更多。您可以對任何其他輸入字段實(shí)現相同的技術(shù)。例如，您可能需要一組電子郵件地址來(lái)滿(mǎn)足這種需求。您可以有一個(gè)或多個(gè)文本字段，而不是有許多文本字段，然后當用戶(hù)填寫(xiě)時(shí)，在下面創(chuàng )建新字段。展開(kāi)以形成這樣一種節省空間和簡(jiǎn)化界面的好方法。

　　Gmail在編寫(xiě)新郵件時(shí)只顯示一個(gè)附件字段。您可以點(diǎn)擊“1；附加文件；當你需要的時(shí)候可以打開(kāi)更多的鏈接。

　　5.在中輸入表單標簽。形式會(huì )很快變得復雜。有文本框、標記、文本區域下拉菜單、復選框等等。更重要的是，填寫(xiě)表格通常不是很有趣，所以加快流程，讓表格更簡(jiǎn)單，會(huì )讓表格更嚴謹，更容易使用。一種讓您更容易的方法是將標簽從外部放入輸入區域。因此，與其在文本字段旁邊顯示標簽，不如在文本字段中將其顯示為預充值。

　　這就減少了空間的一個(gè)大，縮小形式的整體規模。小事情看起來(lái)很簡(jiǎn)單，所以填表應該更容易。可能不可能有更復雜的形式。您有多種輸入類(lèi)型來(lái)執行此操作（復選框、單選按鈕下拉菜單），但如果您有一些值得考慮的文本字段，例如login form。現在，這種方法有一個(gè)缺點(diǎn)，幸運的是可以通過(guò)更深入的實(shí)現來(lái)解決。當用戶(hù)**次加載頁(yè)面時(shí)，他們將看到字段并能夠讀取標記。一旦他們點(diǎn)擊一個(gè)區域，大多數表單都會(huì )隱藏標簽，允許用戶(hù)輸入。但是，如果用戶(hù)過(guò)早地點(diǎn)擊某個(gè)區域而忘記了它是什么，他們注定要打字嗎 他們可能需要點(diǎn)擊表單來(lái)顯示標簽（希望如此）。

　　為了解決這個(gè)問(wèn)題，您可以在用戶(hù)單擊標簽時(shí)將其隱藏，而不是完全隱藏標簽，然后在用戶(hù)開(kāi)始鍵入時(shí)將其完全隱藏。

　　成員在登錄屏幕的輸入字段中顯示標記，然后在選擇字段時(shí)使其更進(jìn)一步。

　　6.圖標而不是文本。要實(shí)現一個(gè)簡(jiǎn)單的接口設計，您需要減少和刪除所有不必要或很少使用的部分。這不僅包括控件，還可以像文本標記一樣。如果你的界面有很多標簽，看看它，問(wèn)問(wèn)你自己，所有這些標簽都是必要的嗎 大多數都很明顯 如果一個(gè)標簽是為了指出某個(gè)明顯的項目上下文，你不需要這個(gè)標簽，它已經(jīng)過(guò)時(shí)了。舉個(gè)例子，想想一篇博客文章。每個(gè)職位的標題，你可能喜歡的日期和作者。在每一張圖片上貼上“l(fā)ogo；作者；“和”；日期：quot；也許沒(méi)必要。當有人看到一篇文章的名字和標題時(shí)，他們認為是作者，日期很可能是下一個(gè)日期。在上下文中，以及格式上，他們習慣于閱讀別人的博客，給你的用戶(hù)所有的線(xiàn)索，讓他們立即理解數據背后的含義。刪除這些標簽將為您提供一個(gè)干凈的界面。

　　在某些情況下，缺少標簽不起作用，可以替換標簽圖標。文本標簽中圖標的一些優(yōu)點(diǎn)。它需要更少的空間。關(guān)鍵是它的顏色和獨特的形狀比文字更吸引眼球。在某些情況下，傳達意義的文本同樣有效。例如，如果您有一個(gè)標簽“1；標簽：quot；后面是一個(gè)指向標記列表的鏈接，您可以用一個(gè)小標記圖像替換該列表。只要你有一個(gè)精通技術(shù)的觀(guān)眾，在這種情況下，意義應該還是很清楚的。當然，這并不適用于所有情況，如果存在危險的歧義，您應該謹慎行事并使用文本標記。說(shuō)到這里，沒(méi)有理由選擇一個(gè)或其他專(zhuān)業(yè)-你可以受益于吸引眼球的功能圖標與明文一起使用；但在這種情況下，你將交易空間。

　　高級CRM應用程序在標簽列表中的文本標簽中使用標簽圖標。

　　7.基于上下文的控制。有幾種方法可以使用接口設計，其中涉及上下文和一致性。一個(gè)決定是你應該控制你的應用程序或者保持網(wǎng)站的一致性，以確保人們知道所有的事情并且不會(huì )混淆它。另一種方法是根據每個(gè)頁(yè)面或窗口更改控件或導航。基于上下文的方法是只顯示用戶(hù)在特定上下文中完成任務(wù)所需的內容。這兩種方法的一個(gè)很好的例子是**近在微軟的office中重新建立的接口設計。Office2003及其兄弟姐妹是一致的設計原則。您可以隨時(shí)在屏幕上顯示一組工具欄，這不會(huì )改變您是在工作表、圖形、文本還是圖片上微軟re設計此界面的office 2007中使用了基于上下文的方法。在頂部，您現在可以看到一個(gè)或一組標記。選中后，e-acetylcholine選項卡將顯示與一組控件相關(guān)的任何任務(wù)，無(wú)論是校對工作圖還是寫(xiě)作。基于上下文的方法允許您在任何給定的時(shí)間顯示較少的控制，但同時(shí)，更多的控制與手頭的任務(wù)相關(guān)。我不建議使用常規網(wǎng)頁(yè)設計上下文重設方法，因為大多數網(wǎng)站人希望看到一致的站點(diǎn)范圍導航。這是因為每個(gè)網(wǎng)站都是不同的，如果特定網(wǎng)站個(gè)人頁(yè)面的瀏覽體驗不同，則會(huì )使瀏覽體驗更加困難。

　　說(shuō)到這一點(diǎn)，這可以用于Web應用程序，因為它們不僅僅是簡(jiǎn)單的網(wǎng)站-它們生活在云計算軟件中。人們可能會(huì )花很多時(shí)間在一個(gè)Web應用程序上，而且會(huì )有更多的機會(huì )了解它是如何工作的。一些Web應用程序復雜度意味著(zhù)您確實(shí)需要利用該方法，因為如果不這樣做，任何時(shí)候任何進(jìn)程中都會(huì )有太多的屏幕。通過(guò)只顯示給定任務(wù)的一些相關(guān)控件，用戶(hù)可以在短時(shí)間內找到所需的內容。

　　雀斑，一次跟蹤應用程序，然后打開(kāi)主工具欄。開(kāi)關(guān)時(shí)間輸入控制和報表控制，一次只顯示一組。這是因為你輸入或報告的時(shí)間不是兩件事同時(shí)發(fā)生的。

　　結論hellip；ldquo；實(shí)現簡(jiǎn)單性的**簡(jiǎn)單方法是通過(guò)刻意的簡(jiǎn)化ndash；John Maeda，簡(jiǎn)單法則。讓你的界面小，隱藏的高級功能，把明顯的路徑變成一個(gè)簡(jiǎn)單的界面。沿著(zhù)這條路你會(huì )遇到很多障礙。對于你隱藏或拿走的每一個(gè)功能，都會(huì )有人抱怨并要求你把它帶回來(lái)。但是你的用戶(hù)，每個(gè)人，都有不同的需求，并以不同的方式使用你的Web應用程序或網(wǎng)站。如果您傾聽(tīng)所有的功能需求和需求，并嘗試解決和實(shí)現所有這些需求，您就無(wú)法達到軟件的頂端設計。更有可能的是，你幾乎不可能走出一個(gè)廣闊的坑。

　　一旦你添加了一個(gè)特性，它就很難出現了，因為人們會(huì )開(kāi)始使用它，它將依賴(lài)于它。所以要確保每一個(gè)特性，每一個(gè)界面元素都被添加進(jìn)來(lái)，讓你意識到你的產(chǎn)品增加了真正的價(jià)值。更多的功能意味著(zhù)更多的控件和內容。使用更多的控件和內容很難使界面簡(jiǎn)單、整潔。簡(jiǎn)單就是把重組簡(jiǎn)化為小的和可管理的。如果有什么，你應該把它拿走，而不是加上去。按鈕較少的產(chǎn)品不一定那么強大-可能更好設計。

　　牧羊人設計

　　大網(wǎng)站背景該做什么不該做什么

　　用戶(hù)界面設計，享有**基本的權利，很好的博客設計13項功能

http://www.ezekroy.com/wangzhansheji/909.html 7接口設計簡(jiǎn)化您的接口