用網(wǎng)站設(shè)計(jì)講故事的7種方法

網(wǎng)站不僅僅是存放有關(guān)您的應(yīng)用程序，產(chǎn)品組合或產(chǎn)品的信息的地方。它應(yīng)該講一個(gè)故事來吸引用戶并取悅用戶。（這是幫助他們堅(jiān)持下去的關(guān)鍵要素之一。）

一個(gè)好的故事可能始于筆和紙上的創(chuàng)意，但得益于設(shè)計(jì)，它才得以實(shí)現(xiàn)。

1.參與圖像

設(shè)計(jì)應(yīng)在視覺上吸引用戶。從干凈清晰的視覺效果開始。令人贊嘆的恒星照片，有趣的插圖或視頻將有助于吸引注意力并給人留下第一印象。

但是，“展示，不說”的概念并不止于此。

故事應(yīng)該充滿意象，既要通過設(shè)計(jì)技巧在視覺上，也要在屏幕上加上文字。開發(fā)一個(gè)能夠講述您所講故事的調(diào)色板，并使用能夠促使用戶完成設(shè)計(jì)目標(biāo)或任務(wù)的元素。一個(gè)好的故事將幫助引導(dǎo)用戶前進(jìn)。設(shè)計(jì)應(yīng)該是明顯的視覺匹配。

2.培養(yǎng)角色

在網(wǎng)站設(shè)計(jì)中，我們經(jīng)常談?wù)撚脩艚巧?/span>這是開發(fā)過程中的關(guān)鍵部分。故事中帶有一個(gè)角色的用戶可以將其帶入下一個(gè)層次，以便用戶識(shí)別和識(shí)別。

角色可以是真實(shí)的，可以貫穿整個(gè)設(shè)計(jì)，也可以被視為內(nèi)容中的聲音。

字符開發(fā)的一個(gè)很好的例子是來自電子郵件平臺(tái)MailChimp。該公司的卡通吉祥物和徽標(biāo)Freddie出現(xiàn)在整個(gè)設(shè)計(jì)，博客和促銷中。角色為公司做一些事情：

• 首先，該字符有助于闡明公司名稱。正如在廣泛的廣告活動(dòng)中所模仿的那樣，人們對(duì)“ MailChimp”有些困惑。看到這些單詞旁邊的黑猩猩可以使其更加清晰。
• 角色有助于展示公司刻畫的樂趣。音調(diào)和視覺效果簡(jiǎn)潔明了。
• 當(dāng)他們?cè)诖黉N方面沒有太多其他要談?wù)摰臇|西時(shí)，房地美為公司提供了一個(gè)故事。黑猩猩是怎么來的？他的名字從哪里來？等等。角色有助于保持公司故事的新鮮和向前發(fā)展。

3.邀請(qǐng)參與

通過將交互元素與常見操作配合使用，為設(shè)計(jì)增值。將動(dòng)畫效果添加到用戶需要注意的按鈕上或幫助用戶將眼睛吸引到具有方向性提示的某些元素，例如箭頭或圖像朝該交互式元素傾斜。

考慮可以使用戶與故事保持互動(dòng)的其他效果。例如，視差滾動(dòng)是一種非常吸引人的方式，可以幫助鼓勵(lì)屏幕上的移動(dòng)。這就是該技術(shù)如此流行的原因之一。

一個(gè)好的故事不必太復(fù)雜。Humaan通過簡(jiǎn)單的懸停動(dòng)畫和團(tuán)隊(duì)照片來增強(qiáng)他們的故事，以幫助您與公司背后的人見面。簡(jiǎn)單有效。（還要注意員工的攝影作品。有趣的姿勢(shì)和面部表情讓每個(gè)團(tuán)隊(duì)成員的個(gè)性都煥發(fā)光芒。）

4.設(shè)計(jì)游戲

講故事最困難的部分之一實(shí)際上是在發(fā)展它。如果您不知道從哪里開始，那么一個(gè)簡(jiǎn)單的游戲可以幫助您集中精力，甚至為用戶提供一個(gè)有趣的途徑。

在設(shè)計(jì)中添加游戲的訣竅是保持游戲的簡(jiǎn)潔，簡(jiǎn)短，并提供某種形式的獎(jiǎng)勵(lì)，例如優(yōu)惠券代碼或虛擬徽章。

不一定是您可能正在考慮的Pokemon風(fēng)格的游戲。考慮Dropbox。在您的云存儲(chǔ)帳戶中獲得更多空間是許多用戶的目標(biāo)。該公司使用游戲化工具為用戶提供更多存儲(chǔ)空間，其中包括邀請(qǐng)其他人使用Dropbox，從多個(gè)設(shè)備登錄以及連接電子郵件帳戶。游戲簡(jiǎn)單易行，成功有回報(bào)，它幫助培養(yǎng)了一批忠實(shí)的Dropbox用戶。

對(duì)于不想玩游戲或無法完成足夠任務(wù)的用戶，Dropbox提供了付費(fèi)計(jì)劃，可讓其跳過并立即獲勝。（這是游戲風(fēng)格故事的另一把戲；用戶必須能夠獲勝。）

5.使微交互有意義

考慮用戶將與之交互的設(shè)計(jì)中的微小元素。社交媒體網(wǎng)站尤其吸引了如此多的參與，因?yàn)樗鼈兺ㄟ^微交互創(chuàng)造了簡(jiǎn)單的體驗(yàn)。

作為回顧，微交互是用戶參與設(shè)計(jì)時(shí)的微小時(shí)刻。每次更改設(shè)置，發(fā)送消息，登錄或類似的狀態(tài)，您都會(huì)看到微交互。從單擊Instagram心臟（并看著它變成紅色）到點(diǎn)擊以轉(zhuǎn)發(fā)，這些反饋循環(huán)使用戶回頭。

有意義的微交互產(chǎn)生了對(duì)設(shè)計(jì)的需求。它為用戶增加了一個(gè)功能級(jí)別，使整體體驗(yàn)值得。

微交互還可以使設(shè)計(jì)有用或期望。將這些時(shí)刻與您網(wǎng)站的主要目標(biāo)聯(lián)系起來。從允許用戶共享他們剛剛購買的產(chǎn)品到向愿望清單添加內(nèi)容到注冊(cè)警報(bào)，它可以是任何東西。

6.創(chuàng)建敘述

每個(gè)故事都有一個(gè)開始，中間和結(jié)尾。

如果您的網(wǎng)站設(shè)計(jì)不代表這種故事流，則用戶可能會(huì)感到困惑或迷路。這是最簡(jiǎn)單的公式：

• 開始：徽標(biāo)和標(biāo)題。讓用戶知道您是誰以及他們?yōu)槭裁丛谀木W(wǎng)站上。
• 中：使您與眾不同的所有輔助敘述。您可以為您網(wǎng)站上的人做什么？他們應(yīng)該期待什么？
• 結(jié)束：明顯的號(hào)召性用語，例如表格，進(jìn)行購買或鏈接到其他東西的能力。

7.保持故事情節(jié)簡(jiǎn)單

這聽起來可能與第6條中的建議背道而馳，但是故事要簡(jiǎn)單。這不是1,500頁的體積。一個(gè)簡(jiǎn)單的故事情節(jié)是您可以在5秒或更短的時(shí)間內(nèi)解釋完的故事情節(jié)。

故事應(yīng)該立即吸引用戶，給人留下深刻的印象，并使他們想返回。是的，您可以從開頭，中間和結(jié)尾開始。

上游在主頁上完成了所有這些操作–用戶可以滾動(dòng)瀏覽故事的“中間”部分，但主頁上的這三個(gè)部分都可以一覽無余。視覺效果和文字講述了一個(gè)需求的故事，并幫助上游的人們提供幫助。屏幕上有一個(gè)“參與”按鈕，視覺效果驚人，您想提供幫助。

這個(gè)故事簡(jiǎn)單而有效。用戶更容易記住它……還有您。

結(jié)論

網(wǎng)站設(shè)計(jì)制作故事時(shí)，要記住的最重要的事情是您的故事應(yīng)該是您的故事。不要試圖成為不是你的東西。與虛構(gòu)的敘述相比，用戶更可能與真實(shí)性建立聯(lián)系。