目前很多移動(dòng)雜志和媒體APP都在嘗試一種新的設(shè)計(jì)方式;相關(guān)的設(shè)計(jì)人員也在討論和探討這樣的主題《創(chuàng)造沉浸式個(gè)性化閱讀體驗(yàn)》
而今天25學(xué)堂的老譚同學(xué)想要跟大家來聊一聊這樣的話題。
如果把沉浸式閱讀體驗(yàn)設(shè)計(jì)的理論和知識(shí)點(diǎn)應(yīng)用到我們的移動(dòng)app設(shè)計(jì)項(xiàng)目當(dāng)中去呢?
第一:什么是沉浸式閱讀體驗(yàn)設(shè)計(jì)?
沉浸的字面意思就是讓人專注在當(dāng)前的目標(biāo)(由設(shè)計(jì)者營造)情境下感到愉悅和滿足,而忘記真實(shí)世界的情境。
常見沉浸式閱讀體驗(yàn)設(shè)計(jì)法則:
(1)、敘事性設(shè)計(jì)(講故事)storytelling,利用情境,沉浸,角色,氣氛,情節(jié),節(jié)奏的設(shè)計(jì)來讓觀眾融入故事本身當(dāng)中來。這也是非?;A(chǔ)的設(shè)計(jì)手法之一。關(guān)于敘事性設(shè)計(jì)我讀到的最好敘述在趙江洪老師寫的《設(shè)計(jì)心理學(xué)》里面。
(2)、最省力法則:降低人們在達(dá)成目標(biāo)時(shí)的認(rèn)知阻力(達(dá)成目標(biāo)的腦力活動(dòng)總量)和運(yùn)動(dòng)阻力(達(dá)成目標(biāo)的體力活動(dòng)總量)就是最省力法則。
適用范圍:
在移動(dòng)APP產(chǎn)品設(shè)計(jì)中,并非所有產(chǎn)品都適合沉浸式設(shè)計(jì),
以下類型比較合適:
娛樂,活動(dòng),教學(xué)展覽等等需要長時(shí)間吸引人注意力的活動(dòng)適宜使用。
而新聞注重高效,信息獲取,以效用為目標(biāo)的活動(dòng)不適宜。換句話說快節(jié)奏的生活場景的類的app不適合。相反哪些偏安靜、格調(diào)品味生活的哪些app是非常合適的。
例如股票,新聞,資訊,等人們獲取信息后需要盡快脫離當(dāng)前情境去使用這些信息或資訊的場景不適用。
而且沉浸式閱讀體驗(yàn)設(shè)計(jì)是屬于移動(dòng)APP讀故事的一個(gè)分類。
騰訊設(shè)計(jì)部門覺得針對不同場景,營造符合的故事氛圍更加合理。下面是騰訊ISUX針對這個(gè)主題做出的一些總結(jié)。
首先是“沉浸式閱讀體驗(yàn)”。在展示樣式上,我們當(dāng)時(shí)考慮了兩種樣式,
一種是類似書籍,左右翻動(dòng)瀏覽??紤]左右翻動(dòng)的原因是起源于我們的生活認(rèn)知,左右翻動(dòng)的方式可以讓用戶輕松感覺“我在閱讀一篇書/故事”。
另一種是自上而下的流式排版方式。相比于左右滑,向下滑動(dòng)體驗(yàn)比較順暢,不會(huì)有明顯的卡頓感。
最終我們選擇了后者,原因在于較低的編輯成本。對用戶而言,上下滑動(dòng)更容易排版。從信息呈現(xiàn)的角度來講,流式展示更容易體現(xiàn)故事更容易表現(xiàn)出故事的開始,情節(jié)發(fā)展過程,乃至高潮,最后結(jié)尾的節(jié)奏感,呼應(yīng)上文提到的觀影體驗(yàn)。
上面是圍繞美食這個(gè)主題來設(shè)計(jì)的??梢砸龑?dǎo)用戶自上而下的流式閱讀。設(shè)計(jì)和體驗(yàn)都非常的極致。這些就是我們常見的APP詳細(xì)頁設(shè)計(jì)。
另外一種常見的沉浸式閱讀體驗(yàn)設(shè)計(jì),需要營造一個(gè)比較切合app主題的設(shè)計(jì)風(fēng)格就是制作app展示模板。
如下面的一套app設(shè)計(jì)規(guī)范展示模板。舉例說明:
還有一個(gè)地方就是app的引導(dǎo)頁,也是可以采用APP沉浸式閱讀體驗(yàn)設(shè)計(jì)。舉例如下:
關(guān)于APP設(shè)計(jì)理論之沉浸式閱讀體驗(yàn)設(shè)計(jì)的知識(shí)就跟大家分享這些。
主要應(yīng)用在APP的產(chǎn)品詳細(xì)頁、APP體驗(yàn)流程設(shè)計(jì)、APP展示宣傳頁面、APP引導(dǎo)頁設(shè)計(jì)等等。
重點(diǎn)是需要大家好好的去立即APP的沉浸式閱讀體驗(yàn)設(shè)計(jì)原理和原則。換句話說
APP沉浸式閱讀體驗(yàn)設(shè)計(jì)就是教大家怎么去讀故事。把你設(shè)計(jì)好的故事告訴給用戶的過程。
全站高品質(zhì)素材免費(fèi)下載!