|
|
企業(yè)網(wǎng)站能承載多種多樣的內(nèi)容，但無(wú)論是哪種內(nèi)容，通常都會(huì)遵循一定的信息架構(gòu)。在這其中，故事是很特別的一種類型。講故事，往往能以更敘事、更情感化的方式，將內(nèi)容傳遞給用戶。一個(gè)好的故事，往往始于筆端，但是最終呈現(xiàn)，還是要依靠精巧的網(wǎng)頁(yè)設(shè)計(jì)師的設(shè)計(jì)。下面幾點(diǎn)你要了解： 1、圖片 首先想要設(shè)計(jì)一個(gè)好的網(wǎng)站，要通過(guò)設(shè)計(jì)在視覺(jué)上吸引用戶。這一切要從干凈清晰的視覺(jué)設(shè)計(jì)開(kāi)始。壯美的圖片，有趣的插畫(huà)，驚艷的視頻，都會(huì)抓住用戶的注意力，并給予用戶第一印象。在視覺(jué)上足夠突出的圖片，搭配以文案，一切開(kāi)始擁有了畫(huà)面感，而故事因此而誕生。從照片到色彩，從文字到細(xì)節(jié)，故事所傳達(dá)出來(lái)的信息和氣質(zhì)，和整個(gè)視覺(jué)設(shè)計(jì)應(yīng)該是保持一致的，而好的故事，能夠帶著用戶一路走過(guò)來(lái)。 2、角色 當(dāng)我們?cè)诰W(wǎng)站建設(shè)的時(shí)候，常常會(huì)探討用戶本身和故事的角色。在網(wǎng)站的開(kāi)發(fā)過(guò)程中，用戶所代表的身份，和呈現(xiàn)在用戶面前的角色，有著怎樣的關(guān)系，這是內(nèi)容和設(shè)計(jì)上需要探討的關(guān)鍵問(wèn)題。這個(gè)角色可以是一個(gè)貫穿整個(gè)設(shè)計(jì)是實(shí)體角色，也可以是被包含在視覺(jué)和文字內(nèi)容中的一種“氣質(zhì)”，或者“腔調(diào)”。 Freddie 公司旗下產(chǎn)品MailChimp 中所創(chuàng)建的視覺(jué)形象就是一只有趣的猴子，而這只猴子不僅僅是他們的LOGO，而且這個(gè)形象貫穿了整個(gè)設(shè)計(jì)，這個(gè)角色為整個(gè)產(chǎn)品作出了不小的貢獻(xiàn)： ·首先，這個(gè)形象和公司、產(chǎn)品的名稱相互呼應(yīng)，也解釋了為什么叫MailChimp。雖然MailChimp 這個(gè)生造的詞匯會(huì)讓用戶感到迷惑，可是看到猴子的形象，他們能夠很快Get到這個(gè)命名的含義。 ·這個(gè)形象還揭示出了這個(gè)公司的特色，有趣的設(shè)計(jì)和獨(dú)特的氣質(zhì)。 ·猴子Freddie 本身就代表著故事，它是怎么來(lái)的？名字怎么起的？這個(gè)形象本身就自帶故事屬性。 3、互動(dòng) 引導(dǎo)用戶與內(nèi)容進(jìn)行互動(dòng)，這是設(shè)計(jì)能帶來(lái)的重要價(jià)值之一。通過(guò)動(dòng)效和行為召喚（CTA）讓用戶自然地注意到關(guān)鍵的內(nèi)容和重要的控件，引導(dǎo)用戶與之交互，這是為了促使用戶與內(nèi)容緊交互，參與到這個(gè)故事中來(lái)。 想要用戶參與到故事中來(lái)的另外一種方式則是視差滾動(dòng)。它從視覺(jué)上鼓勵(lì)用戶持續(xù)地向下滾動(dòng)，在保證體驗(yàn)愉悅的同時(shí)，用動(dòng)態(tài)而有趣的視覺(jué)設(shè)計(jì)，強(qiáng)化互動(dòng)。 一個(gè)好故事并不需要做的太復(fù)雜。Humaan 就很直接的借助團(tuán)隊(duì)照片和懸浮動(dòng)效來(lái)講述故事，幫助訪客了解這個(gè)團(tuán)隊(duì)的成員。這種設(shè)計(jì)簡(jiǎn)單而有效。（注意懸浮狀態(tài)下每個(gè)成員姿勢(shì)和表情的變化，非常有意思） 4、游戲 故事本身的構(gòu)建可能是最麻煩的地方，相反，講述故事反而是簡(jiǎn)單的事情。如果你不知道要如何呈現(xiàn)故事，那么不妨將它設(shè)計(jì)成一個(gè)簡(jiǎn)單的游戲，為用戶提供一個(gè)有趣的聽(tīng)故事的渠道。 而借助游戲講述故事的技巧在于，保持簡(jiǎn)單和提供獎(jiǎng)勵(lì)。不論是虛擬的成就徽章，還是優(yōu)惠券，你要讓用戶從中獲利，才能促進(jìn)他們繼續(xù)聽(tīng)取你的故事。 你所提供的游戲并不一定要像Pokemon Go 那樣有趣而好玩，Dropbox 通過(guò)完成任務(wù)獲得額外的云盤(pán)空間，一樣是非常有效的手段。Dropbox 所設(shè)定的任務(wù)多種多樣，有邀請(qǐng)好友，也有帳號(hào)鏈接郵箱，但是無(wú)論是哪種，都具有一定的游戲性，達(dá)成了一定有獎(jiǎng)勵(lì)。許多忠誠(chéng)的Dropbox 用戶都是這么一步一步過(guò)來(lái)的。 當(dāng)然，對(duì)于不想玩這些游戲的用戶而言，直接付費(fèi)一樣可以達(dá)成效果。你要讓用戶覺(jué)得，不論怎么玩，他們都是贏家。 5、微交互 如今的網(wǎng)頁(yè)和APP設(shè)計(jì)中，有著大量的動(dòng)效和微交互。許多社交媒體都樂(lè)于使用微交互，因?yàn)樗鼈兒?jiǎn)單，并且能夠帶來(lái)優(yōu)秀的體驗(yàn)。 微交互所帶來(lái)的有趣體驗(yàn)為用戶創(chuàng)造出一個(gè)有趣的瞬間。每次保存設(shè)置，發(fā)送消息，登錄帳號(hào)，都會(huì)伴隨著好玩而微妙的微交互，以Instagram 中點(diǎn)贊的按鈕為例，用戶在嘗試過(guò)之后，對(duì)于這種交互會(huì)有的沉迷的感覺(jué)，樂(lè)此不疲。 有意義的微交互非常重要。就像上面所說(shuō)的點(diǎn)贊，它是具有功能性的，它給整個(gè)產(chǎn)品的體驗(yàn)帶來(lái)了明顯的提升。 6、敘述 故事的構(gòu)成大多不復(fù)雜，開(kāi)頭，過(guò)程，結(jié)局，這三者是絕大部分的故事的三個(gè)基本環(huán)節(jié)。 如果你需要講述故事，這種公式化的結(jié)構(gòu)其實(shí)是最容易為用戶所接受的： 開(kāi)頭：LOGO和標(biāo)題。讓用戶知道這是什么網(wǎng)站建設(shè)，以及他們?yōu)槭裁磿?huì)在這里。 過(guò)程：通過(guò)陳述內(nèi)容，展現(xiàn)特殊性。你的網(wǎng)站能給用戶帶來(lái)什么不一樣的東西？他們能預(yù)期一些什么東西？ 結(jié)局：行為召喚，呼吁用戶購(gòu)買，或者訂閱，等等。 |
