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

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

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

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

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

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

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

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

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

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

示例：百度新聞

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

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

示例：淘寶

活動要點：標題，活動時間，活動地點，活動發(fā)起人，活動描述，相關推薦選項：頭像地圖，活動費，活動類型，活動數(shù)量，活動備注，活動照片，活動會員，評論，評級，推薦，轉發(fā)共享

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

示例：豆瓣城

UGC必備：標題，作者，正文，評論，推薦/分享，關注作者，相關推薦選項：綜合瀏覽量，評論，喜歡，喜歡，獎勵

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

示例：知道

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

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

示例：豆瓣

消息必須是：標題，時間，消息正文可選：回復

補充：移動端的消息內(nèi)容頁面通常設計為對話框樣式。

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

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