• 相關文章
  • 文字效果
  • 調色教學
  • 合成教學
  • 去背教學
  • 照片後製
  • 電腦繪圖
  • 設計教學
  • 動畫教學
  • 簽名製作
  • 其他教學
  • Illustrator
  • CorelDraw教學
  • 攝影教學
  • 3DMAX教學
  • AUTOCAD教學
  • MAYA教學
  • FireWorks教學
  • flash教學
  • 繪畫教學
  • PS作品欣賞
  • 包裝設計範例
  • LOGO設計範例
  • 封面設計範例
  • 名片設計範例
  • CG繪圖設計
  • 海報設計
  • 網頁設計範例
  • PS筆刷下載
  • PS濾鏡下載
  • PS動作下載
  • PS背景下載
  • PS樣式下載




  • 【 設計理論】淺談遊戲設計中值得學習的移動引導模式




    淺談遊戲設計中值得學習的移動引導模式

    這一次的教學是屬於設計理論領域中的設計理論的相關教學。

    文章出處是來自優設的設計理論類文章,寫教學的作者是佚名,感謝佚名提供設計理論的實作教學。

    教學大綱:

    設計模式對於啟發和教育設計師來說是絕好的資源。但通常的做法並不等於最好的做法。在這篇文章中,我們將要審視為什麼很多常見引導界面中的模式是無效的,以及如何利用遊戲的設計原則來提升用戶的參與度。


    設計理論教學開始

    設計模式對於啟發和教育設計師來說是絕好的資源。但通常的做法並不等於最好的做法。在這篇文章中,我們將要審視為什麼很多常見引導界面中的模式是無效的,以及如何利用遊戲的設計原則來提升用戶的參與度。

    在《移動應用UI設計模式》第一版問世之後,Intuit讓我跟這個移動團隊對話。我曾經在不同行業(服裝、建築、軟件等等)以高水平談論設計模式的價值,以及它們為何能成為有用的教學工具。

    Alissa Briggs,Intuit的一位高級UX經理,作為從Snap Payrol學習的案例而跟隨了我的談話。想象一下,當她看過我書(Dialog,How It Works,Tour and Transparency)中每一個“邀請”模式,並指出它們是如何沒能有效留住用戶的時候,我是有多麼驚訝。用戶因為這些額外的“有幫助的”頁面而感到困惑或沮喪(或者兩者兼有)。

    淺談遊戲設計中值得學習的移動引導模式

    一些Intuit公司的Snap Payroll引導中的測試概念(來自“Dialog, How It Works, Transparency and Tour”)

    不久之後,我和RetailMeNot共事,測試iOS和安卓應用的引導界面。這個產品團隊希望能夠確保用戶了解這個工具的價值主張,並知道從哪裡訪問特定操作(收藏商店、保存優惠券等等)。

    我們認為非常簡短的導引(三步走)或者一個視頻指導應該會有所建樹。一些利益相關者喜歡那些半透明的想法,所以我們也測試了這種。但這些都沒有吸引到用戶,它們只是讓用戶感到灰心喪氣。

    其中一位RetailMeNot測試的參與者說:

    “我只是想要進入app然後開始探索。”

    總之,用戶測試表明,用戶跳過或以其它方式忽略對話框、導引、視頻指導和半透明的層。最好的情況里,用戶只發現一點小小的不便。最糟糕的時候,這個模式嚴重阻止了那些想要進入應用的新用戶。

    淺談遊戲設計中值得學習的移動引導模式

    部分RetailMeNot的引導界面概念:半透明、視頻指導、三步導引(大圖)

    為什麼這些模式沒用?

    那麼,為什麼這些模式沒用?我轉而在遊戲設計中尋找答案。遊戲設計者一直都知道你不能把新玩家丟到戰場中央還期待他們會喜歡這種體驗。大部分玩家都會在搞清楚如何開火併回擊之前就死掉了。

    在遊戲設計中,一些深層次的銜接方法更加有效。這同樣適用移動應用。雖然賭注不一定是(虛擬的)生命或死亡,但令人無奈的是,當用戶感覺自己無所適從的時候,其體驗是一樣的。當這種事總是發生在你用戶身上的時候,你的應用就game over了。

    淺談遊戲設計中值得學習的移動引導模式

    傳送門(Portal)在推進遊戲時,為玩家提供了一個安全的環境來學習如何控制。

    Extra Credits的在線視頻系列從一個局內人的角度,周到地環視了遊戲世界的各個方面。“Tutorials 101”是一個夢幻般的視頻,就算是應用設計者也會樂於觀看(跳過那些討厭的花栗鼠配音 – 這很值得)。

    “Tutorials 101”列舉了一些起草有效遊戲引導的基本規則,我們可以將其擴展到移動設計中:

    使用更少文字

    不要提前全說

    讓它好玩點

    通過遊戲加強學習

    傾聽你的玩家

    守則1:使用更少文字

    當我們想要解釋一件事,一般說話是最常用的工具。但是當我們想讓用戶學習某件事,書寫下來的文字變成了關鍵。“Tutorials 101,”說我們應該避免僅僅依靠文字因為“它謀殺步調、破壞沉浸感,而且經常被那些最需要引導的玩家跳過。”

    太多的文字變成了一種“說出來而非展現出來”的方式,這削減了移動應用的優點。實際上,引導應該是“展現出來,而非說出來”;它們應該是可互動的,讓用戶邊做邊學。當一個人事先練習過某個動作,和那些只是被告知應該怎麼做的用戶相比,在需要使用這個動作的時候更容易想起來應該怎麼做。

    這裡是一些例子:

    Boomerang vs. Mailbox

    淺談遊戲設計中值得學習的移動引導模式

    Boomerang 的安卓版文字太多了(參見規則: “不要提前全說”)。

    淺談遊戲設計中值得學習的移動引導模式

    Mailbox 的iOS引導文字鼓勵用戶邊做邊學。(觀看視頻)

    DigiCal vs. Fantastical

    淺談遊戲設計中值得學習的移動引導模式

    In DigiCal 的安卓版,描述活動的文字太抽象了。

    淺談遊戲設計中值得學習的移動引導模式

    In Fantastical 的iOS版,引導界面邀請用戶使用他們需要了解的手勢。(觀看視頻)

    Catch(2013)vs. Clear

    淺談遊戲設計中值得學習的移動引導模式

    Catch的安卓版教程告訴用戶自己的特點和動作,但是不讓用戶嘗試。

    淺談遊戲設計中值得學習的移動引導模式

    In Clear for iOS,默認視圖已經預加載了一些任務,用戶可以邊做邊學。

    有辦法展現並可以不說的時候,按奈下使用文字的衝動。使用文字提示“情況”,然後讓用戶通過操作查看“效果”。

    守則2:不要提前全說

    “如果你前置加載了你的引導,並在一開始就告訴你的玩家所有的事情,”Extra Credits在“Tutorials 101”中說,“他們會被信息淹沒,而且缺乏參與”,把這句話中的“玩家”換成“用戶”,其對於應用設計師的意義來說顯而易見。

    不要讓用戶被信息淹沒,反正在他們需要使用的時候,估計也沒人記得了。在用戶需要的時候,精確地提供簡單易懂的信息塊。記住你是在製造第一印象。難道你寧願給你用戶的第一印象是萬念俱灰什麼都不想要嗎?

    Dooo vs. Todoist

    淺談遊戲設計中值得學習的移動引導模式

    Dooo的iOS版前置加載的信息洋洋洒洒11頁。

    淺談遊戲設計中值得學習的移動引導模式

    In Todoist的iOS版,一個小標題邀請用戶添加第一個任務,然後出現另一個提示告介紹選項菜單。(大圖)

    UserTesting的最近一篇文章“從Facebook的新應用Paper中學到的6堂UX課。”也提到“用戶喜歡引導遊覽” — “引導遊覽”意味着在用戶初次使用時出現的一系列短小的交互提示。

    淺談遊戲設計中值得學習的移動引導模式

    Facebook的Paper應用在內容流中使用交互提示。

    不要在一開始就把所有他們可能需要的信息都放出來。只是在他們需要的時候,給他們一個小小的塊。

    守則3:讓它有好處

    事實上,你可能還記得“Tutorials 101”的守則是“讓它好玩點”,當然了,“好玩”並不適合所有應用。但是視頻旁白說,“你的引導應該儘可能像遊戲的其他部分一樣吸引人”,我們就可以發現在某種意義上說,這條規則也適用於我們。

    雖然我們不能讓學習應用的過程變得有趣,但是還有辦法讓它變的有好處,並且令其無縫流動到應用的全局體驗中去。其中一個很好的辦法就是允許用戶真正完成操作的交互性。這種方法可以增強用戶的學習。

    儘管“好玩”並不能作為一個正確的基調,但是添加一些有趣的感覺還是可行的。我們來看看兩個在這方面截然不同的應用,NBC News和Flipboard,後者例示了正確的方法。暫且不管那5個半透明界面上的“有趣”字體,NBC的引導看起來還是像個講座。而另一方面,Flipboard在一開始給人感覺就完全不同。

    沒有說明文字,屏幕下半部分有趣地翻轉了一點,吸引你在翻轉之前去看一眼。之後它又重複了一次,你可能會知道你需要划動來打開下面的內容。但是如果你沒有的話,會有一個彈出式窗口提醒你“划動以繼續”。

    每次翻轉漸變都強化划動手勢,新用戶藉此學會了在Flipboard中探索內容所必須的操作。有趣且有好處。

    NBC News vs. Flipboard

    淺談遊戲設計中值得學習的移動引導模式

    NBC News的iOS版是有有趣的字體,但是這種長篇大論一點好處都沒有。

    淺談遊戲設計中值得學習的移動引導模式

    Flipboard的Android版和iOS版嵌入了有趣的提示,加強導航應用所需的關鍵手勢。

    與你的應用意義做更深入的融合,在適當的地方考慮添加有趣的元素,為用戶邊做邊學創造緊迫感。

    守則4:通過使用加強學習

    還記得當你在科技課上通過一個簡單的實驗而明白了一個概念的驚喜瞬間嗎?這就是我們要說的。當然老師已經向你解釋過那些概念了,但當你做過實驗之後,你才真正學到了。

    引導界面也是一樣。如果你遵從前面的三條手守則,這種加強手段會在很大程度上幫助到自己。它可以很簡單,比如伴隨一點視覺或聽覺反饋的操作示範引導。

    然後,當用戶進行之後的操作,相同的反饋會加強他們所學。(如果你使用聲音反饋,提供關掉它的方法,這樣當用戶熟悉應用之後,這種提示也不會變成噪音)

    這個規則是“不要提前全說”的補充。不要試圖一次展現你的應用的所有方面,精心安排讓用戶逐步深入到你的應用中。隨着時間的推移或者意料之外的“好處”逐漸揭示更多的功能,這樣你就可以在用戶使用應用的時候加強他們的認識。

    淺談遊戲設計中值得學習的移動引導模式

    Polar在一些輪詢得到回答之後,會提供一個小提示來激勵用戶。Duolingo的用戶在掌握技能之後獲得獎勵並升級。

    淺談遊戲設計中值得學習的移動引導模式

    Any.do在安卓首頁上放置了小插件,以鼓勵用戶參與並提供自發的獎勵。

    學習不是一蹴而就的。使用應用應該不斷強化引導所教,幫助用戶學習。

    守則5:傾聽你的用戶

    考慮到你已經深入建構並完善你的應用幾個月了,誰是闡釋這個應用的最佳人選?應該不是你,根據“Tutorials 101”,旁白這麼說:

    “當你作為一個在項目里勤勞耕耘一兩年的設計師,那些實際上完全不可理解的東西在你看來,也是直觀和明顯的。”

    簡單來說,適當地進行一些用戶測試就可以發現不少問題。關注你的用戶是在哪裡卡住的,以及在哪裡遇到了問題。傾聽他們的意見,因為是他們在於應用交互。不要到後來再問他們,如果你在他們使用應用的時候就問他們,你會更容易引導他們自然而然地回答你想要知道的。

    Snap Payroll的設計者通過用戶測試,最終發現引導體驗、或者上下文提示,可以得到最佳的效果。在RetailMeNot上的四輪測試讓我們得到了相同的結果。

    淺談遊戲設計中值得學習的移動引導模式

    Snap Payroll的上下文提示測試對用戶非常好,RetailMeNot也是。

    熟悉讓你不知道哪些是用戶需要學習的。讓用戶通過公正的用戶測試告訴你。

    — —

    文章永久連結為: 淺談遊戲設計中值得學習的移動引導模式