首先嘿歌,我們來談?wù)?b>為什么要設(shè)計(jì)首頁去团?
1.用戶打開APP寞秃,最先看到的就是首頁,首頁是第一交互界面
2.首頁可以告訴用戶APP最為核心和重要的功能踱葛,快速了解掌握APP
3.首頁是用戶的第一印象丹莲,首頁的交互體驗(yàn)直接影響到用戶對(duì)整個(gè)APP的后續(xù)體驗(yàn)
一款好的APP產(chǎn)品,其首頁設(shè)計(jì)不僅能清晰展示產(chǎn)品核心功能尸诽、特點(diǎn)甥材,有著較好的用戶體驗(yàn),還能展示公司的品牌形象性含,提升用戶品牌認(rèn)知度洲赵。APP首頁設(shè)計(jì)至關(guān)重要。其實(shí)APP首頁設(shè)計(jì)是有一些規(guī)則可以借鑒采納的,下面我們來具體談?wù)劊?/p>
1.給用戶絕佳的的第一印象
用戶打開APP進(jìn)入首頁后叠萍,先看到的是界面芝发,其次才會(huì)關(guān)注內(nèi)容。因此苛谷,整體界面設(shè)計(jì)對(duì)用戶感覺沖擊最為直接后德。在這個(gè)階段,符合品牌的好的設(shè)計(jì)感和內(nèi)容豐富度會(huì)給用戶印象印象加分抄腔。
2.展示有用的功能和服務(wù)
產(chǎn)品吸引用戶的關(guān)鍵是能夠?yàn)橛脩艚鉀Q問題,這就是產(chǎn)品的功能和服務(wù)理张。這個(gè)階段赫蛇,首頁的核心功能的展示和好的交互體驗(yàn)是最關(guān)鍵的。應(yīng)避免次要功能或無用功能展示在首頁上雾叭。
3.實(shí)時(shí)更新和推薦內(nèi)容
對(duì)于已經(jīng)是APP的使用用戶來說悟耘,一打開首頁就希望能看到最新的活動(dòng)、內(nèi)容和通知织狐,因此內(nèi)容的實(shí)時(shí)更新和匹配用戶習(xí)慣的內(nèi)容推薦就顯得極為重要暂幼。
下面我們以喜馬拉雅APP具體來做示例分析:
1.用戶分析
明確收聽需求(精準(zhǔn)搜索)
模糊收聽需求(分類搜索、智能推薦)
隨便聽聽需求(精聽移迫、最熱書單等)
2.功能設(shè)計(jì)
(1)明確收聽需求(精準(zhǔn)搜索)
頂部搜索框精準(zhǔn)搜索旺嬉,還配合了運(yùn)營需要,搜索框默認(rèn)填寫了一些熱門搜索關(guān)鍵詞厨埋,激發(fā)用戶被動(dòng)搜索邪媳。
(2)模糊收聽需求(分類搜索)
宮格式滑動(dòng)導(dǎo)航設(shè)置了分類功能入口,既給用戶提供了分類篩選的選擇荡陷,也是流量分發(fā)的入口雨效。分類入口如下:
“經(jīng)典必聽”:詳細(xì)類目下的高播放量、高知名度內(nèi)容废赞;
“每日必聽”:每日6:00根據(jù)用戶收聽習(xí)慣生成的實(shí)時(shí)聽單徽龟;
“天天聽好書”:高品質(zhì)書單,為付費(fèi)會(huì)員引流唉地;
“聽頭條”:實(shí)時(shí)更新新聞資訊熱點(diǎn)据悔;
“聽XXX”:根據(jù)地理位置生成的地域推薦聽單;
“大師課”:為知名學(xué)者課程引流渣蜗;
“邊聽邊讀”:匯集文稿屠尊、音頻的聽單;
“懶人一鍵聽”:按不同主題定制好的聽單收錄耕拷;
“百家講壇”:高流量定制欄目入口讼昆;
“聽單”:按時(shí)間推送的主題文章內(nèi)容收錄;
“小雅音響”:借助有贊微商城搭建的小雅音響商城主頁,喜馬拉雅智能硬件
“國家寶藏”:熱門綜藝節(jié)目定制欄目入口浸赫;
“精品”:跳轉(zhuǎn)2級(jí)導(dǎo)航入口闰围;
上圖右側(cè)是新用戶首登界面十分有趣。從功能入口來看既峡,主要覆蓋人文歷史羡榴、情感、相聲評(píng)書运敢、英語培訓(xùn)校仑、兒童故事。從這個(gè)默認(rèn)分類入口來看传惠,1.喜馬拉雅此幾種分類播放量較高迄沫,是廣用戶收聽的側(cè)重分類;2.這種默認(rèn)分類入口為不同用戶提供了引導(dǎo)入口卦方,可以覆蓋不同需求羊瘩、偏好的用戶群體,給新用戶以情感化引導(dǎo)盼砍。
(3)隨便聽聽需求(精聽尘吗、最熱書單等)
首頁從上到下分別有“頂部banner、猜你喜歡浇坐、精品睬捶、歷史、人文近刘、精聽侧戴、精品聽單、最熱有聲書跌宛、教育培訓(xùn)酗宋、IT科技、直播疆拘、綜藝娛樂蜕猫、為你推薦”13個(gè)欄目分類。從整體分布來看哎迄,是上述分類入口次級(jí)內(nèi)容的展示及2級(jí)導(dǎo)航跳轉(zhuǎn)入口回右,對(duì)于隨便聽聽的這類用戶,在沒有明確方向下漱挚,可以隨便試聽各分類下推薦的聽單翔烁,快速找到自己喜歡的節(jié)目。
“”頂部banner":平臺(tái)主推的活動(dòng)旨涝、精選節(jié)目蹬屹、自營硬件等展示窗口,最強(qiáng)推薦位,目的在于吸引盡可能廣的用戶關(guān)注慨默。滾動(dòng)播放可以增加覆蓋范圍贩耐,并根據(jù)用戶喜歡智能推薦。
“猜你喜歡”:根據(jù)用戶收聽習(xí)慣智能推薦厦取,播放量的直觀展示可以吸引用戶前去試聽潮太。
“精品”:固定3個(gè)節(jié)目展示,跳轉(zhuǎn)2級(jí)“精品”導(dǎo)航
“歷史”虾攻、“人文”铡买、:基于用戶喜好的欄目入口
“廣告”位:自營硬件售賣廣告
“精品聽單”:上面分類“精品”入口的聽單展示,固定4條霎箍,按主題進(jìn)行分類集合展示
“最熱有聲書”:點(diǎn)擊量播放量較高的專輯聽單寻狂,固定3條
“教育培訓(xùn)”、“IT科技”朋沮、“綜藝娛樂”:該分類下固定展示3條聽單
“直播”:2級(jí)導(dǎo)航“直播”跳轉(zhuǎn)入口,固定展示3個(gè)直播中主播
“為你推薦”:基于用戶喜好智能推薦聽單缀壤,feed流展示樊拓,近90余條到底√聊剑可以選擇屏蔽筋夏,默認(rèn)“不感興趣”,是平臺(tái)深入挖掘用戶喜好的方式图呢。
3.排版布局
(1)頂部區(qū)域
消息入口:顯示聊天消息条篷、系統(tǒng)通知,未讀進(jìn)行圖標(biāo)提示蛤织,作為快捷重要入口放置合理赴叹。
搜索欄:為精準(zhǔn)收聽用戶快捷使用,放在頂部中間位置合理指蚜。
播放歷史:按時(shí)間排序乞巧,快捷查看播放歷史記錄,方便用戶續(xù)聽摊鸡,從操作習(xí)慣來講绽媒,此入口必要且實(shí)用。
下載聽單入口:無網(wǎng)情況下免猾,快速查看本地資源并收聽的入口是辕,必要且實(shí)用。
(2)分類導(dǎo)航入口
宮格式導(dǎo)航猎提,將功能入口進(jìn)行直觀陳列获三,模糊用戶占多數(shù),放置在中間位置,十分合理石窑。分類上考慮到了內(nèi)容類別牌芋、實(shí)時(shí)更新、地理位置松逊、收聽習(xí)慣躺屁、熱門綜藝及平臺(tái)的運(yùn)營需求,但內(nèi)容上有重復(fù)经宏,尤其是“精選”單純是2級(jí)導(dǎo)航跳轉(zhuǎn)入口犀暑。新版更新后,將“聽頭條”放置為上下滾動(dòng)的“快報(bào)”欄目烁兰。在分類入口上應(yīng)該進(jìn)一步精簡細(xì)化耐亏。
(3)次級(jí)內(nèi)容展示及2級(jí)導(dǎo)航入口
此版塊是次級(jí)具體內(nèi)容和2級(jí)導(dǎo)航入口的展示,是為了直接呈現(xiàn)給用戶翻閱選擇沪斟。按分類放在下方广辰,具體展示內(nèi)容方便隨便看看用戶直接收聽,位置合理主之。
1>根據(jù)用戶使用行為择吊,將常用分類放置在上方,非常用分類槽奕,則不予顯示几睛。顯示規(guī)則符合用戶行為,非常人性化粤攒。顯示內(nèi)容數(shù)量一般為3-4條所森,比較適量。
2>從分類排序上:猜你喜歡>精品>喜好分類>精品聽單>最熱有聲書>直播>默認(rèn)分類夯接,排序規(guī)則優(yōu)先考慮用戶喜好焕济,其次是平臺(tái)收費(fèi)類高品質(zhì)聽單,兼顧了用戶目標(biāo)和商業(yè)目標(biāo)盔几。
3>內(nèi)容選取上:
精品吼蚁、直播都是頂部2級(jí)導(dǎo)航入口,精品是商業(yè)化考慮问欠,位置突出肝匆。但直播位置靠后,本身點(diǎn)擊率不高顺献,底部也可直接切換旗国,沒有必要占據(jù)有限的首頁位置,可以去除注整;
猜你喜歡能曾、為你推薦:都是基于用戶喜好的智能推薦度硝,位置缺兩極分化,1個(gè)至于頂部寿冕,一個(gè)位于底部蕊程。為你推薦內(nèi)容繁多,容易導(dǎo)致用戶瀏覽疲勞驼唱≡迕考慮到2者內(nèi)容重合度,可以合并玫恳。精準(zhǔn)地基于用戶習(xí)慣的數(shù)據(jù)分析才能進(jìn)行更準(zhǔn)確有效的產(chǎn)品定位辨赐,而非以量取勝。
喜好分類與默認(rèn)分類:根據(jù)用戶使用時(shí)長京办、收聽偏好掀序,應(yīng)最大幅度減少默認(rèn)分類,縮減首屏內(nèi)容惭婿。從精準(zhǔn)分類上不恭,細(xì)致把握用戶需求,進(jìn)行更智能精確的內(nèi)容推薦财饥。
2處廣告位的穿插:和頂部banner內(nèi)容有重復(fù)换吧,占據(jù)位置較大,碎石穿插在內(nèi)佑力,但影響用戶直觀體驗(yàn),本身位置偏后筋遭,建議去除打颤。
(4)頂部滑動(dòng)選項(xiàng)卡導(dǎo)航
首頁默認(rèn)推薦,使用戶流量最大的入口漓滔,覆蓋范圍最廣编饺。“分類”頁展示詳盡的類別响驴,用戶可進(jìn)行更為精準(zhǔn)地模糊瀏覽透且。“精品”頁多為付費(fèi)內(nèi)容豁鲤,品質(zhì)高秽誊,深度用戶多×章猓“直播”頁是另一類內(nèi)容輸出用戶的展示窗口锅论。“廣播”頁則展示了傳統(tǒng)電臺(tái)楣号。
1>從分類可視化角度而言最易,只選取了有限的5個(gè)分類怒坯,避開了選項(xiàng)卡多分類繁瑣的切換及點(diǎn)擊效果不均的劣勢,保證了整個(gè)首頁框架的簡潔藻懒。
2>從分類選取上剔猿,默認(rèn)推薦頁,主要以廣義用戶需要為首要考慮嬉荆,付費(fèi)類用戶內(nèi)容呈現(xiàn)在“精選”頁归敬,直播內(nèi)容輸出方放在“直播”頁,既平衡了用戶價(jià)值和商業(yè)目標(biāo)的關(guān)系员寇,也為不同層級(jí)用戶作了清晰分類弄慰。
3>深挖潛在用戶需求,平衡傳統(tǒng)電臺(tái)用戶與互聯(lián)網(wǎng)用戶需求蝶锋。首頁中增加傳統(tǒng)廣播電臺(tái)陆爽,兼顧了不同用戶的收聽需求,對(duì)傳統(tǒng)電臺(tái)用戶也有著無限吸引力扳缕。
綜上慌闭,通過喜馬拉雅APP首頁界面設(shè)計(jì)的分析,不難發(fā)現(xiàn)一款成功的APP躯舔,對(duì)于用戶行為的分析驴剔、用戶廣義需求與潛在需求的挖掘,真的是細(xì)致入微粥庄。APP首頁的設(shè)計(jì)要充分考慮用戶習(xí)慣與需求丧失,從各個(gè)細(xì)節(jié)設(shè)計(jì)上滿足用戶,不斷對(duì)用戶進(jìn)行揣摩分析惜互,并依靠精美的頁面布局和準(zhǔn)確的需求把握布讹,結(jié)合產(chǎn)品的功能特點(diǎn)和行業(yè)分類進(jìn)行精致設(shè)計(jì)。