<address id="ttjl9"></address>

      <noframes id="ttjl9"><address id="ttjl9"><nobr id="ttjl9"></nobr></address>
      <form id="ttjl9"></form>
        <em id="ttjl9"><span id="ttjl9"></span></em>
        <address id="ttjl9"></address>

          <noframes id="ttjl9"><form id="ttjl9"></form>

          業務想大多全,用戶要精準簡,首頁設計該如何破局?

          2021-12-1    seo達人


          圖片

          “不行,這個必須在首頁!另外我還有倆新業務入口,你想想辦法”,業務方出于對流量的考慮,總是希望做加法。

          “別整那么多沒用的,我就想找個xx,剩下從來不看的”,用戶出于效率體驗,總期望做減法。

          加減之間,是業務與用戶對立而尖銳的需求,同時也是多類型服務產品首頁設計的重難點。今天,就以“58首頁設計”為例,與大家談談解題思路。

           

          01.什么是多類型服務產品?

          簡單說就是,多個關聯度較低的服務捆綁在一起形成的產品,常見于平臺式工具產品,例如支付寶、美團、58同城等。

           

          02.設計挑戰是什么?

          以58為例,一方面,業務工具屬性強,且用戶耦合性低。說人話就是,用戶都是來找工具的,但由于AB業務關聯度太低,用A業務的用戶幾乎不會用到B業務,AB業務分別擁有獨自用戶群。這也就造成用戶期望更高的推薦精準度,頁面上任何一個無關信息都是干擾,都是對連接效率的打折。

          但另一方面,平臺上的業務很多,還都想在首頁曝光。而且隨著各業務設計師的不斷努力,連接的形式也在不斷豐富,視頻、直播、VR,從業務貼到聚合推薦,層出不窮。首頁面臨更大的信息承載壓力。

          所以,這類型產品首頁最大的挑戰,就是“多業務的曝光需求和用戶的精準連接之間的矛盾”,如何才能在推薦技術不變的情況下,通過設計來應對挑戰呢?

           

          03.如何破解?

          既然是信息傳遞和收取之間的矛盾,那我們就從“人-場景-信息”的對應關系入手,分析信息在不同場景的優先級和適合的顆粒度。

          圖片

          人-場景-信息優先級和顆粒度

           

          1、用戶分類

          根據用戶需求分為三類。

          1)預裝用戶:非自主下載,不了解產品功能

          2)服務需求用戶:使用相對固定的服務

          3)內容需求用戶:獲取本地或相關服務信息

          2、按照用戶區分場景需求

          1)預裝用戶:建立產品認知、保留用戶不卸載

          2)服務需求用戶:更有針對性的服務展示,盡可能少的干擾信息

          3)內容需求用戶:更多類型的內容展示

          3、按照場景定位信息的優先級和顆粒度

          1)預裝用戶:

          采用運營曝光策略。保留一級主服務入口,幫助建立產品認知。同時曝光更多內容信息和留存向的運營功能,以提升留存率。

          圖片

          預裝型用戶信息

           

          2)服務需求用戶:

          采用目標服務曝光策略。保留一級業務主服務入口,方便業務切換。但擴展目標服務的二級信息曝光度,用以縮短路徑。同時增加動態服務模塊,來跟進用戶動作,服務于用戶。

          圖片

          服務型用戶信息

           

          3)內容需求用戶:

          采用平衡曝光策略。保留一級主服務入口,方便業務切換。同時擴展內容曝光度。

          圖片

          內容型用戶信息

           

          04.設計思路

          1、搭建擴展性框架:調整為頂部tab結構,釋放更多定位信號,增加曝光渠道。

          原腰部tab是對“原首頁”內容的劃分,現將整個“首頁”置于第一個tab下,后續tab內容將與“首頁”并列,從而釋放更多獨立的曝光渠道。

          圖片

          腰部tab結構
           

          圖片

          頂部tab結構

           

          2、使用更靈活的組件:變形金剛與瀑布流。

          首先,金剛位是一級服務入口的集合,且處于首屏上部,是非常好的建立產品認知的模塊。將其原有打散在15個位置上的服務,按照大類聚合安置,更容易傳達產品的主服務是什么。

          圖片

          金剛位結構對比

           

          其次,為了應對用戶精準簡的需求,金剛也可以做靈活變形,曝光更多目標服務的二級選項。

          圖片

          變形金剛位

           

          而瀑布流方式也為更多樣的服務連接形式提供了承載能力。

          圖片

          列表與瀑布流

           

          3、豐富的信息容器:

          設計包含圖、文、圖文、VR、視頻、聚合類目、動態服務模塊等信息聚合方式的瀑布流卡片,同時加入即時推薦功能,讓瀑布流具備包容和靈活的特性。

          圖片

          組件容器

           

          4、整合平臺的運營能力:設計平臺級留存向運營中心。

          以往,各業務線運營功能深藏在業務頁面中,用戶往往需要通過較長的路徑才能接觸到運營功能,且用戶也并不能發現平臺上所有運營功能。這種分散式分布的方式,使得運營吸引力和留存能力上都打了折扣?,F將所有業務的運營功能聚合,打造平臺的運營中心,使發現路徑更短,聚合吸引力更強。

          圖片

          原路徑&現路徑

           

          圖片

          默認服務型首頁&上滑2樓運營中心

           

          05.設計展示

          圖片

          從依靠推薦技術讓內容適應用戶需求,到設計靈活可變動的組件來適應chang場景的信息承載,我們希望可以在產品和用戶需求的矛盾中尋求更優的平衡點。

           

           

          原文地址:58UXD(公眾號)

          作者:環鐵藝術家

          轉載請注明:學UI網》業務想大多全,用戶要精準簡,首頁設計該如何破局?

          藍藍設計建立了UI設計分享群,每天會分享國內外的一些優秀設計,如果有興趣的話,可以進入一起成長學習,請掃碼藍小助,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務合作,也請與我們聯系。

          截屏2021-05-13 上午11.41.03.png

          分享此文一切功德,皆悉回向給文章原作者及眾讀者.
          免責聲明:藍藍設計尊重原作者,文章的版權歸原作者。如涉及版權問題,請及時與我們取得聯系,我們立即更正或刪除。

          藍藍設計www.syprn.cn )是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的UI界面設計、BS界面設計 、 cs界面設計 、 ipad界面設計 、 包裝設計 、 圖標定制 、 用戶體驗 、交互設計、 網站建設 、平面設計服務

          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://www.syprn.cn

          存檔

          亚洲va欧美va天堂v国产综合