百度小說人文感設計

2023-8-28    博博

本文闡述了百度小說設計團隊如何基于人文感設計理念,打造直觀易用的產(chǎn)品體驗,從而提升產(chǎn)品競爭力和用戶滿意度。百度小說是百度APP內最核心的垂類業(yè)務之一,作為一款平臺型產(chǎn)品,百度小說設計團隊一直以用戶體驗為核心關注點。為了保持產(chǎn)品的市場競爭力,百度小說團隊近期進行了一次設計改版。本次改版旨在提升產(chǎn)品的功能性、美觀性和易用性,以滿足用戶日益增長的優(yōu)質體驗需求和市場的快速變化。

鑒于此次設計改版背景,小說設計團隊提出了人文感的設計理念,貫穿在本次改版的內容中。

一、什么是人文感設計?

人文感設計,是立足用戶需求和情感,貼近用戶期待的體驗設計,我們以用戶為核心,深入了解用戶的喜好、行為習慣和需求,從而設計出貼心、直觀、易用、愉悅的產(chǎn)品。

百度小說的產(chǎn)品核心是由書籍組成的,閱讀讓千萬級用戶匯集在此,而千萬級的用戶正是由每一個獨立的“人”組成。因此,“人”的需求就是我們在設計中尤為關注的。小說設計團隊從“人”的需求、“人”的情感和“人”的文化三個維度,深入地思考如何將閱讀與用戶的需求完美地結合起來。

宋朝詩人汪洙在《神童詩》中有這樣的千古名句:“萬般皆下品,唯有讀書高?!弊x書自古以來是成為高雅風韻的文人士大夫的必經(jīng)之路。由此可見,自古以來讀書和雅致之間就結下了不解之緣,閱讀與國風雅頌的風格也就找到了完美的交匯點,因此小說設計團隊在確定設計風格的探尋中,選擇了國風的風格來體現(xiàn)百度小說的人文感的設計。

二、構建小說的人文感的視覺新風格

人文感設計語言融合了簡約、舒適、自在的設計體驗,讓人能夠輕松沉浸其中,并感受到獨特的國風韻味和情感內涵。小說設計團隊從“色、字、構、畫”四個維度進行拆解。

色—清新淡雅的色彩

牛皮紙卷通常是手工制作的,它會給人一種溫暖的感受。設計團隊通過提煉牛皮紙卷的色彩,衍生出萱草橙作為主色調,傳遞出閱讀樸實和親切的寓意。

在輔助色上提取上,通過參考古代藝術品,并結合現(xiàn)代審美,提煉出鳳仙粉,葵扇黃、姚黃綠、晴山青等古典色彩,確保輔助色與主色相融合,形成一套和諧的色彩組合。

字—規(guī)范文字使用規(guī)則

基于國風意韻感,設計團隊在文字的使用上,也選擇了一套襯線體字體,該字體字形瘦長,柔美清透且識別度高。在界面中,主要在標題區(qū)應用這套字體,將其中的一筆進行跳色點綴,不僅讓用戶閱讀舒適,而且提升百度小說的品牌識別度。

構—構建秩序感的頁面

在頁面結構上將頁面容器的邊距進行了優(yōu)化調整,使構圖更加飽滿,封面是頁面上最引人注目的元素之一,通過調整封面的尺寸可以使其更加突出。采用了更大的封面尺寸,使畫面內容更加飽滿,將大圓角優(yōu)化為更小的圓角,視覺上更加精致和細膩。

為了讓用戶第一時間就能夠看到自己感興趣的標題內容,在內容展示上,我們針對重點的信息進行了強化。將主次信息,從色彩到字重上進行了優(yōu)化。新版的設計采用加粗的標題文字和淺灰色的輔助信息,拉開對比,強化重點,讓用戶更快找到自己感興趣的內容。

在頁面細節(jié)元素設計上,將角標樣式優(yōu)化為右側的書簽的樣式,整體感受更像現(xiàn)實生活中的書簽。在輔助標簽的設計上,將純文字樣式優(yōu)化為右側這種多彩面型的樣式,強化內容的豐富和多元。

畫—打造國風特色的插畫風格

圖形的設計是最容易識別和產(chǎn)生共鳴的。在插畫元素的提煉上,為了能夠與小說網(wǎng)文氛圍結合的更緊密,我們以小說類型為劃分維度得出了一系列的具象的聯(lián)想關鍵詞。

例如,女生的插畫圖形,首先劃分為偏向言情類型,由此聯(lián)想到一只小鳥站在桃花上,整體采用粉色調的場景進行展現(xiàn),夢幻而唯美。男生的插畫圖形則偏向玄幻類型,從而聯(lián)想到葫蘆,由此繪制出葫蘆和浮云結合的畫面,自由而飄逸。

同時,插畫的設計采用簡約的幾何圖形,畫面強調詩意和美感。

在話題落地頁等沉浸感的場景下,也融合了插畫元素作為裝飾,用戶在當前的場景能夠有更強的沉浸感和共鳴感。

三、人性化產(chǎn)品體驗

以人為本的設計理念不僅僅是視覺層面的展現(xiàn),還需要從用戶需求維度提供人性化的產(chǎn)品體驗,因此,我們提煉出了四組設計手段:更貼心、更高效、更熱鬧、更滿足。

更貼心—貼心的設計讓用戶體會到關懷和舒適的享受

以人為本的設計能夠更貼心地滿足用戶的需求和期望,通過關注用戶的喜好、行為和習慣,讓用戶體會到關懷和舒適的享受。因此,針對于不同的用戶行為進行了精細化的設計。對于未登錄、書架為空的用戶,我們默認為用戶錨定到精選的tab,而針對本地書、網(wǎng)頁書的用戶,我們?yōu)槠涠ㄎ坏綍艿膖ab,方便用戶更精準的切入場景。

同時,我們在精選的頭部增加了運營區(qū),針對于無歷史記錄的用戶,為其推薦優(yōu)質的內容,提高用戶的找書效率。而對于有歷史記錄的用戶,外露上一次閱讀的書籍,方便用戶更快捷的進行續(xù)讀。

更高效—高效的設計能讓用戶體驗更便捷,決策更精準

只有貼心的服務是遠遠不夠的,以人為本的設計還需要為用戶打造更高效的設計體驗,我們通過簡化設計流程,智能化推薦等手段,讓用戶體驗更便捷,決策更精準在各類場景新增書籍標簽模塊,提升用戶篩選書籍的精準度,使得用戶在各類場景下找書更高效。

在推薦形式上,我們也采用了多樣化的推薦方式。例如在首頁增加了feed流形態(tài)的信息模塊,以更直觀的圖文展現(xiàn)方式,幫助用戶發(fā)現(xiàn)他感興趣的內容。在書架場景,針對于書架內容少的用戶,自動的放置兩本高流量書籍,幫助用戶高效的觸達內容。與此同時,我們還會根據(jù)用戶行為數(shù)據(jù),采用彈窗形式和章尾推薦等形式主動向用戶推薦與其喜好度高的內容,方便用戶高效的觸達他感興趣的內容。

更熱鬧—熱鬧的設計能給用戶帶來活力和趣味的體驗

以人為本的設計應該是有人氣兒的,為了增強互動氛圍,我們搭建了書友社區(qū),為用戶提供求書、薦書的功能,書友熱聊落地頁頭部在設計上采用了彈幕的形式;話題模塊的設計采用雙列流的交互形式,給頁面增加動態(tài)感和活躍感。通過打造熱鬧的氛圍,既能為用戶帶來更具活力和趣味的體驗,同時提升了用戶的互動活躍度。

閱讀器場景是用戶使用時長最長的一個場景。因此我們?yōu)橛脩籼峁┝硕卧u功能,方便用戶閱讀過程中和書友進行交流,為了不影響閱讀的流暢性,我們采用弱化的段評圖標樣式和色彩,段評入口設計在段落尾部,減少對閱讀的干擾。

更滿足—滿足的設計能夠讓用戶獲得成就和收益

以人為本的設計能夠讓用戶在產(chǎn)品中獲得成就和滿足感,從而形成愉悅的產(chǎn)品體驗。為了讓用戶能夠獲得滿足的感受,我們將舊版的簽到系統(tǒng)升級為金幣激勵體系,采用做任務賺金幣的形式,增加用戶的成就感。

整體的設計風格也延續(xù)了國風意境感。首頁頂部采用招財樹的圖形設計,強化福利感知。領取金幣場景通過獲得金幣的動效,讓用戶產(chǎn)生滿足感。

同時,我們對用產(chǎn)品內的用戶進行了分層設計,針對新用戶增加了七天限時福利活動,讓新用戶感受到平臺的福利,從而愿意留下來繼續(xù)體驗。

在閱讀器場景,我們增加了章尾和半層金幣領取提示,即時提醒用戶領取福利,同時,強化領取成功樣式,增強用戶的獲得感。

在運營活動的設計上,延續(xù)國風意境的設計風格,我們將九宮格的抽獎活動入口前置在福利中心的首頁,方便用戶快捷的參與抽獎,獲得收益。爆更一夏,看小說瓜分金幣活動,整體是采用古典荷塘的景色,讓用戶在參與賺錢的過程中感受到清爽夏日的氛圍,通過多樣化的運營活動豐富用戶獲取收益的方式,增強滿足感。

結語小記

百度小說設計團隊堅持以用戶為中心,秉承人性化、情感化設計和文化傳承性的設計理念,讓用戶感受到獨特的情感連接,融入文化元素,傳承歷史與情感,最終形成百度小說的人文感設計。

作者:百度MEUX
來源:站酷

藍藍設計建立了UI設計分享群,每天會分享國內外的一些優(yōu)秀設計,如果有興趣的話,可以進入一起成長學習,請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~希望得到建議咨詢、商務合作,也請與我們聯(lián)系01063334945

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯(lián)系,我們立即更正或刪除。

藍藍設計( www.bouu.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業(yè)提供卓越的UI界面設計BS界面設計 cs界面設計 、 ipad界面設計包裝設計 、 圖標定制 、 用戶體驗交互設計、 網(wǎng)站建設 、平面設計服務、UI設計公司、界面設計公司UI設計服務公司、數(shù)據(jù)可視化設計公司UI交互設計公司、高端網(wǎng)站設計公司、UI咨詢用戶體驗公司、軟件界面設計公司

分享本文至:

日歷

鏈接

個人資料

藍藍設計的小編 http://www.bouu.cn

存檔