海淘科技今天為大家介紹一下《2018年APP界面設計指南》。
2018年互聯網方面提到移動5G的研發、開發，移動端應用已經是流動方向，怎么移動端應用設計是在所避免不了的，移動端應用設計的一些指導性原則，往給到幫助！
減少認知負擔用戶與應用交互時的阻力和困惑越少，應用被繼續使用的機會就越大。優化交互流程了解用戶如何與應用交互是優化的必要條件。 作為設計師和開發人員，我們應該在整個交互流程中理解用戶的目標。這將幫助我們確定任務完成過程中最常見的問題。這里有幾種比較流行的優化交互流程的方法：拆分任務。如果一個在用戶端的任務包含很多步驟和操作，最好是把這個任務拆分成一定數量的子任務。一個很好的例子是在電商購物應用中的漸進結賬流程，你能夠從拆分出來的步驟數中清楚自己的每一步操作。
通過限制用戶端所需要的操作數量，可以提升用戶對流程的理解。充分利用已經掌握的用戶信息。通過GPS精準定位這一功能，用戶只需要選擇乘車的位置就可以叫車，例如下圖。
讓每一步銜接自然。當任務需要用戶完成許多步驟時， 通過清楚顯示下一步的操作來幫助用戶。
這個界面用作與指引用戶的操作。每一屏優先完成一個主要功能。通過遵循這個簡單規則， 可以將界面變得更易于學習和使用。使用視覺權重對重要元素進行優化 (例如加大核心按鈕的對比度)
核心按鈕要用主色調顏色突出
提示：想要減少用戶操作過程中某一個界面遇到的混亂 ——那么就只顯示當前步驟中需要的內容。例如 ，當用戶做出選擇時，只需要顯示當前用戶需要的選項， 然后在下一個界面中展示細節。
上圖是一款叫做Duolingo的iOS應用中，逐步深入的界面 (一步一步的展示更多信息)
清晰的導航用戶如果很難找到想要的，就算界面再漂亮，內容再充實，也變得沒有意義了。一些導航的規則：- 不要隱藏。 避免隱藏導航，如手勢操作因為大多數用戶都很難找到它。
一致性
開發者經常在一些個別的頁面隱藏菜單。不要這樣做，因為它很可能會讓你的用戶感到困惑。
顯示當前位置
沒有告知用戶當前位置是許多應用的常見問題。“我在哪兒？”這是一個應用需要告知用戶的最基本的問題之一。提示：最好使用標準的導航模式。比如標簽欄(iOS)和抽屜導航(Android)。大多數用戶都熟悉這兩種導航模式。如果一個簡單的解決方案有效，就不需要特立獨行。抽屜式導航的切換可以直接點擊，如果Tab放在上方可以直接滑動切換。
結合手機自身特點手機不是臺式機的縮小版，它們有自身的細微差別和限制。
APP界面設計元素要明確的表達出哪個元素是可以交互的，哪個元素是不可操作的。與桌面不同，用戶可以使用鼠標懸停效果來判斷某個元素是否可以操作，而移動用戶只能通過點擊某個元素來確定哪些元素是可以被操作的。好的APP界面設計是可以讓用戶自己能夠正確預判。
操作區域要友好移動界面中設計可操作的元素時，為了讓用戶可以很方便的點擊，關鍵的點是要把點擊目標設計的足夠大。根據經驗，一般有效的觸控面積是7-10毫米。這個區域可以讓用戶在點擊目標可以看到目標的邊緣。用戶能夠知道他們是否準確的點擊了目標。另外，要確保元素之間的位置不要太相近——應該在點擊目標之間設置適當的間距，以防止誤觸。
考慮拇指空間為拇指設計不僅是為了把目標區域設計的足夠大，同時也要考慮到設備的持有方式。雖然拇指可以在屏幕中的大多數區域操作，但是只有三分之一屏幕是真正毫不費力的區域。這個區域被稱為拇指舒適區。其他區域需要手指伸展甚至改變持握方式才能操作。基于手的持握方式(左、右或者雙手)，可以看到移動設備中的安全區域(在下圖中的綠色區域)。
越大的屏幕，越不容易操作。
根據 Scott Hurff的研究，更多人們慣用右手的拇指區域，為移動端應用設計時需要考慮所有不同區域：- 綠色區域是導航選項或者有頻繁交互操作(如行動指引按鈕)的最佳位置。
“分享”按鈕是在綠色拇指區域。
- 紅色區域是潛在危險選項的最佳位置(例如刪除按鈕)。這樣用戶不容易會觸及到此按鈕，不會誤刪除。
在難到達的紅色區域放置破壞性操作(如刪除和抹掉)，因為不希望用戶發生誤觸。
中斷設計我們生活在一個中斷的世界里。總有那么一些事情總是試圖分散我們的注意力，把我們的注意力轉移到別的地方。例如，用戶可能在等火車的時間里使用應用。對于移動應用場景的考慮是至關重要的。讓應用在用戶中斷使用后能夠很容易的恢復到之前的狀態。Twitter是中斷設計的一個很好的例子。應用的通知列表顯示了所有最近的通知。只要用戶停留在這個頁面，應用就不會自動更新列表——它只是在列表的頂部顯示一個狀態“X 新通知”。這允許用戶在一段時間后重新使用應用時不會丟失當前的位置。
努力創造多終端一致性體驗移動應用不是存在于真空中。例如，移動用戶通常用瀏覽購物網站，然后切換到臺式機上去購買。體驗上的轉變要讓用戶感知不到。
Spotify 能夠做到多終端無縫體驗。你可以在Mac上設置一個播放列表，你的iPhone上馬上就可以使用它。當你在設備之間切換時，應用會記住你停在哪里。
直觀的手勢只在應用中使用最自然的手勢。為何如此？因為手勢是隱藏的控件。在用戶界面中使用手勢的最大缺點是學習曲線。每次用手勢代替可見控件時，應用的學習曲線就會上升。這是因為手勢具有較低的可發現性——它們總是隱藏的，人們需要能夠首先識別這些選項。這就是為什么只使用被廣泛接受的手勢(用戶希望在你的應用中使用)的原因。一個好的手勢例子就是為微博APP可以進行刷新，得到新的微博信息。
使用框架界面讓應用能夠快速顯示應用應該響應快速且靈敏，但是不可避免的會遇到一些特殊情況。例如，非常慢的網速。如果不能縮短加載時間，至少也要讓等待不那么乏味。可以先加載信息的框架結構(即臨時信息容器)框架界面是一個頁面的空白版本，其中信息是逐漸加載的。不同于加載動畫，它將用戶的注意力集中在數據加載本身，框架界面則將用戶的注意力集中在進度上而不是等待時間上。
Slack應用的框架界面
關注初次使用體驗就像一個人一樣，應用不會有第二次機會給用戶留下好的第一印象。如果不把第一印象做好，我敢打賭(80%的概率)，用戶不會再次使用了。
必要的引導對于引導規則來說——它不應該是通用性的，而是應該有利于人們如何去使用這款應用。設計者應該以引導作為一次契機，為新手用戶開辟綠色通道。還有一點，引導應該只有在初次使用時才會出現。
空頁面設計空狀態(或零狀態)是未發生任何事情的狀態。這種狀態不應該是空白的界面(或者像許多設計師所說的那樣是死的)，它應該能夠為用戶提供對接下來操作的指導。以Spotify的錯誤狀態頁面為例。它不能幫助用戶理解到底發生了什么，也不能幫助用戶找到解決方案：“我能做些什么呢?”
APP界面設計當應用的空狀態顯示了一條簡單有用的錯誤提示。要簡單、禮貌、有指導性的表明：- 出了什么錯，可能的原因是什么。- 用戶想要解決這個問題需要怎么做。
使用功能動畫改善交互體驗動畫在界面中解決了許多功能問題，同時使得界面更有活力和靈敏。
顯示系統狀態當應用正忙著處理某個操作時，應該讓用戶知道當前的狀態而不是卡死。視覺上的變化讓用戶對應用有一種掌控感。
這個應用通過動畫告知用戶正在加載內容。導航的過渡動畫是描述狀態轉換的最佳工具。它幫助用戶理解頁面布局的變化，點擊后的變化，以及如何在我們需要的時候開始這樣的改變。
已于讓用戶更好的理解功能以及功能的使用，最好使用動畫來有效的引導用戶。視覺反饋在現實世界中，對象會響應我們的交互。在UI控件中，人們也期待有類似的的響應能力。良好的視覺反饋使得交互體驗變得非常舒適。所有交互元素(如按鈕)都應該提供完美的視覺反饋。
按鈕響應了用戶的點擊。
人性化體驗個性化個性化是當今應用最關鍵的部分之一了。這是一個與用戶溝通機會，為每個用戶提供他們所需要的信息，讓他們感覺到應用是為他們量身定做的。星巴克就是一個很好的例子。應用使用用戶提供的信息(例如，他們經常點的咖啡)來提供特別的優惠。令人愉快的動畫不同于提高用戶界面清晰度的功能動畫不同，令人愉快的動畫是用來使界面看起來更加人性化。這種類型的動畫能夠讓用戶感受到設計者的用心。一些令人愉快的小細節是應用與用戶建立情感聯系的機會。
圖片來源: Dribbble
推送的價值煩人的通知是用戶卸載應用的首要原因(71%的受訪者).
來源: Appiterate Survey
不要僅僅因為你可以發送推送通知——每條通知都應該是對用戶來說有價值并且及時的。下面是在設計推送通知時需要考慮的一些事項：
推送通知，信息多的情況下，次數可以減少，避免用戶反感，可以采用信息集合的方式，例如騰訊新聞，每次推送都是4條；
推送同時時間也是一個重點，推送通知的最佳時間應該是應用使用的高峰時間——在下午的6點到10點之間。
可以多樣式渠道的向用戶推送信息，例如微信公眾號或其他其他。
優秀的設計當是無形的，能夠get用戶痛點，使得用戶在使用此APP時專注于自己的目標而不是界面。作為一名設計師，應該努力去設計無形的界面，因為這樣的界面既滿足了用戶的需要，也提供了良好的用戶體驗。APP設計師在設計時要讓自己的想法與指南相融洽的，設計出來的東西，才會更好。
以上是上海APP開發公司——海淘科技為你提供的《2018年APP界面設計指南》，更多相關資訊，可點擊APP界面設計資訊。
