PC和移動的關(guān)鍵性的差異化介紹

2016-10-13    分類: 網(wǎng)站建設(shè)

在移動設(shè)備手機端盛行的時代下手機設(shè)備上瀏覽網(wǎng)站的體驗成為了重點優(yōu)化對象,手機端和PC端的瀏覽體驗大不相同,在移動設(shè)備上面我們使用的是拇指來進行操作而不是鼠標或觸控板,這讓網(wǎng)站上的一些操作變得更加困了,所有移動設(shè)備上和PC端是有著很大差異化的,那么總結(jié)了一下手機網(wǎng)站和PC網(wǎng)站差異化大的三點是什么?

第一點、網(wǎng)站內(nèi)容組織差異化對比

移動網(wǎng)站設(shè)計最復(fù)雜的要素之一是如何組織網(wǎng)站內(nèi)容的問題。移動網(wǎng)站用戶的需求可能與pc網(wǎng)站用戶的需求不同?;蛘咚麄兊男枨罂赡芟嗤ɑ蝾愃疲┑脩舻臑g覽行為卻會根據(jù)使用的設(shè)備而發(fā)生改變。在設(shè)計移動網(wǎng)站時,首要任務(wù)是組織網(wǎng)站內(nèi)容以滿足移動用戶的需求。網(wǎng)站內(nèi)容應(yīng)垂直堆疊,以適應(yīng)移動設(shè)備的窄寬度。桌面設(shè)備具有縱向方向,因此內(nèi)容可以在屏幕上伸展,并且通常多個消息或圖像可以在很寬的頁面空間中更好的展示。移動網(wǎng)站通常以縱向方式使用(較小的屏幕意味著即使在橫向模式下,水平空間也是有限的)。

當在移動網(wǎng)站設(shè)備上瀏覽時,例如下圖某眼鏡零售商網(wǎng)站將內(nèi)容從水平對齊重新排列為垂直??紤]的另一件事是要優(yōu)先考慮的內(nèi)容。pc網(wǎng)站和移動網(wǎng)站用戶的需求是否不同?如果是不同的,那么以優(yōu)先考慮移動用戶需求的方式來設(shè)計移動網(wǎng)站,而不是簡單地從pc網(wǎng)站進行復(fù)制,pc網(wǎng)站最有可能是為pc網(wǎng)站用戶而設(shè)計的。在移動網(wǎng)頁設(shè)計的早期階段,當我們的手機不那么復(fù)雜并且我們不太習慣使用移動端來執(zhí)行更復(fù)雜的工作任務(wù)時,通常會刪除網(wǎng)站的大部分內(nèi)容讓移動網(wǎng)站用戶更快地找到最重要的內(nèi)容。到了現(xiàn)在這種方法已不再被采納。今天移動手機網(wǎng)站用戶希望能夠在手機或者平板等移動設(shè)備上訪問與pc網(wǎng)站上相同的瀏覽體驗。此外,移動設(shè)備已成為很多人的唯一或主要瀏覽設(shè)備,因此完全可操作的移動網(wǎng)站成為接觸部分移動用戶的唯一途徑。

第二點、網(wǎng)站表單填寫差異化對比

作為營銷人員,花費了大量精力優(yōu)化網(wǎng)絡(luò)的表單以實現(xiàn)大程度的用戶轉(zhuǎn)換。我們知道,在pc網(wǎng)站設(shè)計糟糕的表單形式可以對用戶轉(zhuǎn)化造成極大阻礙。當然,在移動網(wǎng)站上也是如此。表單需要專業(yè)設(shè)計,以便移動網(wǎng)站用戶輕松填寫表單。垂直對齊還是整個垂直對齊?都適用于表單設(shè)計。原理是相同的,移動網(wǎng)站用戶水平來回滾動頁面以完成表單填寫是非常困難的。為了使移動網(wǎng)站的表單填寫過程盡可能簡單,表單文字和排版必須垂直對齊。

第三點、導(dǎo)航菜單差異化對比

網(wǎng)站導(dǎo)航樣式絕對是pc和移動網(wǎng)站之間差異的關(guān)鍵區(qū)域。在pc網(wǎng)站上,通常會有包含許多類別和子類別的導(dǎo)航菜單。這種樣式的設(shè)置非常適合pc用戶,pc端顯示屏幕足夠大,可以閱讀導(dǎo)航中的文本,并且可以輕松點擊文本鏈接。當然,這在移動網(wǎng)站上是一不同的,因為屏幕很小而且拇指(相對)很大。移動網(wǎng)站導(dǎo)航的設(shè)計應(yīng)考慮到這些因素。使用具有大文本或按鈕的單級導(dǎo)航菜單樣式,許多選項的導(dǎo)航菜單樣式選擇垂直對齊。

在手機網(wǎng)站中,網(wǎng)站的導(dǎo)航菜單會是一些折疊的狀態(tài),手機移動端網(wǎng)站的所有功能欄目列表都不要做全部的展示,在導(dǎo)航的設(shè)計中和PC網(wǎng)站有很大的不同,隨著移動端的重要性突出,有了很多不同的移動端設(shè)計展示,使用戶在使用移動設(shè)備的時候體驗度更加流暢。始終要記住在做移動端設(shè)計的時候一定要考慮到人機交互的一些習慣,用戶的體驗性。

分享文章:PC和移動的關(guān)鍵性的差異化介紹
分享地址:http://muchs.cn/news22/51922.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站策劃、品牌網(wǎng)站制作網(wǎng)站設(shè)計、網(wǎng)站排名動態(tài)網(wǎng)站、靜態(tài)網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

手機網(wǎng)站建設(shè)