如何為網(wǎng)站設(shè)計一個入職流程
想想上次下載新應(yīng)用程序或登陸新網(wǎng)站的情景吧,您知道該怎么做嗎?設(shè)計是否幫助您以一種有意義的方式融入網(wǎng)站設(shè)計中?一個簡單的入職流程就能讓一切變得不同。
在考慮網(wǎng)站設(shè)計和應(yīng)用程序設(shè)計時,考慮如何引導(dǎo)訪問者盡可能創(chuàng)造最好的體驗(yàn)是很重要的。這可以包括任何事情,從幫助別人在您的網(wǎng)上商店找到物品和了解如何購買,玩游戲,或注冊電子郵件。
新入職是將任何新用戶整合到設(shè)計流程中的過程,這樣他們就能與您的網(wǎng)站、應(yīng)用程序或數(shù)字產(chǎn)品或服務(wù)有最好的互動。以下是您如何設(shè)計它的例子(以獲得靈感)。
1、視覺流程設(shè)計
一個好的入職體驗(yàn)有一個很容易在視覺上識別的開始、中間和結(jié)束。
如果用戶需要幫助或想要獲取信息,他們知道從哪里開始。這通常是在大圖上加上一行介紹性的文字。(想想英雄形象。)
然后需要執(zhí)行一個操作,比如填寫一個表單或完成一個循序漸進(jìn)的指導(dǎo)或教程。以動作已完成且用戶正在走向成功的通知結(jié)束。(這種理解感和成就感可以幫助用戶繼續(xù)上網(wǎng)。)
最后的通知應(yīng)該包括一個用戶可以完成的動作,比如"現(xiàn)在您準(zhǔn)備好玩游戲了"或者"點(diǎn)擊這里開始"。
2、向用戶展示您希望他們做的事情
新員工的入職經(jīng)歷應(yīng)該簡單易懂。如果您的網(wǎng)站設(shè)計或應(yīng)用程序使用不常見的用戶模式或不熟悉的功能,這一點(diǎn)尤其重要。
在這里,您需要向用戶展示要做什么。使用工具提示或短視頻來解釋參與度是如何工作的。解釋目標(biāo)或預(yù)期結(jié)果,以及用戶如何達(dá)到目標(biāo)。
上圖的米蘭諾特在網(wǎng)站主頁上做了一個很棒的工作。在英雄圖像區(qū)有一個電腦屏幕顯示正在使用的應(yīng)用程序。不管您是看幾秒鐘還是整個循環(huán),這個快速視頻向每個訪問該網(wǎng)站的人展示了如何與該工具和相關(guān)應(yīng)用程序交互。
3、不要說那些顯而易見的東西
當(dāng)您開始考慮指導(dǎo)和入職經(jīng)驗(yàn)時,很容易走神。抵制誘惑。
僅為不熟悉的操作或?qū)Ш教峁┲甘竞托畔?。(沒有必要解釋漢堡圖標(biāo)或常見的按鈕結(jié)構(gòu)。)
不必要地陳述明顯的交互,會冒著讓用戶失望的風(fēng)險,因?yàn)槟鷷砸环N不必要的方式擴(kuò)展一個新入職流程。最好的說明是簡單的,只在必要的時候出現(xiàn)。
伊麗莎白·泰勒(Elizabeth Taylor)的網(wǎng)站(見上圖)在頂部有一個側(cè)邊滑塊,借助箭頭,可以看到如何使用它。這使得用戶更容易按照自己的節(jié)奏參與內(nèi)容。
4、寫一份"嘶嘶作響"的拷貝
無聊的稿子不會把它剪掉的,每個小對話框——即使是那些只包含幾句話的對話框也要有趣和引人入勝。使用與網(wǎng)站設(shè)計或應(yīng)用程序設(shè)計的其他部分相同的語言。
使用主動動詞,并以友好的語氣直接指示。上圖中的Slack在這方面做得很好,它讓機(jī)器人感覺像人(即使您知道它不是人)。
不知道從哪里開始?在這里,我們有10個技巧來寫一個好的縮微版本。使用它作為您編寫對話框和用戶體驗(yàn)信息的指南。
5、明確用戶是否必須注冊
新用戶是否必須注冊您的網(wǎng)站設(shè)計或應(yīng)用程序?如果特性不能工作,它們還能工作嗎?
首先,要非常清楚地說明用戶的期望是什么,以及注冊帶來的好處是什么。然后,免費(fèi)提供"體驗(yàn)",讓人們對該應(yīng)用程序或網(wǎng)站感興趣。
然后,要求注冊解鎖更多的功能或內(nèi)容。使用只需要基本信息的表格,使問題簡單明了。(您可以隨時要求用戶提供更多的數(shù)據(jù)。)
6、提供一個教程
從第一次登陸您的頁面或應(yīng)用程序到成功,把整個過程畫出來。(如果有必要,畫一個流程圖。)
這可以幫助您判斷您的設(shè)計是簡單還是復(fù)雜。它還可以為可能出現(xiàn)的教程提供路線圖,向用戶展示應(yīng)該做什么以及如何與設(shè)計交互。
Ryan Osilla有一個偉大的看看如何常見的網(wǎng)站設(shè)計完美的登機(jī)流程(和流程圖)。示例演示了創(chuàng)建帳戶的步驟,并開始使用諸如linkedIn、GitHub、UpWork和Twitter等流行工具。(您很難找到更好的映射登機(jī)流的示例。)
雖然Osilla列出的所有示例都很簡單,但您可以使用這些信息創(chuàng)建一個教程,為不熟悉的操作提供更具體的說明。一旦您建立了流程圖,創(chuàng)建教程就很容易了。
7、一次只展示一個特征
良好的入職培訓(xùn)流程包括易于遵循(或跳過)的步驟說明。記住,我們的目標(biāo)是讓用戶對數(shù)字產(chǎn)品產(chǎn)生興奮感,讓他們了解數(shù)字產(chǎn)品,這樣您就能讓用戶高效地完成整個過程。
提供關(guān)于加載示例將持續(xù)多長時間的線索。顯示多屏幕教程或信息的進(jìn)度條,并帶有可跳過或返回的按鈕。
不要忘記關(guān)注對用戶的好處。是什么讓您的網(wǎng)站設(shè)計或應(yīng)用程序有趣?他們?yōu)槭裁匆瓿尚聠T工入職流程并繼續(xù)工作呢?把這個好處賣給每個訪問您的網(wǎng)站設(shè)計的人。
結(jié)論
入職體驗(yàn)的目標(biāo)是給用戶提供信息,幫助他們更好地理解和參與您的網(wǎng)站設(shè)計或應(yīng)用程序。記住要堅持解釋需要它的東西,告訴用戶在可能的情況下應(yīng)該做什么,并提供導(dǎo)航。
保持流程的簡單和流暢與偉大的圖像和微型副本,并獎勵用戶完成的入職任務(wù)。
您所做的任何事情都是為了保持用戶與您的網(wǎng)站的互動。它可以是一個游戲或形式,但也可以深入到內(nèi)容中。設(shè)計一些他們會喜歡的東西,使其成為可能的最好的體驗(yàn)。
想了解更多網(wǎng)站技術(shù)的內(nèi)容,請訪問:網(wǎng)站技術(shù)