移動設計

摘要：移動設計需要考慮屏幕中內容結構的簡單而精致，需要優化加載時間，減少數據請求，但最重要的一點是要遵循以用戶為中心的設計流程，AppStore就是將用戶體驗做到極致的一個應用。移動設計的實現方法和信息架構是整個設計流程中影響最大的，移動設計的靈感來源于生活，在我們的日常生活、學習和工作中，它無處不在。

關鍵字：移動設計 交互設計

0 引言

如今全世界有66億移動用戶，如果每人一部移動設備，就占全世界的88%。使用臺式電腦的人有近33億，由此可見移動設計和臺式電腦相比有巨大的空間。不同的是移動設備和我們的生活關系更加緊密，這為移動設計帶來了不同于臺式機的限制與機遇，也為我們研究新的設計方法提供可能。

1 移動設計有哪些不同

說到移動設備，不僅僅指尺寸的不同，移動設備的屬性與規格也帶來了不同的設計啟示和要求。由于移動設備更輕更便攜，我們會覺得它們更便于攜帶和使用。現在大多數移動設備都使用觸摸屏，由于受限于屏幕尺寸，我們希望屏幕中內容結構更簡單而精致。同樣由于受限于帶寬和連接速度，移動端上的設計需要優化加載時間，減少數據請求。由于需要不間斷查看手機信息，我們往往會更頻繁地使用手機。他們把這些設備描述為“有生命的”，是他們身體和人格的一種延伸。移動設備從根本上改變了用戶的期望，因此對于設計者而言，非常重要的一點是遵循以用戶為中心的設計流程來進行設計。

2 移動如何影響設計者

移動設備的差異化直接作用于以用戶為中心的設計過程：從初始研究直到最終的開發完成。其中實現方法和信息架構是整個設計流程中影響最大的。移動開發不同于桌面系統，一般移動用戶最希望使用瀏覽器，或將應用程序安裝到移動設備上，從網絡中獲取內容，使用原生應用的界面。層級樣式是帶有一個索引頁和一系列子頁面的標準網站結構。如果你在設計一個適合移動設備的網站，你可能會受限于此，然而它所帶來的額外樣式可以幫助你為適應移動設備而調整體驗。輻射樣式向用戶提供了便于跳轉的中央式索引，用戶無法在分頁面之間切換，而必須回到中央跳轉，這種樣式主要用于工作流程受限的桌面端。這種樣式在移動設備上越來越流行，這是由于用戶使用移動設備時會專注于單一任務，以及由于設備本身的外型因素。套娃樣式采用漸進式導航引導用戶查看到更詳細的內容。當用戶操作不方便時，這是一種快速簡單的導航方法。通過點擊“前進”或“后退”，用戶可以強烈感知自己所處何處。標簽視圖是一種普通應用用戶熟悉的樣式。這種形式通過工具欄菜單集合為一系列的內容。這樣用戶可以在第一次打開應用時，便能快速掃過并了解應用的全部功能。便當盒和儀表盤樣式通過使用組件展示相關工具或內容的部分信息，再把更詳盡的內容鏈接至索引界面。由于這種樣式很復雜，它在桌面端顯示會比在移動端更為適合。這種顯示醒目有力，用戶只需要掃一眼就可以理解關鍵信息，但它嚴重依賴于信息清晰的設計呈現。篩選視圖樣式允許用戶通過選擇篩選項來切換不同視圖從而在一系列的數據中進行導航。篩選是一種適合用戶查詢內容的方法。

3 AppStore

現在支持移動端應用的網站有很多，比如AppStore，它不僅是一個虛擬商店，也是一個服務中心，它和實體店有機地結合，傳承了蘋果一貫的將用戶體驗做到極致的標準，功能強大且清晰、便捷、快速。這樣的體驗的確能支撐銷售，讓我們更多的了解這個隨身的蘋果店，學習移動設計的方法。打開AppStore，可以看到精選、產品、零售店、購物車和搜索共5個頁面，分別涵蓋了促銷、全系產品列表、用戶附近的零售店及其詳細介紹產品的清單及下單和快速檢索蘋果產品等功能。從一級界面至加入購物車，大約只有4-5個頁面，點擊次數不超過10次就可以買完一件產品了。幾乎每個關于產品的頁面頂端都帶有“購買”的button，這的確很方便。另外幾乎每個頁面下端都有“幫助”和“致電Apple”兩個button，給人感覺蘋果的幫助并不遙遠。

4 設計來源于生活

移動設計中經常使用“容器”將各種菜單、通知、相關項放到一塊。移動設計中可隱藏的東西有三類：有形的控件：如按鈕、標簽、菜單、導航……；手勢與重力感應：長按刪除、橫滑翻頁、搖一搖都是這一類；操作路徑：把不常用的功能或設置項藏得深一點，通過層層遞進達到目的。移動設計不像私人空間，更多是為群體大眾設計，他們可不知道你房間的東西放哪兒，如果是比較重要的特性，還要提供一些簡單的引導提示。移動設備屏幕空間非常有限，一塊小小的角落都可以成為兵家必爭之地，通過共享空間的利用，可以完成多個界面的跳轉及不同狀態之間的切換，還有各種翻轉切換都是通過空間共享的方式承載不同的信息。“合并”更偏向融合，不但要湊一塊，還互不干擾，形成一個整體。移動設計中的合并也常常見于各種組件的組合。如果將空間繼續細化，分割成不同的“小塊”，會使得擺放更有秩序。九宮格、柵格、區域劃分……如果小屏幕里靈活運用這些格子組合會讓界面顯得更加整齊。移動設計的擠壓案例也很多。直接利用現有的邊角或邊緣位置，順著這些特殊的“點”進行設計，這種順著拐點的巧妙設計可以為墻面節省更多的空間。

5 交互設計

移動設備一般界面尺寸都比較小，要考慮符合手指點擊的面積，所以往往不會像頁面那樣把詳細分類及信息全都顯示出來，導航條也不同，一般顯示最常用的幾個功能。對于占空間比較大，在特定情況下才需要的東西可以設計為隱藏菜單。移動設備最大的特點就是用到手指的動作，用手指滑動上下或者左右翻頁比界面上的翻頁效率高出很多。在手機交互設計中多數用上下滑動。還有一種分享類型的列表，由于不停的會有新的分享圖片出現，更新頻率比較高，所以圖片排列比較密集，為方便用戶自由控制移動多少位置通常也采用上下滑動。

參考文獻：

[1]馬倩.移動商務的價值對客戶忠誠度的影響[J].價值工程， 2012（33）.

[2]蔡麗莎，彭巖.移動電子商務在旅游行業中的應用研究[J].價值工程，2011（33）.

[3]張旭蘭.基于3G的移動辦公平臺的分析與設計[J].價值工程，2011（02）.

作者簡介：亢華愛（1978-），女，北京人，講師，碩士研究生，從事軟件編程的實踐及教學工作。