APP介面設計與頁面配置的23條基本原則

標籤：移動app   src   image   size   nbsp   位置   優秀   and   出現   

一個App的好與不好，很大部分取決於移動App頁面配置的合理性，優秀的布局顧名思義就是對頁面的文字、圖形或表格等進行排版、設計。

優秀的布局，需要對頁面資訊進行完整的考慮，既要考慮使用者需求、使用者行為，也要考慮資訊發行者的目標、目的。

對使用者行為的迎合和引導，有一些既有原則和方法，比如以下的22條基本原則，-----本文來自25學堂，by admin與個人知識點整理。

 

　　1、使用者/組織的表徵圖（Logo）在所有頁面都處於同一位置。

　　2、使用者所需的所有資料內容均按先後次序合理顯示

　　3、所有重要選項都要在首頁顯示

　　4、重要條目要始終顯示

　　5、重要條目顯示在頁面的頂端中間位置

　　6、必要的資訊要一直顯示

　　7、訊息、提示、通知等資訊均出現在螢幕上目光容易找到的地方

　　8、確保首頁看起來像首頁（使首頁有別於其它二三級頁面）

　　9、首頁的長度不宜過長

　　10、APP的導航盡量採用底部導航的方式，菜單數目4-5個最佳

　         　

　　11、每個APP頁面長度要適當

　　12、在長網頁上使用可點擊的‘內容列表’

　　13、專門的導航頁面要短小（避免滾屏，以便使用者一眼能瀏覽到所有的導航資訊）

　　14、優先使用分頁（而非滾屏），同時也可以提高當前頁面載入的速度；

　　15、滾屏不宜太多（最多4個整屏）

　　16、需要仔細閱讀理解文字時，應使用滾屏（而非分頁）

　　17、為架構提供標題（注意：根據不同平台而定，android：標題置中，ios：靠左側<）

　　18、注意首頁中面板塊的高度

　　19、將一級導航放置在左側面板（根據人的看東西習慣，習慣性從左至右，從上到下）

　　20、避免水平滾屏

　　21、文本地區的周圍是否有足夠的間隔

　　22、各條目是否合理分類於各邏輯區，並運用標題將各地區進行清晰劃分

　　23、注意整體App的風格顏色搭配

 

APP介面設計與頁面配置的23條基本原則