APP首頁設(shè)計(jì)原則和示例分析

首先嘿歌,我們來談?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ì)。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末训堆,一起剝皮案震驚了整個(gè)濱河市描验,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌坑鱼,老刑警劉巖膘流,帶你破解...
    沈念sama閱讀 216,544評(píng)論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異鲁沥,居然都是意外死亡呼股,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,430評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門画恰,熙熙樓的掌柜王于貴愁眉苦臉地迎上來卖怜,“玉大人,你說我怎么就攤上這事阐枣÷砜浚” “怎么了奄抽?”我有些...
    開封第一講書人閱讀 162,764評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長甩鳄。 經(jīng)常有香客問我逞度,道長,這世上最難降的妖魔是什么妙啃? 我笑而不...
    開封第一講書人閱讀 58,193評(píng)論 1 292
  • 正文 為了忘掉前任档泽,我火速辦了婚禮,結(jié)果婚禮上揖赴,老公的妹妹穿的比我還像新娘馆匿。我一直安慰自己,他們只是感情好燥滑,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,216評(píng)論 6 388
  • 文/花漫 我一把揭開白布渐北。 她就那樣靜靜地躺著,像睡著了一般铭拧。 火紅的嫁衣襯著肌膚如雪赃蛛。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,182評(píng)論 1 299
  • 那天搀菩,我揣著相機(jī)與錄音呕臂,去河邊找鬼。 笑死肪跋,一個(gè)胖子當(dāng)著我的面吹牛歧蒋,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播州既,決...
    沈念sama閱讀 40,063評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼谜洽,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了易桃?” 一聲冷哼從身側(cè)響起褥琐,我...
    開封第一講書人閱讀 38,917評(píng)論 0 274
  • 序言:老撾萬榮一對(duì)情侶失蹤锌俱,失蹤者是張志新(化名)和其女友劉穎晤郑,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體贸宏,經(jīng)...
    沈念sama閱讀 45,329評(píng)論 1 310
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡造寝,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,543評(píng)論 2 332
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了吭练。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片诫龙。...
    茶點(diǎn)故事閱讀 39,722評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖鲫咽,靈堂內(nèi)的尸體忽然破棺而出签赃,到底是詐尸還是另有隱情谷异,我是刑警寧澤,帶...
    沈念sama閱讀 35,425評(píng)論 5 343
  • 正文 年R本政府宣布锦聊,位于F島的核電站歹嘹,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏孔庭。R本人自食惡果不足惜尺上,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,019評(píng)論 3 326
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望圆到。 院中可真熱鬧怎抛,春花似錦、人聲如沸芽淡。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,671評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽吐绵。三九已至迹淌,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間己单,已是汗流浹背唉窃。 一陣腳步聲響...
    開封第一講書人閱讀 32,825評(píng)論 1 269
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留纹笼,地道東北人纹份。 一個(gè)月前我還...
    沈念sama閱讀 47,729評(píng)論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像廷痘,于是被迫代替她去往敵國和親蔓涧。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,614評(píng)論 2 353

推薦閱讀更多精彩內(nèi)容

  • 一笋额、文檔概覽和分析目的 體驗(yàn)機(jī)型:華為榮耀7 系統(tǒng)版本:EMUI4.0.3 App版本:6.3.9.3 體驗(yàn)時(shí)間:...
    封翔閱讀 26,743評(píng)論 4 62
  • 這是自己學(xué)習(xí)產(chǎn)品的時(shí)候的一些筆記和心得元暴,沒有固定的格式,排版和語言組織都比較亂兄猩,也不夠?qū)I(yè)茉盏。 1.生日管家: 商業(yè)...
    vidianzzh閱讀 4,053評(píng)論 0 17
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 172,077評(píng)論 25 707
  • 曾經(jīng)想努力做個(gè)優(yōu)秀的人,讓所有人都對(duì)自己刮目相看枢冤;曾經(jīng)想不管不顧的離家出走鸠姨,孤身一人漂泊世界;曾經(jīng)想長大了以后變得...
    笙和簫閱讀 970評(píng)論 10 21
  • INTO——不畏將來,不念過去 INTO:我們核蘸,是在時(shí)間里沉淪巍糯,還是在時(shí)間里成長啸驯?不畏將來,不念過去祟峦,我們真的能做...
    INTO喜歡閱讀 377評(píng)論 0 0