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