中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

淘寶頭條的客戶端在幾個(gè)月內(nèi)從無(wú)到有，今天這里可以跟大家分享一下APP產(chǎn)生的全過(guò)程。相信大家最關(guān)心的就是如何從零到一做出一個(gè)APP，以及過(guò)程里的方法和經(jīng)驗(yàn)。

首先簡(jiǎn)單說(shuō)一些淘寶頭條的項(xiàng)目背景。淘寶頭條的定位是一個(gè)權(quán)威的生活消費(fèi)資訊平臺(tái)。淘寶頭條這個(gè)產(chǎn)品在手機(jī)淘寶中孵化了很久，積累了大量的賬號(hào)和內(nèi)容源，內(nèi)容主要涉及到指導(dǎo)消費(fèi)、生活?yuàn)蕵?lè)、時(shí)尚穿搭等方面。有了一定的用戶基礎(chǔ)之后，淘寶頭條獨(dú)立app應(yīng)運(yùn)而生。

一、如何從零到一做出淘寶頭條的架構(gòu)

淘寶頭條是一個(gè)資訊類應(yīng)用，內(nèi)容導(dǎo)向性非常強(qiáng)，因此整個(gè)APP的設(shè)計(jì)流程從內(nèi)容的角度出發(fā)。這個(gè)過(guò)程主要是從內(nèi)容梳理到內(nèi)容呈現(xiàn)的過(guò)程。這部分的主要步驟是內(nèi)容產(chǎn)生→ 內(nèi)容再生產(chǎn)→ 內(nèi)容組織→ 內(nèi)容分發(fā)流轉(zhuǎn)。

步驟一：從內(nèi)容產(chǎn)生到內(nèi)容再生產(chǎn)

對(duì)于內(nèi)容類的應(yīng)用，首先要明確我們“要”提供什么內(nèi)容以及“能”夠提供什么內(nèi)容。“要”提供的是說(shuō)用戶需要、想看什么內(nèi)容，“能”提供的是我們現(xiàn)有的資源和專長(zhǎng)在哪里。對(duì)于限定好的內(nèi)容池子，經(jīng)過(guò)分析提煉發(fā)散去產(chǎn)出很多包裝和加工的方案。

從用戶想看什么類型的內(nèi)容入手，明確我們要傳達(dá)的內(nèi)容方向，淘寶頭條的內(nèi)容鎖定在生活消費(fèi)領(lǐng)域，要做一些獨(dú)家精品的東西作為抓手，內(nèi)容保證新和熱，一部分內(nèi)容能帶給讀者漲知識(shí)的感覺(jué)。根據(jù)這樣的大方向，項(xiàng)目組成員頭腦風(fēng)暴發(fā)散了很多欄目和有趣的小模塊。設(shè)計(jì)師在明確產(chǎn)品目標(biāo)和大家的想法之后，確立設(shè)計(jì)方向或者說(shuō)設(shè)計(jì)的時(shí)候要遵循的原則，最后產(chǎn)出設(shè)計(jì)方案。

案例

在規(guī)劃產(chǎn)品的起初，淘寶頭條就在這樣的過(guò)程里產(chǎn)出了一批內(nèi)容的包裝方案。例如首頁(yè)第二個(gè)Tab－五分鐘欄目，起初為了提高用戶對(duì)產(chǎn)品的粘性，項(xiàng)目組決定每天自產(chǎn)或者精編高質(zhì)量?jī)?nèi)容，在這里用戶可以看到輕松有趣的“漲知識(shí)”的訊息。如果用戶在碎片化的時(shí)間里不知道看什么，能夠想起這個(gè)欄目并打開(kāi)淘寶頭條，那么這個(gè)欄目就非常成功了。內(nèi)容的方向定位為“新鮮”“少而精”“有趣”“漲知識(shí)”，產(chǎn)品上的目標(biāo)是希望提升用戶的粘性和回訪。用戶對(duì)這個(gè)欄目的認(rèn)知度和記憶非常重要。設(shè)計(jì)方案上突出這個(gè)欄目的特色，不管是信息流的排布方式，還是頭部和底部對(duì)時(shí)間的強(qiáng)調(diào)以及具體的排版，都是為了讓用戶對(duì)這個(gè)欄目產(chǎn)生印象和認(rèn)識(shí)，傳達(dá)到這個(gè)欄目是短小精悍的，短時(shí)間內(nèi)就可以完成幾篇有趣內(nèi)容的閱讀。

諸如五分鐘的產(chǎn)生，我們從用戶對(duì)內(nèi)容的需求出發(fā)，勾畫(huà)了很多欄目和產(chǎn)品方案，當(dāng)池子里有了很多欄目和產(chǎn)品形態(tài)，下一步的工作就是將它們合理地組織起來(lái)。

步驟二：從內(nèi)容再生產(chǎn)到內(nèi)容組織

當(dāng)內(nèi)容方案都大致規(guī)劃好之后，將這些方案分類組織起來(lái)，就形成了APP的架構(gòu)。就好像買好了很多菜，現(xiàn)在要怎么搭配炒它們。

一級(jí)架構(gòu)的劃分

首先，在一級(jí)架構(gòu)的分類中，以用戶針對(duì)內(nèi)容的行為和任務(wù)分出四個(gè)類別作為一級(jí)導(dǎo)航。事實(shí)上很多產(chǎn)品的一級(jí)導(dǎo)航都是以行為和任務(wù)來(lái)區(qū)分，因?yàn)橐患?jí)導(dǎo)航的位置非常寶貴，要確保每個(gè)區(qū)塊都有絕對(duì)的存在的必要性，導(dǎo)航之間最好不要存在維度的重合。淘寶頭條的一級(jí)導(dǎo)航就是根據(jù)不同的內(nèi)容任務(wù)來(lái)劃分的，分別是內(nèi)容的直接輸送、內(nèi)容的重組、內(nèi)容管理和內(nèi)容互動(dòng)。

內(nèi)容輸送就是頭條的傳統(tǒng)信息流，依照個(gè)性化算法推送feeds，所以主頁(yè)面注重閱讀效率，盡量多的曝出feed條數(shù)和圖文信息，主頁(yè)面看起來(lái)比較緊湊，信息量大。內(nèi)容重組的模塊叫做“聚焦”，是一個(gè)完整的抓手欄目，聚焦是通過(guò)技術(shù)抓取熱門(mén)關(guān)鍵詞，在內(nèi)容庫(kù)里將與關(guān)鍵詞相匹配的文章都抓出來(lái)以時(shí)間軸的形式展現(xiàn)出來(lái)。讀者可以了解到熱點(diǎn)時(shí)事發(fā)展的來(lái)龍去脈。對(duì)于內(nèi)容的重組模塊，頁(yè)面看上去以突出產(chǎn)品邏輯為主，用戶看到的是內(nèi)容集合被打包的感覺(jué)。內(nèi)容的管理就是APP中常見(jiàn)的“我的”，頁(yè)面上是一條一條的任務(wù)?；?dòng)模塊還在設(shè)計(jì)中，不贅述，主要包括一些話題類的欄目。當(dāng)然，欄目的劃分不完全是如此嚴(yán)格，考慮到tab點(diǎn)擊的衰減和重點(diǎn)內(nèi)容的滲透等原因，一些模塊也會(huì)做調(diào)整。

?二級(jí)架構(gòu)的劃分???

接下來(lái)二級(jí)架構(gòu)的劃分涉及到每個(gè)頁(yè)面的功能、信息，因情況而異。比如負(fù)責(zé)內(nèi)容輸出的主list頁(yè)面按照信息的種類分類；比如賬號(hào)、圖文、視頻、活動(dòng)，便于用戶尋找到自己想要的訊息。“聚焦”頁(yè)面則是按照用戶的使用場(chǎng)景來(lái)區(qū)分，因?yàn)樵诰劢箼谀坷?，用戶需要尋找關(guān)鍵詞、訂閱關(guān)鍵詞、瀏覽發(fā)現(xiàn)，有一系列明確的場(chǎng)景需求?！拔业摹表?yè)面則是按照任務(wù)來(lái)分類。

當(dāng)一二級(jí)架構(gòu)經(jīng)過(guò)反復(fù)調(diào)整穩(wěn)定下來(lái)之后，產(chǎn)品的信息框架已經(jīng)很明確，將信息架構(gòu)一一轉(zhuǎn)化成相應(yīng)的頁(yè)面，APP的大致樣子也就產(chǎn)生了。

步驟三：從內(nèi)容組織到內(nèi)容分發(fā)流轉(zhuǎn)

產(chǎn)品框架搭建的過(guò)程里，產(chǎn)品的相關(guān)人員還要考慮內(nèi)容的分發(fā)流轉(zhuǎn)，這兩步的過(guò)程是穿插進(jìn)行的。這個(gè)過(guò)程里三件事很重要：第一是搞清楚產(chǎn)品核心是什么，例如社交產(chǎn)品的核心可能是圈子，購(gòu)物產(chǎn)品可能是商品，淘寶頭條作為資訊類產(chǎn)品，核心是各種各樣的內(nèi)容；明確核心之后，第二是考慮產(chǎn)品整個(gè)的路徑閉環(huán)是怎樣的，用戶如何觸達(dá)到產(chǎn)品核心，內(nèi)容如何流轉(zhuǎn)起來(lái)；第三是作為一個(gè)新產(chǎn)品，它如何引流回流。

案例

其中第二點(diǎn)，用戶如何觸達(dá)到產(chǎn)品核心以及內(nèi)容如何流轉(zhuǎn)起來(lái)與頁(yè)面的交互關(guān)系最大，這里舉例說(shuō)說(shuō)。這些宏觀的考慮可能會(huì)落實(shí)到頁(yè)面上的一些細(xì)節(jié)中。淘寶頭條作為一個(gè)典型的內(nèi)容型產(chǎn)品，用戶盡快接觸到詳情頁(yè)（內(nèi)容的核心頁(yè)面）很重要：

1. 架構(gòu)層級(jí)很淺，到達(dá)詳情頁(yè)的入口很多，除了特殊欄目，保證用戶兩步到達(dá)詳情頁(yè)，避免路徑中的流失；
2. 對(duì)于一些特色欄目不得不存在中間頁(yè)的情況（延長(zhǎng)了用戶的閱讀路徑），設(shè)計(jì)上將中間頁(yè)的信息流設(shè)計(jì)成大圖加部分文字的樣式，盡量多的曝光內(nèi)容，這些中間頁(yè)本身也承載了很多信息，可以把它們看成另一種形式的詳情頁(yè)，我們希望這些內(nèi)容提前被分發(fā)到用戶那里。中間頁(yè)面也能打造沉浸式的閱讀，不僅僅是一張list；
3. 整體提高瀏覽效率，更多地傳達(dá)信息。例如，像主list這種注重分發(fā)效率的瀏覽頁(yè)面，設(shè)計(jì)時(shí)去掉了頭部，每條feed的卡片變得更窄，以增加瀏覽的條數(shù)，使用戶看到更多；
4. 強(qiáng)化分享和相關(guān)推薦，增加用戶接觸內(nèi)容的渠道和鏈路，盡量讓用戶逛起來(lái)，把內(nèi)容分享出去。

從內(nèi)容產(chǎn)生到內(nèi)容再生產(chǎn)，再到內(nèi)容組織，最后內(nèi)容分發(fā)流，經(jīng)歷了這些步驟之后，淘寶頭條從一些零散的內(nèi)容元素被規(guī)劃設(shè)計(jì)成了一個(gè)相對(duì)完整的APP。在大的框架和頁(yè)面結(jié)構(gòu)確定之后，我們進(jìn)入第二部分，開(kāi)始豐富、細(xì)化產(chǎn)品，產(chǎn)品從內(nèi)容呈現(xiàn)階段進(jìn)入一個(gè)表達(dá)和感知的層面。

二、如何從表達(dá)和呈現(xiàn)內(nèi)容

從內(nèi)容呈現(xiàn)到內(nèi)容表達(dá)的角度出發(fā)，闡述內(nèi)容視覺(jué)表現(xiàn)方法和過(guò)程。

主要通過(guò)三個(gè)步驟：從內(nèi)容定位分析出內(nèi)容的特點(diǎn)，再?gòu)膬?nèi)容的特點(diǎn)中提取出內(nèi)容的風(fēng)格，最后把這種風(fēng)格運(yùn)用在產(chǎn)品中。

步驟一：內(nèi)容定位→內(nèi)容特點(diǎn)

淘寶頭條的內(nèi)容是“消費(fèi)生活資訊媒體”。從消費(fèi)資訊、生活資訊、媒體三個(gè)角度出發(fā)，歸納出淘寶頭條的內(nèi)容特點(diǎn)：

• 消費(fèi)資訊：新潮、導(dǎo)購(gòu)、豐富、時(shí)尚、先鋒、穿搭、商品、消費(fèi)信息、新鮮、穿搭……
• 生活資訊：豐富、娛樂(lè)、漲知識(shí)、休閑……
• 資訊媒體：可信賴、權(quán)威、客觀、平臺(tái)、主流、個(gè)性化 ……

步驟二：內(nèi)容特點(diǎn)→內(nèi)容風(fēng)格

抽取了這么多的關(guān)鍵詞，通過(guò)這些詞可以發(fā)現(xiàn)：淘寶頭條包涵了購(gòu)物類app和資訊類app的一些共同特征。

其實(shí)，每個(gè)app都可以給它一個(gè)特定的物化的物品或是場(chǎng)景。淘寶就像是一個(gè)大的集市，商品玲瑯滿目、種類繁多，需要我們?cè)诶锩嬲J(rèn)真地挑選，淘到我們想要的東西；天貓像是一家商場(chǎng)，所有的東西都陳列在柜臺(tái)里面，讓人有逛街的感覺(jué)；閑魚(yú)是一個(gè)二手市場(chǎng)，可以變賣自己不用的東西，也可以買自己想買的東西；知乎是一個(gè)知識(shí)經(jīng)驗(yàn)分享平臺(tái)；打開(kāi)網(wǎng)易像是在讀社會(huì)新聞報(bào)；澎湃像時(shí)政報(bào)……以此類推，如果給淘寶頭條定義一種現(xiàn)實(shí)中的場(chǎng)景或是物化的物品，那應(yīng)該是什么呢？

以上分析出的內(nèi)容特點(diǎn)關(guān)鍵詞，其實(shí)很多都不是淘寶頭條特有的，我們有必要把淘寶頭條獨(dú)有的一些內(nèi)容特質(zhì)進(jìn)一步抽取出來(lái)。所以，通過(guò)淘寶頭條與購(gòu)物類的app與資訊類的app對(duì)比，可以抽取出來(lái)一些淘寶頭條獨(dú)有的內(nèi)容特點(diǎn)：

它區(qū)別于單純購(gòu)物型的產(chǎn)品，它呈現(xiàn)的消費(fèi)信息，生活資訊，用戶可以在看資訊的過(guò)程中買買買。它區(qū)別于其它傳統(tǒng)資訊類的產(chǎn)品，它呈現(xiàn)的內(nèi)容是時(shí)尚，新潮，先鋒的。通過(guò)以上對(duì)淘寶頭條內(nèi)容特點(diǎn)的分析，就可以找到淘寶頭條物化的物品或場(chǎng)景：我們給它定位為生活消費(fèi)雜志。

在眾多的雜志視覺(jué)風(fēng)格中，選定了日系的購(gòu)物類雜志為淘寶頭條的內(nèi)容風(fēng)格：圖文結(jié)合，信息排布清晰的感覺(jué)，符合我們對(duì)淘寶頭條消費(fèi)生活雜志的定位，到這里其實(shí)也就確立了淘寶頭條的視覺(jué)風(fēng)格。

步驟三：內(nèi)容風(fēng)格→產(chǎn)品視覺(jué)

風(fēng)格確立后，我們就要在產(chǎn)品中營(yíng)造這種感覺(jué)，將風(fēng)格還原在產(chǎn)品視覺(jué)中。既怎樣打造淘寶頭條這個(gè)生活消費(fèi)內(nèi)容類的雜志？通過(guò)以下三點(diǎn)：品牌、樣式、排版滲透整個(gè)風(fēng)格。

1、品牌：

這個(gè)步驟是品牌的提煉過(guò)程。從產(chǎn)品的定位，可以提煉出來(lái)品牌的關(guān)鍵詞；由品牌關(guān)鍵詞可以抽練出品牌符號(hào)；最后將品牌符號(hào)運(yùn)用在產(chǎn)品中。

淘寶頭條的品牌價(jià)值是：“時(shí)尚生活消費(fèi)類的資訊平臺(tái)”從這個(gè)定位中我們可以提煉出：時(shí)尚，生活消費(fèi)，資訊媒體這三個(gè)關(guān)鍵點(diǎn)，然后在視覺(jué)層面上從視覺(jué)、心境、物化三個(gè)維度對(duì)關(guān)鍵詞進(jìn)行拆解，可以得出一些視覺(jué)特點(diǎn)或者物化的視覺(jué)形象。

從拆解出來(lái)的眾多的關(guān)鍵詞中，我們選取了兩個(gè)最體現(xiàn)淘寶頭條特征以及意義的詞語(yǔ)：引領(lǐng)、聚焦?！耙I(lǐng)”的意義為引領(lǐng)時(shí)尚，引領(lǐng)最新最權(quán)威的資訊；“聚焦”的意義為專注生活消費(fèi)領(lǐng)域的資訊。意在突出內(nèi)容上的新潮、豐富、時(shí)尚；意在讓用戶有感知，當(dāng)用戶想到生活消費(fèi)類的資訊，就會(huì)來(lái)看淘寶頭條。

然后由品牌關(guān)鍵詞可以抽練出品牌符號(hào)：引領(lǐng)——物化的形象是旗幟，兩面旗幟重疊形成字母“T”。“淘寶頭條”的首字母“淘寶”“頭條”也是T，最終確立這個(gè)旗幟的形象作為logo。聚焦——物化的符號(hào)為相機(jī)的對(duì)角框，這個(gè)符號(hào)多處運(yùn)用在產(chǎn)品界面中。選用了黃色搭配的色調(diào)，對(duì)比強(qiáng)烈，體現(xiàn)時(shí)尚感。以下為品牌元素在產(chǎn)品中的應(yīng)用：

2、樣式和版面

在頭條的主list頁(yè)中，會(huì)根據(jù)不同的內(nèi)容設(shè)計(jì)出不同的承載樣式，最終形成一個(gè)完整統(tǒng)一的內(nèi)容流?，F(xiàn)有樣式9種，后續(xù)還會(huì)根據(jù)業(yè)務(wù)需求不斷添加樣式，一條信息流里面承載這么多的樣式，要在設(shè)計(jì)上做一些統(tǒng)一化的處理。如左文右圖的圖片，與三圖的圖片大小保持一致，在信息流中就不回出現(xiàn)階梯的視覺(jué)錯(cuò)落感；如話題、視頻、專題雖然是三種不同的內(nèi)容，但在設(shè)計(jì)中為了整個(gè)list流的統(tǒng)一，將三種樣式的基本元素保持統(tǒng)一，再用一些細(xì)節(jié)或是內(nèi)容專有的元素進(jìn)行區(qū)分。

案例：

設(shè)計(jì)主list：為了打造上面提到的那種日系雜志的風(fēng)格，在設(shè)計(jì)中突出了以下幾點(diǎn)：

1. 黑白對(duì)比：信息流中的任何內(nèi)容都盡量保持黑白，讓內(nèi)容本身帶來(lái)更多的顏色，使內(nèi)容更突出；
2. 標(biāo)題加粗：更大更粗的標(biāo)題文字，在干凈的白背景上標(biāo)題內(nèi)容顯得更加突出；
3. 營(yíng)造一種緊湊的熱鬧感：緊湊、整齊。在feeds的間距，字號(hào)，圖片大小，相似信息等，運(yùn)用格式塔方法論使其保持一致性，讓整個(gè)信息流看上起完整，順暢。讀者在閱讀的過(guò)程中既能區(qū)分不同的內(nèi)容，但也不會(huì)有被打斷的不適感；
4. 左文右圖，目的是為了突出標(biāo)題?；瑒?dòng)時(shí)，大部分用戶右手操作，滑動(dòng)過(guò)程中手擋住的是圖片，不會(huì)遮擋標(biāo)題，不影響閱讀主要文字信息；
5. 節(jié)奏：對(duì)樣式的穿插制定固定的規(guī)則，形成一種閱讀節(jié)奏感（三條一圖，穿插三條三圖）。

每日一文：每日精選一圖加一句話，把最優(yōu)質(zhì)精選的的內(nèi)容第一眼呈現(xiàn)給用戶，同時(shí)可以給帳號(hào)曝光的機(jī)會(huì)。根據(jù)內(nèi)容的定位采用簡(jiǎn)約設(shè)計(jì)：讓用戶在三秒中內(nèi)快速瀏覽一圖一句話，運(yùn)用品牌元素，打造雜志感閃屏封面。版面中，計(jì)白當(dāng)黑，黑色的文字及品牌元素與圖片構(gòu)成了頁(yè)面中的黑色元素，與留白行成了虛空間，一虛一實(shí)，形成了視覺(jué)美感。

五分鐘：用戶可以用碎片時(shí)間來(lái)閱讀小編每日推薦的五篇精選文章，在視覺(jué)上作了精細(xì)化處理：要做到有內(nèi)容可看。

1. 為了打造進(jìn)入欄目印象，設(shè)計(jì)了與導(dǎo)航欄相連的欄目頂圖，頂圖中突出時(shí)間，在每日翻動(dòng)時(shí)可以讓用戶感知到是在看哪一天的五分鐘。每天五分鐘，會(huì)形成閱讀習(xí)慣，增加用戶對(duì)欄目的黏性；
2. card采用大圖＋標(biāo)題＋簡(jiǎn)介的形式。讓用即便是不點(diǎn)進(jìn)詳情頁(yè)也可以判斷文章的內(nèi)容是否是自己喜歡的，同時(shí)在瀏覽整個(gè)五分鐘流的過(guò)程，也是一個(gè)沉浸式閱讀的過(guò)程；
3. 在圖片上融入了品牌元素中黑色線框的標(biāo)簽設(shè)計(jì)，標(biāo)注出文章的編碼和歸類，并在欄目底部做了已閱讀多少篇的提醒，用戶可以在這里清晰的判斷出哪些是已讀，哪些是未讀。

設(shè)計(jì)淘寶頭條，就是一個(gè)內(nèi)容化設(shè)計(jì)的實(shí)例，如何整理內(nèi)容、組織內(nèi)容、呈現(xiàn)內(nèi)容、表達(dá)內(nèi)容在整個(gè)產(chǎn)品的設(shè)計(jì)過(guò)程中都會(huì)體現(xiàn)出來(lái)。目前淘寶頭條已經(jīng)上線，產(chǎn)品和內(nèi)容也會(huì)在繼續(xù)在迭代中不斷優(yōu)化。我們的設(shè)計(jì)并不完善，后需要優(yōu)化的地方也很多，但是希望這些思考能夠啟發(fā)到其他人。

作者：晚如、多蘭

來(lái)源：淘寶用戶體驗(yàn)設(shè)計(jì)

版權(quán)：人人都是產(chǎn)品經(jīng)理遵循行業(yè)規(guī)范，任何轉(zhuǎn)載的稿件都會(huì)明確標(biāo)注作者和來(lái)源，若標(biāo)注有誤，請(qǐng)聯(lián)系主編QQ：419297645