如何做一個(gè)有故事有思想的網(wǎng)站

一個(gè)網(wǎng)站钝的,特別是企業(yè)網(wǎng)站需要承載多種多樣的內(nèi)容翁垂,但無論是哪種內(nèi)容,通常都會(huì)遵循一定的信息架構(gòu)硝桩。在這其中沿猜,故事是很特別的一種類型。講故事碗脊,往往能以更敘事啼肩、更情感化的方式,將內(nèi)容傳遞給用戶。對(duì)品牌的傳播有著非常有效的作用祈坠。

一個(gè)好的故事害碾,往往始于筆端,但是最終呈現(xiàn)赦拘,還是要依靠精巧的設(shè)計(jì)慌随。那么設(shè)計(jì)是如何講好故事的呢?今天的文章,AGO(安可)品牌顧問為大家講述如何打造一個(gè)有思想會(huì)講故事的網(wǎng)站。

1遮婶、圖片

首先,想要講好故事剃袍,要通過設(shè)計(jì)在視覺上吸引用戶。這一切要從干凈清晰的視覺設(shè)計(jì)開始捎谨。壯美的圖片民效,有趣的插畫,驚艷的視頻侍芝,都會(huì)抓住用戶的注意力研铆,并給予用戶第一印象埋同。

在視覺上足夠突出的圖片州叠,搭配以文案,一切開始擁有了畫面感凶赁,而故事因此而誕生咧栗。從照片到色彩,從文字到細(xì)節(jié)虱肄,故事所傳達(dá)出來的信息和氣質(zhì)致板,和整個(gè)視覺設(shè)計(jì)應(yīng)該是保持一致的,而好的故事咏窿,能夠帶著用戶一路走過來斟或。

2、角色

當(dāng)我們?cè)?b>設(shè)計(jì)網(wǎng)站的時(shí)候集嵌,常常會(huì)探討用戶本身和故事的角色萝挤。在網(wǎng)站的開發(fā)過程中,用戶所代表的身份根欧,和呈現(xiàn)在用戶面前的角色怜珍,有著怎樣的關(guān)系,這是內(nèi)容和設(shè)計(jì)上需要探討的關(guān)鍵問題凤粗。

這個(gè)角色可以是一個(gè)貫穿整個(gè)設(shè)計(jì)是實(shí)體角色酥泛,也可以是被包含在視覺和文字內(nèi)容中的一種“氣質(zhì)”,或者“腔調(diào)”。

3柔袁、互動(dòng)

引導(dǎo)用戶與內(nèi)容進(jìn)行互動(dòng)呆躲,這是設(shè)計(jì)能帶來的重要價(jià)值之一。通過動(dòng)效和行為召喚(CTA)讓用戶自然地注意到關(guān)鍵的內(nèi)容和重要的控件捶索,引導(dǎo)用戶與之交互歼秽,這是為了促使用戶與內(nèi)容緊交互,參與到這個(gè)故事中來情组。

想要用戶參與到故事中來的另外一種方式則是視差滾動(dòng)燥筷。它從視覺上鼓勵(lì)用戶持續(xù)地向下滾動(dòng),在保證體驗(yàn)愉悅的同時(shí)院崇,用動(dòng)態(tài)而有趣的視覺設(shè)計(jì)肆氓,強(qiáng)化互動(dòng)。

4底瓣、游戲

故事本身的構(gòu)建可能是最麻煩的地方谢揪,相反,講述故事反而是簡(jiǎn)單的事情捐凭。如果你不知道要如何呈現(xiàn)故事拨扶,那么不妨將它設(shè)計(jì)成一個(gè)簡(jiǎn)單的游戲,為用戶提供一個(gè)有趣的聽故事的渠道茁肠。

而借助游戲講述故事的技巧在于患民,保持簡(jiǎn)單和提供獎(jiǎng)勵(lì)。不論是虛擬的成就徽章垦梆,還是優(yōu)惠券匹颤,你要讓用戶從中獲利,才能促進(jìn)他們繼續(xù)聽取你的故事托猩。

你所提供的游戲并不一定要像Pokemon Go 那樣有趣而好玩印蓖,Dropbox 通過完成任務(wù)獲得額外的云盤空間,一樣是非常有效的手段京腥。Dropbox 所設(shè)定的任務(wù)多種多樣赦肃,有邀請(qǐng)好友,也有帳號(hào)鏈接郵箱公浪,但是無論是哪種他宛,都具有一定的游戲性,達(dá)成了一定有獎(jiǎng)勵(lì)因悲。許多忠誠的Dropbox 用戶都是這么一步一步過來的堕汞。

5、微交互

如今的網(wǎng)頁和APP設(shè)計(jì)中晃琳,有著大量的動(dòng)效和微交互讯检。許多社交媒體都樂于使用微交互琐鲁,因?yàn)樗鼈兒?jiǎn)單,并且能夠帶來優(yōu)秀的體驗(yàn)人灼。

微交互所帶來的有趣體驗(yàn)為用戶創(chuàng)造出一個(gè)有趣的瞬間围段。每次保存設(shè)置,發(fā)送消息投放,登錄帳號(hào)奈泪,都會(huì)伴隨著好玩而微妙的微交互,以Instagram 中點(diǎn)贊的按鈕為例灸芳,用戶在嘗試過之后涝桅,對(duì)于這種交互會(huì)有的沉迷的感覺,樂此不疲烙样。

有意義的微交互非常重要冯遂。就像上面所說的點(diǎn)贊,它是具有功能性的谒获,它給整個(gè)產(chǎn)品的體驗(yàn)帶來了明顯的提升蛤肌。

6、敘述

故事的構(gòu)成大多不復(fù)雜批狱,開頭裸准,過程,結(jié)局赔硫,這三者是絕大部分的故事的三個(gè)基本環(huán)節(jié)炒俱。

如果你需要講述故事,這種公式化的結(jié)構(gòu)其實(shí)是最容易為用戶所接受的:

開頭:LOGO和標(biāo)題卦停。讓用戶知道這是什么網(wǎng)站向胡,以及他們?yōu)槭裁磿?huì)在這里恼蓬。

過程:通過陳述內(nèi)容惊完,展現(xiàn)特殊性。你的網(wǎng)站能給用戶帶來什么不一樣的東西处硬?他們能預(yù)期一些什么東西小槐?

結(jié)局:行為召喚,唿吁用戶購買荷辕,或者訂閱凿跳,等等。

7疮方、簡(jiǎn)單

雖然這可能會(huì)和上面的一條有所沖突控嗜,但是故事最好還是保持簡(jiǎn)單。簡(jiǎn)單的故事往往能更快的讓用戶Get到核心信息骡显。

結(jié)語:

在設(shè)計(jì)網(wǎng)站的時(shí)候就是在傳達(dá)一種精神疆栏,把企業(yè)精神和故事融合到網(wǎng)頁設(shè)計(jì)中曾掂,把設(shè)計(jì)的過程看作是一種講述的過程會(huì)讓整個(gè)網(wǎng)站所有網(wǎng)頁都融合在一起。一個(gè)真實(shí)的故事壁顶,帶有企業(yè)自己的烙印珠洗,講述出來才更容易觸動(dòng)到用戶。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末若专,一起剝皮案震驚了整個(gè)濱河市许蓖,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌调衰,老刑警劉巖膊爪,帶你破解...
    沈念sama閱讀 206,839評(píng)論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異嚎莉,居然都是意外死亡蚁飒,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,543評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門萝喘,熙熙樓的掌柜王于貴愁眉苦臉地迎上來淮逻,“玉大人,你說我怎么就攤上這事阁簸∨涝纾” “怎么了?”我有些...
    開封第一講書人閱讀 153,116評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵启妹,是天一觀的道長(zhǎng)筛严。 經(jīng)常有香客問我,道長(zhǎng)饶米,這世上最難降的妖魔是什么桨啃? 我笑而不...
    開封第一講書人閱讀 55,371評(píng)論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮檬输,結(jié)果婚禮上照瘾,老公的妹妹穿的比我還像新娘。我一直安慰自己丧慈,他們只是感情好析命,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,384評(píng)論 5 374
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著逃默,像睡著了一般鹃愤。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上完域,一...
    開封第一講書人閱讀 49,111評(píng)論 1 285
  • 那天软吐,我揣著相機(jī)與錄音,去河邊找鬼吟税。 笑死凹耙,一個(gè)胖子當(dāng)著我的面吹牛鸟蟹,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播使兔,決...
    沈念sama閱讀 38,416評(píng)論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼建钥,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了虐沥?” 一聲冷哼從身側(cè)響起熊经,我...
    開封第一講書人閱讀 37,053評(píng)論 0 259
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎欲险,沒想到半個(gè)月后镐依,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,558評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡天试,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,007評(píng)論 2 325
  • 正文 我和宋清朗相戀三年槐壳,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片喜每。...
    茶點(diǎn)故事閱讀 38,117評(píng)論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡务唐,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出带兜,到底是詐尸還是另有隱情枫笛,我是刑警寧澤,帶...
    沈念sama閱讀 33,756評(píng)論 4 324
  • 正文 年R本政府宣布刚照,位于F島的核電站刑巧,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏无畔。R本人自食惡果不足惜啊楚,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,324評(píng)論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望浑彰。 院中可真熱鬧恭理,春花似錦、人聲如沸闸昨。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,315評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽饵较。三九已至,卻和暖如春遭赂,著一層夾襖步出監(jiān)牢的瞬間循诉,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,539評(píng)論 1 262
  • 我被黑心中介騙來泰國打工撇他, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留茄猫,地道東北人狈蚤。 一個(gè)月前我還...
    沈念sama閱讀 45,578評(píng)論 2 355
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像划纽,于是被迫代替她去往敵國和親脆侮。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,877評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,519評(píng)論 25 707
  • 最近消失了一段時(shí)間勇劣,不是因?yàn)檫^年靖避,而是因?yàn)樵陂]關(guān)寫文,這次歸來比默,帶來我的1.6萬字誠意之作幻捏。 目錄導(dǎo)讀 1.交互設(shè)...
    夜雨y閱讀 37,116評(píng)論 48 1,434
  • 《斷舍離》書的摘抄及個(gè)人感悟 WHY: 三種扔不掉東西的人:逃避現(xiàn)實(shí)型(的確自己讓自己忙到不想在家里呆著)、執(zhí)著過...
    芯滿亦足閱讀 216評(píng)論 0 1
  • 今天雖然是禮拜六命咐,但我依然是在學(xué)校里度過開心的一天篡九,因?yàn)槭呛痛骼蠋熞黄鸲冗^的,老師很忙醋奠,但還是和我聊了很多榛臼,然后又...
    章一粟閱讀 221評(píng)論 0 0
  • 正是晴朗生機(jī)的三月末,回歸安靜窜司,世界美的理所當(dāng)然讽坏,而我正好空暇片刻。 明媚例证,暖風(fēng)路呜,男女,歡笑和單車织咧。無限憧憬胀葱,禁錮...
    傲來先生丶閱讀 389評(píng)論 0 3