04 facebook如何更改國家定位(【新人必看】2022年Facebook最全推廣教程（三）)

MARK

□□側嘜:SIDE MARK

需要外貿操作詳細流程圖的朋友請留下郵箱吧

APP UI結構-首頁相關

hey，guys~

APPUI結構的系列的文章有一段時間沒有更新了，因為最近在學一些新東西和看一些新書籍，適當的給自己充電也是為了更好的輸出，言歸正傳，今天想跟大家聊的是和首頁相關的一些內容，可能有些內容最近有的小伙伴已經更新過了，相信大家也看見了，比如導航的分類、加載的分類等，感覺寫的都很不錯，我也在猶豫這些內容還要不要再寫，但是思考再三，還是決定寫一下吧，畢竟這是APP UI結構系列文章里不可缺少的一部分，作為一個處女座偽完美主義者，還是決定有始有終。OK，Let’s get started！

關于首頁的內容還是蠻多的，我給分成了上下兩部，文章有點略長，還希望諸位拿出一點耐心能夠看完，相信大家會有所收獲，也不枉我辛苦碼字一場，OK，老規矩，還是先來看一下整體結構：

（以下圖片來源于應用截圖，僅作為學習交流使用）

1.進入首頁前的授權彈窗

用戶在初次登錄進入產品首頁之前，難免會彈出一些彈窗，包括授權類彈窗或促銷類彈窗，這些授權彈窗的出現無可厚非，用戶只有通過授權產品才可以正常運轉和使用某項功能；授權彈窗也是操作系統安全機制中的一部分，會涉及到用戶的安全和隱私，近期Facebook用戶信息泄露的事件頻頻發生，相信很多用戶對隱私的保護感只會越來越強，試想用戶還未使用產品，此時對產品的信任感較低，所以需要用戶授權的彈窗最好是權限較高的，也是必要的授權，比如常見的有：網絡授權、消息通知授權、獲取定位、相機/相冊的授權…非必要性的授權(權限較低)彈窗最好是在用戶使用某個功能的情況下出現，切忌一股腦的全部彈出讓用戶進行授權，會給用戶造成不必要的困擾，體驗也會很差，相信這點大家也都知道，比如：麥克風、日歷、藍牙、通訊錄…可以在使用到該功能時再彈出。

因為系統不一樣，授權彈窗也會有些不同，iOS相對比較尊重用戶，消息通知授權和網絡授權等都是需要用戶允許的，而安卓則不需要，相比起來iOS更優一點。說到網絡授權，之前有小伙伴跟我討論過這一問題，就是有的產品有網絡授權，有的產品卻沒有，我之前倒沒有刻意注意過，后來在網上查了一下：由于國家有關規定的出臺，蘋果自iOS 10以后針對中國大陸地區提供了需要用戶授權允許“無線局域網與蜂窩移動網絡”的彈窗，它的出現位置應該是用戶初次打開應用，注冊登錄之前，通過率應該是會蠻高的，因為沒有網絡下面什么也不用做了。

授權彈窗的設計可以直接使用系統模態彈窗的樣式，iOS和安卓彈窗的樣式還有點不一樣，iOS除了系統固定文字外還可以配以必要的說明文字，告知授權的重要性和不授權的后果，而安卓只能是系統固定的文字，相比起來又是iOS更優一點。現在大部分用戶已經十分熟悉這類彈窗的重要性，一次性允許授權的通過率也很高，這里還要提一下：iOS只能出現一次授權彈窗，而安卓比較特殊，下次登錄時還會彈出授權彈窗，也可以點擊不再提醒。

如果iOS用戶在第一次拒絕了授權，產品也是有二次授權的機會的，比如電商類產品消息通知的授權，我一般都不會授權，因為不喜歡被促銷消息所打擾(這只是我個人習慣，不知道大家是不是也是這樣)，但是這類授權對電商類產品很重要，再次登錄產品時，會彈出二次授權彈窗提醒用戶去打開消息通知，但是這里的區別就是，點擊授權是利用深層鏈接(deep-link)直接跳轉到系統設置中去打開相應授權，這樣就會比較繁瑣。還有一類情況是在頁面中使用引導的方式去打開權限，無關授權彈窗的內容這里就不多說了。當然還有的產品很聰明，在授權彈窗出現之前會使用預授權機制(pre-permission)，先試探一下用戶是否會授權，比如會先彈出設計比較美觀的彈窗(帶有誘導性的文字或是插畫)，在你點擊button后再彈出系統授權彈窗，這樣做可以避免二次授權的繁瑣，操作成本也會比較高，能這么做的產品還是比較少見的。

促銷類彈窗的內容這里就不多說了，在往期文章中有所提到，可以在文章底部點擊鏈接查看。

2.下拉刷新

下拉刷新相信大家已經是司空見慣了，幾乎所有的產品都會有這一功能，這一交互的首創是源于twitter，后來慢慢流行開來，下拉刷新其實也不只是在首頁存在，在產品很多頁面中普遍存在。

下拉刷新的過程：頁面整體下拉，頂部出現提示文案“松開即可刷新”—松開后顯示旋轉動效 “刷新中”—刷新成功后動效消失(toast提示刷新數據情況)，頁面自動置頂/如果刷新失敗進行toast提示。整個過程中要保持動效的可見性，在刷新結束出現數據后再隱藏動效，并且刷新過程中用戶是可以繼續操作的，不是說刷新過程中就什么也做不了；刷新的結果根據時間排序，即最新的數據在最上面；如果用戶在短時間內進行多次下拉刷新，需要進行toast提醒(比如“你的操作太過頻繁啦”)，防止出現頁面卡頓或服務器請求失敗的情況。

下拉刷新的動效設計現在的趨勢真是越來越多樣化，早已不再局限于早期系統的刷新樣式，各大產品都設計了擁有自己特色的刷新動效，將自己的品牌基因融合進去，并加以趣味活潑的文案修飾，給人一種驚喜感，可以加深了用戶對產品的印象，這種做法可謂是一舉多得。

這里還有必要提一下自動刷新，之前有小伙伴跟我聊過，產品為什么不能自動刷新呢，那樣多方便啊，自動刷新的情況也不是沒有，比如某個產品你長時間沒有登錄，再次登錄進入首頁會自動進行刷新動態數據，方便閱讀；還有的就是常見于數據類的產品，比如要實時查看數據的增長情況，自動刷新就會很有必要。但是為什么普遍產品在使用過程中還是使用下拉刷新而不是自動刷新呢，試想你在刷朋友圈、微博、知乎等情況下，系統在設置的時間段內進行了自動刷新，你正津津有味的看著某個動態，數據突然自動刷新了，正在閱讀的動態可能就被擠到下面了，相信這樣的體驗對用戶來說就是災難。

3.持續下拉進入產品二樓

上面說的是下拉刷新，這里要說的是在首頁持續下拉會進入的頁面是二樓活動頁面或是其他功能頁面，這是對下拉刷新基礎上的顛覆，相信這一功能的出現會讓用戶眼前一亮。記憶中最先這么做的是淘寶，好像京東搞活動的時候也這么做過，有點記不太清了。目前淘寶首頁整體持續下拉是《一千零一夜》活動，是短視頻 相關商品 UGC的方式，給了用戶一個完整的購物體驗，這種做法跟廣告行業的營銷是一樣的；我看了一下，每個短視頻的播放量都是百萬級的，視頻的體驗都很不錯，基本上是先講述一個故事，播放完或點擊暫停會出現關聯商品，可以點擊進入商品詳情促成購買；但是光有商品是不夠的，用戶的評價也很重要，就跟我們平時購物一樣，我們肯定也會大家的評價如何；另外還會鼓勵用戶進行訂閱和分享，也希望用戶多多生產UGC內容，綜合來說整體的方式比較有說服力，用戶也比較能夠接受。

早期買粉絲6.6.1版本更新后，首頁下拉出現的是小程序的快捷入口，可以更加快速的找到近期使用過的小程序，節省了很多步驟。如果持續下拉整體頁面的話會出現提示文案“這不是入口”，也是不錯的體驗，記憶中早期的文案更俏皮一點，現在應該是換掉了。

還有一個值得提一下的就是盒馬的二樓是“盒爾蒙”業務，是專門賣成人用品的，剛開始知道這個模塊的時候有點吃驚，畢竟盒馬是一家主營生鮮的電商，竟然玩起了跨界突然開始賣起了成人用品，尺度是不是有點大啊；可能市場上對成人商品的需求比較大，畢竟購買成人用品大部分還是線上購買比較多，畢竟線下購買可能很多人難免會有點不好意思，隱私得不到保證，而且價格比較貴，這樣一想盒馬想和阿里、網易分一杯羹也可以理解。盒爾蒙的三大競爭力是：品質保障、30分鐘達、隱私包裝，相信光“30分鐘達”這一條就足夠有競爭力了，貌似有點扯遠了…盒爾蒙為什么要在二樓售賣，可能畢竟盒馬的主營業務還是生鮮，總感覺生鮮和成人用品要是雜揉在一起銷售難免會有點奇怪，放到二樓可以保證2個模塊的獨立性，可以互不打擾。

可能還有一些產品首頁也有二樓這一功能，我就不一一舉例了，大家有興趣的就自己研究研究吧。

4.城市/地址定位

定位功能相信大家都很熟知了，在獲取用戶的定位授權后，產品可以根據定位范圍提供相應的服務，功能很常見，比如電商類、團購類、社交類(做社區)等；用戶每次進入產品首頁都會刷新定位，一般都很精準，用戶除非需要更改定位才會想到要去點擊它。定位功能常見于首頁搜索框左側，但是發展來看首頁對于某些產品來說是寸土寸金，比如電商類和社交類產品，用戶一般會在個人資料里添加多個收貨地址，下單時直接選擇地址就好，不需要用戶常去更改定位，所以現在首頁定位入口干脆隱藏掉了；而對于團購類或是需要提供及時配送服務的產品，需要用戶方便查看和更改定位，所以這類產品都將定位功能在首頁予以保留，下面就來舉2個例子說明一下：

a.美團首頁頂部保留著定位功能入口，考慮用戶使用場景，用戶通過產品可以查看定位城市周邊所有團購服務，只需要精準定位到區/縣/市等即可，如有查看其它區域需求時，可以方便用戶點擊進行切換。點擊定位后進入定位頁面，組成結構：直接搜索城市(方便快速選擇新城市) 國內/海外tab 當前城市 切換城市 熱門城市 所有城市(字母索引，根據城市首字母排序，可快速找到選擇字母下的所有城市)。

b.美團外賣首頁頂部定位是精準到具體地址，因為平臺需要根據用戶定位范圍X公里內進行美食推薦，點擊地址進入收貨地址頁面，構成：城市切換(比如給其它城市親人朋友點餐情況) 搜索收貨地址(針對當前已選城市搜索具體地址) 當前定位 重新定位 我的收貨地址(地址標簽) 附近地址(方便快速選擇新地址) 新增地址(這個功能很有必要，可以快速鏈接到新增地址頁面)。這種頁面構成常見于需要及時配送的平臺，因為需要考慮商品的時效性，需要當日達/1小時達等，還比如：餓了么、每日優鮮、盒馬…

不同產品對于定位功能的訴求是不一樣的：電商類首頁頂部不保留定位功能入口；團購類產品首頁定位到區/縣/市等;外賣/及時配送類產品首頁需要定位到具體地址；可以根據產品需求具體應用。

5.搜索模塊

搜索功能幾乎是所有產品的標配，也是必不可少的功能之一，因為搜索既可以幫助用戶方便快捷地找到想找的內容，也可以通過用戶的歷史搜索進行相關大數據分析，在“猜你喜歡”模塊可以給用戶推薦可能感興趣的商品，引導用戶去購買。

搜索入口形式一般有2種，一種就是搜索框，還有一種就是點擊搜索i買粉絲n進入搜索頁面。先來說說搜索框，這種形式最為普遍，因為搜索框是直觀的形式，大多數產品都是采用這種方式，因為用戶一進入首頁就可以看見，目的性比較強，電商類產品這種形式比較普遍，組成形式：搜索框 搜索i買粉絲n 熱搜關鍵詞( 掃一掃/相機掃描識別)，熱搜關鍵詞是根據運營需要或是數據推薦不定時更換的，如果熱搜詞剛好是用戶感興趣的，可以點擊搜索框進入搜索頁，直接點擊搜索，減去了還要輸入關鍵詞的繁瑣步驟；當然產品使用第二種搜索i買粉絲n的方式也蠻多的，常見于垂直類電商或是閱讀類產品等，這類產品將搜索功能進行了弱化，可能搜索內容并不是用戶的主要訴求，用戶只想進來隨便看看和逛逛。

進入搜索頁面后，大致主要組成有：搜索框 搜索i買粉絲n 熱搜關鍵詞( 掃一掃/相機掃描識別) 關鍵詞聯想 清空關鍵詞button 返回/取消/搜索button( 分類tab) 歷史搜索 清空搜索記錄( 熱門搜索)( 語音輸入) 輸入鍵盤(搜索button)；詳解如下：

a.掃一掃/相機掃描識別：通過掃描條碼或商品進行識別，得出搜索結果和

很赞哦!（87123）