前段時間在微薄上對 windows 以及 vc 發(fā)牢騷。對于已經(jīng)熟悉的軟件，我很難忍受圖形界面。

但圖形界面對于大多數(shù)用戶還是必不可少的，學習門檻低是最大的原因。但僅僅為降低學習門檻為原則去設(shè)計界面卻絕對不是好的設(shè)計。

圖形界面和命令行界面最大的區(qū)別是用戶了解軟件的角度不同。對于命令行界面的軟件，用戶的第一直覺大約是，我想做一件事情，所以我使用(或編寫)這個軟件。那么，這個軟件應(yīng)該如何達到我的目的。先有需求，然后尋找答案。通常，軟件會有使用說明、可能和軟件一起分發(fā)放在一個文本文件里，更多的是用命令行參數(shù)，傳入一個 -h 之類的命令列出來。也可以在網(wǎng)上搜索�？傊�，需要用戶去挖掘。當然，有的軟件有所有默認配置，不需要參數(shù)就可以啟動。如果更改了需求，可以去修改配置文件。修改配置文件的過程，往往可以通過觀察默認配置的寫法來學習。

圖形界面的軟件則不是這樣。

當用戶打開軟件，圖形界面直接展現(xiàn)出來。即使他是帶著疑問：我該怎樣完成我的需求？但看到界面后，第一反應(yīng)卻會是：那些第一眼直觀可見的操作控件是做什么用的？

這個次序就變成了：我看見了一些功能，我想了解這些功能能達到什么目的，這些能做的事情里是否有我需要的。

如果按鈕無害，用戶會點點試試看發(fā)生了什么，現(xiàn)代軟件通常還會在他鼠標移動過去時浮動一個提示框來做詳細告之。受過往操作經(jīng)驗的影響，他可能還會按一下右鍵看一下右鍵菜單；拖動一下看起來可以拖動的控件；點一下可以點的下拉菜單；進一步學習軟件能做什么。整個學習過程也就自然完成了。當軟件的界面排布完全符合他以前用過的類似品時，這個過程可能省略到看一眼這么簡短，然后直奔主題去點擊他需要的那個按鈕。

有時為了讓用戶可以直達目的，而不是先讓用戶自行嘗試了解所有功能，再去匹配自己的需求（后者可能相當?shù)托�，以至于讓用戶中途放棄），軟件需要制作一個簡短的新手引導。這在最近的手機軟件或網(wǎng)絡(luò)游戲中相當常見。

在我看來，圖形界面設(shè)計之所以被稱為設(shè)計。必然需要經(jīng)過思考，先將軟件要解決的問題抽象分類，理清數(shù)據(jù)組織結(jié)構(gòu)，幫用戶把一些從用戶角度看起來不太相關(guān)的事務(wù)提取出共性，歸納到類似的物件上。

比如 windows 把文件，文件夾等都圖形實體化，然后用拖動來代表對其的操作，并把類似刪除這種操作也實物化為垃圾站這種東西可以作為一個操作對象。

然后經(jīng)過合理的布局和分類，排布到不同層級的界面展示。同時需要做一些創(chuàng)造，用恰當?shù)男问絹碚棘F(xiàn)。我所說的形式，并不指更漂亮的圖標，線框，字體；而是指類似彈出菜單，工具條這樣的東西。在 windows 軟件的年代，開發(fā)者似乎并不太愿意去考慮新形式，許多人覺得現(xiàn)有的控件已經(jīng)很豐富了，我們只需要去選擇。反正用戶都已經(jīng)接受了這些東西，他們熟悉，可以不用擔心不一樣的東西帶來的風險。當然，最重要的是，可以減少開發(fā)成本。而最近幾年，這種想法已經(jīng)少的多了。在手機 app 領(lǐng)域，我們時常能看到耳目一新的東西。雖然弄巧成拙的也有不少，但，原來還可以這樣方便的操作啊，這種感慨也挺多的。

這些才是設(shè)計師存在的價值。只是重新排布一下按鈕的擺放、計算一下留白空間、選擇好看的字體、畫幾個精美的圖標，從視覺上討好用戶，只是界面設(shè)計中需要考慮一個方面而已，我覺得，甚至談不上是重要的一個。

好的界面設(shè)計，我認為要考慮以下幾個方面。

一是展示功能。主界面是否能展示軟件解決的關(guān)鍵問題。用戶都是從這里開始摸索軟件，然后把他們看到的功能一一記下來，然后和自己心中的疑問去匹配，判斷能否完成自己的需要。

一個軟件，或是軟件中一個模塊。往往只需要解決一兩個關(guān)鍵需求。用戶心中的疑問也只有一兩個。過多的功能堆砌都是不恰當?shù)摹Ｒ驗榻邮苡脩舻闹噶钪皇沁_成目的的一個開始環(huán)節(jié)，界面還需要承擔信息反饋這個任務(wù)。大多數(shù)軟件都需要讓這個占據(jù)最大的屏幕空間。

從易于了解功能的角度講，界面控件的可辨識程度，就相當重要。簡潔的控件設(shè)計，恰當?shù)牧舭滓酝怀鲋饕�功能都是為了讓用戶視覺上可以直擊我們需要引導讓他看到東西。

二是操作效率。界面控件應(yīng)該有合適的大小和間距易于定位，相關(guān)操作應(yīng)有盡量短的移動距離。用圖標區(qū)分相似元素的可辨識度是很重要的。合適的二級菜單可以避免主界面上信息量過大的問題，又可以方便的引導用戶做多步操作，但是形式卻很重要。這方面，我覺得 tweetbot 就做的不錯。

三是高級操作帶來的快捷操作。chrome 以前，我一直在用 opera 。最大的喜愛原因就是鼠標手勢。雖然不是所有人都習慣復雜的鼠標手勢，但一旦學會，可以更便捷的操作。高級操作形式不應(yīng)是達成目的的唯一操作方法，但作為一個可選項卻很有意義。

最后，我覺得最重要的是，應(yīng)該充分理解軟件是要做什么，而不是一味的模仿。沒錯，用戶總希望新的軟件和他用過的軟件是一樣的，這樣就不用再學習。用戶習慣什么的，是那些模仿設(shè)計最好的借口。直到我們看到新的設(shè)計被用戶接受后，然后更新我們的界面。當然，也有很多新設(shè)計從始至終都沒被人接受。我覺得那大多數(shù)不是因為扭曲了用戶習慣，而是本身就設(shè)計的不夠好。

比如，我認為 QQ 的好友分組展現(xiàn)就是一個糟糕的設(shè)計。當然，作為山寨軟件之王，那也是從 MSN 里抄來的。

最糟糕之處在于，為什么一個好友就只能存在于一個組里？（或許是我不知道如何把一個好友分到多個組里）我的同學最近在和我一起打魔獸，因為這個原因，我就需要把他從同學分組里拖去魔獸組？

每個分組的組名都占據(jù)有限的界面空間也是一個浪費。更何況，這個組里有多少人，且其中多少人在線根本不是主要需要展現(xiàn)的信息，也侵占了屏幕。打開主界面，用戶的主要目的是快速找到聯(lián)系人，而不是獨自欣賞：我有好多朋友啊。

假設(shè)允許同一個人在不同分組里也有許多問題。

首先，分組這個操作就變得復雜了。到底是復制一個好友去一個分組，還是移動一個好友到一個分組就會困擾用戶。刪除好友和從一個分組里刪除好友也變得不同。網(wǎng)易泡泡就曾經(jīng)面臨這個問題。其結(jié)果就是，讓各種無所謂的操作充斥著右鍵菜單。另外，當一個人同時處于多個組內(nèi)，也很可能在主界面上重復出現(xiàn)同一個人的信息。

這個問題的本質(zhì)在哪里？或許分組本身就是錯誤的。分組的本意或許是想借鑒 Windows 的文件夾的圖形抽象方式，但一開始就錯了。大多數(shù)分組行為是為了給人打上標簽方便找到人，而不是讓人歸屬到文件夾下。抽象角度出了問題，怎么改良都對不了。

現(xiàn)代社交網(wǎng)站乎都是用給人打標簽來解決這個問題的。一個人可以沒有，或有多個標簽。大多數(shù)操作都是圍繞人而不是標簽的。標簽只是檢索人的一個手段而已。其實不光是社交網(wǎng)站，我們看到，在 gmail 這樣的 email 軟件、douban 這樣的管理自己讀書電影評論網(wǎng)站中，也是如此。

假設(shè)用標簽系統(tǒng)來取代好友分組系統(tǒng)，我會這樣去做。

在界面的頂端保留一條標簽欄，橫向羅列現(xiàn)在關(guān)注的標簽。我可以展開這個標簽欄，展示我創(chuàng)建的所有標簽，并可以通過鼠標點擊選擇或屏蔽掉我的關(guān)注點。然后，在界面下方列出所有擁有至少一個關(guān)注標簽的好友。我可以通過直接點擊標簽欄中某個特定標簽把相關(guān)人排在最前面，而不用因為人員名單過長而去拉動滾動條。甚至，滾動條都應(yīng)該是隱藏的，就如 gtalk 那樣，必須用戶強制開啟。

給好友打標簽或去掉標簽的操作都放在好友下方，可以點擊好友名字展開（類似 tweetbot) 。

我不保證這樣的設(shè)計一定會被用戶接受，因為用戶習慣往往是可怕的固執(zhí)。但這樣的設(shè)計可以節(jié)省許多界面空間以展示更多用戶需要的信息。對組的操作也被簡化了。

我能找到的另一個例子是計算器。我有點計算器 app 控，在 ios 上購買或免費下載了許多計算器 app 了。計算器的功能其實都差不多，但是卻少有讓人使用感覺方便的。

我覺得這個壞頭是 windows 自帶計算機開始的。他區(qū)分了基本計算器和科學計算等。結(jié)果大多數(shù)計算器 app 也沿襲了這個設(shè)計（當然，幾乎所有 app 也想到，可以利用重力感應(yīng)橫置設(shè)備來快速切換，而不用再讓用戶選菜單了）。且?guī)缀跛�有的計算機 app 都模仿了傳統(tǒng)實物計算器的布局。

區(qū)分不同類型的計算器版面的初衷或許是好的。如果界面按鈕過多，或降低用戶的操作效率。因為按鈕越少越密集，定位的難度就越高。當用戶沒有那么多功能需求時，應(yīng)該讓界面更簡潔。但這真是矛盾不可解決的嗎？

許多計算機 app 還自帶單位轉(zhuǎn)換器，可惜多數(shù)卻做成一個額外的模式�？蔀槭裁次倚枰�切換模式去轉(zhuǎn)換單位？不應(yīng)該是計算完畢后，我需要數(shù)字結(jié)果的另一種表達嗎？

同樣的問題還出在進制轉(zhuǎn)換等等需求上。

現(xiàn)代圖形界面還帶來了比傳統(tǒng)計算器液晶顯示屏更豐富的展示能力，cpu 的處理能力也遠非那些機器可比。怎么用好它卻是一個難題。

我不想在這里花太多文字來解釋怎么把這些問題解決好。我想說，如果你用過 Calculator∞ 自然會和我有一些新的想法。我可以負責任的說，作為一個計算器 app 控，我用了它的免費版第一天就毫不猶豫的付費了。而在昨天我在微薄上夸了它兩句，它居然就限免了。有興趣的同學趕緊裝一個試試。

文章來源：http://blog.codingnow.com

標簽： 產(chǎn)品設(shè)計 交互設(shè)計 圖形設(shè)計 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。