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

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

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

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

移動(dòng)網(wǎng)站設(shè)計(jì)最復(fù)雜的要素之一是如何組織網(wǎng)站內(nèi)容的問(wèn)題。移動(dòng)網(wǎng)站用戶(hù)的需求可能與pc網(wǎng)站用戶(hù)的需求不同。或者他們的需求可能相同(或類(lèi)似)但用戶(hù)的瀏覽行為卻會(huì)根據(jù)使用的設(shè)備而發(fā)生改變。在設(shè)計(jì)移動(dòng)網(wǎng)站時(shí),首要任務(wù)是組織網(wǎng)站內(nèi)容以滿(mǎn)足移動(dòng)用戶(hù)的需求。網(wǎng)站內(nèi)容應(yīng)垂直堆疊,以適應(yīng)移動(dòng)設(shè)備的窄寬度。桌面設(shè)備具有縱向方向,因此內(nèi)容可以在屏幕上伸展,并且通常多個(gè)消息或圖像可以在很寬的頁(yè)面空間中更好的展示。移動(dòng)網(wǎng)站通常以縱向方式使用(較小的屏幕意味著即使在橫向模式下,水平空間也是有限的)。

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

第二點(diǎn)、網(wǎng)站表單填寫(xiě)差異化對(duì)比

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

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

網(wǎng)站導(dǎo)航樣式絕對(duì)是pc和移動(dòng)網(wǎng)站之間差異的關(guān)鍵區(qū)域。在pc網(wǎng)站上,通常會(huì)有包含許多類(lèi)別和子類(lèi)別的導(dǎo)航菜單。這種樣式的設(shè)置非常適合pc用戶(hù),pc端顯示屏幕足夠大,可以閱讀導(dǎo)航中的文本,并且可以輕松點(diǎn)擊文本鏈接。當(dāng)然,這在移動(dòng)網(wǎng)站上是一不同的,因?yàn)槠聊缓苄《夷粗福ㄏ鄬?duì))很大。移動(dòng)網(wǎng)站導(dǎo)航的設(shè)計(jì)應(yīng)考慮到這些因素。使用具有大文本或按鈕的單級(jí)導(dǎo)航菜單樣式,許多選項(xiàng)的導(dǎo)航菜單樣式選擇垂直對(duì)齊。

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

標(biāo)題名稱(chēng):PC和移動(dòng)的關(guān)鍵性的差異化介紹
鏈接地址:http://www.bm7419.com/news/51922.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站內(nèi)鏈、網(wǎng)頁(yè)設(shè)計(jì)公司、域名注冊(cè)網(wǎng)站營(yíng)銷(xiāo)、電子商務(wù)建站公司

廣告

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

外貿(mào)網(wǎng)站制作