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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

　　高級(jí)CRM應(yīng)用程序在標(biāo)簽列表中的文本標(biāo)簽中使用標(biāo)簽圖標(biāo)。

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

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

　　雀斑，一次跟蹤應(yīng)用程序，然后打開主工具欄。開關(guān)時(shí)間輸入控制和報(bào)表控制，一次只顯示一組。這是因?yàn)槟爿斎牖驁?bào)告的時(shí)間不是兩件事同時(shí)發(fā)生的。

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

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

　　牧羊人設(shè)計(jì)

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

　　用戶界面設(shè)計(jì)，享有**基本的權(quán)利，很好的博客設(shè)計(jì)13項(xiàng)功能

http://www.bangwork.net/wangzhansheji/909.html 7接口設(shè)計(jì)簡(jiǎn)化您的接口