故事的存在幾乎和人類的歷史一樣長。人類既然會說話,就開始用故事交流信息,繼承思想,總結經驗。從本質上來說,網頁設計也是交流思想和概念,這也是為什么說故事是互聯網上最有吸引力的表達方式。
網頁設計師總是在尋找更多的想法和方法來改善用戶體驗,所以他們在設計中會越來越多地使用講故事的方法。
當設計師把一個故事變成一個網站,這種引人入勝的體驗可以更有效地吸引用戶。講故事有多種形式,也可以在不同類型的網站上通過各種不同的設備使用。
在社交媒體上講故事
如今,社交媒體和網頁設計的關系越來越密切。甚至很多大企業在每一頁都放了社交媒體按鈕,讓信息的分享和發布變得更容易、更快捷。這也讓品牌用戶和粉絲更容易與產品供應商和服務提供商溝通。社交媒體通過講述故事、捕捉忠實客戶和用戶,讓品牌將產品推向市場,而社交媒體可以通過各種形式傳遞品牌激情、達成目標或炒作。
讓我們以湯米-希爾費格的臉書頁為例。美國潮牌這個臉書頁面有870萬粉絲,所以很多粉絲都是希爾費格品牌故事的忠實聽眾。Hilfiger在頁面上分享名人合作伙伴的設計、照片、新聞以及各種宣傳活動,圖片以圖片、視頻、文字等多種形式傳遞給用戶,引人入勝。
用圖片講故事
有時候,簡單而不引人注目的圖片可以更好地講述一個故事。說一張圖抵千言萬語沒有錯。人是視覺動物,圖片信息很容易被吸收。因此,合理使用圖片語言可以更有效地傳達信息。
LinkedIn的注冊頁面很好地說明了這一點。打開注冊頁面,左邊的小用戶頭像很有目的性,顯示了網站用戶的多樣性,傳達了一個信息:這個網站真的適合所有人。這些照片里的人有不同的民族背景,有男有女,不包括老人,每個人看起來都很自信,很幸福。即使是不懂社交網絡的人,也可以從這個星球上不同地區、不同背景的人聚集在這里,利用共同的服務進行交流,甚至一起做生意這一簡單信息中學習。
用插圖講故事
喜歡圖片,用插畫講故事效果很好。作為視覺輔助,插圖會讓用戶更容易理解品牌故事。相比于照片的簡潔直白,插畫有更多的表達方式,可以用抽象的方式表達,也可以用更寫實的方式表達。在Evernote Clipper的網頁上,我們可以看到偏向現實主義的講故事方式。結合文本的插圖告訴用戶網頁裁剪器是如何工作的,它看起來像故事書一樣簡單明了。
用吉祥物講故事
說到吉祥物,搞笑,可愛,幽默,可愛是他們的優點。當一個公司或網站有了吉祥物,這是一種簡單方便的與客戶溝通的方式。它能以幽默的方式向顧客傳達品牌價值,講述品牌故事,比如MailChimp。
MailChimp有一個非常著名的吉祥物,弗雷迪,在傳達企業理念、講述企業故事方面做出了巨大的貢獻。Mailchimp在生意和生活中追求的是放松而不是認真的想法,當MailChimp描述弗雷迪時,字里行間就能看出這個企業的精神。
你也可以從弗雷迪不同的頭像感受到這一點。不管他什么時候笑,眨眼,耳朵里拿著鉛筆,都是通過表情傳遞正能量。可以直觀的實現品牌形象的設定,淡定而優雅。現在,你可以在MailChimp的幾乎所有頁面上看到各種各樣的弗雷迪。
用視差效果講故事
雖然國內的網站還不夠用,但是視差網站已經存在好幾年了,目前還處于潮流的巔峰。人氣本身大概就證明了這種網站設計是最簡單有效的講故事方式。在視差滾動設計的網站中,一直向下滾動的方式是一個揭示更多信息的過程,就像剝洋蔥一樣,本質上非常接近講故事。
以英國皇家傳奇為例。這個網站通過視差滾動向你展示了捐贈是如何使用的必要信息。當你向下滾動時,這些充滿活力的故事會通過視差效果展現在你面前,你會看到軍團為退伍軍人提供的各種有益的服務。
我用個性化來講故事
個性化是當代網頁設計最重要的因素之一。個性化是有效且強大的。當你為企業和品牌尋求個性化時,它是縮小企業/品牌與客戶之間距離的神奇工具,因為當你使用個性化時,訪客、粉絲和客戶都會對這個品牌產生認同感和共鳴,這自然會帶來更大的利潤率和可能性。
個性化讓你的品牌講述它偉大的故事。以寵物搬遷為例。在這個網站的團隊介紹頁面中,每一個成員都引起了很多關注,這與傳統的“關于我們”頁面有很大的不同。你會在頁面上看到團隊中每個人和寵物的微笑頭像。當你把鼠標移到頭部時,頭部會變得更加個性化。這個設計是告訴游客,這個機構的企業文化是輕松自然的。標簽
當人類還生活在洞穴里的時候,墻上的畫就在講述部落的故事。對人類來說,講故事是一種自然的信息傳遞方式,在當今的網頁設計中,它仍然是最重要的方式之一。你會發現,不僅越來越多的企業和品牌機構會通過講故事來呈現自己,普通的網站設計也會將故事融入越來越多的細節中。