設(shè)計總結(jié)|提升首頁的情感化設(shè)計

5 評論 13973 瀏覽 104 收藏 8 分鐘

結(jié)合最近的工作,在本文和大家分享面對越來越多的業(yè)務(wù)場景,我們是如何改版驢媽媽首頁設(shè)計,既能體現(xiàn)產(chǎn)品的定位又能將用戶的價值最大化。

項目時間:

2017.11.10~2017.11.29,上線版本:8.0.0(18年1月)

項目角色:

交互設(shè)計、UED項目負責(zé)人

從以下4個部分闡述

  1. 需求溝通:明確問題;確認目標
  2. 方案設(shè)計:結(jié)合用戶場景、改版核心點分析
  3. 落地跟蹤:交互自查;項目跟進
  4. 經(jīng)驗總結(jié):這些可以做得更好

一、需求溝通

1. 明確問題

  • 結(jié)合已有數(shù)據(jù),主頻道分流和去年相比有所降低,用戶會找不到旅游品類會導(dǎo)致查找成本高
  • 首頁缺乏內(nèi)容性等業(yè)務(wù)模塊,欠缺與用戶相關(guān)的實時旅游熱點
  • 爆款產(chǎn)品不夠突出,引導(dǎo)性差導(dǎo)致下單量降低

2. 確認目標

  • 強化驢媽媽核心品類,推薦新運營活動入口的曝光,更高效引流
  • 增加內(nèi)容元素的露出
  • 強化重點目的地及優(yōu)惠信息,強化爆款

二、方案設(shè)計

APP首頁作為用戶訪問的第一界面,需要基于不同的使用場景搭建首頁框架,依次來承接住大量的流量,滿足不同用戶的核心訴求,而首頁從內(nèi)容模塊上分,主要有5個:一級業(yè)務(wù)、二級業(yè)務(wù)、運營活動位、精準推薦、搜索五個模塊組成。

1. 需求明確的場景

搜索框、一/二級業(yè)務(wù)入口(因高頻場景,為此次改版核心點)

設(shè)計關(guān)鍵點:

  • 企業(yè)方:在保持用戶現(xiàn)有查找出游品類習(xí)慣的基礎(chǔ)上,同時可以推薦新運營活動入口的曝光
  • 用戶方:效率優(yōu)先,盡可能減少操作步驟,完成目標

用戶在出行時間、地點、品類上有明確的需求時,會主動通過品類導(dǎo)航欄或搜索欄來滿足自身出行需求,也是用戶訪問首頁的高頻場景。

業(yè)務(wù)導(dǎo)航欄分為兩大區(qū)域:

  • 固定區(qū)(一級導(dǎo)航):是業(yè)務(wù)重點也是用戶高頻訪問的旅游品類,滿足絕大部分戶需求;
  • 拓展區(qū)(二級導(dǎo)航):用戶較高訪問品類或者是新業(yè)務(wù)品類展示入口。

在節(jié)假日或其他運營活動時,導(dǎo)航欄上增加“HOT”“春運搶票”等角標配置,提升曝光,達到引流的目的。

2. 需求不明確的場景

用戶需求模糊時,雖然不能立即產(chǎn)生購買行為,作為企業(yè)方應(yīng)該主動為用戶推薦其可能感興趣的旅游產(chǎn)品,或根據(jù)用戶之前在網(wǎng)站上的搜索、瀏覽等行為,此次改版主要從運營活動位和猜你喜歡兩部分來進行優(yōu)化。

設(shè)計關(guān)鍵點:

  • 企業(yè)方:通過提供場景化主題包裝為用戶提供服務(wù)入口,滿足用戶閑逛的需求
  • 用戶方:希望所瀏覽的產(chǎn)品具有引導(dǎo)性,避免盲目瀏覽不知所措

(1)活動運營位

從用戶行為(搜索、瀏覽記錄等)出發(fā),推薦更符合每個用戶的需求,從而提升產(chǎn)品購買率。

(2)猜你喜歡

例如根據(jù)時間推薦夜場門票,根據(jù)GPS等為用戶推薦其附近大家都在搜索地旅游關(guān)鍵字,或者是業(yè)務(wù)支持的其他規(guī)則。

三、落地跟蹤

1. 交互自查

交互方案完成后,檢查自己的設(shè)計是否有遺漏,幫助自己查缺補漏,每個人或Team都有自身的習(xí)慣,方法可以不同,但結(jié)果一樣:都是要讓交互方案盡可能地完善,給下游項目環(huán)節(jié)提供完備的信息,節(jié)省項目時間,也給用戶帶來更優(yōu)的體驗。
2. 項目跟進

設(shè)計好的方案很重要,能順利地執(zhí)行下去更重要:上線后的實際效果才是設(shè)計最終的效果,所以設(shè)計跟進是非常重要的事情,必須要做!??!

項目跟進的難點在于:時間成本、人力成本等的限制下,如何讓產(chǎn)品實現(xiàn)最多。

四、經(jīng)驗總結(jié)

這些可以做得更好:

1. 滑動提示

設(shè)計時將活動Banner對應(yīng)的文字露出,引導(dǎo)用戶查看,如感興趣則會滑動并點擊查看,如不喜歡則直接忽略并瀏覽下方板塊,后設(shè)計稿中因占據(jù)較大篇幅而放棄,這種更適合PC端。

2. 情境感知

當(dāng)用戶搜索過某目的地的旅游產(chǎn)品,當(dāng)用戶到達該目的地的時候,用戶剛打開APP時提醒用戶之前有搜索過,是否立即查看,因為用戶剛進入就提示,因此不會中斷用戶的瀏覽、任務(wù)等

3. 個性排序

二級導(dǎo)航支持用戶根據(jù)自身訪問量,將更多旅游品類排序在首頁的位置,便于查看。

 

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

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

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 感謝分享

    來自廣東 回復(fù)
  2. 寫的很不錯,思考過程值得學(xué)習(xí) ??

    來自北京 回復(fù)
    1. 謝謝 ??

      來自上海 回復(fù)
  3. 贊一個

    來自廣東 回復(fù)
    1. 謝謝 ??

      來自上海 回復(fù)