在準(zhǔn)備移動(dòng)你的網(wǎng)站的重要性,它不再是必要的。移動(dòng)革命是Web的短暫歷史上最大的改變。唯一的問題是,智能手機(jī)和平板電腦的用戶占比超過一半今年你的觀眾,因此深圳網(wǎng)站制作,優(yōu)化你的著陸頁移動(dòng)現(xiàn)在是必不可少的一個(gè)過程的每一個(gè)設(shè)計(jì)師。它不必是困難的但有一個(gè)簡單的清單,你可以通過運(yùn)行以確保您的網(wǎng)站是準(zhǔn)備移動(dòng)瀏覽器:
規(guī)模適當(dāng)
一個(gè)網(wǎng)站的規(guī)模,各種設(shè)備的能力是至關(guān)重要的。有成千上萬的設(shè)備都有,所以選擇了幾個(gè)有代表性的屏幕尺寸是不實(shí)際的。
可接受的回答是響應(yīng)網(wǎng)頁設(shè)計(jì),有些人認(rèn)為適應(yīng)性更好,其他人認(rèn)為適應(yīng)是一樣的。這些理由是真的語義,底線是,你必須讓你的網(wǎng)站在任何設(shè)備上工作的能力,當(dāng)前或未來。不這樣做將是不負(fù)責(zé)任的。
一個(gè)重要的考慮因素:確保你的站點(diǎn)尺度適當(dāng)?shù)男は窈惋L(fēng)景。
選擇內(nèi)容
顯然,移動(dòng)提供更少的空間以適應(yīng)內(nèi)容到登陸頁面。理想情況下,保持標(biāo)題的短,簡潔,這一點(diǎn)在三到四字。同樣,保持頁面整潔的可能,具有低的鏈接的數(shù)目和最大的一個(gè)形象,如果可行的話。
把內(nèi)容要點(diǎn),眼睛就很容易,沒有停頓和斜視。同時(shí),建立一個(gè)明確的行動(dòng)號(hào)召吸引訪問者訪問其他的網(wǎng)站。它應(yīng)該是某種激勵(lì),可以作為一個(gè)按鈕,允許用戶調(diào)用業(yè)務(wù)簡單,本地企業(yè)也使用定位服務(wù)時(shí)特別有用。
像 75%的搜索在搜索結(jié)果的行動(dòng)在一個(gè)小時(shí)內(nèi),所以很容易理解為什么一個(gè)行動(dòng)應(yīng)該是堅(jiān)強(qiáng)的。同時(shí),把行動(dòng)電話在網(wǎng)頁的頂部附近,所以它是一個(gè)移動(dòng)訪問者看到的第一件事。
大小事宜
是的,大小真的很重要文件的大小,即。一個(gè)網(wǎng)頁應(yīng)該快速加載,特別是將通過移動(dòng)設(shè)備訪問。
沒有固定的規(guī)則越快越好,但作為一般指南,如果你的著陸頁需要更長的時(shí)間超過3秒或4秒加載你會(huì)失去很多的用戶。
理想情況下,你的 網(wǎng)頁應(yīng)該非常輕,小于20 KB。圖片花了很多時(shí)間負(fù)荷等應(yīng)保持在絕對(duì)最低。將你的代碼干凈整潔, 如果需要使用圖像精靈,而圖像盡可能使用CSS。
以及文件的大小,考慮正在向服務(wù)器發(fā)出請(qǐng)求的數(shù)量;通常這些要求導(dǎo)致更多的延遲比實(shí)際文件下載。
你是本地人嗎?
手機(jī)用戶經(jīng)常外出,所以使用定位服務(wù)。裁縫的登陸頁面是本地用戶相關(guān)的,并鼓勵(lì)他們。你可以定制內(nèi)容的一個(gè)商店,當(dāng)?shù)胤止緸槔?nbsp;
根據(jù)項(xiàng)目的規(guī)模和范圍,您也可以適應(yīng)核心內(nèi)容本身的位置。
可讀性比以往任何時(shí)候都重要
能夠閱讀什么的屏幕上是至關(guān)重要的,這就是為什么少就是多。如果你不能用手機(jī)在手臂的長度舉行閱讀文本,則需要更大的。你真的是有限的空間。
不要讓用戶不斷地滾動(dòng),否則他們很快就會(huì)厭倦和前進(jìn)。是的,人們?cè)诨ヂ?lián)網(wǎng)上做一個(gè)短暫的注意力,比讀一本雜志或書的時(shí)候要短得多,所以你做的每件事都必須立即抓住他們的注意力。
豎起大拇指!
什么點(diǎn)擊你的登陸頁應(yīng)該通過拇指測試。如果它不能很容易地點(diǎn)擊使用拇指,然后重新思考它。墊連接盡可能多的空間,周圍的人盡可能的離開,留下足夠的空間之間的聯(lián)系。這將減少用戶點(diǎn)擊錯(cuò)誤的鏈接,沒有挫折的機(jī)會(huì)。
插件可以用來確保照片可以輕松刷卡,雖然把照片在登陸頁面是不推薦。
形式和輸入
如果你把一個(gè)形式上的登陸頁面,使它非常簡單,而且不占用大量空間。形式,需要大量的輸入是把實(shí)現(xiàn) 轉(zhuǎn)換率低,不是簡單的形式。因此,添加盡可能少的領(lǐng)域。
再次,人們很快就厭倦了,所以給他們一個(gè)冗長的表格填寫會(huì)讓他們更容易放棄網(wǎng)站。
簡單的導(dǎo)航
導(dǎo)航 應(yīng)該簡單明了。保持按鈕降到最低,并確保他們通過拇指測試。嘗試添加按鈕到頁面的不同區(qū)域,可以遵循的邏輯路徑。
測試,測試,測試…
全面測試你的著陸頁,確保其有效地在移動(dòng)工作。考慮 A/B測試,這已被證明增加導(dǎo)致高達(dá)40%,在某些情況下。
一個(gè)A/B測試,您將創(chuàng)建兩個(gè)相同的頁面設(shè)計(jì),A和B交通然后每個(gè)設(shè)計(jì)看,具有最佳的分割。使用的是該項(xiàng)目的最重要的指標(biāo),如轉(zhuǎn)化率、銷量、跳出率。在測試結(jié)束時(shí),去表現(xiàn)最好的一個(gè),你會(huì)中途有一個(gè)成熟的設(shè)計(jì)。
有很多的手機(jī)模擬器,但不論你選擇哪一個(gè),確保你只使用它的第一輪測試。測試你有正確使用真正的設(shè)備。求、借、偷如果必要的話,只要看看你的網(wǎng)站在許多實(shí)際設(shè)備,你可以把你的手放在。
保持行動(dòng)的最低
更多的點(diǎn)擊或行動(dòng)用戶已作出,那么很可能他們是完整的人。讓人們從A點(diǎn)到B點(diǎn)盡可能少的點(diǎn)擊。使導(dǎo)航與行動(dòng)電話非常簡單的方方面面。
這些都是要牢記在優(yōu)化移動(dòng)登陸頁面的最重要的事情。記得在整個(gè)設(shè)計(jì)過程中,手機(jī)是一個(gè)不同的介質(zhì),因?yàn)樗麄兺ǔT谌ハ朐谧钚〉拇鷥r(jià)完成自己的任務(wù)。緩慢的加載時(shí)間和反應(yīng)遲鈍的相互作用也刺激的人,所以花時(shí)間讓他們的權(quán)利。
得到它的權(quán)利是有益的和可能意味著現(xiàn)場表演以及對(duì)競爭和失去游客的區(qū)別。
響應(yīng)和自適應(yīng)的網(wǎng)頁設(shè)計(jì)
創(chuàng)建一個(gè)CSS3和jQuery滾動(dòng)屏幕