首先,我們來談談為什么要設計首頁?
1.用戶打開APP,最先看到的就是首頁,首頁是第一交互界面
2.首頁可以告訴用戶APP最為核心和重要的功能,快速了解掌握APP
3.首頁是用戶的第一印象,首頁的交互體驗直接影響到用戶對整個APP的后續體驗
一款好的APP產品,其首頁設計不僅能清晰展示產品核心功能、特點,有著較好的用戶體驗,還能展示公司的品牌形象,提升用戶品牌認知度。APP首頁設計至關重要。其實APP首頁設計是有一些規則可以借鑒采納的,下面我們來具體談談:
1.給用戶絕佳的的第一印象
用戶打開APP進入首頁后,先看到的是界面,其次才會關注內容。因此,整體界面設計對用戶感覺沖擊最為直接。在這個階段,符合品牌的好的設計感和內容豐富度會給用戶印象印象加分。
2.展示有用的功能和服務
產品吸引用戶的關鍵是能夠為用戶解決問題,這就是產品的功能和服務。這個階段,首頁的核心功能的展示和好的交互體驗是最關鍵的。應避免次要功能或無用功能展示在首頁上。
3.實時更新和推薦內容
對于已經是APP的使用用戶來說,一打開首頁就希望能看到最新的活動、內容和通知,因此內容的實時更新和匹配用戶習慣的內容推薦就顯得極為重要。
下面我們以喜馬拉雅APP具體來做示例分析:
1.用戶分析
明確收聽需求(精準搜索)
模糊收聽需求(分類搜索、智能推薦)
隨便聽聽需求(精聽、最熱書單等)
2.功能設計
(1)明確收聽需求(精準搜索)
頂部搜索框精準搜索,還配合了運營需要,搜索框默認填寫了一些熱門搜索關鍵詞,激發用戶被動搜索。
(2)模糊收聽需求(分類搜索)
宮格式滑動導航設置了分類功能入口,既給用戶提供了分類篩選的選擇,也是流量分發的入口。分類入口如下:
“經典必聽”:詳細類目下的高播放量、高知名度內容;
“每日必聽”:每日6:00根據用戶收聽習慣生成的實時聽單;
“天天聽好書”:高品質書單,為付費會員引流;
“聽頭條”:實時更新新聞資訊熱點;
“聽XXX”:根據地理位置生成的地域推薦聽單;
“大師課”:為知名學者課程引流;
“邊聽邊讀”:匯集文稿、音頻的聽單;
“懶人一鍵聽”:按不同主題定制好的聽單收錄;
“百家講壇”:高流量定制欄目入口;
“聽單”:按時間推送的主題文章內容收錄;
“小雅音響”:借助有贊微商城搭建的小雅音響商城主頁,喜馬拉雅智能硬件
“國家寶藏”:熱門綜藝節目定制欄目入口;
“精品”:跳轉2級導航入口;
上圖右側是新用戶首登界面十分有趣。從功能入口來看,主要覆蓋人文歷史、情感、相聲評書、英語培訓、兒童故事。從這個默認分類入口來看,1.喜馬拉雅此幾種分類播放量較高,是廣用戶收聽的側重分類;2.這種默認分類入口為不同用戶提供了引導入口,可以覆蓋不同需求、偏好的用戶群體,給新用戶以情感化引導。
(3)隨便聽聽需求(精聽、最熱書單等)
首頁從上到下分別有“頂部banner、猜你喜歡、精品、歷史、人文、精聽、精品聽單、最熱有聲書、教育培訓、IT科技、直播、綜藝娛樂、為你推薦”13個欄目分類。從整體分布來看,是上述分類入口次級內容的展示及2級導航跳轉入口,對于隨便聽聽的這類用戶,在沒有明確方向下,可以隨便試聽各分類下推薦的聽單,快速找到自己喜歡的節目。
“”頂部banner":平臺主推的活動、精選節目、自營硬件等展示窗口,最強推薦位,目的在于吸引盡可能廣的用戶關注。滾動播放可以增加覆蓋范圍,并根據用戶喜歡智能推薦。
“猜你喜歡”:根據用戶收聽習慣智能推薦,播放量的直觀展示可以吸引用戶前去試聽。
“精品”:固定3個節目展示,跳轉2級“精品”導航
“歷史”、“人文”、:基于用戶喜好的欄目入口
“廣告”位:自營硬件售賣廣告
“精品聽單”:上面分類“精品”入口的聽單展示,固定4條,按主題進行分類集合展示
“最熱有聲書”:點擊量播放量較高的專輯聽單,固定3條
“教育培訓”、“IT科技”、“綜藝娛樂”:該分類下固定展示3條聽單
“直播”:2級導航“直播”跳轉入口,固定展示3個直播中主播
“為你推薦”:基于用戶喜好智能推薦聽單,feed流展示,近90余條到底。可以選擇屏蔽,默認“不感興趣”,是平臺深入挖掘用戶喜好的方式。
3.排版布局
(1)頂部區域
消息入口:顯示聊天消息、系統通知,未讀進行圖標提示,作為快捷重要入口放置合理。
搜索欄:為精準收聽用戶快捷使用,放在頂部中間位置合理。
播放歷史:按時間排序,快捷查看播放歷史記錄,方便用戶續聽,從操作習慣來講,此入口必要且實用。
下載聽單入口:無網情況下,快速查看本地資源并收聽的入口,必要且實用。
(2)分類導航入口
宮格式導航,將功能入口進行直觀陳列,模糊用戶占多數,放置在中間位置,十分合理。分類上考慮到了內容類別、實時更新、地理位置、收聽習慣、熱門綜藝及平臺的運營需求,但內容上有重復,尤其是“精選”單純是2級導航跳轉入口。新版更新后,將“聽頭條”放置為上下滾動的“快報”欄目。在分類入口上應該進一步精簡細化。
(3)次級內容展示及2級導航入口
此版塊是次級具體內容和2級導航入口的展示,是為了直接呈現給用戶翻閱選擇。按分類放在下方,具體展示內容方便隨便看看用戶直接收聽,位置合理。
1>根據用戶使用行為,將常用分類放置在上方,非常用分類,則不予顯示。顯示規則符合用戶行為,非常人性化。顯示內容數量一般為3-4條,比較適量。
2>從分類排序上:猜你喜歡>精品>喜好分類>精品聽單>最熱有聲書>直播>默認分類,排序規則優先考慮用戶喜好,其次是平臺收費類高品質聽單,兼顧了用戶目標和商業目標。
3>內容選取上:
精品、直播都是頂部2級導航入口,精品是商業化考慮,位置突出。但直播位置靠后,本身點擊率不高,底部也可直接切換,沒有必要占據有限的首頁位置,可以去除;
猜你喜歡、為你推薦:都是基于用戶喜好的智能推薦,位置缺兩極分化,1個至于頂部,一個位于底部。為你推薦內容繁多,容易導致用戶瀏覽疲勞。考慮到2者內容重合度,可以合并。精準地基于用戶習慣的數據分析才能進行更準確有效的產品定位,而非以量取勝。
喜好分類與默認分類:根據用戶使用時長、收聽偏好,應最大幅度減少默認分類,縮減首屏內容。從精準分類上,細致把握用戶需求,進行更智能精確的內容推薦。
2處廣告位的穿插:和頂部banner內容有重復,占據位置較大,碎石穿插在內,但影響用戶直觀體驗,本身位置偏后,建議去除。
(4)頂部滑動選項卡導航
首頁默認推薦,使用戶流量最大的入口,覆蓋范圍最廣。“分類”頁展示詳盡的類別,用戶可進行更為精準地模糊瀏覽。“精品”頁多為付費內容,品質高,深度用戶多。“直播”頁是另一類內容輸出用戶的展示窗口。“廣播”頁則展示了傳統電臺。
1>從分類可視化角度而言,只選取了有限的5個分類,避開了選項卡多分類繁瑣的切換及點擊效果不均的劣勢,保證了整個首頁框架的簡潔。
2>從分類選取上,默認推薦頁,主要以廣義用戶需要為首要考慮,付費類用戶內容呈現在“精選”頁,直播內容輸出方放在“直播”頁,既平衡了用戶價值和商業目標的關系,也為不同層級用戶作了清晰分類。
3>深挖潛在用戶需求,平衡傳統電臺用戶與互聯網用戶需求。首頁中增加傳統廣播電臺,兼顧了不同用戶的收聽需求,對傳統電臺用戶也有著無限吸引力。
綜上,通過喜馬拉雅APP首頁界面設計的分析,不難發現一款成功的APP,對于用戶行為的分析、用戶廣義需求與潛在需求的挖掘,真的是細致入微。APP首頁的設計要充分考慮用戶習慣與需求,從各個細節設計上滿足用戶,不斷對用戶進行揣摩分析,并依靠精美的頁面布局和準確的需求把握,結合產品的功能特點和行業分類進行精致設計。