剖析美麗說首頁用戶體驗(yàn)設(shè)計(jì)細(xì)節(jié)

時(shí)間：2022-07-01 00:00:01 | 來源：建站知識(shí)

時(shí)間：2022-07-01 00:00:01 來源：建站知識(shí)

美麗說，無人不曉的一個(gè)神站，把社會(huì)化分享營銷做到極致的一個(gè)網(wǎng)站。本身與淘寶客類網(wǎng)站差別不大，但其推廣方式確實(shí)值得我們?nèi)ソ梃b和學(xué)習(xí)，不僅是推廣方式，還有其頁面的設(shè)計(jì)和用戶體驗(yàn)方面。哪些地方值得我們?nèi)W(xué)習(xí)和思考呢?用戶體驗(yàn)看似很深?yuàn)W，其實(shí)也可以簡單理解為：設(shè)計(jì)、內(nèi)容、定位，頁面設(shè)計(jì)要符合用戶的習(xí)慣，要想著怎么樣能夠方面用戶。內(nèi)容要可以吸引用戶，迎合用戶的口吻。網(wǎng)站主題定位要準(zhǔn)確，讓用戶愛上你的網(wǎng)站。美麗說是一個(gè)成功的案例，今天先從網(wǎng)站的首頁開始，分析下美麗說首頁用戶體驗(yàn)的設(shè)計(jì)細(xì)節(jié)，希望是拋磚引玉吧，筆者列舉了首頁的兩個(gè)位置，看下美麗說是怎么做的!

第一：設(shè)計(jì)主次分明的導(dǎo)航

圖一：主次分明的導(dǎo)航

導(dǎo)航對(duì)于一個(gè)網(wǎng)站的重要性不言而喻，打個(gè)比方導(dǎo)航就好比是道路的路標(biāo)，用戶第一次訪問某個(gè)網(wǎng)站的時(shí)候，需要根據(jù)這些標(biāo)志找到自己想去的地方。對(duì)于一個(gè)網(wǎng)站來說，首頁是最重要的頁面，首頁上有很多個(gè)鏈接，而用戶更喜歡點(diǎn)擊哪些鏈接呢?這點(diǎn)從百度統(tǒng)計(jì)后臺(tái)的熱力圖可以看到，對(duì)于那些被用戶大量的點(diǎn)擊的位置，最好通過技術(shù)手段讓用戶更容易發(fā)現(xiàn)，例如：鏈接文本加粗或變色。如上圖，美麗說的主導(dǎo)航上有的鏈接錨文本加粗了，并且字體也變大了，為什么要這么設(shè)計(jì)呢?我想就是這些欄目頁面最受用戶歡迎，點(diǎn)擊率最高，同時(shí)也是美麗說最有特殊的欄目版塊。換做是其他網(wǎng)站當(dāng)然可以效仿這種做法，事實(shí)上不少網(wǎng)站都有這樣的導(dǎo)航設(shè)計(jì)，主次分明的導(dǎo)航欄目讓用戶更容易找到重點(diǎn)內(nèi)容。

第二：熱門標(biāo)簽的正確使用

圖二：首頁標(biāo)簽的使用

標(biāo)簽在網(wǎng)頁中經(jīng)?？吹?，個(gè)人認(rèn)為標(biāo)簽的作用主要有兩點(diǎn)：其一，方便用戶找到相關(guān)信息，類似于導(dǎo)航。其二，從SEO的層面上說標(biāo)簽也是一種內(nèi)鏈形式。如圖二所示，美麗說的首頁在主導(dǎo)航下面就顯示了許多熱門的標(biāo)簽鏈接，這些標(biāo)簽就是欄目頁面下的小分類，比如：衣服的分類下面有長裙、短褲等，筆者看到有的電商網(wǎng)站把標(biāo)簽也顯示在首頁，不過放在了頁面中不顯眼的位置上。用戶很難在首頁看到這些標(biāo)簽內(nèi)容，在產(chǎn)品種類非常多的情況下，要么在主導(dǎo)航上采用下來菜單的形式顯示內(nèi)容，要么就可以利用這些標(biāo)簽。美麗說的首頁主導(dǎo)航?jīng)]有二級(jí)菜單，而產(chǎn)品種類有比較多，所以使用了標(biāo)簽，至于布局的位置，最好是緊靠主導(dǎo)航的下面，可以在左側(cè)，也可以在右側(cè)。

美麗說整個(gè)頁面風(fēng)格給人一種簡潔、清新的感覺，主色調(diào)為粉紅色，這完全符合女性網(wǎng)站的特點(diǎn)，除了以上筆者所述的兩點(diǎn)之外，還有其他細(xì)節(jié)的地方值得去學(xué)習(xí)。與美麗說其名的就是蘑菇街了，在首頁設(shè)計(jì)上兩者有不小的差別，我的感覺是蘑菇街更像電商類網(wǎng)站的樣子，而美麗說的首頁就比較簡單了。雖然說美麗說的最大特色是把分享做到了極致，但是運(yùn)營網(wǎng)站永遠(yuǎn)離不開用戶體驗(yàn)，筆者發(fā)現(xiàn)美麗說內(nèi)頁采用瀑布流的形式顯示產(chǎn)品內(nèi)容，這也是一大特色，用戶不用去點(diǎn)擊翻頁鏈接了。美麗說的成功對(duì)于我們這些個(gè)人站長有什么啟發(fā)呢?就是把簡單的東西做到了極致，筆者現(xiàn)在還經(jīng)常在自己的QQ空間里看到美麗說的推廣鏈接，我們?cè)谧鐾茝V的時(shí)候不要去貪多，能把一二種推廣方式發(fā)揮到極致就能得到意想不到效果。

文章來源：成都新銳藝術(shù)培訓(xùn)學(xué)校 轉(zhuǎn)載保留地址 謝謝

編輯推薦：推薦學(xué)習(xí)網(wǎng)絡(luò)營銷推廣專業(yè)網(wǎng)站選學(xué)網(wǎng) www.xuanxue.com ，內(nèi)容非常不錯(cuò)，學(xué)習(xí)網(wǎng)絡(luò)營銷，網(wǎng)站推廣的朋友一定不要錯(cuò)過。