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)站用戶的需求可能與pc網(wǎng)站用戶的需求不同?;蛘咚麄兊男枨罂赡芟嗤ɑ蝾?lèi)似)但用戶的瀏覽行為卻會(huì)根據(jù)使用的設(shè)備而發(fā)生改變。在設(shè)計(jì)移動(dòng)網(wǎng)站時(shí),首要任務(wù)是組織網(wǎng)站內(nèi)容以滿足移動(dòng)用戶的需求。網(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)站用戶的需求是否不同?如果是不同的,那么以優(yōu)先考慮移動(dòng)用戶需求的方式來(lái)設(shè)計(jì)移動(dòng)網(wǎng)站,而不是簡(jiǎn)單地從pc網(wǎng)站進(jìn)行復(fù)制,pc網(wǎng)站最有可能是為pc網(wǎng)站用戶而設(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)站用戶更快地找到最重要的內(nèi)容。到了現(xiàn)在這種方法已不再被采納。今天移動(dòng)手機(jī)網(wǎng)站用戶希望能夠在手機(jī)或者平板等移動(dòng)設(shè)備上訪問(wèn)與pc網(wǎng)站上相同的瀏覽體驗(yàn)。此外,移動(dòng)設(shè)備已成為很多人的唯一或主要瀏覽設(shè)備,因此完全可操作的移動(dòng)網(wǎng)站成為接觸部分移動(dòng)用戶的唯一途徑。
第二點(diǎn)、網(wǎng)站表單填寫(xiě)差異化對(duì)比
作為營(yíng)銷(xiāo)人員,花費(fèi)了大量精力優(yōu)化網(wǎng)絡(luò)的表單以實(shí)現(xiàn)大程度的用戶轉(zhuǎn)換。我們知道,在pc網(wǎng)站設(shè)計(jì)糟糕的表單形式可以對(duì)用戶轉(zhuǎn)化造成極大阻礙。當(dāng)然,在移動(dòng)網(wǎng)站上也是如此。表單需要專(zhuān)業(yè)設(shè)計(jì),以便移動(dòng)網(wǎng)站用戶輕松填寫(xiě)表單。垂直對(duì)齊還是整個(gè)垂直對(duì)齊?都適用于表單設(shè)計(jì)。原理是相同的,移動(dòng)網(wǎng)站用戶水平來(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用戶,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ì)展示,使用戶在使用移動(dòng)設(shè)備的時(shí)候體驗(yàn)度更加流暢。始終要記住在做移動(dòng)端設(shè)計(jì)的時(shí)候一定要考慮到人機(jī)交互的一些習(xí)慣,用戶的體驗(yàn)性。
標(biāo)題名稱:PC和移動(dòng)的關(guān)鍵性的差異化介紹
鏈接地址:http://redsoil1982.com.cn/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)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容