里德說：“最基本的元素將缺乏，每天需要什么樣的用戶體驗(yàn)？” （誰是里德？）所以，我編寫了新手最基本的內(nèi)容頁面設(shè)計(jì)摘要。我希望當(dāng)新人在做內(nèi)容頁面設(shè)計(jì)時(shí)，他們將不再有任何線索或混淆內(nèi)容，但會(huì)有一個(gè)基本的了解。哪些元素是內(nèi)容頁面的基石，缺少它甚至不是內(nèi)容頁面。什么是錦上添花的元素。本文對(duì)內(nèi)容頁面進(jìn)行了六種分類。如果在每個(gè)分類內(nèi)容頁面中仍有大量研究要做，那么本文將無法完成。所以，我要在這里扔磚頭......

目錄1.了解內(nèi)容頁面2.內(nèi)容頁面終端分析3.內(nèi)容頁面分類描述（新聞，產(chǎn)品，事件，UGC，用戶，消息）

1.了解內(nèi)容頁面概述：內(nèi)容頁面，也稱為詳細(xì)信息頁面。用戶最終可以在此驗(yàn)證他們的選擇并瀏覽他們找到的內(nèi)容。內(nèi)容頁面表示整個(gè)搜索操作的結(jié)束。 ——《網(wǎng)站設(shè)計(jì)解構(gòu)》

組成：內(nèi)容頁面通常由五個(gè)部分組成：“項(xiàng)目的詳細(xì)信息”，“詳細(xì)描述”，“社交影響模式”，“鏈接列表”，“和操作”。 （內(nèi)容頁面的首頁和背景形式完全不同。本文的內(nèi)容頁面僅用于前景。）

2.內(nèi)容頁面終端分析內(nèi)容頁面將分別在PC側(cè)和移動(dòng)側(cè)的六種類型的新聞，商品，活動(dòng)，UGC，用戶和消息中進(jìn)行說明。

PC側(cè)內(nèi)容頁面的垂直排列順序一般為：“條目描述”，“詳細(xì)描述”，“評(píng)論”等“社交影響模式”。 “協(xié)會(huì)名單”更靈活，通常在身體的左側(cè)或底部。對(duì)于營銷網(wǎng)站，左側(cè)和底部通常有相關(guān)的列表。

由于移動(dòng)終端布局的限制，垂直排列順序通常是“項(xiàng)目描述”，“詳細(xì)說明”，“協(xié)會(huì)名單” “社會(huì)影響模式”在設(shè)計(jì)上更加多樣化。例如，底部懸?？?qū)@示在頁面上，因此用戶可以隨時(shí)對(duì)其進(jìn)行評(píng)論。同時(shí)，移動(dòng)終端的內(nèi)容頁面通常顯示較長的長度，并且將存在“一鍵頂”按鈕。

3.內(nèi)容頁面分類說明新聞必備：標(biāo)題，發(fā)布時(shí)間，發(fā)布源，正文，圖片，評(píng)論，相關(guān)推薦列表

可選：頭部地圖，綜合瀏覽量，評(píng)論，喜歡，照片庫，字體大小選擇，推薦，分享等。

補(bǔ)充：1。新聞內(nèi)容的觀眾內(nèi)容相對(duì)較寬。對(duì)于一些政治和商業(yè)新聞，用戶群年齡太大。此時(shí)，添加“字體大小選擇”。選項(xiàng)將大大增加此類用戶的善意。經(jīng)驗(yàn)。 2.移動(dòng)終端的“詳細(xì)描述”通常不顯示在前兩個(gè)屏幕中。這時(shí)，如果可以考慮用戶流量而用戶不想閱讀燈光跳出等問題，可以添加“全文閱讀”按鈕。 1.允許用戶選擇是否查看全文，而不會(huì)浪費(fèi)用戶流量。 2.進(jìn)入頁面的速度更快，您無需等待內(nèi)容完全加載。 3.在兩個(gè)屏幕的位置，存在與“推薦”相關(guān)的內(nèi)容，這可以降低用戶跳出率。

示例：百度新聞

產(chǎn)品要點(diǎn)：產(chǎn)品圖片，產(chǎn)品名稱，產(chǎn)品價(jià)格，配置選項(xiàng)，產(chǎn)品詳細(xì)信息，產(chǎn)品評(píng)估，相關(guān)建議，購買條目選項(xiàng)：促銷信息，銷售量，推薦轉(zhuǎn)發(fā)共享，收藏

補(bǔ)充：1。照片庫/查看大圖：電子商務(wù)網(wǎng)站通常提供照片庫，以便用戶可以通過各種方式查看產(chǎn)品。它通常采用縮略圖的形式，并提供查看大圖的選項(xiàng)”這節(jié)省了屏幕空間，讓用戶可以看到清晰的大圖。 2.移動(dòng)終端的操作按鈕將暫停在頁面底部，用戶可以隨時(shí)購買和收集貨物。 3.產(chǎn)品內(nèi)容頁面將包含更多相關(guān)項(xiàng)目，并將散布在頁面上的許多位置。目的是提高購買率。

示例：淘寶

活動(dòng)要點(diǎn)：標(biāo)題，活動(dòng)時(shí)間，活動(dòng)地點(diǎn)，活動(dòng)發(fā)起人，活動(dòng)描述，相關(guān)推薦選項(xiàng)：頭像地圖，活動(dòng)費(fèi)，活動(dòng)類型，活動(dòng)數(shù)量，活動(dòng)備注，活動(dòng)照片，活動(dòng)會(huì)員，評(píng)論，評(píng)級(jí)，推薦，轉(zhuǎn)發(fā)共享

補(bǔ)充：活動(dòng)分為免費(fèi)和付費(fèi)類別。付費(fèi)活動(dòng)相當(dāng)于商品，因此此類活動(dòng)的內(nèi)容頁面與商品的內(nèi)容頁面類似。移動(dòng)終端的第一屏幕通常是活動(dòng)項(xiàng)目的簡要描述，并且頂部將有轉(zhuǎn)發(fā)共享。

示例：豆瓣城

UGC必備：標(biāo)題，作者，正文，評(píng)論，推薦/分享，關(guān)注作者，相關(guān)推薦選項(xiàng)：綜合瀏覽量，評(píng)論，喜歡，喜歡，獎(jiǎng)勵(lì)

補(bǔ)充：UGC的特殊性質(zhì)，將有一個(gè)選擇在社交模式下跟隨作者。同時(shí)，在當(dāng)前的知識(shí)支付中，獎(jiǎng)勵(lì)功能也是UGC內(nèi)容不可或缺的一部分。

示例：知道

用戶先決條件：用戶頭像，用戶名，用戶個(gè)人資料，后續(xù)用戶選項(xiàng)：性別，地區(qū)，身份驗(yàn)證，標(biāo)簽，粉絲，消息，私人消息，關(guān)聯(lián)用戶，推薦共享

補(bǔ)充：基于用戶的平臺(tái)，其用戶內(nèi)容頁面的社交影響模式往往更加豐富。

示例：豆瓣

消息必須是：標(biāo)題，時(shí)間，消息正文可選：回復(fù)

補(bǔ)充：移動(dòng)端的消息內(nèi)容頁面通常設(shè)計(jì)為對(duì)話框樣式。

感謝您看到最后一次，第一次發(fā)送文檔，我希望添加更多更正。

« AI會(huì)讓你更加美麗，照片核心會(huì)在RTE 2020正式發(fā)布下一代AR視頻特效SDK | 黑頭網(wǎng)站seo優(yōu)化方法隱藏鏈接 »