本文是最近在做競品分析，在分析競品的首頁時，整理的一些有關(guān)首頁的想法。想看別人家的首頁都是什么樣子的就快快來看吧！
基本上每個應(yīng)用都有首頁，內(nèi)容的多少和平臺的大小影響著首頁所呈現(xiàn)的內(nèi)容，大到電商類重內(nèi)容運營的app如淘寶，其首頁非常復(fù)雜；小到工具類重簡易操作的app如印象筆記，其首頁非常簡潔。然而優(yōu)秀的首頁都有共同的特點，我總結(jié)為三點，為了方便后面的分析，我把這三點叫做“首頁三準(zhǔn)則”，這篇文章主要通過扒一扒這些特點來分享如何設(shè)計一款優(yōu)秀的首頁/讀懂各類首頁。
根據(jù)幾種用戶使用場景來分析，先來看看首頁應(yīng)該怎么設(shè)計！我總結(jié)為以下三點。
一、首頁三準(zhǔn)則
首頁的主要作用是要在最短的時間內(nèi)讓用戶對內(nèi)容產(chǎn)生興趣。
“首頁三準(zhǔn)則”
1、對首次使用產(chǎn)品的用戶而言，首頁的好壞關(guān)系到用戶對該產(chǎn)品的第一印象，用戶第一眼看到的是界面，其次是內(nèi)容。所以，在這個階段，符合品牌的好的設(shè)計感和內(nèi)容的豐富度會給用戶的印象加分。
2、繼而一直吸引用戶使用的就是產(chǎn)品到底能為他解決什么問題，這就和產(chǎn)品所具有的功能/所提供的服務(wù)相關(guān)，只有當(dāng)用戶能用該產(chǎn)品切實解決問題并且用起來爽了，那他才會一直用。所以，在這個階段，對首頁而言，核心功能的展示和好的交互體驗顯的尤為重要。
3、對于深度使用用戶而言，首頁是信息的集合，用戶希望只要打開首頁就能知曉最近的活動和通知，并且能看到好的內(nèi)容推薦。所以，內(nèi)容的推薦和即時更新會讓用戶感到滿足。
不管是定位為內(nèi)容型還是導(dǎo)流型應(yīng)用，首頁能做到以上三點都會給用戶帶來好的體驗。當(dāng)然不管在哪個階段，當(dāng)內(nèi)容達(dá)到一個量級的時候，搜索和導(dǎo)航都可以方便用戶到達(dá)想要去的頁面。
二、舉例分析：淘寶
就譬如淘寶，它是綜合型電子商務(wù)平臺，打開淘寶app，雖然打開看到的琳瑯滿目的內(nèi)容和各類入口，但是不管哪個階段的用戶都能很快的找到自己想要的商品，并且在整個購買過程中都享受到了樂趣（除了最后的支付），以淘寶為例，簡單舉幾個小例子。
淘寶的首頁內(nèi)容非常豐富，除了基礎(chǔ)功能的展示和各種主題板塊，還有大量內(nèi)容的推薦和更新。
1、當(dāng)用戶首次到淘寶時，首頁內(nèi)容的豐富和紅色活潑的設(shè)計風(fēng)格會讓用戶產(chǎn)生熱鬧的印象，同時，各種主題模塊，如淘搶購、超實惠、天貓必逛、特色好貨、熱門市場等，足夠滿足用戶首次探索的需求。
（淘寶首頁-主題模塊）
2、當(dāng)用戶首次探索結(jié)束時，淘寶首頁的核心功能展示，如天貓、聚劃算、天貓國際、外賣、天貓超市、充值中心、阿里旅行、領(lǐng)金幣、到家等，可以方便用戶快速了解到淘寶的基礎(chǔ)功能/服務(wù)，當(dāng)然配合良好的交互體驗，用戶很快就能適應(yīng)首頁并熟練的使用！
（淘寶首頁-核心功能展示）
3、當(dāng)深度用戶進入淘寶時，淘寶的內(nèi)容推薦和更新做的很贊，結(jié)合以前瀏覽過的內(nèi)容和購買記錄，淘寶的首頁給出了大量的推薦，首頁中主題模塊的展示圖都是根據(jù)該用戶的以往記錄按一定的時間段輪流替換的，頂部的廣告輪播圖和搜索框提示語也是根據(jù)用戶的喜好而顯示的，并且最底部的猜你喜歡都做到了內(nèi)容的即時更新推薦，這不僅讓首頁更人性化，并且讓用戶感受到了逛頁面購物的滿足。
（淘寶首頁-內(nèi)容推薦/更新）
所以根據(jù)以上三點來思考首頁的設(shè)計是很有參考價值的。改版后的簡書也大致符合以上三點哦，是不是比以前更好懂了？
三、實戰(zhàn)
好吧，接下來我展示一張我分析競品首頁的分析圖，算是示例，如下：
（競品：千?。?/font>
分析對象：千丁
千丁簡介：千丁是一款社區(qū)生活服務(wù)類app，旨在做一站式社區(qū)服務(wù)平臺。主要功能包括：基礎(chǔ)服務(wù)，如：管家電話、報事報修、物業(yè)賬單、訪客通行、樂購等；生活服務(wù)，如：千丁洗衣、上門養(yǎng)車、千丁旅游等；以及鄰里社交?，F(xiàn)覆蓋大約19個城市，237個小區(qū)（根據(jù)app上布局小區(qū)統(tǒng)計）
千丁的首頁整體給人的視覺效果不錯，頁面內(nèi)容較豐富，核心功能也體現(xiàn)了出來，并包含了各種內(nèi)容的推薦，整體是做到的“首頁三準(zhǔn)則”。
（首頁效果圖-1+2+3為完整首頁效果圖，其中分析文字序號對應(yīng)著圖中內(nèi)容分解區(qū)域的序號）
>>>>首頁效果圖-1（包含➀、➁、➂、➃、➄個分析點）
➀ 千丁頂部布局了搜索框和全局消息中心
1、搜索框可方便用戶快速獲取到所需要的商品或服務(wù)，點擊搜索框后彈出搜索頁面，顯示如下：
分析：用戶可能需要多次瀏覽某商品或使用同一服務(wù)，所以有歷史搜索記錄能方便用戶記憶并搜索。
優(yōu)化：該類應(yīng)用所提供的商品/服務(wù)都比較小眾，用戶在使用時，可能不知道該怎么搜索，搜索框應(yīng)有推薦搜索項。
再說：
搜索頁面一般有四種展現(xiàn)方式：
1）只有搜索框；
2）只顯示歷史搜索記錄；
3）只顯示推薦搜索項；
4）歷史搜索記錄+推薦搜索項。
而這四種方式都適用不同的情況：
第一種和第二種適用于明確搜索，即知道自己要搜索什么，如淘寶首頁的搜索，點開就知道要搜索的是商品，所以淘寶首頁采用的是第二種方式；
第三種和第四種適用于不明確搜索，即其實并不明確自己要怎么搜索的，如淘寶微淘/社區(qū)頁面的搜索，這兩個板塊是淘寶打造出的社區(qū)交流板塊，動態(tài)豐富多樣，用戶并不知道要如何搜索，淘寶微淘采用的是第三種方式，淘寶社區(qū)采用的是第四種方式。
當(dāng)然是否需要呈現(xiàn)歷史搜索記錄和搜索內(nèi)容有關(guān)，如果內(nèi)容屬于只需要搜索一次屬性那就不用歷史搜索記錄啦，頁面也能更簡潔大方。
2、消息放到右上角一級入口處有助于快速獲取到新消息狀態(tài)
分析：千丁在其四個切換卡頁的右上角都布局有消息中心，這可方便用戶快速獲取新消息
優(yōu)化：可考慮消息全局化，在所有的頁面都布局消息中心入口（但得根據(jù)實際情況，如果千丁內(nèi)用戶不咋溝通，消息產(chǎn)生較少則指在四個切換卡頁布局消息中心就ok了）
再說：應(yīng)用里一般都有消息提示，但消息入口有深有淺。有些消息中心放在比較重要的位置，如頂部左上角或右上角，而有些則比較隱蔽，如個人中心處的某個夾層里。這和應(yīng)用的定位有關(guān)，如果重社交屬性，app內(nèi)重要的消息（評論點贊之類的）產(chǎn)生較頻繁，那消息中心得放在重要的位置，因為這樣可以讓用戶之間可以更好的溝通，方便直接讀取又能即時獲得新消息；
消息的全局化適合社交消息（評論點贊之類的）產(chǎn)生頻繁的情況，指在應(yīng)用內(nèi)的每個頁面都有消息入口，一般放在頂部左上角或右上角，消息全局化有助于用戶在使用app的整個過程中都能獲取到新消息狀態(tài)，拉近用戶之間的距離，更積極地溝通。
➁ 常用基礎(chǔ)功能顯示
分析：顯示常用功能，包含了門禁鑰匙、管家電話、我的積分、生活繳費。
1）“門禁鑰匙”是業(yè)主每次進出都需要使用到的，放在第一個位置能方便用戶快速開門；
2）“管家電話”處第二，希望實現(xiàn)咨詢到服務(wù)的快速響應(yīng)，旨在能給業(yè)主提供專屬貼心服務(wù)；
3）“我的積分”處第三，積分的作用是為了提升用戶活躍度并增強用戶黏性，通過積分獎勵引導(dǎo)已
注冊用戶邀請用戶獲得積分、綁定房間并在應(yīng)用內(nèi)活躍；
4）“生活繳費”嘛，引導(dǎo)業(yè)主主動積極繳費唄哈哈。
優(yōu)化：
1、圖標(biāo)再設(shè)計，盡量突出些?，F(xiàn)常用功能圖標(biāo)色彩不太突出明顯，和上板塊同為橘色，區(qū)分度不高。
2、積分規(guī)則頁面可以重新設(shè)計下，將積分規(guī)則放到二級頁面內(nèi)，并加入任務(wù)狀態(tài)，標(biāo)識出已完成的積分任務(wù)和未完成的積分任務(wù)，并添加未完成的積分任務(wù)入口，這樣既可以引導(dǎo)用戶完成積分任務(wù)還能提醒用戶每日的任務(wù)完成度，從而提高用戶活躍度。
再說：在首頁顯示的功能必然有它的作用，除了常用之外還有希望引導(dǎo)用戶操作的作用，可以認(rèn)真關(guān)注下，自身的應(yīng)用最能幫助用戶解決的問題以及用戶最常用的功能，適當(dāng)?shù)目梢詫⑾胍龑?dǎo)用戶的功能擺放在首頁。
➂ 圖文公告板 + ➃ 文字公告板
分析：公告的展示方式很特別，將圖文活動和文字通知分開，圖文活動公告以溢出方式填充整個屏幕，嵌套文字通知公告，頁面更富有動態(tài)，重要的活動/通知可以即時傳達(dá)給用戶。
優(yōu)化：將未失效的圖文活動可滑動顯示。現(xiàn)只能看到最近發(fā)出的圖文活動，以前發(fā)出的但未失效的活動須點擊“更多”進入列表頁才能看到。
再說：一般應(yīng)用都是采用頂部banner輪播圖的形式來展示最新的活動信息/廣告，千丁采用了不一樣的方式來展示活動，將活動面板與自身的文字通告設(shè)計在一起，傳遞出一種整體感，相比banner更好讓用戶接受。
➄ 運營板塊（熱門推薦）
分析：千丁在該板塊主要是進行：商品組合推薦、單個商品推薦、千丁旅游推薦、活動宣傳等。通過內(nèi)容的推薦/活動的宣傳來引導(dǎo)用戶進行購買商品/參與活動。
優(yōu)化：該板塊不管是組合推薦還是單品推薦都采用這種單卡片展示方式，內(nèi)容比較分散，用戶所獲取的信息完全來自于千丁運營團隊整理的推薦，且推薦的內(nèi)容之間缺少關(guān)聯(lián)（每次瀏覽內(nèi)容會比較累）。
建議對可以規(guī)范歸類的內(nèi)容進行歸類，如千丁閃電購（快遞送貨上門）和千丁小賣部（物業(yè)自提）這兩個商品組合推薦可以設(shè)定為主題板塊。其余無法規(guī)范歸類的商品組合推薦可以參考組合運營板塊的設(shè)計方式，顯示出組合商品的特色。活動宣傳之類的可以分散點沒關(guān)系，畢竟活動本身的特點就是靈活；
再說：用戶喜歡歸類，事物進行歸類后可以既能方便人記憶，又能讓內(nèi)容更精煉統(tǒng)一。對于可以規(guī)范歸類的并且重要的內(nèi)容最好做好固定分類，這樣可以讓用戶在第一時間能找到內(nèi)容并進行消費/享受服務(wù)。（這其實就是類似千丁做的主題運營板塊）合理運用布局可以讓內(nèi)容看起來更清楚，方便用戶更快理解app。
>>>>首頁效果圖-2（包含➅、➆個分析點）
➅ 組合運營板塊（對同類型的商品進行組合推薦）
分析：千丁在該板塊主要是進行商品組合推薦，和運營板塊里商品組合推薦是同一類型，不過在布局設(shè)計上比運營板塊的更合理，采用了組合布局。
再說：組合商品推薦可以采用組合布局的方式，先顯示部分商品，再通過鏈接方式引導(dǎo)用戶獲取更多商品，這種漸進呈現(xiàn)式組合布局能讓用戶對這個組合內(nèi)容有個大致的概念（什么類型商品的組合等），且當(dāng)用戶對該組合商品感興趣時可以查看更多內(nèi)容，滿足用戶的參與感。
➆ 主題運營板塊（對同類型的商品/服務(wù)進行分類推薦）
分析：千丁在該板塊主要是進行主題組合推薦，通過對內(nèi)容進行分類，來推薦給用戶。
再說：設(shè)定主題板塊的目的是在于能讓用戶專注地挑選商品/接受服務(wù)，淘寶首頁就基本滿滿地都是各種分類主題板塊
綜述：為了好分析，想到更好的說法之前暫時先這么命名上面三個板塊...這三個板塊所采用的布局樣式都一致，即以這種單卡片流的方式來展示內(nèi)容，單卡片流式布局可以讓用戶在瀏覽內(nèi)容時可以比較專注于當(dāng)前內(nèi)容，讓用戶享受瀏覽快感，但單卡片式布局的內(nèi)容缺少關(guān)聯(lián)，用戶瀏覽易產(chǎn)生疲勞和注意力分散，且其依賴內(nèi)容的頻繁更新。單卡片式布局適用于比較靈活并受時間影響的內(nèi)容，如活動分享。如有特定分類并且內(nèi)容不怎么受時間影響的建議還是采用主題分類布局內(nèi)容比較好。
當(dāng)然也有例外，如果你愛自由的話，也可以整個采用單卡片式瀑布流方式展示內(nèi)容，如唯品會的今日上新。（有興趣去看看，不過本寶寶覺得看好累）
>>>>首頁效果圖-3（包含➇、⑨個分析點）
➇ 二手閑置板塊 + ⑨ 猜你喜歡
這兩個板塊主要是基于內(nèi)容推薦的。
分析：根據(jù)內(nèi)容直接做推薦，前者推薦二手閑置內(nèi)容，后者是針對瀏覽記錄和以往服務(wù)記錄進行個性化推薦
優(yōu)化：說是個性化推薦啦，但事實上內(nèi)容是固定的，既沒有更新也沒有根據(jù)記錄做推薦，不過這個得慢慢來，做好智能推薦是必須的。
再說：根據(jù)內(nèi)容進行推薦是很贊的，但內(nèi)容推薦具有不確定性且對數(shù)據(jù)的整合分析要求較高（算法等），內(nèi)容不多的情況下，前期手動推薦也是挺好的~但手動推薦有其局限性，即內(nèi)容更新速度慢且推薦的內(nèi)容不匹配用戶。
本文系作者小圣原創(chuàng)投稿鳥哥筆記，轉(zhuǎn)載請注明來源及作者信息。
我們致力于提供一個高質(zhì)量內(nèi)容的交流平臺。為落實國家互聯(lián)網(wǎng)信息辦公室“依法管網(wǎng)、依法辦網(wǎng)、依法上網(wǎng)”的要求，為完善跟帖評論自律管理，為了保護用戶創(chuàng)造的內(nèi)容、維護開放、真實、專業(yè)的平臺氛圍，我們團隊將依據(jù)本公約中的條款對注冊用戶和發(fā)布在本平臺的內(nèi)容進行管理。平臺鼓勵用戶創(chuàng)作、發(fā)布優(yōu)質(zhì)內(nèi)容，同時也將采取必要措施管理違法、侵權(quán)或有其他不良影響的網(wǎng)絡(luò)信息。
一、根據(jù)《網(wǎng)絡(luò)信息內(nèi)容生態(tài)治理規(guī)定》《中華人民共和國未成年人保護法》等法律法規(guī)，對以下違法、不良信息或存在危害的行為進行處理。
1. 違反法律法規(guī)的信息，主要表現(xiàn)為：
1)反對憲法所確定的基本原則；
2)危害國家安全，泄露國家秘密，顛覆國家政權(quán)，破壞國家統(tǒng)一，損害國家榮譽和利益；
3)侮辱、濫用英烈形象，歪曲、丑化、褻瀆、否定英雄烈士事跡和精神，以侮辱、誹謗或者其他方式侵害英雄烈士的姓名、肖像、名譽、榮譽；
4)宣揚恐怖主義、極端主義或者煽動實施恐怖活動、極端主義活動；
5)煽動民族仇恨、民族歧視，破壞民族團結(jié)；
6)破壞國家宗教政策，宣揚邪教和封建迷信；
7)散布謠言，擾亂社會秩序，破壞社會穩(wěn)定；
8)宣揚淫穢、色情、賭博、暴力、兇殺、恐怖或者教唆犯罪；
9)煽動非法集會、結(jié)社、游行、示威、聚眾擾亂社會秩序；
10)侮辱或者誹謗他人，侵害他人名譽、隱私和其他合法權(quán)益；
11)通過網(wǎng)絡(luò)以文字、圖片、音視頻等形式，對未成年人實施侮辱、誹謗、威脅或者惡意損害未成年人形象進行網(wǎng)絡(luò)欺凌的；
12)危害未成年人身心健康的；
13)含有法律、行政法規(guī)禁止的其他內(nèi)容；
2. 不友善：不尊重用戶及其所貢獻(xiàn)內(nèi)容的信息或行為。主要表現(xiàn)為：
1)輕蔑：貶低、輕視他人及其勞動成果；
2)誹謗：捏造、散布虛假事實，損害他人名譽；
3)嘲諷：以比喻、夸張、侮辱性的手法對他人或其行為進行揭露或描述，以此來激怒他人；
4)挑釁：以不友好的方式激怒他人，意圖使對方對自己的言論作出回應(yīng)，蓄意制造事端；
5)羞辱：貶低他人的能力、行為、生理或身份特征，讓對方難堪；
6)謾罵：以不文明的語言對他人進行負(fù)面評價；
7)歧視：煽動人群歧視、地域歧視等，針對他人的民族、種族、宗教、性取向、性別、年齡、地域、生理特征等身份或者歸類的攻擊；
8)威脅：許諾以不良的后果來迫使他人服從自己的意志；
3. 發(fā)布垃圾廣告信息：以推廣曝光為目的，發(fā)布影響用戶體驗、擾亂本網(wǎng)站秩序的內(nèi)容，或進行相關(guān)行為。主要表現(xiàn)為：
1)多次發(fā)布包含售賣產(chǎn)品、提供服務(wù)、宣傳推廣內(nèi)容的垃圾廣告。包括但不限于以下幾種形式：
2)單個帳號多次發(fā)布包含垃圾廣告的內(nèi)容；
3)多個廣告帳號互相配合發(fā)布、傳播包含垃圾廣告的內(nèi)容；
4)多次發(fā)布包含欺騙性外鏈的內(nèi)容，如未注明的淘寶客鏈接、跳轉(zhuǎn)網(wǎng)站等，誘騙用戶點擊鏈接
5)發(fā)布大量包含推廣鏈接、產(chǎn)品、品牌等內(nèi)容獲取搜索引擎中的不正當(dāng)曝光；
6)購買或出售帳號之間虛假地互動，發(fā)布干擾網(wǎng)站秩序的推廣內(nèi)容及相關(guān)交易。
7)發(fā)布包含欺騙性的惡意營銷內(nèi)容，如通過偽造經(jīng)歷、冒充他人等方式進行惡意營銷；
8)使用特殊符號、圖片等方式規(guī)避垃圾廣告內(nèi)容審核的廣告內(nèi)容。
4. 色情低俗信息，主要表現(xiàn)為：
1)包含自己或他人性經(jīng)驗的細(xì)節(jié)描述或露骨的感受描述；
2)涉及色情段子、兩性笑話的低俗內(nèi)容；
3)配圖、頭圖中包含庸俗或挑逗性圖片的內(nèi)容；
4)帶有性暗示、性挑逗等易使人產(chǎn)生性聯(lián)想；
5)展現(xiàn)血腥、驚悚、殘忍等致人身心不適；
6)炒作緋聞、丑聞、劣跡等；
7)宣揚低俗、庸俗、媚俗內(nèi)容。
5. 不實信息，主要表現(xiàn)為：
1)可能存在事實性錯誤或者造謠等內(nèi)容；
2)存在事實夸大、偽造虛假經(jīng)歷等誤導(dǎo)他人的內(nèi)容；
3)偽造身份、冒充他人，通過頭像、用戶名等個人信息暗示自己具有特定身份，或與特定機構(gòu)或個人存在關(guān)聯(lián)。
6. 傳播封建迷信，主要表現(xiàn)為：
1)找人算命、測字、占卜、解夢、化解厄運、使用迷信方式治?。?br /> 2)求推薦算命看相大師；
3)針對具體風(fēng)水等問題進行求助或咨詢；
4)問自己或他人的八字、六爻、星盤、手相、面相、五行缺失，包括通過占卜方法問婚姻、前程、運勢，東西寵物丟了能不能找回、取名改名等；
7. 文章標(biāo)題黨，主要表現(xiàn)為：
1)以各種夸張、獵奇、不合常理的表現(xiàn)手法等行為來誘導(dǎo)用戶；
2)內(nèi)容與標(biāo)題之間存在嚴(yán)重不實或者原意扭曲；
3)使用夸張標(biāo)題，內(nèi)容與標(biāo)題嚴(yán)重不符的。
8.「飯圈」亂象行為，主要表現(xiàn)為：
1)誘導(dǎo)未成年人應(yīng)援集資、高額消費、投票打榜
2)粉絲互撕謾罵、拉踩引戰(zhàn)、造謠攻擊、人肉搜索、侵犯隱私
3)鼓動「飯圈」粉絲攀比炫富、奢靡享樂等行為
4)以號召粉絲、雇用網(wǎng)絡(luò)水軍、「養(yǎng)號」形式刷量控評等行為
5)通過「蹭熱點」、制造話題等形式干擾輿論，影響傳播秩序
9. 其他危害行為或內(nèi)容，主要表現(xiàn)為：
1)可能引發(fā)未成年人模仿不安全行為和違反社會公德行為、誘導(dǎo)未成年人不良嗜好影響未成年人身心健康的；
2)不當(dāng)評述自然災(zāi)害、重大事故等災(zāi)難的；
3)美化、粉飾侵略戰(zhàn)爭行為的；
4)法律、行政法規(guī)禁止，或可能對網(wǎng)絡(luò)生態(tài)造成不良影響的其他內(nèi)容。
二、違規(guī)處罰
本網(wǎng)站通過主動發(fā)現(xiàn)和接受用戶舉報兩種方式收集違規(guī)行為信息。所有有意的降低內(nèi)容質(zhì)量、傷害平臺氛圍及欺凌未成年人或危害未成年人身心健康的行為都是不能容忍的。
當(dāng)一個用戶發(fā)布違規(guī)內(nèi)容時，本網(wǎng)站將依據(jù)相關(guān)用戶違規(guī)情節(jié)嚴(yán)重程度，對帳號進行禁言 1 天、7 天、15 天直至永久禁言或封停賬號的處罰。當(dāng)涉及欺凌未成年人、危害未成年人身心健康、通過作弊手段注冊、使用帳號，或者濫用多個帳號發(fā)布違規(guī)內(nèi)容時，本網(wǎng)站將加重處罰。
三、申訴
隨著平臺管理經(jīng)驗的不斷豐富，本網(wǎng)站出于維護本網(wǎng)站氛圍和秩序的目的，將不斷完善本公約。
如果本網(wǎng)站用戶對本網(wǎng)站基于本公約規(guī)定做出的處理有異議，可以通過「建議反饋」功能向本網(wǎng)站進行反饋。
(規(guī)則的最終解釋權(quán)歸屬本網(wǎng)站所有)