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