如何設(shè)計(jì)移動(dòng)網(wǎng)站來(lái)提高用戶(hù)體驗(yàn)?移動(dòng)終端綜合優(yōu)化
移動(dòng)設(shè)備上桌面網(wǎng)頁(yè)的_個(gè)障礙是導(dǎo)航的使用。簡(jiǎn)而言之,優(yōu)化后的移動(dòng)頁(yè)面更干凈,CTA按鈕更易于導(dǎo)航。以下是一些優(yōu)化移動(dòng)頁(yè)面的實(shí)用技巧:
·只使用垂直滾動(dòng)。不要使用水平滾動(dòng),讓用戶(hù)只需向一個(gè)方向滾動(dòng)即可瀏覽主要內(nèi)容。嘗試使用CSS來(lái)控制頁(yè)面寬度、位置和圖像縮放。
·把你的內(nèi)容放在_位,避免被其他元素分散注意力。
用戶(hù)經(jīng)常忽略移動(dòng)頁(yè)面上的一些元素,所以盡量使用CTA按鈕來(lái)確保用戶(hù)不會(huì)錯(cuò)過(guò)它們。與桌面不同,你需要把CTA按鈕放在主要的顯著位置,以確保它們易于檢測(cè)和點(diǎn)擊觸發(fā)。CTA按鈕應(yīng)該易于點(diǎn)擊,并且不會(huì)干擾頁(yè)面中的其他元素。
圖片和視頻都是你網(wǎng)站的一部分。在為移動(dòng)終端優(yōu)化頁(yè)面時(shí),它們是重要的組件。其質(zhì)量直接影響用戶(hù)對(duì)移動(dòng)版網(wǎng)站群的感知。
詳細(xì)全面的菜單設(shè)計(jì)在桌面上可以很好的工作,但是當(dāng)它出現(xiàn)在移動(dòng)終端上時(shí),菜單顯得太長(zhǎng),很難在其中找到想要的內(nèi)容。所以你需要考慮使用精簡(jiǎn)的菜單,只保留重要和必要的項(xiàng)目。根據(jù)以往的經(jīng)驗(yàn),菜單上的食物不要超過(guò)七種。同時(shí),您還應(yīng)保持菜單目錄易于使用:
·它應(yīng)該根據(jù)重要性和價(jià)值進(jìn)行排名。
·它不應(yīng)該包含用戶(hù)不理解的術(shù)語(yǔ),菜單應(yīng)該以易于理解的方式表達(dá),移動(dòng)版的網(wǎng)站群組。
如果在你的網(wǎng)站中,搜索是主要功能,那么你在做手機(jī)頁(yè)面優(yōu)化時(shí)應(yīng)該突出這個(gè)功能,因?yàn)檫@是一個(gè)轉(zhuǎn)換率很高的功能,所以要保證它足夠醒目。當(dāng)用戶(hù)想要獲得特定的功能時(shí),往往是用搜索功能來(lái)實(shí)現(xiàn)的,所以搜索應(yīng)該是一個(gè)用戶(hù)一打開(kāi)頁(yè)面就可以看到的控件。通常,您應(yīng)該將搜索框以文本輸入框的形式放在頁(yè)面頂部。
移動(dòng)設(shè)備上出現(xiàn)的桌面web頁(yè)面令人沮喪的地方是它們需要被縮放。不放大頁(yè)面不僅很難閱讀,而且用戶(hù)很容易錯(cuò)過(guò)重要的細(xì)節(jié)。要放大瀏覽,需要來(lái)回拖放。然而,在移動(dòng)終端優(yōu)化頁(yè)面中并不存在這個(gè)問(wèn)題。圖片、字體和頁(yè)面寬度恰到好處,用戶(hù)可以獲得完整的信息,確?;镜目捎眯院鸵子眯?。
如果您的頁(yè)面是為移動(dòng)設(shè)計(jì)的,那么頁(yè)面中按鈕的大小應(yīng)該與您手指的大小相匹配。根據(jù)麻省理工學(xué)院touchlab的研究,指尖的平均尺寸為10-14mm,而指尖的平均尺寸為8-10mm,這意味著10mmx10mm控件的尺寸設(shè)計(jì)是一個(gè)合理的中等職業(yè)學(xué)校智能校園。
另一個(gè)考慮因素是可觸摸控制的指尖距離。如果兩個(gè)按鈕靠近,用戶(hù)很容易在移動(dòng)終端上誤觸。如果要解決這個(gè)問(wèn)題,需要根據(jù)實(shí)際情況調(diào)整按鈕的大小和間距,以滿(mǎn)足用戶(hù)手指交互的需要。以下是建議大小的中小學(xué)網(wǎng)站群。
讓用戶(hù)在瀏覽器窗口中完成操作
智能手機(jī)的窗口切換比桌面更麻煩,用戶(hù)找不到原始頁(yè)面的風(fēng)險(xiǎn)是真實(shí)存在的。盡量讓用戶(hù)在一個(gè)窗口內(nèi)完成所有的瀏覽和操作,簡(jiǎn)化流程和復(fù)雜的交互,讓用戶(hù)一直呆在一個(gè)地方。
在不知道你的網(wǎng)站的情況下要求用戶(hù)注冊(cè)是違反互利原則的。數(shù)據(jù)顯示,允許用戶(hù)過(guò)早注冊(cè)導(dǎo)致超過(guò)85%的用戶(hù)選擇放棄并離開(kāi)。
Netflix過(guò)去給用戶(hù)提供一個(gè)月的免費(fèi)試用期,但用戶(hù)需要注冊(cè)才能使用該功能。一般來(lái)說(shuō),用戶(hù)在提供個(gè)人信息進(jìn)行注冊(cè)之前,會(huì)先瀏覽網(wǎng)站內(nèi)容,了解網(wǎng)站是什么類(lèi)型的,提供什么樣的服務(wù),然后再?zèng)Q定教育網(wǎng)站群。因此,為了突破轉(zhuǎn)化率的障礙,在設(shè)計(jì)網(wǎng)站時(shí)需要做以下兩件事:
·只有當(dāng)用戶(hù)被要求提供相關(guān)信息時(shí)才需要注冊(cè),并且數(shù)據(jù)盡可能少
在不同的屏幕方向,用戶(hù)的瀏覽體驗(yàn)會(huì)完全不同。用戶(hù)習(xí)慣于在同一個(gè)屏幕方向上完成所有操作,因此提醒用戶(hù)切換方向可以提高用戶(hù)瀏覽網(wǎng)站的體驗(yàn)。因此,當(dāng)你的網(wǎng)站在使用水平屏幕時(shí),更傾向于顯示,瀏覽體驗(yàn)更好的時(shí)候,不妨用行動(dòng)號(hào)召設(shè)計(jì)來(lái)提示用戶(hù)中職智能校園。
并非所有用戶(hù)都習(xí)慣于在移動(dòng)終端上瀏覽。有些用戶(hù)只是習(xí)慣于在移動(dòng)終端上搜索信息。因此,您應(yīng)該提供一種簡(jiǎn)單的方法來(lái)保存信息,以便可以跨設(shè)備使用。當(dāng)用戶(hù)離開(kāi)移動(dòng)設(shè)備時(shí),還可以在桌面上瀏覽和查看中職網(wǎng)站的建設(shè)。
·確保用戶(hù)可以通過(guò)共享或發(fā)送電子郵件/社交媒體來(lái)保存信息。
用戶(hù)在瀏覽網(wǎng)頁(yè)時(shí),總是希望看到配置好的圖像是一個(gè)沒(méi)有代碼的大的高清圖像。如果不能放大并查看,用戶(hù)的挫敗感將直接影響繼續(xù)瀏覽的欲望。因此,我們應(yīng)該提供高質(zhì)量的產(chǎn)品圖紙,并添加放大功能,這樣用戶(hù)就可以清楚地看到中職網(wǎng)站群的細(xì)節(jié)。
“移動(dòng)友好”是什么概念?谷歌近的一項(xiàng)研究發(fā)現(xiàn),為移動(dòng)端優(yōu)化的網(wǎng)站更有可能贏得回頭客。如果你想讓你的網(wǎng)站在移動(dòng)設(shè)備上易于訪問(wèn),你應(yīng)該集中精力消除移動(dòng)端可能存在的所有可用性問(wèn)題。