網(wǎng)站的布局,mailchimp
7. Shopify
電子商務(wù)巨頭Shopify是另一個(gè)使用大量空白和簡(jiǎn)單組織的公司。
所有需要學(xué)習(xí)的足以轉(zhuǎn)換的信息都已被截?cái)嗖⒃O(shè)計(jì)用于撇油器,對(duì)于那些時(shí)間短或注意力少的人來(lái)說(shuō),這是很好的UX實(shí)踐。
網(wǎng)站的布局,shopify
8. 條紋
付款處理器Stripe在網(wǎng)站布局類(lèi)別中具有很多優(yōu)勢(shì)。
清晰的導(dǎo)航,引人注目的號(hào)召性用語(yǔ)和消極的空格可以成功吸引注意力,并最終實(shí)現(xiàn)轉(zhuǎn)化。
網(wǎng)站的布局條紋
9. 蘋(píng)果
當(dāng)訪問(wèn)者到達(dá)Apple網(wǎng)站的底部時(shí),他們沒(méi)有被迫回到頂部。相反,他們可以從各種標(biāo)記清晰的鏈接中進(jìn)行選擇。
請(qǐng)注意,每個(gè)鏈接是如何用粗體標(biāo)題進(jìn)行分類(lèi)的。在這里,我們也看到了一個(gè)靜態(tài)菜單,可以輕松地瀏覽網(wǎng)站架構(gòu)的內(nèi)部,而無(wú)需過(guò)多的單擊和滾動(dòng)。
網(wǎng)站的布局,蘋(píng)果
布局設(shè)計(jì)實(shí)踐
如果您想將這些做法注入自己的網(wǎng)站布局中,請(qǐng)遵循以下幾個(gè)步驟。
導(dǎo)航欄
將導(dǎo)航欄視為網(wǎng)站內(nèi)部的路線(xiàn)圖。每個(gè)菜單項(xiàng)都是跳至各個(gè)頁(yè)面的跳點(diǎn),可以幫助訪問(wèn)者學(xué)習(xí)更多并進(jìn)行轉(zhuǎn)換。
最好使菜單保持簡(jiǎn)單,以免將訪客與無(wú)關(guān)的菜單標(biāo)題混淆。然后,應(yīng)該使用子菜單來(lái)將訪問(wèn)者帶入站點(diǎn)的兔子洞。
但是,不要使頁(yè)面太深而無(wú)法找到。搜索框還可以幫助訪問(wèn)者快速找到所需的東西,以實(shí)現(xiàn)大的用戶(hù)體驗(yàn)和轉(zhuǎn)化。
如我們所見(jiàn),訪問(wèn)者在其滾動(dòng)時(shí)跟隨其跟隨的靜態(tài)菜單可能僅有助于推動(dòng)點(diǎn)擊,預(yù)訂和購(gòu)買(mǎi)。
折疊以上
最好的網(wǎng)站布局只需很少的訪問(wèn)者輸入即可提供關(guān)鍵信息。
一種方法是將所有重要信息放在首屏之上,以便在著陸時(shí)立即在游客的屏幕上居中顯示。
例如,許多網(wǎng)站(例如上述示例)在首屏上方使用公式標(biāo)題,副標(biāo)題,副本,圖像和CTA。
所有這些信息都誘使訪問(wèn)者閱讀,學(xué)習(xí)和點(diǎn)擊,從而在著陸時(shí)幾乎立即轉(zhuǎn)換。
好的網(wǎng)站布局架構(gòu)
有效的布局架構(gòu)始于首頁(yè)的組織方式。
通過(guò)平面和簡(jiǎn)單的布局設(shè)計(jì),您可以按受眾期望的方式交付內(nèi)容。但是,網(wǎng)站的其他頁(yè)面也應(yīng)以類(lèi)似的方式進(jìn)行布局,以便訪問(wèn)者瀏覽您的網(wǎng)站的方式具有邏輯上的進(jìn)步。
例如,許多網(wǎng)站都遵循經(jīng)過(guò)實(shí)踐檢驗(yàn)的真實(shí)“主頁(yè)”,“關(guān)于”,“服務(wù)”和“聯(lián)系”作為基本結(jié)構(gòu)。
可能包括其他頁(yè)面,例如Blog和FAQ。
當(dāng)然,您的站點(diǎn)可能會(huì)提供獨(dú)特的菜單,例如鞋類(lèi)負(fù)責(zé)人Zappos。但是,您不能比女人,男人,孩子,部門(mén),品牌和銷(xiāo)售更簡(jiǎn)單。
保持菜單項(xiàng)簡(jiǎn)單易懂,并且您應(yīng)該擁有有效的網(wǎng)站布局以增加銷(xiāo)量。
網(wǎng)站的布局,Zappos公司
資源
嘗試彈出窗口
除了擁有最好的網(wǎng)站布局之一之外,您還可以通過(guò)選擇彈出式窗口來(lái)增加轉(zhuǎn)化。
即使您的訪客沒(méi)有第一次轉(zhuǎn)換,選擇加入的彈出窗口也可以吸引他們,以備將來(lái)將其轉(zhuǎn)換為付費(fèi)客戶(hù)時(shí)使用。
同樣,退出彈出窗口可用于捕獲跳動(dòng)的流量,這可以幫助將其重新帶回您的網(wǎng)站,以便再次查看。
手機(jī)特別提示
請(qǐng)注意,Crazy Egg如何提供簡(jiǎn)單的即時(shí)體驗(yàn),并可以在各種設(shè)備之間輕松復(fù)制。
此處的課程是簡(jiǎn)單,空白和醒目的號(hào)召性用語(yǔ),無(wú)論屏幕大小如何,醒目標(biāo)記都可以吸引點(diǎn)擊。
網(wǎng)站的布局,crazyegg移動(dòng)
禮貌:https : //ready.mobi/
網(wǎng)頁(yè)題目:成都外貿(mào)網(wǎng)站建設(shè)
文章轉(zhuǎn)載:http://redsoil1982.com.cn/news14/175964.html
網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專(zhuān)注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司;服務(wù)項(xiàng)目有網(wǎng)站建設(shè)、外貿(mào)網(wǎng)站建設(shè)等
廣告
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源:
創(chuàng)新互聯(lián)