交互設(shè)計:設(shè)計更好的用戶入場體驗框架

7 評論 10057 瀏覽 73 收藏 10 分鐘

一個好的移動產(chǎn)品應(yīng)該有一個穩(wěn)固的用戶入場策略。

在一周內(nèi),將一個產(chǎn)品從草圖、設(shè)計到艱難的開發(fā)。滿懷信心的準備上線,你團隊情緒高漲。這個時候,有個心里的聲音問你:這款產(chǎn)品能成功么?

用戶入場體驗與應(yīng)用產(chǎn)品的成功有很大關(guān)系,做的好,人們會再次試用產(chǎn)品;而做的不好會直接影響產(chǎn)品在用戶心中的滿意值。

好的入場設(shè)計,對吸引用戶來說很有價值,彌合用戶期望產(chǎn)品可以幫助他們實現(xiàn)的期望和實際不足之間的差距。

“一個用戶在首次使用時感覺到毫不費力,才表現(xiàn)出一個產(chǎn)品的價值。”

指令行為的框架需基于戰(zhàn)略性地與用戶入場過程的兩個方面進行對比,以便更好地了解移動產(chǎn)品設(shè)計的有效用戶的入職過程。

指導(dǎo)行動框架基于戰(zhàn)略性地與用戶入職過程的2個構(gòu)建塊進行比較:

引導(dǎo)元素

引導(dǎo)元素是你最好的朋友。無論是注釋,模版還是其它的復(fù)制方式,使用引導(dǎo)頁來有效地向用戶傳達如何使用應(yīng)用程序,以便發(fā)現(xiàn)其核心價值,開始吸引用戶深入。

一些最流行的引導(dǎo)元素:

  • 飛濺屏幕
  • 歡迎屏幕(帶有核心功能說明)
  • 注釋
  • 權(quán)限
  • 解釋性模式
  • 視頻講解

人們?nèi)绻荒芰⒓戳私饽膽?yīng)用的核心點,很難再次使用您的應(yīng)用程序。

常用的幾種引導(dǎo)頁面

行為要素

Nir Eyal的鉤子模型說,有人在一個產(chǎn)品中采取的行動是由仔細設(shè)計的說服元素觸發(fā)的。理想地,這些元素是激勵和教學內(nèi)容的組合,使得用戶具有執(zhí)行任務(wù)的原因并且還知道如何這樣做。

“用戶需要立即了解,如何充分利用應(yīng)用程序?”

當涉及行動要素時,請考慮戰(zhàn)略設(shè)計元素:明確的行動呼吁和合適的視覺效果,作為用戶的觸發(fā)。最小的箭頭可以產(chǎn)生很大的影響。向使用者發(fā)出指示他們正確的軌道。而不是猜測他們是否應(yīng)該點擊或滑動,用戶會感到鼓勵采取行動。

行為元素的幾個例子:

  • 簽到
  • 注冊
  • 允許訪問
  • 可操作的工具提示

行為元素的幾個例子

在任何給用戶設(shè)置的流程中,引導(dǎo)要素和行為元素一起運用,都可以引導(dǎo)用戶體驗產(chǎn)品的價值。而如何組合這兩種類型的元素取決于屏幕的用途和入門過程的整體邏輯。

應(yīng)用程序屏幕的一些典型示例可能有:

  • 瀏覽app中的主要功能
  • 介紹app中的最佳操作
  • 收集基本的用戶帳戶信息,以便設(shè)置app為使用它的人量身定做
  • 解釋一個功能的同時允許用戶去體驗它,使它有用又有趣

上傳app功能:向用戶展示app的功能,并提供能看一眼就知道做些什么,或者只需要一點點金額支持

“讓應(yīng)用程序的核心價值在你每次使用的時候都顯現(xiàn)出來?!?/a>

現(xiàn)在是時候評估如何使用引導(dǎo)和行為元素。

人們第一次使用程序時,很難發(fā)現(xiàn)應(yīng)用程序的核心價值。因此,用戶入場流程有責任讓這個人重新回到正軌并進入下一個流程。

基于這個前提,我們意識到我們有兩個主要的領(lǐng)域:入場部分和內(nèi)場部分

外部產(chǎn)品的入場

有人下載和使用一款應(yīng)用程序的途徑是什么,而不收集關(guān)于產(chǎn)品的最少信息,并相信其承諾?

用戶入場后,就是用戶體驗它們的時刻了。但這一切都是從他們第一次使用產(chǎn)品開始,或者我們稱之為產(chǎn)品入門階段。而且一般在使用產(chǎn)品前,就會通過社交媒體或者、產(chǎn)品官網(wǎng)和App store上了解過。所以在第一次接觸時,用戶對產(chǎn)品有了一定的了解,直接在第一個階段跳轉(zhuǎn),而這只是新手用戶入門的第一步。

新手用戶入門的第一步

當你說服某人下載你的應(yīng)用程序,然后他們第一次打開應(yīng)用程序時,會帶來什么樣的經(jīng)歷?

這是新手產(chǎn)品用戶入場的第2步。

方法一:可以使用幾個引導(dǎo)元素(漂亮的視覺效果和復(fù)制位)和行為元素來獲取應(yīng)用中的用戶。向用戶展示應(yīng)用程序最引人注目的幾個優(yōu)勢在精心設(shè)計的屏幕中,并鼓勵他們每一步都嘗試自己完成。

方法二:向用戶明確分享自己的信息,從長遠來看能得到回報。使用引導(dǎo)元素使您的意圖清晰,行為元素指引用戶正確的方向。

如果你想設(shè)法提升用戶的興趣,并鼓勵他們給予應(yīng)用一個機會,你可以試著進入用戶入門的第二個主要領(lǐng)域。

內(nèi)部產(chǎn)品入場

用戶直接進入應(yīng)用程序,他們就會期望上一個進入階段的操作在這個階段的反饋。你不想他們迷路,必須告訴他們下一步該去哪兒和為什么去那兒。

Instagram這方面就做的很好,解釋了允許訪問照片和麥克風的好處,并給你自己做選擇。

入場流程的重點應(yīng)該是引導(dǎo)用戶走向應(yīng)用程序的核心價值功能。幫助他們發(fā)現(xiàn)應(yīng)用程序如何改善他們重復(fù)做的事情,或者應(yīng)用程序有多好玩、有趣。做到了以上所說的,用戶將會更加打開心扉,可以一次性讓用戶去發(fā)現(xiàn)這個應(yīng)用的更多功能。

我們來看幾個例子,說明入場流程如何引導(dǎo)用戶直接找到應(yīng)用的核心功能。

對于社交應(yīng)用程序,人們期望能夠盡快與朋友溝通,來確定產(chǎn)品的新功能。確定產(chǎn)品的核心功是能與朋友和家人聊天的能力,還是說設(shè)置用戶的個人資料,是同樣重要么?向用戶展示如何設(shè)置最少信息字段,如何添加朋友(提供導(dǎo)入聯(lián)系人的選項),來使其能夠自由聊天。然后穿過你的手指。

“一個好的入場流程將引導(dǎo)新用戶走向應(yīng)用程序的核心價值功能?!?/a>

對于日歷應(yīng)用的程序,都是關(guān)于產(chǎn)品如何組織用戶的日程安排。允許用戶導(dǎo)入或同步來自其他平臺的現(xiàn)有日歷和事件(如果需要的情況下)。用戶快速使用獲得產(chǎn)品的感受,這個日歷的設(shè)計特色是什么?計劃是否如何分析?什么樣的定制可用于不同類型的事件?

對于照片編輯應(yīng)用程序,向用戶展示整個過程操作的簡單性。使用戶能夠從相機膠卷中選擇圖像或者現(xiàn)場拍攝照片,并在必要時使用引導(dǎo)語知道編輯過程,并最終能實現(xiàn)共享。對于使用圖片編輯應(yīng)用的人員,流暢的編輯流程和產(chǎn)品的質(zhì)量同樣重要。

一個好的移動產(chǎn)品應(yīng)該有一個穩(wěn)固的用戶入場策略。在不限制自己產(chǎn)品本身的情況下,通過仔細查看應(yīng)用的核心功能來著手規(guī)劃,無論應(yīng)用實在廣告還是板載的屏幕,所有的內(nèi)容都必須對產(chǎn)品及其功能做出寶貴的宣傳。

 

譯者:?Lainey

自譯鏈接:https://www.invisionapp.com/blog/user-onboarding-framework/

本文由 @?Lainey 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來自PEXELS,基于CC0協(xié)議

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. Splash screen 初始屏幕; 啟動屏幕

    來自浙江 回復(fù)
  2. 我去,看完好焦躁,這是翻譯的文章吧? ??

    來自四川 回復(fù)
    1. 是的呢,是覺得文章的通順度欠佳,還是翻譯語句有誤呢?如果是翻譯有誤麻煩可以指出來嘛;如果是文章通順度欠佳,您可以復(fù)制鏈接查看原文喲~

      回復(fù)
  3. 不錯哦!

    回復(fù)
    1. 互勉??

      回復(fù)
  4. 這個app用戶這么少嗎,都沒我這人評論

    回復(fù)
    1. 閱讀量撐著在??

      回復(fù)