APP首頁設計原則和示例分析

首先,我們來談談為什么要設計首頁

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首頁的設計要充分考慮用戶習慣與需求,從各個細節設計上滿足用戶,不斷對用戶進行揣摩分析,并依靠精美的頁面布局和準確的需求把握,結合產品的功能特點和行業分類進行精致設計。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 一、文檔概覽和分析目的 體驗機型:華為榮耀7 系統版本:EMUI4.0.3 App版本:6.3.9.3 體驗時間:...
    封翔閱讀 26,893評論 4 62
  • 這是自己學習產品的時候的一些筆記和心得,沒有固定的格式,排版和語言組織都比較亂,也不夠專業。 1.生日管家: 商業...
    vidianzzh閱讀 4,083評論 0 17
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 173,075評論 25 708
  • 曾經想努力做個優秀的人,讓所有人都對自己刮目相看;曾經想不管不顧的離家出走,孤身一人漂泊世界;曾經想長大了以后變得...
    笙和簫閱讀 1,012評論 10 21
  • INTO——不畏將來,不念過去 INTO:我們,是在時間里沉淪,還是在時間里成長?不畏將來,不念過去,我們真的能做...
    INTO喜歡閱讀 392評論 0 0