通過(guò)網(wǎng)頁(yè)設(shè)計(jì)也能講故事，以前還真不知道!

網(wǎng)頁(yè)設(shè)計(jì)師總是通過(guò)各種創(chuàng)意、方法來(lái)提升用戶體驗(yàn)，吸引用戶瀏覽網(wǎng)站。其實(shí)，還有一種很便捷的方法，也可以吸引到用戶，那就是講故事。在網(wǎng)頁(yè)設(shè)計(jì)中，運(yùn)用講故事的方法，能夠很好的吸引用戶。故事有很多類型，可以應(yīng)用在不同類型的網(wǎng)站中。

 

一、用吉祥物講故事

可愛(ài)的、幽默的、賣萌的、搞笑的……不同的吉祥物，有不同的形態(tài)。當(dāng)一個(gè)企業(yè)或者網(wǎng)站使用吉祥物與用戶溝通，是一項(xiàng)非常簡(jiǎn)單有效的方法。可通過(guò)吉祥物這種個(gè)性化的方式，向用戶傳遞品牌價(jià)值，講述品牌故事。

MailChimp(郵件猩猩)是一家從事郵件營(yíng)銷的企業(yè)，這家企業(yè)有一個(gè)非常有名的吉祥物，叫Freddie。在MailChimp所有的網(wǎng)頁(yè)上，都可以看到形態(tài)各異的Freddie，不同的表情，例如微笑、眨眼睛等，都傳遞著正能量。MailChimp正是借助Freddie來(lái)傳遞企業(yè)故事，宣傳企業(yè)理念。

二、用圖片講故事

 

一圖勝千言，人是一種視覺(jué)動(dòng)物，更容易被圖片信息所吸引。在搭建網(wǎng)站的時(shí)候，我們可以合理運(yùn)用圖片語(yǔ)言，傳遞網(wǎng)站信息。

在注冊(cè)LinkedIn，國(guó)際知名職場(chǎng)社交平臺(tái)頁(yè)面時(shí)，頁(yè)面左側(cè)的用戶小頭像就極具目的性。這些頭像展示著不同的種族、不同的性別、不同的年齡人群，他們每個(gè)人都看起來(lái)快樂(lè)又自信。哪怕是不善于在社交網(wǎng)絡(luò)進(jìn)行溝通的人，都可以通過(guò)這些頭像，簡(jiǎn)單的了解這些來(lái)自不同背景、不同地域的人。讓他們可以因?yàn)橄嗤�的服�?wù)一起交流，甚至進(jìn)行業(yè)務(wù)往來(lái)。

三、用插圖講故事

插圖作為視覺(jué)的輔助，可以讓用戶更加快速的了解這個(gè)企業(yè)的品牌故事。相較于簡(jiǎn)單直白的照片，插圖的表達(dá)形式有很多種，能夠更加寫實(shí)的講述該品牌的內(nèi)容。

在Evernote Web Clipper(印象筆記)的頁(yè)面中，我們可以看到該網(wǎng)站采用偏向?qū)憣?shí)的手法，闡述企業(yè)品牌。通過(guò)文字與插圖的結(jié)合，告訴用戶該網(wǎng)站是如何為用戶提供價(jià)值的，看起來(lái)就像看故事書一樣簡(jiǎn)單、直白。

四、用視差效果講故事

 

視差效果網(wǎng)站，正是采用簡(jiǎn)單、有效的講故事方式，將網(wǎng)站的信息，像剝洋蔥一樣，呈現(xiàn)到用戶眼前。視差滾動(dòng)設(shè)計(jì)的網(wǎng)站，只要使用鼠標(biāo)一直往下滾動(dòng)，就可以在滾動(dòng)中不斷獲取更多的信息。

The Royal British Legion(英國(guó)皇家退伍軍人協(xié)會(huì))這個(gè)網(wǎng)站就是利用視差滾動(dòng)的方式，向用戶傳遞全程如何操作、使用的重要信息，幫助用戶獲取到軍隊(duì)為退役老兵提供的各項(xiàng)有益服務(wù)。

五、用社交媒體講故事

社交媒體平臺(tái)讓品牌，可以將產(chǎn)品以講故事的方式推向市場(chǎng)，獲取忠實(shí)粉絲�，F(xiàn)在很多明星或者企業(yè)都借助社交媒體，進(jìn)行分享或發(fā)布信息，品牌的粉絲可以更快捷的了解產(chǎn)品，與企業(yè)或者明星產(chǎn)生互動(dòng)。

Facebook(臉譜)上的Tommy Hilfiger(湯美費(fèi)格)企業(yè)，就是典型的以社交媒體講故事的方式，吸引了大量的粉絲。Hilfiger在Facebook上分享產(chǎn)品設(shè)計(jì)、企業(yè)新聞、合作伙伴信息等，通過(guò)照片、視頻、文字等多種方式向用戶傳遞企業(yè)信息。

六、用個(gè)性化講故事

 

當(dāng)你的網(wǎng)站具有足夠的個(gè)性，就可以吸引到訪客、粉絲或者客戶。讓他們認(rèn)可這個(gè)品牌，與這個(gè)品牌產(chǎn)生共鳴。如此一來(lái)，企業(yè)就能創(chuàng)造巨大的利潤(rùn)空間。

Pet Relocation(寵物搬遷)這個(gè)網(wǎng)站的團(tuán)隊(duì)介紹頁(yè)面，每個(gè)成員都備受用戶關(guān)注。與傳統(tǒng)的“關(guān)于我們”頁(yè)不一樣，這個(gè)頁(yè)面的每個(gè)人、每個(gè)動(dòng)物的微笑頭像都是極具個(gè)性化。將鼠標(biāo)移動(dòng)到某一頭像上，就會(huì)產(chǎn)生更有趣的個(gè)性化的樣子。正是這種個(gè)性化的網(wǎng)頁(yè)設(shè)計(jì)，讓用戶在這個(gè)網(wǎng)站上能夠更加放松、自然。

從人類開始說(shuō)話以來(lái)，就是使用各種故事來(lái)進(jìn)行溝通，傳遞思想，直到現(xiàn)在，亦是如此。我們?cè)谠O(shè)計(jì)網(wǎng)頁(yè)的時(shí)候，也可以采用講故事的方法吸引用戶，讓企業(yè)和品牌采用講故事的方式呈現(xiàn)自己，這樣才能更好的被用戶接納認(rèn)可，從而創(chuàng)造網(wǎng)站價(jià)值。