介面是可以讓使用者體驗脫穎而出的一個重要因素。因此多平臺使用者介面設計的轉換，需要UI設計師要基於小螢幕的互動來思考整個設計和優化的策略，而今天的文章，小編就為你分享8個移動端UI介面的設計技巧。

　　1、更大的字型

　　在小螢幕上顯示的內容，應該適當地增加大小，讓使用者能夠更輕鬆地閱讀和消化。通常，在移動端上，每行容納的英文字元的尺寸在30~40個最為合理，而這個數量基本上是pc端的一半左右。

　　在移動端上排版設計要注意的東西還有很多，但是總體上，讓字型適當的增大一些，能讓整體的閱讀體驗有所提升。

　　2、排版佈局的尺寸和形式的優化

　　從PC端到移動端，讓使用者更易於訪問，形態也需要跟隨著平臺的變化而進行適當的優化和修改。對於整體尺寸和排版佈局的設計，應該更有針對性。

　　比如大量的大尺寸的圖片需要跟著移動端的需求而進行優化，考慮到移動端裝置上使用者的瀏覽方式，圖片最好被切割為方形，或者和手機螢幕比例相近的形狀;比如選擇尺寸更合理的圖片，放棄不匹配移動端需求的JS動效等。所有的按鈕或者可點選的元素都按照使用者的手持方式，放到手指最易於觸發的位置

　　3、移除不必要的特效

　　在PC端網頁上，旋轉動效和視差滾動常常會讓網頁看起來非常不錯，但是在移動端上，情況則完全不同。內容在移動端與PC端展示時，效率和可用性始終是第一需求。快速無縫的載入和即點即用的互動是使用者的首要需求，剝離花哨和無用的動效，會讓使用者感覺更好。

　　作為UI設計師，你需要圍繞著點選和滑動這兩種互動來構建移動端體驗，懸停動效要去掉。移動端上手指觸控是主要的互動手段，懸停動效是毫無意義的存在。

　　4、精簡優化導航體系

　　當用戶開啟APP的時候，他們通常傾向於執行特定的操作，訪問特定的頁面，或者你希望他們點選特定的按鈕，所有的這些操作能否實現，大多是要基於導航模式的設計。

　　在PC端網頁上，一個可用性較強的導航能夠承載多個層級、十幾個甚至20多個不同的導航條目，但是在移動端上，螢幕限制和時間限制往往讓使用者來不及也不願意去瀏覽那麼多類目。

　　移動端的導航需要精簡優化，不用沿用PC端的導航模式，可以採用側邊欄或者底部導航等更適合移動端的方式。搞清楚整個導航的關鍵元素之後，就可以有針對性地做優化和調整了。

　　5、每屏完成一項任務

　　雖然手機的螢幕越來越大，但是當你的內容在移動端裝置上呈現的時候，依然要保證每屏只執行一個特定的任務，不要堆積太多的內容。

　　使用者的習慣和多樣的應用場景使得移動端介面必須保持內容和介面與內容的簡單直觀，這樣使用者在繁複的操作中，不至於迷失或者感到混亂。

　　那麼怎樣保證這種清晰的體驗呢?讓你使用的所有UI設計元素都用來幫助使用者作出執行操作的決定就可以了!

　　6、不要把網站的體驗複製到移動端

　　使用者對移動應用的互動模式和介面元素有特殊的期待。在移動端裝置上開啟一個網頁，結果載入的是PC端的版本，僅僅只是尺寸縮小了，沒有什麼比這個更令人尷尬的了。舉個例子：比如帶下劃線的連結。你應該避免去使用帶下劃線連結的文字，這屬於網頁而不是移動應用(移動應用使用按鈕不使用連結)。

　　7、你的應用程式裡不應該有“死衚衕”

　　使用者體驗設計本質上就是在設計流程，而流程在多數情況下是用來完成使用者目標的。你應該避免在應用程式出現死衚衕，因為這會給使用者帶來困惑並且導致不必要的操作。有時候，設計師會把錯誤訊息和空狀態作為空頁面處理，但實際上這是一個提供有用資訊的好機會。就拿Spotify的這種錯誤狀態頁面舉例：

　　死衚衕空頁面，它完全沒有幫助使用者理解情況，也沒有回答使用者：“我到底該做什麼?”這個問題。

　　空白狀態(尤其是錯誤狀態)不應該是一個死衚衕的狀態，它應該告訴使用者需要怎樣操作才能看到相應內容，從而使應用程式正常執行。

　　Azendoo的錯誤狀態有一個簡單的“如何解決問題”的說明

　　8、不要把使用者引向瀏覽器

　　使用者在使用應用程式時，所有操作都應該在該應用程式中進行。如果應用程式缺少某些功能和內容，嘗試使用一些嵌入應用的瀏覽器;但是不要調出手機的瀏覽器，這樣會導致使用者失去方向並無法返回原先的應用程式。這會提高使用者拋棄應用的概率從而轉化率會降低。

　　Facebook安卓版app裡的“忘記密碼?”按鈕

　　提高使用者體驗不是一次性的任務，它是一個持續性的工作。當你從PC端到移動端的時候，設計過程中你需要對內容細節、互動模式進行深入的調整，作出和使用者需求真正匹配的設計，最重要的部分是瞭解你的使用者到底需要什麼。希望分享的這8個技巧，能給你帶來啟示。