營(yíng)業(yè)人員在推進(jìn)首頁(yè)設(shè)想的過(guò)程中，需要考慮到現(xiàn)實(shí)營(yíng)業(yè)場(chǎng)景、目的用戶定位等多個(gè)方面，那么做為設(shè)想人員，你要怎么權(quán)衡各方面的需求并做出挑選和提煉，以完成首頁(yè)設(shè)想的目的？本篇文章里，做者便做了復(fù)盤(pán)，一路來(lái)看一下他的經(jīng)歷總結(jié)。

首頁(yè)的內(nèi)容來(lái)自于各個(gè)營(yíng)業(yè)模塊，底層的數(shù)據(jù)或者內(nèi)容已經(jīng)在詳細(xì)功用頁(yè)面實(shí)現(xiàn)了，但是首頁(yè)不成能呈現(xiàn)所有內(nèi)容，產(chǎn)物司理需要按照產(chǎn)物價(jià)值和營(yíng)業(yè)場(chǎng)景做出挑選及二次加工提煉。

別的首頁(yè)需要按照差別的客戶群和用戶角色做出針對(duì)性的設(shè)想，或者供給定造化功用，由用戶停止設(shè)置裝備擺設(shè)，從而帶來(lái)產(chǎn)物價(jià)值，進(jìn)步用戶的效率。

比來(lái)剛好完成了一款門(mén)戶產(chǎn)物設(shè)想，今天就總結(jié)下首頁(yè)的設(shè)想過(guò)程。

一、用戶需求與產(chǎn)物定位

那是一款面向多角色用戶的產(chǎn)物，包羅需求方、開(kāi)發(fā)方、運(yùn)營(yíng)方。產(chǎn)物次要辦事于需求方和開(kāi)發(fā)方，實(shí)現(xiàn)從數(shù)據(jù)需求到數(shù)據(jù)產(chǎn)物的撮合交易。

需求其實(shí)不復(fù)雜，需求方負(fù)責(zé)提出數(shù)據(jù)需求，開(kāi)發(fā)方操縱平臺(tái)數(shù)據(jù)完成模子開(kāi)發(fā)，向需求方交付數(shù)據(jù)產(chǎn)物。運(yùn)營(yíng)方負(fù)責(zé)需求發(fā)布到產(chǎn)物交付的全過(guò)程辦理，因而偏向于后臺(tái)辦理員的角色。除此之外，每種角色還會(huì)用一些后臺(tái)辦理功用，處置與其他角色的協(xié)做使命。

簡(jiǎn)單歸納綜合下各類角色的需求：

需求方：查看及申請(qǐng)數(shù)據(jù)產(chǎn)物，若是沒(méi)有滿足需求的數(shù)據(jù)產(chǎn)物，能夠發(fā)布定造化需求。

開(kāi)發(fā)方：查看及承接需求，搜刮查看平臺(tái)中的數(shù)據(jù)，操縱那些數(shù)據(jù)資本完成數(shù)據(jù)產(chǎn)物開(kāi)發(fā)，最末交付需求方。

明白了用戶需求之后，產(chǎn)物定位就是滿足用戶的數(shù)據(jù)需求，“實(shí)現(xiàn)數(shù)據(jù)需求到數(shù)據(jù)產(chǎn)物交付的一站式平臺(tái)”。如斯以來(lái)，產(chǎn)物的內(nèi)容根本也就確認(rèn)了。整個(gè)門(mén)戶包羅首頁(yè)、數(shù)據(jù)需求、數(shù)據(jù)資本、數(shù)據(jù)產(chǎn)物4大內(nèi)容頻道。

固然梳理了差別角色的需求，因?yàn)殚_(kāi)發(fā)周期比力嚴(yán)重，首頁(yè)內(nèi)容并沒(méi)有實(shí)現(xiàn)動(dòng)態(tài)化的設(shè)想。最末在需求方和開(kāi)發(fā)商之間，我們將需求方做為核心用戶，首要目的是實(shí)現(xiàn)數(shù)據(jù)需求發(fā)布和數(shù)據(jù)產(chǎn)物的交付。

二、產(chǎn)物設(shè)想標(biāo)的目的

關(guān)于首頁(yè)的產(chǎn)物形態(tài)，我們履歷了一個(gè)逐步明晰化的過(guò)程。

*）思維發(fā)散

最起頭內(nèi)部有各類設(shè)法。

有的同事認(rèn)為應(yīng)該參考互聯(lián)網(wǎng)產(chǎn)物首頁(yè)，偏重于產(chǎn)物宣傳，包羅產(chǎn)物的價(jià)值介紹、功用亮點(diǎn)等。

有的同事傾向于營(yíng)業(yè)內(nèi)容展現(xiàn)，按照用戶角色附加功用性操做，幫忙用戶完成使命。

有的同事則認(rèn)為能夠依附后臺(tái)辦理功用，打形成中后臺(tái)產(chǎn)物的辦理首頁(yè)。

每個(gè)標(biāo)的目的似乎都有必然的事理。通過(guò)與營(yíng)業(yè)方的不竭溝通，最末確定了設(shè)想標(biāo)的目的。

2）收斂確認(rèn)

平臺(tái)固然聚集了差別的用戶角色，但仍然是屬于組織型的內(nèi)部產(chǎn)物，最末目的是實(shí)現(xiàn)組織間的數(shù)據(jù)共享交換。第一階段的產(chǎn)物目的次要是面向一線施行人員供給各類辦事。目標(biāo)是幫忙他們更好地完成工做使命，產(chǎn)物的功用性要求更高，過(guò)多的宣傳介紹信息并沒(méi)有太大的價(jià)值。

互聯(lián)網(wǎng)品宣類官網(wǎng)的設(shè)想形式其實(shí)不合適當(dāng)前產(chǎn)物的定位。中后臺(tái)的辦理首頁(yè)的形態(tài)，功用性太強(qiáng)，不太合適大量數(shù)據(jù)的信息化展現(xiàn)。最末我們借鑒了互聯(lián)網(wǎng)電商產(chǎn)物的形態(tài)，便于內(nèi)容展現(xiàn)，同時(shí)包管產(chǎn)物契合用戶的根本認(rèn)知和利用習(xí)慣。

三、首頁(yè)產(chǎn)物設(shè)想

首頁(yè)的使命是面向所有用戶角色，做為信息會(huì)聚展現(xiàn)，實(shí)現(xiàn)用戶與內(nèi)容的快速毗連。顛末闡發(fā)討論和競(jìng)品闡發(fā)后，我們將設(shè)想重心放在以下2個(gè)維度：

*. 平臺(tái)內(nèi)容全方位展現(xiàn)

*）整體框架與規(guī)劃

整體框架與大都網(wǎng)站一樣，自上而下分為頭部區(qū)、內(nèi)容區(qū)、底部區(qū)。內(nèi)容區(qū)又劃分為了首屏區(qū)和樓層區(qū)兩大模塊，以用戶需求的優(yōu)先級(jí)停止內(nèi)容規(guī)劃。

2）首屏空間設(shè)想

考慮到產(chǎn)物定位以數(shù)據(jù)產(chǎn)物的交易撮合為目的，數(shù)據(jù)產(chǎn)物做為平臺(tái)核心信息，需要強(qiáng)化曝光。為了更高效天時(shí)用屏幕空間，首屏信息接納了緊湊型的設(shè)想計(jì)劃。劃分為三個(gè)功用區(qū)，包羅了左側(cè)數(shù)據(jù)產(chǎn)物列表，中間運(yùn)營(yíng)搜刮區(qū)以及右側(cè)輔助模塊等內(nèi)容。

通過(guò)產(chǎn)物列表能夠讓用戶領(lǐng)會(huì)平臺(tái)豐碩的數(shù)據(jù)產(chǎn)物品類，同時(shí)能夠填補(bǔ)用戶搜刮過(guò)程中可能呈現(xiàn)的不敷，便于用戶逐級(jí)查找商品。

我們的平臺(tái)介于完全開(kāi)放的互聯(lián)網(wǎng)產(chǎn)物和完全封鎖的企業(yè)內(nèi)網(wǎng)產(chǎn)物，將來(lái)將在必然范疇或者地區(qū)開(kāi)放，納入差別行業(yè)的合做伙伴。因而預(yù)留了運(yùn)營(yíng)區(qū)域，便于后期產(chǎn)物功用的拓展。別的在此區(qū)域中還增加了搜刮功用，一方面能夠在沒(méi)有運(yùn)營(yíng)活動(dòng)時(shí)，做為打底信息，同時(shí)能夠提拔搜刮功用在頁(yè)面中的比重。

此外首屏空間中，我們還增加了「新手入門(mén)」、「客戶案例」、「功用教學(xué)」、「幫忙中心」等入口，引導(dǎo)新手用戶領(lǐng)會(huì)平臺(tái)功用。

總體而言，緊湊型的首屏空間相關(guān)于貫串式的Banner 告白位，內(nèi)容愈加豐碩，愈加合適功用性的產(chǎn)物。

3）樓層化的展示體例

樓層是常見(jiàn)的展現(xiàn)體例，有利于內(nèi)容聚焦、加強(qiáng)信息條理和次序，而且彼此獨(dú)立的樓層空間便利內(nèi)容的擴(kuò)展。

別的首頁(yè)聚集了全平臺(tái)的信息，頁(yè)面會(huì)比力長(zhǎng)。多屏空間下，客戶的閱讀量會(huì)逐漸降低。連系樓層錨點(diǎn)，用戶能夠快速領(lǐng)會(huì)整個(gè)頁(yè)面內(nèi)容、定位目的樓層，加強(qiáng)底部樓層曝光幾率。

2. 構(gòu)建用戶與內(nèi)容的毗連通道

用戶行為目的是詳細(xì)的數(shù)據(jù)需求、數(shù)據(jù)資本和數(shù)據(jù)產(chǎn)物，因而需要通過(guò)各類設(shè)想戰(zhàn)略構(gòu)建用戶與內(nèi)容的毗連通道。

*）強(qiáng)化搜刮

將來(lái)，平臺(tái)會(huì)聚集成千上萬(wàn)的開(kāi)發(fā)商和產(chǎn)物，搜刮就成為毗連用戶和各類數(shù)據(jù)產(chǎn)物十分重要的體例。受限于框架形式，搜刮功用僅以icon形式展現(xiàn)，視覺(jué)效果其實(shí)不凸起。于是我們停止了恰當(dāng)?shù)膬?yōu)化，在首頁(yè)Banner區(qū)增加了搜刮功用。

別的在產(chǎn)物列表頁(yè)面，除了固有的產(chǎn)物分類，我們還增加了分類下的搜刮關(guān)鍵詞，便于用戶間接倡議產(chǎn)物搜刮。

2）內(nèi)容場(chǎng)景化

B端產(chǎn)物是為領(lǐng)會(huì)決用戶問(wèn)題而存在的，用戶一定是在必然的場(chǎng)景下，才會(huì)利用B端產(chǎn)物。因?yàn)殚T(mén)檻所限，用戶可能會(huì)呈現(xiàn)不曉得該搜刮詳細(xì)產(chǎn)物的場(chǎng)景，只能不竭的試錯(cuò)，但是用戶對(duì)本身的應(yīng)用場(chǎng)景是明白的。

為領(lǐng)會(huì)決該場(chǎng)景下用戶的需求，我們?cè)黾恿水a(chǎn)物專題樓層，通過(guò)用戶熟悉的“應(yīng)用場(chǎng)景”做為毗連紐帶，拓展用戶與產(chǎn)物的毗連渠道。同時(shí)產(chǎn)物專題聚合了一類數(shù)據(jù)產(chǎn)物，便利用戶集中快速查看，用戶效率更高。

3）細(xì)化內(nèi)容顆粒度

無(wú)論是產(chǎn)物列表仍是內(nèi)容樓層，首頁(yè)的內(nèi)容顆粒度都盡可能地細(xì)化，便利用戶間接查看詳細(xì)的需求、資本或者產(chǎn)物，實(shí)現(xiàn)用戶與內(nèi)容的間接毗連。

4）強(qiáng)化前后臺(tái)聯(lián)動(dòng)

因?yàn)椴顒e的用戶角色，都有必然的后臺(tái)功用，為了實(shí)現(xiàn)前后臺(tái)的快速聯(lián)動(dòng)，在用戶卡片區(qū)，增加了部門(mén)高頻后臺(tái)辦理功用中轉(zhuǎn)功用頁(yè)面，從而進(jìn)步用戶效率。

四、總結(jié)

以上就是整個(gè)首頁(yè)的設(shè)想總結(jié)，其實(shí)設(shè)想計(jì)劃還有良多待處理和優(yōu)化的內(nèi)容，后續(xù)會(huì)按照用戶的現(xiàn)實(shí)利用反應(yīng)逐漸調(diào)整。說(shuō)幾點(diǎn)感觸感染：

首頁(yè)有各類產(chǎn)物形態(tài)，歸根結(jié)底產(chǎn)物形態(tài)要契合用戶需乞降產(chǎn)物定位，不克不及自覺(jué)套用各類模板；

B端產(chǎn)物的首頁(yè)設(shè)想很關(guān)鍵，是用戶領(lǐng)會(huì)和利用產(chǎn)物的第一觸點(diǎn)，設(shè)想的好壞間接影響到用戶對(duì)產(chǎn)物的認(rèn)知和流量的分發(fā)；

首頁(yè)沒(méi)有詳細(xì)的用戶需求，需要產(chǎn)物設(shè)想師按照本身的經(jīng)歷、對(duì)用戶營(yíng)業(yè)場(chǎng)景的理解以及競(jìng)品闡發(fā)發(fā)掘，歸納出產(chǎn)物需求；

產(chǎn)物設(shè)想師需要可以對(duì)首頁(yè)的需乞降內(nèi)容做出取舍，不然可能就會(huì)釀成雜貨鋪，堆積了各類信息，雜亂無(wú)章；

專欄做家

子牧先生，*：子牧UXD（HelloDesign），人人都是產(chǎn)物司理專欄做家。產(chǎn)物體驗(yàn)設(shè)想師。8年互聯(lián)網(wǎng)行業(yè)經(jīng)歷，擅長(zhǎng)體驗(yàn)設(shè)想思維、設(shè)想辦法論、交互設(shè)想研究。

題圖來(lái)自 Unsplash，基于 CC0 協(xié)議。