一款知識(shí)產(chǎn)權(quán)授權(quán)平臺(tái)的產(chǎn)品原型探討

3 評(píng)論 7017 瀏覽 60 收藏 35 分鐘

本篇文章討論的產(chǎn)品原型,是結(jié)合調(diào)整階段這一年來的IP授權(quán)工作經(jīng)歷提出的,旨在為IP授權(quán)行業(yè)的市場(chǎng)雙方:版權(quán)方和被授權(quán)商,提供一個(gè)相互交流的平臺(tái)。

工作已近三年,一年前逃離制造業(yè),經(jīng)過這一年的積累,已掌握基本的產(chǎn)品設(shè)計(jì)思路和相關(guān)設(shè)計(jì)工具,尚缺乏實(shí)際的產(chǎn)品經(jīng)驗(yàn),文章亦存在諸多不足,希望大家多提意見,共同學(xué)習(xí)進(jìn)歩。

本篇文章討論的產(chǎn)品原型,是結(jié)合調(diào)整階段這一年來的IP授權(quán)工作經(jīng)歷提出的,旨在為IP授權(quán)行業(yè)的市場(chǎng)雙方:版權(quán)方和被授權(quán)商,提供一個(gè)相互交流的平臺(tái)。

具體說明如下:

一、IP授權(quán)平臺(tái)要解決什么問題

知識(shí)產(chǎn)權(quán)(Intellectual Property,簡(jiǎn)稱IP),是指權(quán)利人對(duì)其智力勞動(dòng)所創(chuàng)作的成果享有的財(cái)產(chǎn)權(quán)利——即只有IP的持有人,能依法享有使用和分配IP的權(quán)利。

為方便說明,我們以米老鼠的形象為例:眾所周知,米老鼠是迪斯尼集團(tuán)的作品,也就是只有迪斯尼集團(tuán)才能合法的使用米老鼠的形象。

如果有家公司(以優(yōu)衣庫為例),想要在自己的衣服上使用米老鼠的形象,就需要先與迪斯尼達(dá)成協(xié)議,獲得迪斯尼的準(zhǔn)許后才能使用,這個(gè)過程稱為IP授權(quán)。其中,迪斯尼(IP持有方)稱版權(quán)方,優(yōu)衣庫(申請(qǐng)IP使用方)稱為被授權(quán)商。

進(jìn)入本世紀(jì)以來,國內(nèi)產(chǎn)業(yè)不斷升級(jí),越來越多的企業(yè)在尋求將自身的經(jīng)營與流行IP相結(jié)合,以獲得更多的價(jià)值空間。再加上移動(dòng)互聯(lián)網(wǎng)技術(shù)的助力,國內(nèi)IP授權(quán)市場(chǎng)也逐漸發(fā)展壯大,產(chǎn)業(yè)結(jié)構(gòu)不斷完善。但由于國內(nèi)IP授權(quán)市場(chǎng)起步相對(duì)較晚,依然存在著形式單一、合作不夠深入、難以維持長(zhǎng)期合作的顯著問題。

經(jīng)過查閱相關(guān)文獻(xiàn),并結(jié)合本人在IP授權(quán)產(chǎn)業(yè)的從業(yè)經(jīng)驗(yàn),發(fā)現(xiàn)導(dǎo)致上述問題的主要原因在于——版權(quán)方和被授權(quán)商在簽訂協(xié)議之前,缺乏足夠的了解,分別說明如下:

(1)對(duì)于版權(quán)方,尤其是對(duì)于知名度較低的新興IP,市場(chǎng)部業(yè)務(wù)人員由于面臨較大的績(jī)效壓力,同時(shí)又沒有一個(gè)專業(yè)的平臺(tái)提供被授權(quán)商的相關(guān)信息。在面對(duì)有意向拿授權(quán)的商家時(shí),往往不會(huì)對(duì)其就行全面的考查。

在授權(quán)合作正式開始后,經(jīng)常會(huì)出現(xiàn)由于被授權(quán)商在產(chǎn)品設(shè)計(jì)、營銷渠道和品質(zhì)管理能力上的欠缺,導(dǎo)致合作效果不理想的情況。甚至有些被授權(quán)商態(tài)度消極,不配合提交審核和銷售狀況。

(2)同樣的,也是由于缺乏一個(gè)專業(yè)的IP信息平臺(tái),被授權(quán)商無法準(zhǔn)確的了解到某個(gè)IP能否與自身的經(jīng)營相適應(yīng),很多時(shí)候是依靠知名度去尋找IP。

這種情況下,就缺乏對(duì)版權(quán)方的評(píng)估,包括對(duì)版權(quán)方對(duì)授權(quán)業(yè)務(wù)專業(yè)度(是否懂的授權(quán),是否有專業(yè)的品牌授權(quán)策略或計(jì)劃)的評(píng)估,版權(quán)方授權(quán)業(yè)務(wù)團(tuán)隊(duì)人員架構(gòu)(是否有專業(yè)完善的品牌圖庫開發(fā)、管理、品牌內(nèi)容制作、傳播等專業(yè)人員團(tuán)隊(duì)),版權(quán)方對(duì)品牌的內(nèi)容制作及傳播計(jì)劃的評(píng)估。

因?yàn)樯鲜鲂畔⒌娜狈Γ皇跈?quán)商會(huì)在項(xiàng)目開始后才發(fā)現(xiàn)版權(quán)方能力上的不足,整個(gè)授權(quán)合作質(zhì)量低下。有時(shí)還會(huì)難以承擔(dān)授權(quán)費(fèi)用,致使合作中斷。

因此,IP授權(quán)行業(yè)需要一個(gè)專業(yè)的平臺(tái),為版權(quán)方和被授權(quán)商這兩個(gè)市場(chǎng)角色提供雙方所迫切需要的信息,讓雙方在展開合作之前相互之間有足夠的了解。

二、用戶需求分析

IP授權(quán)平臺(tái)的用戶角色分為:版權(quán)方和被授權(quán)商。通常情況下,都是雙方均是企業(yè)法人。

2.1 版權(quán)方需求分析

國內(nèi)IP授權(quán)市場(chǎng)經(jīng)過多年發(fā)展,涌現(xiàn)出大量IP,按照IP的成熟度(包括IP知名度及版權(quán)方的專業(yè)程度),持有這些IP的版權(quán)方也形成了一定的階梯劃分。

現(xiàn)將其分為以下三個(gè)梯隊(duì):

第一梯隊(duì),版權(quán)方擁有大量認(rèn)可度很高、受眾數(shù)量十分可觀的IP。

典型代表是早期進(jìn)入到國內(nèi)的國際型版權(quán)方(如:迪斯尼、漫威等),這類版權(quán)方還擁有長(zhǎng)期授權(quán)活動(dòng)積累下來的流程經(jīng)驗(yàn)、市場(chǎng)和設(shè)計(jì)團(tuán)隊(duì),能夠給予其合作方高質(zhì)量的項(xiàng)目支持。

正是由于它們的IP受眾廣,認(rèn)可度高,在條件允許(預(yù)算足夠、種類適合)的情況下,商家會(huì)主動(dòng)尋求與這類IP的合作。這類版權(quán)方的市場(chǎng)部工作人員,主要工作內(nèi)容是維護(hù)已有被授權(quán)商之間的關(guān)系,不會(huì)迫于績(jī)效壓力,把大部分精力用于尋找新的被授權(quán)商。

第二梯隊(duì),IP數(shù)量相對(duì)較少,有一定的認(rèn)可度。

但總體受眾數(shù)量不多且授權(quán)經(jīng)驗(yàn)不足,處于發(fā)展上升期的版權(quán)方。這個(gè)階段的版權(quán)方會(huì)有一些授權(quán)合作的項(xiàng)目,但由于自身專業(yè)能力的不足,往往會(huì)出現(xiàn)項(xiàng)目合作不夠深入,無法續(xù)簽甚至合作中斷的問題。市場(chǎng)部的工作人員需要不斷尋求新的被授權(quán)商。

第三梯隊(duì),處于剛起步階段的版權(quán)方,持有的IP屬于新生IP,受眾很少,也幾乎沒有過授權(quán)項(xiàng)目。

這類版權(quán)方更需要主動(dòng)發(fā)力,尋找可能達(dá)成合作的被授權(quán)商。

由于國內(nèi)知識(shí)產(chǎn)權(quán)意識(shí)覺醒較晚,IP產(chǎn)業(yè)發(fā)展也相對(duì)滯后,絕大部分的國內(nèi)版權(quán)方都屬于第二、三梯隊(duì)。

所以就國內(nèi)而言,版權(quán)方的重要訴求是要尋找潛在的優(yōu)質(zhì)被授權(quán)商,與此對(duì)應(yīng)的內(nèi)在需求是:一個(gè)通過不同維度,能夠盡可能全面、準(zhǔn)確、客觀展示被授權(quán)商信息的平臺(tái)。

版權(quán)方可以在這個(gè)平臺(tái)上瀏覽這些信息,從而篩選出最有可能達(dá)成授權(quán)合作的被授權(quán)商,以便更有針對(duì)性的介紹IP優(yōu)勢(shì),促成合作,提高洽談效率。(注:提高IP認(rèn)可度、強(qiáng)化自身專業(yè)能力是保證合作高質(zhì)量進(jìn)行的核心,這屬于版權(quán)方自身建設(shè)范疇,暫時(shí)不列在授權(quán)平臺(tái)的討論范圍之內(nèi))。

綜上所述,對(duì)于版權(quán)方,IP授權(quán)平臺(tái)需要能夠提供被授權(quán)商的綜合信息才更有吸引力,版權(quán)方才會(huì)更愿意入駐。這些綜合信息就是更加細(xì)化的用戶(版權(quán)方)需求,也是IP授權(quán)平臺(tái)要求被授權(quán)商入駐時(shí)要提供的信息。

結(jié)合從業(yè)經(jīng)驗(yàn)和調(diào)研結(jié)果,將這些信息具體展開如下:

  1. 被授權(quán)商的持有品牌(商標(biāo))和對(duì)應(yīng)的經(jīng)營信息:包括經(jīng)營品類(商品種類或活動(dòng)形式)、經(jīng)營規(guī)模(年銷售額/年活動(dòng)場(chǎng)次);
  2. 被授權(quán)商持有品牌的產(chǎn)品/活動(dòng)展示;
  3. 被授權(quán)商的IP授權(quán)經(jīng)驗(yàn)(經(jīng)驗(yàn)值:1~5/新手~骨灰);
  4. 被授權(quán)商的公司介紹(公司名稱、成立時(shí)間、相關(guān)資質(zhì)、團(tuán)隊(duì)概況、市場(chǎng)渠道等)。

2.2 被授權(quán)商需求分析

對(duì)于被授權(quán)商,在取得授權(quán)之前,最重要的是確定某個(gè)IP可以與自身的情況相符,以相對(duì)較低的成本,獲得一個(gè)可以讓自身產(chǎn)品取得更高收益的IP授權(quán)。

因而,廣大的被授權(quán)商需要一套能夠客觀反映出IP“性價(jià)比”的指標(biāo),透過這些指標(biāo),可以讓被授權(quán)商擺脫僅僅依靠“知名度”或“推銷介紹”來了解IP的窘境。

與前述相同,這些指標(biāo)會(huì)作為IP授權(quán)平臺(tái)對(duì)入駐版權(quán)方的審核要求,具體包括:

  1. 版權(quán)方持有的IP(典型形象展示圖、IP名稱、IP類別(動(dòng)漫、電影、游戲、文學(xué)));
  2. IP的形象介紹(形象定位、發(fā)展歷程、獲得榮譽(yù));
  3. IP的受眾分析(觀看群體/玩家/讀者群體、搜索指數(shù)(百度、微信、淘寶)、淘寶等電商平臺(tái)的已有產(chǎn)品消費(fèi)群體);
  4. IP的成功授權(quán)案例展示;
  5. 版權(quán)方信息(公司名稱、成立時(shí)間、相關(guān)榮譽(yù)、團(tuán)隊(duì)概況(重點(diǎn)是設(shè)計(jì)支持、市場(chǎng)支持))。

以上為IP授權(quán)平臺(tái)兩類用戶的核心需求,除此之外,雙方還需要相互通訊,溝通合作事宜。因而,IP平臺(tái)在滿足核心需求的條件下應(yīng)提供即時(shí)通訊功能,允許用戶發(fā)送消息、傳送圖片(相機(jī)拍攝或相冊(cè)選擇)、發(fā)送文件。

鑒于IP授權(quán)市場(chǎng)兩個(gè)角色的不同需求,IP授權(quán)平臺(tái)需要有“版權(quán)方”和“商家”兩個(gè)版本,分別滿足特定用戶的需求。成本和技術(shù)允許的條件下,將兩個(gè)版本合并在一個(gè)APP中,用戶通過一個(gè)切換按鈕轉(zhuǎn)換身份。

2.3 運(yùn)營需求

為滿足平臺(tái)運(yùn)營需要,增加用戶參與感和活躍度,IP授權(quán)平臺(tái)提供發(fā)帖功能,讓用戶使用該功能發(fā)布有關(guān)IP授權(quán)合作經(jīng)驗(yàn)的帖子,積累優(yōu)質(zhì)UGC,培養(yǎng)用戶黏性。

綜上,IP授權(quán)平臺(tái)定位如下:

  1. 為IP市場(chǎng)方的“版權(quán)方”和“被授權(quán)商”提供一個(gè)能夠全面、客觀了解對(duì)方信息的專業(yè)平臺(tái);
  2. 即時(shí)通訊功能,使版權(quán)方和商家能夠高效溝通;
  3. 提供討論區(qū),增加用戶參與感和活躍度,積累優(yōu)質(zhì)UGC,培養(yǎng)用戶黏性。

2.4 開發(fā)順序

考慮版權(quán)方和被授權(quán)商的市場(chǎng)角色,版權(quán)方相當(dāng)于賣方(收取授權(quán)金,提供圖庫或其他技術(shù)支持),被授權(quán)商相當(dāng)于買方(支付授權(quán)金,購買圖庫或其他技術(shù)支持)。

在競(jìng)爭(zhēng)愈加激烈的壓力下,相比于買方的被授權(quán)商,廣大第二、三梯隊(duì)的IP版權(quán)方(賣家)更需要曝光。所以,優(yōu)先設(shè)計(jì)以版權(quán)方的IP信息為展示內(nèi)容,潛在被授權(quán)商為直接使用用戶的版本,即IP授權(quán)平臺(tái)(被授權(quán)商端)。

三、IP授權(quán)平臺(tái)(被授權(quán)商端)——流程圖

3.1 業(yè)務(wù)流程圖

IP授權(quán)平臺(tái)(被授權(quán)商端)主業(yè)務(wù)有兩個(gè)方面:

  • 一是溝通業(yè)務(wù),被授權(quán)商(直接用戶)在平臺(tái)上看到合適的IP后,與版權(quán)方取得聯(lián)系并通過即時(shí)通訊功能相互交流;
  • 二是社區(qū)運(yùn)營業(yè)務(wù),用戶查看某個(gè)IP的相關(guān)帖子,參與討論或者發(fā)布與IP相關(guān)的帖子。

流程圖如下:

3.2 功能流程圖

IP授權(quán)平臺(tái)(被授權(quán)商端)的功能流程圖如下:

四、IP授權(quán)平臺(tái)(被授權(quán)商端)——頁面框架

圍繞上述的產(chǎn)品定位,IP授權(quán)平臺(tái)(被授權(quán)商端)包括:“首頁”、“消息”、“我的”三個(gè)主界面。

全局設(shè)定:

在“首頁”、“消息”、“我的”三個(gè)主界面的底部固定顯示菜單欄,提供三個(gè)主界面的跳轉(zhuǎn)按鈕(icon形式),用戶通過點(diǎn)擊按鈕在這三個(gè)界面之間轉(zhuǎn)換。按鈕icon的填充顏色,在用戶切換界面時(shí)也同時(shí)變動(dòng),以在視覺上提示用戶頁面的跳轉(zhuǎn)過程,并表明用戶當(dāng)前所處的界面。

在除上述三個(gè)主界面之外的任意子頁面,均在頂部導(dǎo)航欄的左側(cè)放置“返回”按鈕,要確保該返回操作準(zhǔn)確返回至用戶前一次操作所在的頁面,杜絕出現(xiàn)跳轉(zhuǎn)到其他頁面,造成用戶困惑的情況。每個(gè)頁面的名稱放置在頂部導(dǎo)航欄的居中位置,以時(shí)刻提醒用戶所處位置。

4.1 首頁

在APP開啟界面之后,直接進(jìn)入IP授權(quán)平臺(tái)的首頁,對(duì)于新用戶不顯示注冊(cè)入口,以展示信息為最優(yōu)先。注冊(cè)入口放置在用戶瀏覽到合適自己的IP,需要聯(lián)系IP版權(quán)方或者需要收藏某個(gè)IP的相關(guān)內(nèi)容時(shí),即在用戶認(rèn)為自己需要注冊(cè)時(shí)再把注冊(cè)入口提供給用戶。

此外,若新用戶在還注冊(cè)的情況下,直接打開“我的”頁面,也顯示為注冊(cè)入口。

注:IP授權(quán)平臺(tái)(被授權(quán)商端)的用戶來源有兩部分:

  1. IP授權(quán)平臺(tái)(版權(quán)方端)的入駐商家,入駐成功后即可使用賬號(hào)登錄到IP授權(quán)平臺(tái)的被授權(quán)商端;
  2. 通過IP授權(quán)平臺(tái)(被授權(quán)商端)的新用戶注冊(cè)入口注冊(cè)的用戶,這部分用戶可以在平臺(tái)的“我的”功能里補(bǔ)充注冊(cè)信息,亦可以進(jìn)一步申請(qǐng)作為商家入駐到IP授權(quán)平臺(tái)的版權(quán)方端。

首頁頂部提供搜索框,默認(rèn)狀態(tài)下提供輸入提示(請(qǐng)輸入IP名稱或商品類別),根據(jù)用戶輸入的搜索內(nèi)容篩選最符合的結(jié)果。

若用戶輸入的為IP名稱(精確/模糊),則根據(jù)IP名稱篩選;若輸入內(nèi)容為商品類別,則根據(jù)IP詳情中基本信息板塊的“適用品類”項(xiàng)目篩選。

搜索結(jié)果以卡片列表的形式顯示,每個(gè)卡片顯示IP名稱、適用人群及適用品類。如果之前有過搜索歷史,在用戶輸入時(shí)提供下拉列表,自動(dòng)檢索匹配用戶搜索歷史以供用戶直接選擇。

搜索框默認(rèn)狀態(tài)為半透明狀態(tài),在搜索框的底層放置一個(gè)滾動(dòng)banner,展示熱門IP。展示方式為IP的宣傳插畫,點(diǎn)擊當(dāng)前banner圖片進(jìn)入IP詳情頁面。

在滾動(dòng)banner的下方,為IP分類區(qū)。將所有IP按動(dòng)漫、電影、游戲、文學(xué)分為四大類,每種分類的展示形式為“圖片”(選取當(dāng)下具有代表性的IP)+“類別”,用戶點(diǎn)擊后跳轉(zhuǎn)至“IP分類頁面”以查看該分類下的具體IP。

?4.1.1 IP詳情頁

IP詳情頁是展示某個(gè)IP具體內(nèi)容的頁面,最直接的入口是首頁的滾動(dòng)banner,點(diǎn)擊后跳轉(zhuǎn)至banner所演示IP的詳情頁。

借鑒網(wǎng)頁中的慣用名稱,頭部(headers)和主體(body)來區(qū)分頁面的不同部分。

頭部(HEADER)

頭部用于展示IP的基本信息,左側(cè)放置最能體現(xiàn)IP特點(diǎn)的縮略圖,IP名稱作為標(biāo)題放置在縮略圖右側(cè),標(biāo)題下面分別為“IP類別(動(dòng)漫/電影/游戲/文學(xué))”、“國家地區(qū)”、“受眾群體(兒童、女性、男性、家庭)”、“適用品類” ,之后放置“聯(lián)系版權(quán)方”、“加入收藏“、“查看新帖”三個(gè)按鈕。

“聯(lián)系版權(quán)方”用于讓用戶在需要時(shí)直接與版權(quán)方進(jìn)行通訊,需保持在整個(gè)頁面的突出性(按鈕填充顏色差異化處理)。

若用戶為未注冊(cè)用戶,在點(diǎn)擊后跳轉(zhuǎn)到新用戶注冊(cè)界面,待用戶注冊(cè)完成登錄后跳轉(zhuǎn)到“消息發(fā)送”頁面;若為老用戶,在有效的登錄時(shí)間內(nèi)直接跳轉(zhuǎn)到與版權(quán)方的“消息發(fā)送”頁面,登錄若已失效,先轉(zhuǎn)到登錄頁面,重新登錄后跳轉(zhuǎn)到“消息發(fā)送”頁面。

點(diǎn)擊“加入收藏”后,彈出一個(gè)窗口提示用戶已經(jīng)收藏成功(如:收藏成功,可以在“收藏夾”中查看)。

主體(BODY)

IP詳情頁面的主體(body)部分用于展示與某個(gè)IP相關(guān)的具體情況,根據(jù)被授權(quán)商的用戶分析,分為下述幾個(gè)板塊:“基本信息”、“受眾分析”、“形象展示”、“應(yīng)用案例”,“版權(quán)方介紹”。

上述五個(gè)板塊采用“書簽式”列表布局,用戶通過點(diǎn)擊分布在左側(cè)的五個(gè)標(biāo)題來選擇要瀏覽的內(nèi)容。

具體地,IP的基本信包括形象介紹、形象定位、發(fā)展歷程、獲得榮譽(yù),實(shí)際內(nèi)容由版權(quán)方編輯提供。

  • IP的受眾分析包括觀看群體/玩家/讀者群體、搜索指數(shù)(百度、微信、淘寶)、淘寶等電商平臺(tái)的已有產(chǎn)品消費(fèi)群體,數(shù)據(jù)來源于版權(quán)方或第三方提供,保障數(shù)據(jù)真實(shí)可靠。如果暫時(shí)缺少IP的受眾分析數(shù)據(jù),在頁面上顯示“正在努力收集數(shù)據(jù)”的提示;
  • IP的形象展示用來展示IP的典型圖庫,包括CVI圖庫、插畫、海報(bào)等等;
  • IP的應(yīng)用案例用于讓版權(quán)方展示已經(jīng)成功授權(quán)過的產(chǎn)品或活動(dòng)圖片,也可以展示版權(quán)方獨(dú)立設(shè)計(jì)的IP概念衍生品;
  • IP的版權(quán)方介紹則包括公司名稱、成立時(shí)間、相關(guān)榮譽(yù)、團(tuán)隊(duì)概況(重點(diǎn)是設(shè)計(jì)支持、市場(chǎng)支持)等能夠體現(xiàn)版權(quán)方專業(yè)性的信息。

?4.1.2 新用戶注冊(cè)頁面

遵循快捷、有效的原則,要在注冊(cè)時(shí)盡可能多的獲取對(duì)優(yōu)化平臺(tái)有益的用戶核心信息。用戶注冊(cè)頁面要保持簡(jiǎn)潔、明確的風(fēng)格,默認(rèn)用手機(jī)號(hào)作為注冊(cè)方式,在頁面居中位置放置手機(jī)號(hào)碼輸入框(要有輸入提示:請(qǐng)輸入您的手機(jī)號(hào))。

提供行業(yè)分類,供用戶選擇自己的行業(yè),默認(rèn)的提示要從用戶角度出發(fā),類似于“請(qǐng)選擇您的行業(yè),匹配IP推薦”。在用戶輸入密碼和短信驗(yàn)證碼驗(yàn)證后,點(diǎn)擊驗(yàn)證碼輸入框下部的“注冊(cè)”按鈕即完成基本注冊(cè)。

若新用戶通過“IP詳情頁”的注冊(cè)入口完成注冊(cè),在注冊(cè)成功后,跳轉(zhuǎn)至注冊(cè)前的承接頁面(如:新用戶注冊(cè)之前點(diǎn)擊了“聯(lián)系版權(quán)方”,成功注冊(cè)后需直接跳轉(zhuǎn)至與版權(quán)方的“消息發(fā)送頁面”)。

如是通過“我的”頁面注冊(cè)入口完成注冊(cè),則在成功注冊(cè)后跳轉(zhuǎn)至“注冊(cè)成功”提示頁面。用戶還可以在“我的”頁面中“通用設(shè)置”板塊更新注冊(cè)信息,已獲得更為準(zhǔn)確的推薦。

?4.1.3 老用戶登錄頁面/重置密碼頁面

在用戶的登錄失效后,需要直接將用戶引導(dǎo)至登錄頁面以重新登錄。在頁面居中位置放置手機(jī)號(hào)輸入框(輸入提示:請(qǐng)輸入手機(jī)號(hào))及密碼輸入框,在密碼輸入框下部放置“登錄”及“忘記密碼”兩個(gè)按鈕。

“登錄”按鈕在視覺層次上需略突出(按鈕面積占比差異化),點(diǎn)擊“忘記密碼”可以重新設(shè)置密碼,同樣在“重置密碼”頁面居中位置放置手機(jī)號(hào)輸入框,下方是新密碼輸入框及驗(yàn)證碼輸入框。

?4.1.4 查看新帖頁面

點(diǎn)擊“查看新帖”按鈕進(jìn)入到當(dāng)下IP的帖子頁面,在頂部的導(dǎo)航欄右側(cè)放置一個(gè)“發(fā)布新帖”按鈕,點(diǎn)擊后用戶可以直接發(fā)布與IP相關(guān)的帖子。

在頁面的主體(body)以列表的形式顯示帖子的縮略,列表中的條目頂部顯示帖子標(biāo)題,標(biāo)題下方的最左側(cè)顯示帖子的發(fā)布者(平臺(tái)更新的新聞報(bào)道顯示新聞來源媒體,用戶發(fā)布的內(nèi)容顯示用戶昵稱/注冊(cè)手機(jī)號(hào))及發(fā)布時(shí)間,最右側(cè)顯示帖子的收藏?cái)?shù)和評(píng)論數(shù),通過滑動(dòng)瀏覽加載更多條目。

用戶點(diǎn)擊具體條目跳轉(zhuǎn)到帖子的詳情頁面。

4.1.5 帖子詳情頁

該頁面顯示上級(jí)頁面條目中的帖子具體內(nèi)容,頁面頭部(header)顯示帖子的完整標(biāo)題,在標(biāo)題下部放置貼子的發(fā)布者和發(fā)布時(shí)間。

頁面主體(body)顯示文章的文本內(nèi)容,自適應(yīng)文章長(zhǎng)度,用戶通過滑動(dòng)瀏覽文章。文章正文之后顯示評(píng)論內(nèi)容,顯示方式為把評(píng)論發(fā)布者的頭像、昵稱、發(fā)布時(shí)間作為標(biāo)題,評(píng)論作為內(nèi)容。

頁面底部(footer)提供一個(gè)文本輸入框,用戶點(diǎn)擊后彈出鍵盤,供用戶輸入評(píng)論內(nèi)容,此時(shí)在輸入框的右側(cè)提供“評(píng)論”和“取消”兩個(gè)按鈕,分別讓用戶在完成內(nèi)容輸入后發(fā)布評(píng)論或取消輸入收起鍵盤。

默認(rèn)沒有輸入操作時(shí),在文本輸入框的右側(cè)放置“收藏”和“轉(zhuǎn)發(fā)”兩個(gè)按鈕(icon形式),點(diǎn)擊“收藏”后,填充icon顏色以提示用戶收藏成功,并彈出一個(gè)窗口顯示(收藏成功,可以在“收藏夾”中查看)。點(diǎn)擊“轉(zhuǎn)發(fā)”按鈕,彈出用戶可使用的轉(zhuǎn)發(fā)接口(微信好友、微信朋友圈、微博、QQ等),讓用戶進(jìn)行下一步的轉(zhuǎn)發(fā)操作。

4.1.6 IP分類頁

在首頁的滾動(dòng)banner下方是IP分類頁的入口,用戶點(diǎn)擊“動(dòng)漫”、“電影”、“游戲”、“文學(xué)”中的任何一個(gè)可以跳轉(zhuǎn)到對(duì)應(yīng)的IP分類頁面。

IP分類頁面的頭部(header)放置一個(gè)篩選器,提供兩種篩選方式:

受眾對(duì)象(兒童、女性、男性、家庭)/國家地區(qū),用戶可以通過點(diǎn)擊選擇符合期望的選項(xiàng)來進(jìn)一步篩選主體部分(body)所包含的IP條目;兩種篩選條件可復(fù)合選擇(例如用戶可以同時(shí)選擇“中國(國家地區(qū))”和“兒童(受眾對(duì)象)”)。篩選器采用直列式,保持簡(jiǎn)潔、清晰的風(fēng)格,確保用戶能夠準(zhǔn)確理解篩選器的作用。

主體(body)部分同樣以列表的形式展示符合篩選條件的IP,通過滑動(dòng)加載更多;列表?xiàng)l目的最左側(cè)放置能夠代表IP的典型形象圖片,圖片右側(cè)放置IP的相關(guān)基本信息。點(diǎn)擊具體的條目后,跳轉(zhuǎn)至對(duì)應(yīng)的IP詳情頁。

4.2 消息

用戶通過點(diǎn)擊“首頁”底部導(dǎo)航欄的“消息”按鈕跳轉(zhuǎn)到該頁面,以查看消息歷史及最新消息。

頁面展示消息列表,列表內(nèi)的單個(gè)條目包含信息發(fā)送者的頭像(若沒有自定義頭像,使用默認(rèn)的ICON代替),頭像具體尺寸根據(jù)具體操作系統(tǒng)及設(shè)備選定,適應(yīng)系統(tǒng)風(fēng)格及屏幕大小。

在頭像右側(cè)的上方以標(biāo)題的形式顯示用戶昵稱(沒有設(shè)置昵稱時(shí)顯示手機(jī)號(hào)),在昵稱標(biāo)題的下方顯示信息的縮略(單行顯示,顯示不完全的文本內(nèi)容以省略符號(hào)結(jié)尾)。

用戶通過滑動(dòng)屏幕查看消息列表的更多條目,點(diǎn)擊具體條目后,跳轉(zhuǎn)進(jìn)入“消息發(fā)送”頁。

4.2.1 消息發(fā)送頁

“消息發(fā)送”頁面用于顯示具體信息內(nèi)容,并允許用戶進(jìn)行消息發(fā)送。頁面的左側(cè)顯示接受到的對(duì)方信息,右側(cè)顯示自己發(fā)送的信息,顯示方位為頭像ICON +氣泡文本框。點(diǎn)擊對(duì)方的頭像可以直接進(jìn)入到對(duì)應(yīng)的”IP詳情頁”,點(diǎn)擊自己的頭像可以跳轉(zhuǎn)到“我的”頁面主界面。

對(duì)方的氣泡文本框填充顏色分為灰/白色(具體顏色根據(jù)聊天背景色彩選擇),自己的氣泡文本框填充顏色盡量可以與APP LOGO的主色調(diào)保持一致,用戶通過上下滑動(dòng)來查看往來消息。

信息輸入框安排在頁面的底部,用戶點(diǎn)擊后彈出鍵盤輸入信息內(nèi)容,在信息輸入框的右側(cè)放置“發(fā)送”和“更多”按鈕,分別讓用戶發(fā)送信息和發(fā)送更多附件(表情/拍攝照片/保存在手機(jī)中的照片等)。

若信息未能發(fā)送成功,在未發(fā)送成功的信息旁顯示一個(gè)“感嘆號(hào)”ICON,點(diǎn)擊感嘆號(hào)可以直接重新發(fā)送信息。用戶可以通過短按鍵盤上方的往來信息區(qū)域來收起鍵盤,取消輸入操作。

4.3 我的

“我的”頁面作為統(tǒng)計(jì)記錄用戶個(gè)人相關(guān)資料和設(shè)置的板塊,包含“通用設(shè)置”、“收藏夾”、“發(fā)布?xì)v史”、“系統(tǒng)通知”、“我要入駐”五部分內(nèi)容。

在頁面頭部(header)的居中位置放置用戶的頭像,點(diǎn)擊頭像后彈出選項(xiàng)列表,讓用戶重新編輯頭像(列表選項(xiàng):從手機(jī)相冊(cè)中選取、拍照、取消),在頭像下方顯示用戶昵稱(沒有設(shè)置昵稱時(shí)顯示手機(jī)號(hào))。

頁面的主體(body)部分從上到下依次為“通用設(shè)置”、“收藏夾”、“發(fā)布?xì)v史”、“系統(tǒng)通知”,以列表的形式展示,為每個(gè)部分設(shè)計(jì)一個(gè)合適的ICON放置在列表的最前端。

之后放置“我要入駐”按鈕,保持頁面協(xié)調(diào)的基礎(chǔ)下,要突出顯示(按鈕面積占比差異化),用戶點(diǎn)擊按鈕跳轉(zhuǎn)到入駐申請(qǐng)流程(入駐流程暫不在此文檔中討論)。“退出當(dāng)前賬號(hào)”用于讓用戶退出,點(diǎn)擊后跳轉(zhuǎn)至登錄頁面重新登錄。

4.3.1 我的資料

“通用設(shè)置”除包含用戶注冊(cè)時(shí)的“手機(jī)號(hào)”和“昵稱”外,還包括“行業(yè)分類”、“地區(qū)”,同樣以列表的形式列出,用戶通過點(diǎn)擊列表中的項(xiàng)進(jìn)入到具體項(xiàng)目進(jìn)行編輯修改。

更換手機(jī)號(hào)頁面:頁面主體(body)頂部顯示提示(“請(qǐng)確認(rèn)新的手機(jī)號(hào)可以接收信息,當(dāng)前手機(jī)號(hào):”),提示下方為新手機(jī)號(hào)輸入框和驗(yàn)證碼輸入框(由新的手機(jī)號(hào)接收),在頁面中間位置放置“確認(rèn)”按鈕,用戶點(diǎn)擊后校驗(yàn)驗(yàn)證碼。

若驗(yàn)證碼無誤,彈出提示框“更改成功,可使用新手機(jī)號(hào)登錄”,持續(xù)1.5s消失,并自動(dòng)返回上級(jí);若驗(yàn)證碼有誤,彈出提示框“驗(yàn)證碼輸入有誤,請(qǐng)重新獲取”。

更改昵稱頁面:跳轉(zhuǎn)到該頁面后直接鎖定在昵稱輸入框,輸入框放置在頁面主體(body)頂部,并顯示鍵盤輸入,頂部導(dǎo)航欄右側(cè)放置“完成”按鈕,點(diǎn)擊后完成昵稱修改并返回上級(jí)。

設(shè)置行業(yè)分類頁面:頁面主體(body)頂部顯示當(dāng)前的行業(yè)分類,標(biāo)題為“當(dāng)前行業(yè)分類”,接著提供標(biāo)題為“全部分類”的選擇列表,列出系統(tǒng)所有的行業(yè)名稱,在選擇“大類”后跳轉(zhuǎn)到細(xì)分類別的列表。確定細(xì)分種類后,用戶可以通過點(diǎn)擊頂部導(dǎo)航欄右側(cè)放置的“完成”按鈕返回到“我的資料”頁面。

設(shè)置地區(qū)頁面:頁面主體(body)頂部顯示當(dāng)前的定位位置供用戶選擇,標(biāo)題為“當(dāng)前定位位置”,接著提供標(biāo)題為“全部”的選擇列表,列出全國各個(gè)省份供用戶選擇,在選擇?。ㄖ陛犑校┓莺筇D(zhuǎn)到具體城市(區(qū)域)的列表。確定具體城市后,用戶可以通過點(diǎn)擊頂部導(dǎo)航欄右側(cè)放置的“完成”按鈕返回到“我的資料”頁面。

?4.3.2 收藏夾頁面

該頁面用于顯示用戶收藏的IP詳情頁面和帖子,在頁面主體(body)部分的頂部放置一個(gè)篩選器,篩選條件分別為“IP詳情”和“帖子”,用戶通過點(diǎn)擊來篩選所要查看的收藏內(nèi)容。以與“IP分類”頁和“查看新帖”頁同樣的列表形式顯示收藏內(nèi)容頁面。

用戶點(diǎn)擊具體條目后,跳轉(zhuǎn)至對(duì)應(yīng)的IP詳情頁面或帖子詳情頁面。

?4.3.3 發(fā)布?xì)v史頁面

發(fā)布?xì)v史頁面記錄用戶發(fā)布過的帖子,展現(xiàn)形式為與“查看新帖”頁面相同的列表形式,點(diǎn)擊具體條目后跳轉(zhuǎn)到對(duì)應(yīng)的帖子詳情。

?4.3.4 系統(tǒng)通知頁面

IP授權(quán)平臺(tái)的系統(tǒng)通知會(huì)顯示在這個(gè)頁面,包括版本更新介紹、收藏IP的帖子更新、平臺(tái)活動(dòng)發(fā)布等。

展示形式為列表形式,條目的頂部顯示通知標(biāo)題,標(biāo)題下方顯示通知的發(fā)布者、發(fā)布時(shí)間和內(nèi)容縮略。擊具體條目跳,轉(zhuǎn)到通知詳情頁面或?qū)?yīng)的帖子詳情頁面。

通知詳情頁面采用與帖子詳情頁相同的展現(xiàn)形式:頁面頂部為文章標(biāo)題,標(biāo)題下方為發(fā)布者和發(fā)布時(shí)間,正文內(nèi)容顯示在頁面主體區(qū)域。

五、交互原型

IP授權(quán)平臺(tái)(被授權(quán)端)的每個(gè)頁面交互線框圖及頁面細(xì)節(jié)說明如下:

 

本文由 @?burning 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載

題圖來自 Pexels,基于 CC0 協(xié)議

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 你好,文章寫的不錯(cuò),我們公司最近也想做這類IP的業(yè)務(wù),想跟你取取經(jīng),方便加個(gè)微信么?

    來自北京 回復(fù)
  2. 文章思路清晰條理性強(qiáng),原型也很詳盡,值得肯定

    來自四川 回復(fù)
    1. 感謝您的肯定和鼓勵(lì),還有很多細(xì)節(jié)做得不夠好,有些方面也沒有討論到;還需要改進(jìn)????

      回復(fù)