網(wǎng)頁(yè)設(shè)計(jì)新思路!用故事來(lái)吸引用戶(hù)
故事的存在,幾乎和人類(lèi)的歷史幾乎一樣長(zhǎng)。自人類(lèi)會(huì)說(shuō)話以來(lái),就開(kāi)始用故事來(lái)溝通信息,傳承思想,總結(jié)經(jīng)驗(yàn)。網(wǎng)頁(yè)設(shè)計(jì)本質(zhì)上也是在溝通想法和概念,這就是為什么,講故事是網(wǎng)絡(luò)上最吸引用戶(hù)的表達(dá)方式。
網(wǎng)頁(yè)設(shè)計(jì)師總在尋找更多的創(chuàng)意和方法來(lái)提升用戶(hù)體驗(yàn),所以他們也會(huì)越來(lái)越多地在設(shè)計(jì)中運(yùn)用講故事的方法。
當(dāng)設(shè)計(jì)師將故事變成一個(gè)網(wǎng)站的時(shí)候,這種引人入勝的體驗(yàn)也能更加有效地吸引用戶(hù)。講故事的形式有很多,也可以橫跨多種不同的設(shè)備,運(yùn)用在不同類(lèi)型的網(wǎng)站中。
用社交媒體講故事
現(xiàn)如今,社交媒體和網(wǎng)頁(yè)設(shè)計(jì)之間的關(guān)系越來(lái)越緊密。即便是很多大型企業(yè)也將社交媒體的按鈕放在每個(gè)頁(yè)面上,這使得分享和發(fā)布信息更加簡(jiǎn)單快捷。這也使得品牌的用戶(hù)和粉絲更便捷地同產(chǎn)品供應(yīng)商和服務(wù)供應(yīng)商溝通了。社交媒體讓品牌可以將產(chǎn)品以講故事的方式推向市場(chǎng),俘獲忠實(shí)的顧客和用戶(hù),而社交媒體可以以多樣的形式傳遞出品牌的激情,達(dá)成目的,或者炒作。
下面以Tommy Hilfiger的Facebook頁(yè)面為例。這個(gè)美國(guó)潮牌的Facebook頁(yè)面有著870萬(wàn)粉絲,如此眾多的粉絲都是Hilfiger品牌故事的忠實(shí)聽(tīng)眾。Hilfiger在頁(yè)面上分享設(shè)計(jì)、名人合作伙伴的照片和新聞以及各種宣傳活動(dòng),圖示通過(guò)圖片、視頻、文字等多種形式傳遞給用戶(hù),引人入勝。
使用圖片講故事
有時(shí)候,簡(jiǎn)單而不張揚(yáng)的圖片可以更好地講述一個(gè)故事。一圖勝千言這句話沒(méi)有錯(cuò),人本身是視覺(jué)動(dòng)物,圖片信息更容易被吸收,所以合理地運(yùn)用圖片語(yǔ)言,可以更加有效地傳達(dá)信息。
LinkedIn的注冊(cè)頁(yè)面就很好的說(shuō)明了這一點(diǎn)。當(dāng)你打開(kāi)注冊(cè)頁(yè)面的時(shí)候,左側(cè)的用戶(hù)小頭像是極具目的性的,它向用戶(hù)展示了網(wǎng)站用戶(hù)的多樣性,并且傳遞出一個(gè)信息:這個(gè)網(wǎng)站真正是適合每個(gè)人的。這些照片中的人,種族背景不盡相同,有男有女,不包括老年人,并且每個(gè)人看起來(lái)自信而快樂(lè)。哪怕是不明白社交網(wǎng)絡(luò)的人也能夠通過(guò)這個(gè)簡(jiǎn)單的信息了解到這個(gè)星球上來(lái)自不同地域不同背景的人正匯聚于此,使用共同的服務(wù)一起交流 ,甚至業(yè)務(wù)往來(lái)。
使用插畫(huà)來(lái)講故事
同圖片一樣,用插畫(huà)來(lái)講述故事也有著不錯(cuò)的效果。作為視覺(jué)上的輔助,插畫(huà)會(huì)讓用戶(hù)更加易于理解品牌故事。比起照片的簡(jiǎn)單直白,插畫(huà)的表達(dá)方式更多,它可以以抽象的方式來(lái)表達(dá),也可以更以更加寫(xiě)實(shí)的方式來(lái)講述。
在Evernote Clipper的網(wǎng)頁(yè)中,我們看到了使用了偏向?qū)憣?shí)手法的故事闡述方式。插畫(huà)與文字結(jié)合在一起,告訴用戶(hù)Web Clipper是如何工作的,看起來(lái)像故事書(shū)一樣簡(jiǎn)單直白。
使用吉祥物來(lái)講故事
說(shuō)道吉祥物,滑稽可愛(ài)幽默賣(mài)萌是它們的優(yōu)勢(shì)。當(dāng)一個(gè)公司機(jī)構(gòu)或者網(wǎng)站擁有吉祥物的話,用它來(lái)同用客戶(hù)進(jìn)行交流是一個(gè)簡(jiǎn)單方便的方法,可以通過(guò)它以幽默的方式向客戶(hù)來(lái)傳遞品牌價(jià)值,講述品牌故事,比如MailChimp。
MailChimp有個(gè)非常有名的吉祥物,名叫Freddie,它在傳遞企業(yè)理念和講述企業(yè)故事上有著極大的貢獻(xiàn)。MailChimp不論是在業(yè)務(wù)還是在生活上都奉行輕松而非嚴(yán)肅的理念,而Mailchimp在描述Freddie的時(shí)候,字里行間也能看出這家企業(yè)的精神。
你還可以從Freddie不同的頭像上感受到這一點(diǎn),不論是它微笑、眨眼還是用耳朵夾著鉛筆的時(shí)候,都通過(guò)表情傳遞著正能量,你可以直觀地體會(huì)到這個(gè)品牌形象接地氣的設(shè)定,從容而有風(fēng)度?,F(xiàn)在,你幾乎可以在MailChimp所有的頁(yè)面上看到各種型態(tài)的Freddie。
使用視差效果講故事
雖然國(guó)內(nèi)網(wǎng)站運(yùn)用的還不夠多,但是視差網(wǎng)站已經(jīng)存在好幾年了,并且目前仍然處于潮流巔峰。而流行本身很可能就證明了,這種網(wǎng)站設(shè)計(jì)本就是最簡(jiǎn)單有效的講故事的方式。在使用視差滾動(dòng)設(shè)計(jì)的網(wǎng)站中,一直向下滾動(dòng)瀏覽的方式就是一個(gè)不斷透露更多信息的過(guò)程,就像剝洋蔥一樣,它本質(zhì)上和講故事非常接近。
以The Royal British Legion為例,這個(gè)網(wǎng)站就是通過(guò)視差滾動(dòng)的方式想你展示了捐助是如何全程使用過(guò)來(lái)的必要信息。當(dāng)你向下滾動(dòng)的時(shí)候,這些充滿(mǎn)活力的故事就通過(guò)視差特效一一展現(xiàn)在你的眼前,你會(huì)看到軍團(tuán)為退伍老兵所提供的各種各樣有益的服務(wù)。
使用過(guò)個(gè)性化來(lái)講故事
個(gè)性化是當(dāng)代網(wǎng)頁(yè)設(shè)計(jì)中最重要的因素之一。個(gè)性化是有效的,而且是有力的,當(dāng)你為企業(yè)和品牌尋求個(gè)性化的時(shí)候,它就是拉近企業(yè)/品牌和客戶(hù)之間距離的神奇工具,因?yàn)楫?dāng)你使用個(gè)性化的時(shí)候,訪客、粉絲和客戶(hù)會(huì)與這個(gè)品牌產(chǎn)生認(rèn)同感和共鳴,如此一來(lái),自然就會(huì)產(chǎn)生更大的利潤(rùn)空間和可能性。
個(gè)性化讓你的品牌講述它偉大的故事。就以Pet Relocation為例子,在這個(gè)網(wǎng)站的團(tuán)隊(duì)介紹頁(yè)面中,每個(gè)成員都倍受矚目,這與傳統(tǒng)的“關(guān)于我們”頁(yè)面有著巨大的差別。你會(huì)在頁(yè)面中看到團(tuán)隊(duì)中每個(gè)人、每個(gè)寵物的微笑著的頭像,當(dāng)你鼠標(biāo)移動(dòng)到頭像上的時(shí)候,頭像會(huì)變成更加個(gè)性化的樣子——更萌、更有趣。而這種設(shè)計(jì)正是要告訴訪客,這家機(jī)構(gòu)的企業(yè)文化是講究放松和自然的。
結(jié)語(yǔ)
在人類(lèi)還生活在洞穴中的時(shí)候,墻壁上的繪畫(huà)就在講述著部落的故事。對(duì)人類(lèi)而言,講故事本就是一個(gè)自然地傳遞信息的方式,直到今天,它也依然是網(wǎng)頁(yè)設(shè)計(jì)中最重要的方式之一。你會(huì)發(fā)現(xiàn),不僅越來(lái)越多的企業(yè)和品牌機(jī)構(gòu)都會(huì)采用講故事的方式來(lái)呈現(xiàn)自己,普通的網(wǎng)站設(shè)計(jì)中也會(huì)在越來(lái)越的細(xì)節(jié)中,融入故事性。
來(lái)源:優(yōu)設(shè)網(wǎng)
我很贊同你說(shuō)的···