萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> iPad應用的十大用戶體驗設計准則

iPad應用的十大用戶體驗設計准則

  咱先祝各位情人節快樂吧,宅基腐都沒太大所謂,2012了,圖個樂呵。話說今次上新與之前一篇的間隔稍微長了些,不過也確實盡力而為了;天天夢裡都在翻譯東西,滿腦子的iOS、交互設計、用戶體驗……希望事情都能快快的順利搞定。

  閒話不多說了,今天的這篇譯文同樣是移動方面的話題。有人說了你這不叫為“網而生麼”,哪來這麼多移動的東西呢?這事兒也不奇怪,首先這是我個人目前最關注的方向,也是除了工作時間以外花費精力最多的地方;其次,正像我們在“從網站到移動客戶端應用 - 隨機應變的用戶體驗設計 ”一文中提到的,我相信很多同行朋友們無論一直以來主攻哪個方向,也許現在都已經開始琢磨著探索移動應用的相關領域了;其實這是個生態問題。OK我們果斷進入正文。

  與眾多優秀的產品相同,iPad應用的成功也取決於產品核心價值以及用戶體驗模式等諸多方面的因素。除了游戲之外,多數類型的應用都必需能夠在一定的上下文環境中幫助用戶解決某些特定的問題。它應該足夠的簡單易用,使用戶不需要進行復雜的設置和學習就可以順利上手。而產品在視覺外觀、交互方式、情感聯接等方面的表現更會直接影響到用戶對於應用的體驗滿意度。

  在本文中,我們將共同了解一些你在設計工作中需要認真考慮與貫徹的指導准則。我們不會對創建iPad應用的完整設計流程進行講解,也不會將時間花費在幾乎任何一篇移動應用設計文章都會提到的那些細節當中的小方法小竅門上。本文的主要目的是幫助你在實際的iPad應用項目中制定更加合理與正確的產品設計決策。

  1.瞄准核心需求,簡化產品功能

  優秀的iPad應用通常可以讓用戶以最簡單的操作方式完成一個或多個非常明確的任務目標。你需要在產品的概念階段對功能模式進行有針對性的選擇與摒棄。不妨試著以一種面向目標的思路來判斷功能在產品中的存在價值:針對自己產品的方向及概念模式,設想用戶會在哪些典型的需求用例中進行使用,將任何能夠想到的需求與任務目標都記錄下來。接下來,與你的團隊進行頭腦風暴,盡量全面的羅列出用戶在完成這些任務目標的過程中有可能會用到的功能。然後,在這份功能清單當中提煉出一套能夠確保實現需求目標的最精簡的功能集合。最後,還可以向這個最小化的功能藍圖當中增加一些有助於提升產品用戶體驗的特色功能。

  來看些實例。Epicurious這款食譜應用在核心功能的集約方面做的相當到位——沒有復雜的界面與操作方式,用戶完全可以邊學習邊實際操作,享受烹饪的樂趣。特別是在橫屏狀態下,左側是很清晰的原料配置清單,而右側的主要內容區是詳細的烹饪操作流程。用戶還可以很輕松的通過一個可拖動定位的標記來記錄下當前的烹饪流程進行到了哪一步。另外,關於當前這道食譜的評論及技術提示等相關內容都被集成到了下方的tab視圖中,這樣即保證了界面的簡約清晰,又可以讓用戶在需要的時候能夠很輕松的查看到這些內容。

iPad應用的十大用戶體驗設計准則 三聯

  Whole Foods也是一款烹饪輔助類型的應用,如果用戶希望對某些菜譜進行嘗試,它可以幫助用戶將那些所需的食材配料生成為購物清單。不過很遺憾的是,這款應用忽略了不同菜譜之間包含著相同配料的問題,使得最終生成的購物清單往往會在某些項目上產生重復的現象。我們可以在下面的截圖中看到,香蕉桑出現了三次:

ipad-app-product-user-experience-design-whole-foods

  另外,不要到處使用按鈕一類的視覺交互元素;在很多情況下,操作控制行為完全可以通過手勢來完成。例如,iOS自帶的備忘錄並沒有常規的編輯模式入口,用戶只要輕按界面就可以進入編輯狀態;內容也會被自動保存,不需要用戶執行相關操作。而iOS原生的選擇、剪切、復制、粘帖等編輯功能都只需要簡單的基本手勢即可完成。撤銷操作相對特殊一些,需要搖晃機身。

ipad-app-product-user-experience-design-ios-note

  2.打造更加智能化與個性化的產品體驗

  沒人喜歡花錢買回一款應用還必須首先進行復雜的設置才能正常使用。要盡量充分地利用iPad及相關Web端服務的技術能力,對用戶在上下文環境中的各方面特征進行更加細微准確的了解與分析。考慮一下有沒可能對用戶的地理位置信息、行事歷、微博feed、Gmail賬戶中的訂閱或是通訊錄等進行合理合法的利用,使你的應用能夠為用戶提供更加智能、更加個性化的內容及功能。

  Zite是一款令人叫絕的內容閱讀類應用,它會讀取用戶在Google Reader、Twitter和Delicious賬戶中的內容信息, 分析用戶的個人喜好,並在此基礎上向用戶推薦其他內容源當中的相關文章 。我(英文原文作者)試著在這款應用中授權我的Delicious賬戶,五秒鐘之內,它就完成了對我曾經收藏過的文章的分析,並基於我的興趣方向生成了一本完全個性化的雜志,讓我可以閱讀到更多自己感興趣的新文章。這類應用與Pandora等服務類似,你用的越多,它們就越了解你,相應的內容輸出也就越發的個性化。雖然很多人認為,相比於Zite來說,Flipboard的UI設計及相關的交互體驗更加誘人,但Zite依然可以在智能化與個性化等方面占有優勢。

ipad-app-product-user-experience-design-zite

  下圖是Zite自動生成的雜志界面:

ipad-app-product-user-experience-design-zite-mag

  3.注意應用產品的上下文環境

  根據你的產品所面向的核心需求,考慮用戶會在哪些典型的情景環境中進行使用。iPad的常見使用環境包括餐廳、機場、行車途,或是家中的廚房、臥室、書房等。在你對產品的功能及體驗模式進行規劃的過程當中,是否有必要考慮使用場景方面的因素對現有設計模式的影響作用?舉個例子,對於食譜類的應用來說,用戶在廚房中使用時的需求目標與在臥室中使用時的狀況也許會存在很大差異。

  OpenTable主要提供訂餐方面的服務。在它的Web端,餐廳搜索結果的展示形式就是很傳統的信息列表。而它的iPad客戶端應用的產品概念則體現出了移動應用上下文環境與功能需求之間的高度關聯性。其默認視圖下的用戶界面主要由地圖與餐廳列表組成,用戶可以直接搜索自己當前位置附近的餐廳。相比於Web端的產品模式,iPad應用中的這些功能特色都更加符合用戶在使用移動設備完成相關任務時的實際需求。

ipad-app-product-user-experience-design-opentable

  Awesome Note也是個不錯的例子。它所提供的默認分類方式很准確的反映出了人們使用iPad的常見環境及需求用例。

ipad-app-product-user-experience-design-awesome-note

  GroceryIQ是一款購物清單類型的應用,它的一個重要特色是允許用戶按照不同商店來歸納與篩選自己需要購買的商品,非常符合人們在實際購物需求中的心智模型。

ipad-app-product-user-experience-design-groceryiq

  4.考慮多用戶與多設備的情況

  家庭成員之間通常會使用同一部iPad來完成各自的需求目標;另外,全家人圍坐在一起共同使用的場景也是很常見的。與手機或個人電腦不同,iPad 的個人色彩相對較弱,它更像是咖啡桌上的雜志,具有很強的共享性。在很多類型的iPad應用當中,賬戶管理方面的功能是不可或缺的,包括最基本的賬戶切換,以及對於當前處於登錄狀態的賬戶提示等。對於某些擁有多設備版本的內容類應用來說,賬戶管理的一個重要作用就是在iPad和iPhone等設備之間保持內容的同步更新。

  舉個例子,Flipboard允許多個用戶通過不同的賬戶登錄,並會在首頁當中顯示當前登錄賬戶的名稱。

ipad-app-product-user-experience-design-flipboard

  再來看FedEx的iPad應用,雖然其界面整體風格非常灰暗,但登錄賬戶的信息仍然可以很明顯的被辨識出來。

ipad-app-product-user-experience-design-fedex

  而eBay的客戶端在這方面就略顯不足,用戶必須點擊左上方的“我的eBay”才能浏覽當前的賬戶信息。

ipad-app-product-user-experience-design-ebay

  5.

copyright © 萬盛學電腦網 all rights reserved