2023-8-28 博博
本文闡述了百度小說設(shè)計團隊如何基于人文感設(shè)計理念，打造直觀易用的產(chǎn)品體驗，從而提升產(chǎn)品競爭力和用戶滿意度。百度小說是百度APP內(nèi)最核心的垂類業(yè)務(wù)之一，作為一款平臺型產(chǎn)品，百度小說設(shè)計團隊一直以用戶體驗為核心關(guān)注點。為了保持產(chǎn)品的市場競爭力，百度小說團隊近期進行了一次設(shè)計改版。本次改版旨在提升產(chǎn)品的功能性、美觀性和易用性，以滿足用戶日益增長的優(yōu)質(zhì)體驗需求和市場的快速變化。
鑒于此次設(shè)計改版背景，小說設(shè)計團隊提出了人文感的設(shè)計理念，貫穿在本次改版的內(nèi)容中。
一、什么是人文感設(shè)計?
人文感設(shè)計，是立足用戶需求和情感，貼近用戶期待的體驗設(shè)計，我們以用戶為核心，深入了解用戶的喜好、行為習(xí)慣和需求，從而設(shè)計出貼心、直觀、易用、愉悅的產(chǎn)品。
百度小說的產(chǎn)品核心是由書籍組成的，閱讀讓千萬級用戶匯集在此，而千萬級的用戶正是由每一個獨立的“人”組成。因此，“人”的需求就是我們在設(shè)計中尤為關(guān)注的。小說設(shè)計團隊從“人”的需求、“人”的情感和“人”的文化三個維度，深入地思考如何將閱讀與用戶的需求完美地結(jié)合起來。
宋朝詩人汪洙在《神童詩》中有這樣的千古名句：“萬般皆下品，唯有讀書高?！弊x書自古以來是成為高雅風韻的文人士大夫的必經(jīng)之路。由此可見，自古以來讀書和雅致之間就結(jié)下了不解之緣，閱讀與國風雅頌的風格也就找到了完美的交匯點，因此小說設(shè)計團隊在確定設(shè)計風格的探尋中，選擇了國風的風格來體現(xiàn)百度小說的人文感的設(shè)計。
二、構(gòu)建小說的人文感的視覺新風格
人文感設(shè)計語言融合了簡約、舒適、自在的設(shè)計體驗，讓人能夠輕松沉浸其中，并感受到獨特的國風韻味和情感內(nèi)涵。小說設(shè)計團隊從“色、字、構(gòu)、畫”四個維度進行拆解。
色—清新淡雅的色彩
牛皮紙卷通常是手工制作的，它會給人一種溫暖的感受。設(shè)計團隊通過提煉牛皮紙卷的色彩，衍生出萱草橙作為主色調(diào)，傳遞出閱讀樸實和親切的寓意。
在輔助色上提取上，通過參考古代藝術(shù)品，并結(jié)合現(xiàn)代審美，提煉出鳳仙粉，葵扇黃、姚黃綠、晴山青等古典色彩，確保輔助色與主色相融合，形成一套和諧的色彩組合。
字—規(guī)范文字使用規(guī)則
基于國風意韻感，設(shè)計團隊在文字的使用上，也選擇了一套襯線體字體，該字體字形瘦長，柔美清透且識別度高。在界面中，主要在標題區(qū)應(yīng)用這套字體，將其中的一筆進行跳色點綴，不僅讓用戶閱讀舒適，而且提升百度小說的品牌識別度。
構(gòu)—構(gòu)建秩序感的頁面
在頁面結(jié)構(gòu)上將頁面容器的邊距進行了優(yōu)化調(diào)整，使構(gòu)圖更加飽滿，封面是頁面上最引人注目的元素之一，通過調(diào)整封面的尺寸可以使其更加突出。采用了更大的封面尺寸，使畫面內(nèi)容更加飽滿，將大圓角優(yōu)化為更小的圓角，視覺上更加精致和細膩。
為了讓用戶第一時間就能夠看到自己感興趣的標題內(nèi)容，在內(nèi)容展示上，我們針對重點的信息進行了強化。將主次信息，從色彩到字重上進行了優(yōu)化。新版的設(shè)計采用加粗的標題文字和淺灰色的輔助信息，拉開對比，強化重點，讓用戶更快找到自己感興趣的內(nèi)容。
在頁面細節(jié)元素設(shè)計上，將角標樣式優(yōu)化為右側(cè)的書簽的樣式，整體感受更像現(xiàn)實生活中的書簽。在輔助標簽的設(shè)計上，將純文字樣式優(yōu)化為右側(cè)這種多彩面型的樣式，強化內(nèi)容的豐富和多元。
畫—打造國風特色的插畫風格
圖形的設(shè)計是最容易識別和產(chǎn)生共鳴的。在插畫元素的提煉上，為了能夠與小說網(wǎng)文氛圍結(jié)合的更緊密，我們以小說類型為劃分維度得出了一系列的具象的聯(lián)想關(guān)鍵詞。
例如，女生的插畫圖形，首先劃分為偏向言情類型，由此聯(lián)想到一只小鳥站在桃花上，整體采用粉色調(diào)的場景進行展現(xiàn)，夢幻而唯美。男生的插畫圖形則偏向玄幻類型，從而聯(lián)想到葫蘆，由此繪制出葫蘆和浮云結(jié)合的畫面，自由而飄逸。
同時，插畫的設(shè)計采用簡約的幾何圖形，畫面強調(diào)詩意和美感。
在話題落地頁等沉浸感的場景下，也融合了插畫元素作為裝飾，用戶在當前的場景能夠有更強的沉浸感和共鳴感。
三、人性化產(chǎn)品體驗
以人為本的設(shè)計理念不僅僅是視覺層面的展現(xiàn)，還需要從用戶需求維度提供人性化的產(chǎn)品體驗，因此，我們提煉出了四組設(shè)計手段：更貼心、更高效、更熱鬧、更滿足。
更貼心—貼心的設(shè)計讓用戶體會到關(guān)懷和舒適的享受
以人為本的設(shè)計能夠更貼心地滿足用戶的需求和期望，通過關(guān)注用戶的喜好、行為和習(xí)慣，讓用戶體會到關(guān)懷和舒適的享受。因此，針對于不同的用戶行為進行了精細化的設(shè)計。對于未登錄、書架為空的用戶，我們默認為用戶錨定到精選的tab，而針對本地書、網(wǎng)頁書的用戶，我們?yōu)槠涠ㄎ坏綍艿膖ab，方便用戶更精準的切入場景。
同時，我們在精選的頭部增加了運營區(qū)，針對于無歷史記錄的用戶，為其推薦優(yōu)質(zhì)的內(nèi)容，提高用戶的找書效率。而對于有歷史記錄的用戶，外露上一次閱讀的書籍，方便用戶更快捷的進行續(xù)讀。
更高效—高效的設(shè)計能讓用戶體驗更便捷，決策更精準
只有貼心的服務(wù)是遠遠不夠的，以人為本的設(shè)計還需要為用戶打造更高效的設(shè)計體驗，我們通過簡化設(shè)計流程，智能化推薦等手段，讓用戶體驗更便捷，決策更精準在各類場景新增書籍標簽?zāi)K，提升用戶篩選書籍的精準度，使得用戶在各類場景下找書更高效。
在推薦形式上，我們也采用了多樣化的推薦方式。例如在首頁增加了feed流形態(tài)的信息模塊，以更直觀的圖文展現(xiàn)方式，幫助用戶發(fā)現(xiàn)他感興趣的內(nèi)容。在書架場景，針對于書架內(nèi)容少的用戶，自動的放置兩本高流量書籍，幫助用戶高效的觸達內(nèi)容。與此同時，我們還會根據(jù)用戶行為數(shù)據(jù)，采用彈窗形式和章尾推薦等形式主動向用戶推薦與其喜好度高的內(nèi)容，方便用戶高效的觸達他感興趣的內(nèi)容。
更熱鬧—熱鬧的設(shè)計能給用戶帶來活力和趣味的體驗
以人為本的設(shè)計應(yīng)該是有人氣兒的，為了增強互動氛圍，我們搭建了書友社區(qū)，為用戶提供求書、薦書的功能，書友熱聊落地頁頭部在設(shè)計上采用了彈幕的形式；話題模塊的設(shè)計采用雙列流的交互形式，給頁面增加動態(tài)感和活躍感。通過打造熱鬧的氛圍，既能為用戶帶來更具活力和趣味的體驗，同時提升了用戶的互動活躍度。
閱讀器場景是用戶使用時長最長的一個場景。因此我們?yōu)橛脩籼峁┝硕卧u功能，方便用戶閱讀過程中和書友進行交流，為了不影響閱讀的流暢性，我們采用弱化的段評圖標樣式和色彩，段評入口設(shè)計在段落尾部，減少對閱讀的干擾。
更滿足—滿足的設(shè)計能夠讓用戶獲得成就和收益
以人為本的設(shè)計能夠讓用戶在產(chǎn)品中獲得成就和滿足感，從而形成愉悅的產(chǎn)品體驗。為了讓用戶能夠獲得滿足的感受，我們將舊版的簽到系統(tǒng)升級為金幣激勵體系，采用做任務(wù)賺金幣的形式，增加用戶的成就感。
整體的設(shè)計風格也延續(xù)了國風意境感。首頁頂部采用招財樹的圖形設(shè)計，強化福利感知。領(lǐng)取金幣場景通過獲得金幣的動效，讓用戶產(chǎn)生滿足感。
同時，我們對用產(chǎn)品內(nèi)的用戶進行了分層設(shè)計，針對新用戶增加了七天限時福利活動，讓新用戶感受到平臺的福利，從而愿意留下來繼續(xù)體驗。
在閱讀器場景，我們增加了章尾和半層金幣領(lǐng)取提示，即時提醒用戶領(lǐng)取福利，同時，強化領(lǐng)取成功樣式，增強用戶的獲得感。
在運營活動的設(shè)計上，延續(xù)國風意境的設(shè)計風格，我們將九宮格的抽獎活動入口前置在福利中心的首頁，方便用戶快捷的參與抽獎，獲得收益。爆更一夏，看小說瓜分金幣活動，整體是采用古典荷塘的景色，讓用戶在參與賺錢的過程中感受到清爽夏日的氛圍，通過多樣化的運營活動豐富用戶獲取收益的方式，增強滿足感。
結(jié)語小記
百度小說設(shè)計團隊堅持以用戶為中心，秉承人性化、情感化設(shè)計和文化傳承性的設(shè)計理念，讓用戶感受到獨特的情感連接，融入文化元素，傳承歷史與情感，最終形成百度小說的人文感設(shè)計。
作者：百度MEUX
來源：站酷
藍藍設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學(xué)習(xí)，請加藍小助，微信號:ben_lanlan，報下信息，藍小助會請您入群。歡迎您加入噢～希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系01063334945
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責聲明：藍藍設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍藍設(shè)計( www.ocunn.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司
藍藍設(shè)計的小編 http://www.ocunn.cn