諸葛：細節決定成敗！APP設計不容忽視的20個細節

標籤：諸葛io 資料運營 資料分析

為什麼研發的APP都是見光死，存活期一般都不長，因為你的產品沒有滿足客戶的需求，所以多數淪為“殭屍”軟體！除了強大的支援人員，細節也是做好APP的重要標準。諸葛今天給大家分析一下，在APP的設計中不可忽視的細節！

第一、一致，一致，還是一致

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

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

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

        第二、建立標準並遵循之

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

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

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

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

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

 第六、介面上的布局很重要
在西方，人們是自左而右，從上而下閱讀，基於人們的習慣，螢幕的組織也應當是自左而右，從上而下。螢幕小組件的布局也應以使用者熟悉的方式進行。

       第七、訊息和標籤措辭要適當

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

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

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

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

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

第十、顏色使用要適當 使用顏色要謹慎

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

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

第十二、字型使用要適當
老式英語字型可能在莎士比亞的劇本封面看上去很合適，但在螢幕上卻很難認。要用那些可讀性好的字型，如serif或Times Roman。此外，字型的使用要一致。節儉、有效地使用兩、三種字型的螢幕看上去遠勝於使用五、六種字型的螢幕。要記住每次改變了字型的大小、風格（粗體、斜體、底線，……）、樣式或顏色，都是在使用不同的字型。
       第十三、灰掉而不是移走
在某些時刻，使用者經常只能訪問應用軟體的某些功能。在刪除一個對象之前，要先選中它，由此加深使用者的心理模型，軟體應當用刪除按鈕及（或）功能表項目去做一些事。按鈕應當移去還是灰掉？灰掉它，決不能移走！當使用者不該使用時就灰掉它，可使使用者對如何使用應用軟體建立精確的心理模型。如果僅僅移走一個小組件或功能表項目，而不是灰掉它，使用者很難建立精確的心理模型，因為使用者只知道當前可用的，而不知道什麼是停用。

        第十四、使用非破壞性的預設按鈕
通常每個螢幕定義一個預設按鈕，如果使用者按了斷行符號鍵調用此按鈕。問題是有時使用者會意外敲擊斷行符號鍵，結果啟用了預設按鈕。預設按鈕決不能有潛在的破壞性，如刪除或儲存（也許使用者根本不想儲存）。

       第十五、地區排列
當螢幕有多個編輯地區，要以視覺效果和效率來組織這些地區。1所示，編輯地區靠左對齊是最好的方法。換句話說，要使編輯地區左邊界在一條直線上且上下排列。與之相應的標籤則應靠右對齊，置於編輯地區旁。這是螢幕上組織地區的一個整潔有效方式。

       第十六、資料對齊要適當
對一列列的資料，通常的作法是整浮點數靠右對齊，字串靠左對齊。

       第十七、螢幕不能擁擠
擁擠的螢幕讓人難以理解，因而難以使用。實驗結果顯示螢幕總體蓋度不應超過40％，而分組中螢幕蓋度不應超過62％。

       第十八、有效組合
邏輯上關聯的項目在螢幕上應當加以組合，以顯示其關聯性。反之，任何相互之間毫不相關的項目應當分隔開。在項目集合間用間隔對其進行分組／或用方框也同樣可做到這一點。

       第十九、在操作焦點處開啟視窗
當使用者雙擊一個對象顯示其編輯／詳情螢幕，使用者的注意力亦集中於此。因而在此處而不是其它地方開啟視窗才有意義。

       第十二、快顯功能表不應是唯一的功能來源
如果主要功能被隱藏起來，使用者就不能學會怎樣使用軟體。開發人員最讓人灰心的作法是濫用快顯功能表，也稱作內容相關性功能表。一種使用滑鼠的典型方法，是用來顯示一個隱藏的快顯功能表，提供針對當前工作的螢幕地區特定功能的訪問。

這20個在APP設計當中不容忽視的小細節，僅供大家參考。畢竟每個人都有各自的一些看法和理解。
跟大家分享幾個APP設計知識點：

1、AI線框，PS視覺是比較常用的，在這裡推薦下FW,線框視覺都是可以的，也比較方便。就是用得人不多。但是這個軟體上手快，可以推薦使用。

2、Icon當然要按合適尺寸做，但是你要打出來的話，解析度要在300,而UI的解析度一般是72,解析度還是要改一下，否則打出來沒法看，不管怎麼樣，儲存好源檔案。IOS系統介面裡，工具列及表徵圖的大小，建議題主找一下設計規範，沒有特別固定的值，但是不能差太遠。

3、ICON:案頭表徵圖114*114,標籤欄表徵圖<=60,導航條表徵圖40*40,APPstore表徵圖1024*1024，

控制項：狀態列40 標題列 88 標籤欄 98 導覽列按鈕 60 列表高度〉=88

字型：大 40 中 34 小 24（如果太小就看不清）app運營

諸葛 http://zhugeio.com/news/?p=196

        http://zhugeio.com/news/?p=196

         http://zhugeio.com/news/?p=196

諸葛：細節決定成敗！APP設計不容忽視的20個細節