究竟該如何做好移動設計

1 評論 28132 瀏覽 0 收藏 9 分鐘

文/易卿

對于移動互聯網公司而言,作為團隊的的產品經理常常犯的錯誤是:一味的帶領團隊天天按需求,埋首干業務,而不是隨時關注交互設計的正確觀念和整體交互模型的流暢程度。?移動互聯網的火熱,導致每天都會有數不清的移動產品出現,競爭壓力越來越大,考慮到移動產品和PC端產品和區別,我們必須在交互設計和用戶體驗上做出比競品更優秀的產品。那么我們如何做好移動設計呢?

首先,我們要了解移動互聯網的特征:

1、使用情景特征

“永遠在線、無處不在”,移動設備攜帶方便、在任何時何地都可以使用、永不關機,在任何姿勢下都能方便地使用,以及觸摸屏的交互方式等等,這些優勢使移動產品更容易取得成功。移動產品不僅僅是PC產品的延伸,而是一種全新的變革性的產品。因此,我們應該更多地基于移動情景來思考產品和設計。

那么正常使用情景中的因素有哪些呢?

K@YL%5B]80ND5`{ACJS~][7

2、移動網絡特征

當前國內手機主要通過2G、3G、Wi-Fi和4G四種方式接入移動互聯網,其中在3G、4G、Wi-Fi網絡下,應用使用的流暢性比較高;而2G網絡傳輸速度比較慢,用戶需要等待較長時間。但是目前2G用戶仍占領較大的市場份額,這需要我們在做移動產品設計的時候,考慮應用在網速較慢時,怎樣讓用戶獲得更好的體驗。

較常見的形式有全頁面加載、分布加載、懶加載、智能加載、以及離線加載等形式。

3、觸摸手勢特征

iPhone后,手機的操作方式發生了改變,不同于功能手機的按鍵操作和筆式輸入方式。以手勢為基礎的交互方式已經取代了鼠標的交互,但是手指點擊手機的操作不準確,手勢種類繁多,迫使我們考慮更多的交互問題。

  • 手機的所有屏幕區域不是同樣易于操作的,這跟拇指與手指的滑動弧度正相關。
  • 食指在操作時,屏幕的右側空間很難操作。

手勢交互不僅僅是點擊,還有雙擊、拖拽、滑動、晃動、放大、縮小、長按、雙指旋轉等。

所以我們在產品設計的過程中要注意手勢交互的:

  • 自然性
  • 易發現性
  • 反饋
  • 有趣
  • 適合程度

4、屏幕特征

移動設備的屏幕比較小而且種類繁多;目前以觸屏操作為主,但還有按鍵配合;基于傳感器的多種輸入形式。這也是需要我們在設計過程中所要注意和了解的。

其次,我們要了解移動設計的基本原則:

1、內容優先

對于手機而言,屏幕空間資源顯得非常珍貴,為了提升屏幕空間的利用率,界面布局應以內容為核心,而提供符合用戶期望的內容是移動應用獲得成功的關鍵。如何設計和組織內容,使用戶能快速理解移動應用所提供的內容,使內容真正有意義,這是非常關鍵的。

  • 充足內容,使內容符合移動的特征。
  • 優先突出用戶需要的信息,而簡化頁面的導航。
  • 適時提升屏幕空間的利用率。

2、為觸摸而設計

點擊操作是PC時代交互的基礎,在觸摸屏設備上基于手指的手勢操作已經代替了鼠標的點擊操作。

  • 以信息架構為基礎,簡歷手勢交互規范。
  • 優先設計自然的手勢交互,而不是TAP點擊
  • 引導用戶在情境中學習手勢操作。
  • 特殊手勢不是必須的。
  • 可觸區域必須大于7×7mm,盡量大于9×9mm。
  • 手勢操作需要提供過程及反饋演示。

3、轉換輸入方式

文字輸入是移動端的軟肋之一,不管是手寫輸入還是鍵盤輸入,操作效率都相對較低。在行走或者單手操作時,輸入的出錯率也比較高。

  • 減少文本輸入,轉化輸入形式。
  • 簡化輸入選項,變填空為選擇。
  • 使用手機已有的傳感器輸入。

4、流暢性

在移動產品的操作過程中會碰到多種多樣的情況——找不到目標、不知道該怎么操作、操作后沒有及時反饋,等等,這都會對產品的流暢性造成影響。在移動產品的設計中主要從三個方面來考慮產品的流暢性:

  • 手指及手勢的操作流。
  • 用戶的注意流。
  • 轉場流暢流。

5、多通道

多通道設計是指系統的輸入和輸入都可以由視覺、聽覺、觸覺等來協作完成,協同的多通道界面和交互也會讓用戶更有真實感和沉浸感。當前各個系統平臺的基礎技術已經越來越成熟,語音輸入、手勢識別及其他由多種傳感器組成的綜合識別系統也會給用戶帶來更接近自然的感覺。作為產品設計師,也可以從其他通道的角度思考設計,給用戶更好的交互方式。

6、易學性

對于移動產品,提倡的是簡單、直接的操作,傾向于清晰地表達產品目標和價值。讓用戶快速學會使用,盡量不要讓他們查看幫助文檔。界面架構簡單,明了,導航設計清晰易理解,操作簡單可見,通過界面元素的表意的和界面提供的想說就能讓用戶清晰地知道操作方式。只有這樣的設計,才能讓用戶的學習使用沒有負擔,而不是通過幫助系統來教會用戶操作。

7、避免干擾和打斷

在玩手機時突然沒電了、寫微博時又被老板叫去做重要的事情、在搜索商品時收到一條重要的信息……在移動情境中,被各種其他的事情打斷是很正常的。

保存用戶的操作,減少重復勞動。

  • 網絡中斷狀態。
  • 編輯中斷狀態。

銜接用戶的記憶而不是讓用戶重頭開始。

8、智能有愛

在E-mail的設計中,郵件內容有“附件”文字時,如果沒有貼附件,則會提醒用戶“是否忘記附件了?”……很多這樣令人稱贊的貼心設計。在移動產品的設計中,更需要這樣的設計來提升產品的競爭力。評價一個移動產品用戶體驗的好壞,除了要看它是否滿足用戶需求和是否基友友好的可用性之外,能讓用戶感受到驚喜是在移動產品設計最為推崇的。這樣的設計往往是超越了用戶的期望,它的表現是功能、交互或者操作流雖不是用戶預期的,但是用戶能很好地理解,并且更高效、更有趣地完成任務。移動產品的設計應是驚喜有趣、智能高效和貼心的。

最后,我們要學習最新的移動平臺開發潮流趨勢:

●Android

●IOS

ps:

《iOS 7和Android 4.4奇巧巧克力:巨人之爭》

《Android的設計在行動 – 復用操作欄》

《淺析Android 4.0的通知系統(附Android 4.0設計指南全文翻譯)》

《騰訊設計師談微信的舊容與新妝,Android Design是大勢所趨》

《iOS7設計的利與弊》

《iOS 8中隱藏的14個小細節》

《扁平和簡約來襲》

《必須了解的七大移動互聯網設計趨勢》

 

部分資料參考自《移動設計》

轉載請注明來源:人人都是產品經理

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!