細節決定成敗!APP設計不容忽視的20個細節

釋懷發表於2015-05-04
1、一致,一致,還是一致

你能做的最重要的事情就是保證使用者介面運作的一致性。對於列表框來說,如果雙擊其中的項,使得某些事件發生,那麼雙擊任何其它列表框中的項,都應該有同樣的事件發生。所有視窗按鈕的位置要一致,標籤和訊息的措辭要一致,顏色方案要一致。使用者介面的—致性使得在使用者對於介面運作建立起精確的心理模型,從而降低培訓和支援成本。



提煉:一致性體現在 色彩搭配和運用、字型的運用、相同的互動效果等。

一般我們使用的色彩不超過3種。互動效果也不超過3種。

2、建立標準並遵循之

在應用軟體中保持一致的唯一途徑就是建立設計標準並加以遵循。最好的辦法是採取一套行業標準,對自身特殊的需要加以補充。已有的行業標準,如IBM標準(1993)與Microsoft標準(1995),通常可滿足95%到99%的需要。採用行業標準,只需利用已有的成果,也使你的應用軟體看起來或感覺上更象使用者已購買或建立的其它應用軟體。應當在定義基礎構造階段就建立使用者介面設計標準。

嚴格按照移動APP規範來設計,比如字型的大小、間距、圖示的大小等等。

3、闡明設計規則

使用者要知道怎麼使用你為他們開發的軟體。軟體運作的一致性表明,規則你只需解釋一遍。這比一步步詳細講解如何使用應用軟體每個特性要容易得多。

可以制定屬於你的一些工作方式和設計規範。

4、同時支援生手和熟手

圖書館目錄符號對圖書館系統的一般使用者來說,也許就夠用了,但對熟手使用者,如圖書管理員,很可能就沒有那麼有效了。圖書管理員是受過專門訓練,能夠使用複雜的查詢系統找到資訊,因此,應當考慮建立一套查詢介面以滿足他們的獨特需要。

5、UI介面間切換很重要,也必須重視

如果從一個螢幕轉換到另一螢幕很困難,使用者會很快灰心並放棄。當螢幕流程與使用者想完成的工作流程相符,此軟體對使用者才有意義。由於不同使用者工作方式不同,應用軟體需要有足夠的靈活以支援他們不同的方式。在建模階段,介面流程圖可用來模擬螢幕之間的流程。

6、介面上的佈局很重要

在西方,人們是自左而右,從上而下閱讀,基於人們的習慣,螢幕的組織也應當是自左而右,從上而下。螢幕小部件的佈局也應以使用者熟悉的方式進行。

7、訊息和標籤措辭要適當

螢幕上顯示的文字是使用者主要的資訊源。如果文字措辭很糟,使用者的理解就會很糟。要使用完整的措辭和句子,而不要用縮寫和程式碼,使文字易於理解。訊息措辭要積極,顯示使用者處於控制之中,並提示如何正確使用軟體。

如,下面哪一條訊息更吸引人: “你輸入了錯誤資訊”還是”帳號應為8位數”?此外,訊息措辭要一致,在螢幕上顯示的位置要一致。儘管這樣的訊息”須輸入名字”和”應輸入帳號”分別來說措辭上沒問題,放在一起就不一致了。

根據第一條訊息的措辭,第二條訊息更好的措辭應當是”須輸入帳號”,這就使得兩條訊息措辭一致了。

8、瞭解小部件工具

為恰當的任務使用恰當的小部件,首先可以幫助增強應用軟體的一致性,可能使得應用軟體很容易構造。學會如何正確使用小部件的唯一途徑是閱讀和理解你們所採用的使用者介面標準及準則。

9、對其它軟體不盲從

除非你知道一個應用軟體是遵循了你們的使用者介面標準和準則,否則你絕不能認定它做的都是對的。儘管看看人家怎麼做,從中獲得些主意是不錯的想法,但在懂得怎樣區分使用者介面設計的好壞之前,你得留神。太多的開發者錯誤地模仿其它應用軟體的使用者介面,而那些介面卻設計得很糟,最好將介面設計的美工外包專案請專業的設計外包公司來完成。

10、顏色使用要適當 使用顏色要謹慎

如 果使用了,也要使用指示符。問題就在於有些使用者可能是色盲一一如果在螢幕上使用了顏色來突出顯示某些東西,假若想讓色盲的使用者注意到,那麼需要做些另外的 工作來突出它,如在其旁邊顯示一個符號。顏色的使用也得一致,以使整個應用軟體有同樣的觀感。此外,在不同平臺上,色彩的表現不盡人意一一在一個系統上看 上去很好,在另一個系統上常常看上去很糟。展示會上我們經常聽到展示者這樣說: “在我家中的機器上看上去可是很好的呀。”

11、遵循對比原則

打算在應用軟體中使用顏色,要確保螢幕的可讀性。最好的方法是遵循對比原則:在淺色背景上使用深色文字,在深色背景上使用淺色文字。藍色文字以白色為背景很容易讀,但以紅色為背景很難辨認。問題出在藍色與紅色之間沒有足夠反差,而藍色與白色之間則反差很大。

12、字型使用要適當

老式英語字型可能在莎士比亞的劇本封面看上去很合適,但在螢幕上卻很難認。要用那些可讀性好的字型,如serif或Times Roman。此外,字型的使用要一致。節儉、有效地使用兩、三種字型的螢幕看上去遠勝於使用五、六種字型的螢幕。要記住每次改變了字型的大小、風格(粗體、斜體、下劃線,……)、樣式或顏色,都是在使用不同的字型。

13、灰掉而不是移走

在某些時刻,使用者經常只能訪問應用軟體的某些功能。在刪除一個物件之前,要先選中它,由此加深使用者的心理模型,軟體應當用刪除按鈕及(或)選單項去做一些事。按鈕應當移去還是灰掉?灰掉它,決不能移走!當使用者不該使用時就灰掉它,可使使用者對如何使用應用軟體建立精確的心理模型。如果僅僅移走一個小部件或選單項,而不是灰掉它,使用者很難建立精確的心理模型,因為使用者只知道當前可用的,而不知道什麼是不可用的。
評論(1)

相關文章