黄色一及片自拍,国产永久免费无遮挡被操裸体美女 ,俺也去资源另类在线,靠逼网站在线,亚洲激情久久,欧美区在线,成人三级片免费,午夜视频色

點擊 ▲ 三分設(shè) 關(guān)注，和 10 萬設(shè)計師一起成長

三分設(shè) x UED聯(lián)盟

正文共：3016 字 20 圖預(yù)計閱讀時間：10 分鐘

導(dǎo)語：騰訊動漫的交互規(guī)范進(jìn)行了一次更新升級；根據(jù)搭建過程中體會出的內(nèi)容型產(chǎn)品的交互思維，希望可以提供指導(dǎo)性建議。本文一共分為三部分，第一部分是分析內(nèi)容型產(chǎn)品的交互特點，整體推導(dǎo)的過程展示；第二部分是在搭建過程中發(fā)現(xiàn)了一些內(nèi)容型產(chǎn)品交互規(guī)范特有的難點，以及解決方法；第三部分是搭建設(shè)計規(guī)范的影響力分為向內(nèi)和向外兩個部分，逐一闡述。

交互設(shè)計是用戶體驗設(shè)計的關(guān)鍵環(huán)節(jié)之一，影響著產(chǎn)品關(guān)鍵數(shù)據(jù)的轉(zhuǎn)化效果。其中交互規(guī)范包括框架層（界面體驗）與結(jié)構(gòu)層（信息框架）兩個層面。具體的搭建邏輯就是原子元素（按鈕、字體、圖標(biāo)等等）按照適合場景的規(guī)格進(jìn)行組合成分子控件（導(dǎo)航欄、列表、輸入框等）；最后按照不同的業(yè)務(wù)需求將分子控件進(jìn)行頁面布局。

1 內(nèi)容型產(chǎn)品的交互特點

交互規(guī)范需根據(jù)產(chǎn)品屬性來制定搭建策略以及規(guī)范規(guī)則。那內(nèi)容型產(chǎn)品應(yīng)該如果搭建交互規(guī)范呢？首先要根據(jù)內(nèi)容型產(chǎn)品的用戶消費(fèi)模型來劃定交互規(guī)范的流程范圍以及關(guān)鍵節(jié)點。模型分為:1 吸睛；2 感興趣；3 消費(fèi)體驗；4 滿足需求；5 留存。轉(zhuǎn)化成深度用戶再進(jìn)行二次傳播后，通過關(guān)系鏈給產(chǎn)品拉新。

圖1 內(nèi)容消費(fèi)模型示意圖

根據(jù)每個轉(zhuǎn)化的關(guān)鍵節(jié)點的各有不同的體驗關(guān)鍵詞，

第一步吸睛，新用戶打開新裝App的場景，需要加強(qiáng)用戶對于整體產(chǎn)品的品牌認(rèn)知；

第二步感興趣，首頁整體的內(nèi)容信息架構(gòu)，需要清晰準(zhǔn)確且可快速尋找到自己喜好的內(nèi)容；

第三步消費(fèi)體驗，針對長內(nèi)容與短內(nèi)容的特點屬性，提出更符合用戶習(xí)慣的瀏覽體驗；

第四步滿足需求，在持續(xù)消費(fèi)內(nèi)容的過程中，提供更深度的內(nèi)容延展與互動需求；

第五步留存，7日、30日內(nèi)持續(xù)消費(fèi)的深度用戶是增值內(nèi)容的對標(biāo)用戶，可為產(chǎn)品帶來更多商業(yè)價值轉(zhuǎn)化。

圖2 消費(fèi)設(shè)計關(guān)鍵詞示意圖

每個體驗關(guān)鍵詞都是交互規(guī)范在特定流程下的規(guī)范參考；

1，為了增加用戶對于品牌的認(rèn)知，必須增加曝光效率，那交互頁面框架必須有高效的可復(fù)用模板來運(yùn)營品牌。

2，用戶在尋找內(nèi)容的過程中，引導(dǎo)性與易懂性尤為重要，信息架構(gòu)要有兼容多樣性內(nèi)容的特性，畢竟內(nèi)容只會越來越豐富。

3，從業(yè)務(wù)導(dǎo)向來看，用戶在消費(fèi)內(nèi)容場景選擇沉浸式，更為專注且流暢，可增加消費(fèi)時長。

4，消費(fèi)場景內(nèi)需要延展內(nèi)容的其他深層次模塊，例如相關(guān)超話、彈幕等，來滿足用戶更多互動或自我實現(xiàn)的需求。頁面的交互框架必須宏觀考量未來規(guī)劃的可能性，使用最小成本來應(yīng)對每個模塊的迭代且保持設(shè)計品相的統(tǒng)一。

5，增值內(nèi)容最核心的交互展示就是梯度體系的搭建；可保持深度用戶的商業(yè)活躍度與內(nèi)容黏性。

圖3 內(nèi)容產(chǎn)品的交互特點示意圖

2 搭建內(nèi)容型產(chǎn)品交互規(guī)范所遇到的難點及解決方案

2.1 成熟型產(chǎn)品的規(guī)范邊界需要很大，框架無法限制

圖4 從吸睛到感興趣，梳理交互規(guī)范會出現(xiàn)什么難點呢？

一個已經(jīng)很成熟的內(nèi)容型產(chǎn)品（工具類產(chǎn)品設(shè)計本身就很克制）的交互規(guī)范無法背離平臺當(dāng)下現(xiàn)實情況來衡量產(chǎn)品邊界；交互設(shè)計師是否經(jīng)常聽到一句萬精油式的回復(fù)“這是一個歷史原因，我們可以下次再說?！比绻@樣的回復(fù)很多，那么你需要調(diào)整自己對于交互規(guī)范的整理思路了。該如何找到對策呢？答案是“因地制宜”。

圖5 展示框架有強(qiáng)烈的業(yè)務(wù)述求，無法使用限定模塊來規(guī)范

作品封面在不同頁面上都有不同的尺寸，不同比例；但多種模塊尺寸又是業(yè)務(wù)訴求，那怎么辦？交互需要先去理解業(yè)務(wù)內(nèi)容，深入到產(chǎn)品邏輯層面去尋找“相似性”。從而找準(zhǔn)交互規(guī)范中的“狀態(tài)”規(guī)則。根據(jù)業(yè)務(wù)類型劃分封面的使用場景，不同場景內(nèi)再以優(yōu)先級展示的維度，劃定在不同比例中可復(fù)用的固定尺寸。在同一層級內(nèi)，刪除無差異性的尺寸。未來業(yè)務(wù)發(fā)展可參照不同優(yōu)先級來選擇設(shè)計模塊。這樣才能做出可延展的設(shè)計規(guī)范。

圖6 根據(jù)業(yè)務(wù)類型劃分模塊的展示優(yōu)先級

圖7 歸納后的每一層級模塊，再確定應(yīng)用場景

以豎版封面為例，首先把所有尺寸做出一個尺寸疊加透視；劃定尺寸相似的程度；把同一層級內(nèi)復(fù)用率低且展示優(yōu)先級低的多余尺寸刪除。每個層級只保持一個尺寸（紅色為確定尺寸）。

2.2 產(chǎn)品定義與設(shè)計規(guī)范的邏輯差異

圖8 從感興趣到消費(fèi)體驗，梳理交互規(guī)范會出現(xiàn)什么難點呢？

從找內(nèi)容到消費(fèi)內(nèi)容過程中，經(jīng)常使用標(biāo)簽來幫助用戶快速做出選擇；但產(chǎn)品與設(shè)計都有不同的標(biāo)簽邏輯，會出現(xiàn)不相同的底層梳理思路；產(chǎn)品經(jīng)常會以開發(fā)邏輯判斷模塊屬性，而交互設(shè)計是以體驗設(shè)計角度出發(fā)。例如標(biāo)簽存在已開發(fā)成熟后臺配置系統(tǒng)，在此邏輯以外的標(biāo)簽樣式都不屬于標(biāo)簽范疇內(nèi)，很容易出現(xiàn)這類標(biāo)簽有多種異形設(shè)計樣式的情況。

圖9 不同崗位對于標(biāo)簽的不同理解

圖10 標(biāo)簽的交互規(guī)范文檔

設(shè)計師就必須在站在宏觀視角去把控所有標(biāo)簽需求的定義。從而在設(shè)計層面解決“不同需求出現(xiàn)不同形狀標(biāo)簽”的雜亂情況。按照交互規(guī)范的搭建思路來輸出一套可復(fù)用的規(guī)范組件庫。

2.3 必須以用戶體驗優(yōu)先來規(guī)范增值模塊

圖11 從滿足需求到留存，梳理交互規(guī)范會出現(xiàn)什么難點呢？

完整且優(yōu)秀的交互規(guī)范理應(yīng)把用戶體驗是放在第一位的。在增值內(nèi)容的商業(yè)化變現(xiàn)過程中，基礎(chǔ)體驗的交互把控也極為重要。例如某直播平臺的直播間的流程設(shè)計，在部分促進(jìn)營收的高頻操作頁面使用全屏架構(gòu)，打斷了內(nèi)容消費(fèi)的進(jìn)程，影響了持續(xù)消費(fèi)的連貫性，針對新用戶或腰部用戶來說，存在增加頁面跳出率的風(fēng)險。

圖12 某直播平臺的內(nèi)容頁面架構(gòu)

分析每個增值內(nèi)容出現(xiàn)的場景，適配出相應(yīng)的輕量架構(gòu)；全屏可以改成彈窗，在用戶保持可看到內(nèi)容的同時，使用底部彈窗來引導(dǎo)用戶；用戶保持對內(nèi)容的消費(fèi)持續(xù)性與期待感?？赏ㄟ^內(nèi)容本身作為增值轉(zhuǎn)化的抓手，讓用戶保持相對理解的心理反應(yīng)。

圖13 漫畫內(nèi)容消費(fèi)場景下，增值內(nèi)容使用底部彈窗的形式

3 設(shè)計規(guī)范的影響力

圖14 交互規(guī)范與設(shè)計規(guī)范的關(guān)系圖

在所有基礎(chǔ)設(shè)計元素的交互定義規(guī)范下，視覺可預(yù)知表現(xiàn)定義的邊界與范疇，會更準(zhǔn)確以及高效的找到最適合產(chǎn)品的設(shè)計規(guī)范，且可對未來拓展性有一個規(guī)律可循。

3.1 組件庫與設(shè)計團(tuán)隊內(nèi)部的協(xié)作

設(shè)計規(guī)范真正發(fā)揮用途，分為向內(nèi)與向外兩個部分。首先設(shè)計團(tuán)隊根據(jù)嚴(yán)謹(jǐn)且可拓展的規(guī)范指導(dǎo)下，不同的設(shè)計工種，不同設(shè)計人員，不管任何的外部（組織架構(gòu)調(diào)整）或內(nèi)部（員工離職）等因素影響下，所有設(shè)計輸出都會有一個基礎(chǔ)標(biāo)準(zhǔn)。解決了管理整合效率以及持續(xù)保持設(shè)計影響力等問題。體現(xiàn)了設(shè)計團(tuán)隊的專業(yè)素養(yǎng)與職業(yè)化表現(xiàn)。

15 搭建設(shè)計規(guī)范組件庫的好處

3.2 開發(fā)協(xié)同與設(shè)計規(guī)范邏輯的相輔相成

設(shè)計規(guī)范向外發(fā)揮用途，著重于與開發(fā)團(tuán)隊協(xié)同合作。具體實現(xiàn)流程，以VanGo（梵高）組件為例，該開發(fā)組件是騰訊視頻的開源的一個高效的跨平臺的渲染框架。（有幸參與到動漫業(yè)務(wù)部的宣講會議），它可以改變視覺標(biāo)注信息的視覺稿，客戶端開發(fā)同學(xué)代碼實現(xiàn)，再到設(shè)計走查還原這種傳統(tǒng)低效的流程模式。使用VanGo框架提供的Sketch插件可以直接對設(shè)計稿生成JSON格式的文件。客戶端通過框架解析文件可以直接顯示出UI。這樣子可以很大程度上減少視覺還原的工作和減少開發(fā)的工作了。大大提高了設(shè)計時間效率，讓設(shè)計師專注于UI深度的挖掘。

圖16 VANGO界面

4 小結(jié)

本次對現(xiàn)有交互規(guī)范的梳理歸納，通過對頁面信息架構(gòu)梳理，重新優(yōu)化定義了規(guī)范模塊，最后輸出成了sketch組件庫，在未來日常交互工作中，提高了設(shè)計效率，統(tǒng)一整體用戶體驗的標(biāo)準(zhǔn)，增強(qiáng)了用戶對品牌形象的認(rèn)知。交互規(guī)范是一項長期維護(hù)的基礎(chǔ)項目，需要多方面不同的建議，不斷的完善邊界以及升級更新。才可以更好的服務(wù)項目，從而達(dá)到“用戶為本”的設(shè)計理念。

本期作者：TCD設(shè)計中心

////// END //////

我們相信設(shè)計師和創(chuàng)造者一樣是思想家。一個開放的設(shè)計師社區(qū)，收集用戶體驗、視覺和產(chǎn)品設(shè)計的故事。聚集來自一線大廠設(shè)計專家，還有那些未被發(fā)現(xiàn)的實力設(shè)計新秀，不斷提供各種故事、想法和觀點。助力全球 1 億設(shè)計師成長。

深度鏈接：

歡迎添加 ?? 星標(biāo)，獲取每天推薦知識分享，早上 8 點，準(zhǔn)時充電，養(yǎng)成終身學(xué)習(xí)習(xí)慣?！纲Y訊」、「文章」、「活動」、「招聘」、「課程」等。

成員招募：

三分設(shè)社區(qū)成員招募，合伙成員「合伙人計劃」、譯客小組「翻閱計劃」、閱讀小組「共讀行動」、產(chǎn)研小組「項目共創(chuàng)」。

加入社群：

期待與更多優(yōu)秀用戶體驗設(shè)計師一起成長，添加小助手微信號【 Lil_Bug 】，備注【讀者】+ 截圖【星標(biāo)】【分享】

加入星球資料庫：

面向公眾號 ?? 星標(biāo)粉絲讀者，全年助力設(shè)友建立設(shè)計知識體系和職場指導(dǎo)咨詢，「體系化知識研討」、「設(shè)計·管理書籍共讀」、「線上職場訓(xùn)練營」、「實戰(zhàn)項目共創(chuàng)」和「大會活動交流」。分享設(shè)計/管理/職場/心得，定期直播；零距離連麥，答疑解惑

↓↓↓點開『閱讀原文』，關(guān)注星球資料庫

內(nèi)容型產(chǎn)品交互規(guī)范的搭建指南

點擊 ▲ 三分設(shè) 關(guān)注，和 10 萬設(shè)計師一起成長

三分設(shè) x UED聯(lián)盟

點擊 ▲ 三分設(shè) 關(guān)注，和 10 萬設(shè)計師一起成長