作爲一個(gè)專業的(de)設計機構,你必須在設計客戶的(de)網站時(shí)考慮到移動優先的(de)理(lǐ)念。所謂移動優先,指的(de)是以手機爲優先的(de)用(yòng)戶體驗使訪問者更容易快(kuài)速找到他(tā)們想要的(de)東西,并鼓勵他(tā)們采取行動。這(zhè)樣做(zuò)可(kě)以幫助增加轉化(huà)率和(hé)促進銷售。
如何能夠做(zuò)到讓移動界面用(yòng)戶體驗更好呢(ne)?首先我們需要明(míng)白PC端UI與移動端UI的(de)不同。
PC界面體驗和(hé)移動界面體驗的(de)不同
屏幕大(dà)小。與PC界面相比,移動界面的(de)屏幕空間要小得(de)多(duō)。所以,如果要在有限的(de)空間内,顯示相當的(de)内容,就需要采取新的(de)呈現方式。例如,PC網站通(tōng)常都是導航欄,但是移動網站可(kě)以使用(yòng)漢堡式菜單代替。
内容組織。在PC界面,衆多(duō)的(de)内容可(kě)以分(fēn)頁,但是在移動界面,長(cháng)篇内容不太适合分(fēn)頁,可(kě)以使用(yòng)滾動條,盡量呈現在一個(gè)頁面上。
交互動作。在台式機上,用(yòng)戶很可(kě)能使用(yòng)光(guāng)标與您的(de)站點進行交互。但是,當你在設計一個(gè)移動用(yòng)戶體驗時(shí),你能夠将各種手勢整合到你的(de)設計中,比如滑動、長(cháng)按和(hé)搖動。
功能設計。移動設備最适合于小任務,比如浏覽在線目錄、運行快(kuài)速搜索查詢和(hé)比較産品價格。除此之外,它還(hái)允許用(yòng)戶訪問移動設備上的(de)信息(比如聯系人(rén)列表)、獲取方向和(hé)撥打電話(huà)。
既然已經清楚地理(lǐ)解了(le)移動用(yòng)戶體驗和(hé)桌面用(yòng)戶體驗之間的(de)關鍵區(qū)别,那麽讓我們來(lái)看看如何爲客戶的(de)網站設計更好的(de)移動體驗。
如何提供更好的(de)移動體驗?
技巧1:創建對(duì)移動設備友好的(de)Call-to-Action按鈕
Call-to-Action按鈕字面意思就是“從注意到行動”,用(yòng)戶點擊該按鈕将會完成一個(gè)動作,包括購(gòu)買、加入購(gòu)物(wù)車、打開等等按鈕。在設計Call-to-Action按鈕的(de)時(shí)候,需要注意如下(xià)事項:
讓按鈕變大(dà),并給它一個(gè)明(míng)亮的(de)顔色,與背景形成對(duì)比。
考慮到您的(de)客戶的(de)移動用(yòng)戶将如何使用(yòng)您構建的(de)網站,考慮最合理(lǐ)的(de)轉換目标。
把按鈕放在屏幕中央,這(zhè)樣就不會妨礙拇指滾動。
寫簡潔而清晰文案,例如:加入購(gòu)物(wù)車、現在注冊、現在就開始或下(xià)載。
技巧2:添加單擊調用(yòng)手機功能
移動設備具有桌面用(yòng)戶無法使用(yòng)的(de)獨特功能,比如通(tōng)過GPS探測用(yòng)戶位置或打電話(huà)。将這(zhè)些特性整合到您的(de)設計中可(kě)以給您的(de)站點的(de)移動用(yòng)戶體驗帶來(lái)巨大(dà)的(de)轉化(huà)率提升。
例如,如果您在站點的(de)聯系人(rén)頁面上發布了(le)一個(gè)聯系号碼,您可(kě)以啓用(yòng)點擊呼叫功能。或者,如果啓用(yòng)了(le)用(yòng)戶的(de)GPS,您可(kě)以設計您的(de)著(zhe)陸頁面來(lái)顯示與位置相關的(de)信息或服務。
技巧3:優化(huà)内容體驗
優化(huà)内容體驗意味著(zhe)努力将訪問者轉化(huà)爲潛在客戶,并最終轉化(huà)爲付費客戶。
當你爲移動用(yòng)戶體驗設計時(shí),盡可(kě)能消除摩擦,以幫助用(yòng)戶更快(kuài)地實現他(tā)們的(de)目标。簡單地說,目标是通(tōng)過您的(de)移動站點提供相關信息。
例如,移動用(yòng)戶在手機上進行閱讀的(de)時(shí)候,圖文上下(xià)布局能夠提供更好的(de)閱讀體驗,這(zhè)就屬于内容體驗優化(huà)的(de)一部分(fēn)。
讓我們總結一下(xià),提升手機用(yòng)戶界面體驗,有三個(gè)技巧,分(fēn)别是Call-to-Action的(de)設計,引導用(yòng)戶行爲;增加調用(yòng)功能,挖掘手機具備的(de)通(tōng)訊、定位等功能;優化(huà)内容體驗,增加用(yòng)戶駐守頁面的(de)時(shí)間。當然,提升用(yòng)戶移動界面體驗還(hái)有更多(duō)的(de)技巧,需要我們進一步去發掘。