全文共 3484 字，閱讀時(shí)間 10 分鐘

創(chuàng)新互聯(lián)長(zhǎng)期為成百上千家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù)；打造開(kāi)放共贏平臺(tái)，與合作伙伴共同營(yíng)造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為白山企業(yè)提供專(zhuān)業(yè)的成都網(wǎng)站建設(shè)、網(wǎng)站建設(shè)，白山網(wǎng)站改版等技術(shù)服務(wù)。擁有十年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開(kāi)發(fā)。

功能分析系列第 6 篇原創(chuàng)文章，希望對(duì)你有所幫助。

導(dǎo)讀

詳情頁(yè)，是內(nèi)容型產(chǎn)品設(shè)計(jì)中最常遇到的頁(yè)面之一。不同的產(chǎn)品，詳情頁(yè)的內(nèi)容不一樣，但結(jié)構(gòu)基本相同。那在設(shè)計(jì)詳情頁(yè)時(shí)，有哪些需求點(diǎn)呢？這 2 篇文章我們以今日頭條的圖文資訊詳情頁(yè)為例來(lái)詳細(xì)分析。

1.功能概述

功能名稱(chēng)：內(nèi)容詳情頁(yè)

1.1

使用場(chǎng)景：

在一個(gè)頁(yè)面中，顯示某個(gè)信息的詳細(xì)內(nèi)容。

1.2

常見(jiàn)案例

幾乎所有的內(nèi)容型app。如人人都是產(chǎn)品經(jīng)理、今日頭條、簡(jiǎn)書(shū)。

2.功能分析

2.1

需求點(diǎn)描述

內(nèi)容詳情頁(yè)的需求主要包括 4 部分：內(nèi)容主體信息、內(nèi)容附屬信息、衍生內(nèi)容、操作：

1. 內(nèi)容主體信息：即文本、圖片等信息；

2. 內(nèi)容附屬信息：內(nèi)容來(lái)源等信息；

3. 衍生內(nèi)容：評(píng)論；

4. 操作：點(diǎn)贊、評(píng)論、收藏、分享、舉報(bào)等。

今日頭條有多種類(lèi)型的內(nèi)容詳情頁(yè)，每一種的內(nèi)容詳情頁(yè)都不一樣。我們以圖文資訊詳情頁(yè)為例，我們來(lái)詳細(xì)分析。

由于需求點(diǎn)過(guò)多，我們將分 2 篇文章來(lái)分析該頁(yè)面涉及到的需求，這篇文章先分析公共模塊的需求。這些需求將會(huì)在多個(gè)地方被引用，為了避免重復(fù)地描述同樣的需求點(diǎn)，造成需求點(diǎn)冗余，我們先將公共模塊提煉出來(lái)。

詳情頁(yè)中，多個(gè)地方用到了頭像。包括標(biāo)題欄中的頭條號(hào)頭像、標(biāo)題下的頭條號(hào)頭像、評(píng)論中的用戶頭像、點(diǎn)贊數(shù)描述中的用戶頭像。需求描述如下：

相關(guān)截圖如下：

與頭像類(lèi)似，關(guān)注按鈕、發(fā)布時(shí)間、評(píng)論回復(fù)按鈕也在多個(gè)地方被使用。需求描述如下：

相關(guān)截圖如下：

當(dāng)前題目：【功能分析】之“詳情頁(yè)”（上）
本文網(wǎng)址：http://weahome.cn/article/cjdeie.html