2016-03-25 分類: 網站制作
為了更好地開展網絡營銷,企業(yè)通常為制作一個電腦網站和手機網站,滿足PC端和移動端的推廣需求。那么,就成都網站制作方式來看,手機網站與PC端網站的制作有什么不同呢?
一、瀏覽內容
1、PC端網站的分辨率是1024*768,而智能手機的分辨率僅有320*480。
2、PC端網站內容信息度廣,降低用戶視覺疲勞,而手機網站瀏覽內容不方便,大大增加視覺疲勞。
二、垂直瀏覽
取代水平瀏覽PC端網站在呈現數據內容時,以水平導航方式。用戶可以左右移動點擊鏈接瀏覽信息。而手機網站在呈現數據內容時,以垂直導航方式。
三.導航條,標簽和超文本
在PC端網站中,我們可以看到超鏈接的,而在手機網站中,我們卻很少看到超鏈接。并不是手機網站中沒有超鏈接,而是被一些按鈕,標簽等替代了用戶使用手指來操作移動設備是產生垂直導航方式的原因之一。在電腦上,移動鼠標,點擊超鏈接是很理想的查看信息的方式,但是在移動設備中,通過手指觸摸屏幕來打開超鏈接就不那么容易了。用戶可以很容易激活一個鏈接,進入一個新頁面,但,這并不是用戶期望的頁面,如果這樣的話,會產生非常差的體驗效果。
四、圖片
在網頁中,我們經常能看到企業(yè)網站的logo,產品信息、導航的圖形信息等等。設計者經常需要設計網站促銷產品圖形,公司logo等。而在手機網站設計中,盡量減少圖片,原因很簡單:手機屏幕小,顯示內容有限,占用內存大,浪費大量的移動流量。
五、全局導航與情境導航
在PC端網站中,可以使用各種各樣的導航方式,而手機網站采用全局導航的,情景導航極少。在手機網站中,手機屏幕大小決定使用導航方式。
六、滾動條
手機瀏覽器瀏覽信息,是沒有快捷滾動條。而在計算機瀏覽器瀏覽信息,是有快捷滾動條。比如一個圖中有下拉列表輸入域在臺式機上能夠正常顯示而在手機上只能顯示幾個選項,必須要用滾動條才可以看到的。
七、瀏覽器
手機瀏覽器對某些css屬性不支持,如果需要在手機屏幕顯示topbar、bottombar,則比較麻煩,需要通過css+java來實現。
手機網站設計做好用戶體驗的十大關鍵
1、做好內容規(guī)劃:
首先,你要明確自己想在手機網站上展示什么,分析一下手機用戶的瀏覽習慣,然后再有針對性地進行相關內容的制作,這樣才能做吸引用戶,并會為企業(yè)帶來一定量的潛在用戶。
2、設計方式符合手機使用習慣:
一般的手機屏幕,閱讀文字或圖片時更需要加以放大。即使智能手機具有網頁放大縮小功能,但是觀看起來也較為麻煩,因此在設計手機網頁時,應能夠以滑動屏幕的方式來閱讀網頁。
3、不能參照PC端網站來設計手機網站上的導航功能:
手機網頁與跟一般的PC端網頁不同,由于受到手機屏幕大小和屏幕操作的限制,在設計導航功能時應該按照手機屏幕來設計,不能完全照搬PC端網站,該簡單的地方簡單化,該去掉的去掉,同時在當閱讀文章到最后時,要方便于用戶回到最前頭,減少卷動畫面的機會,讓網頁變得更容易于移動設備上閱讀。
4、考慮多種瀏覽器的兼容:
由于手機上的瀏覽器也有多種,比如UC瀏覽器、360瀏覽器、搜狗瀏覽器、其他瀏覽器,如此多的瀏覽器在瀏覽網頁的時候,如果手機網站的兼容性差,就很可能會出現在某些瀏覽器上出現網頁變形、內容顯示不全的情況。
5、盡量減少用戶文字輸入操作:
在手機上輸入文字比起使用電腦鍵盤麻煩得多。因此,減少使用者輸入文字的機會,例如用戶名、密碼等,都是手機網站制作時要盡力避免的。
6、兼顧非觸摸屏幕的設計:
雖然大多數手機都是智能手機,但也有為數不少的傳統(tǒng)手機,不具備觸摸的功能,這時手機網頁的制作應兼顧到非觸摸屏的手機瀏覽。比如減少畫面中超鏈接的數量、加大文字以減少誤點。
7、盡量簡化網頁內容:
一般的手機、平板電腦等移動設備,不易容納下個人電腦的大容量的網頁資訊,因此手機網站制作的首要一點就是減少網頁內容,最好不用圖片或是影音視頻等,文字也應該精簡,但要保持網頁內容的可讀性。
8、注重網頁產品和服務的展示:
移動用戶訪問企業(yè)手機網站往往是有備而來,想了解某個產品或者服務的詳細價格、服務內容和功能。所以企業(yè)在手機網站上的產品和服務展示,可選擇企業(yè)的主要產品,對其各類參數或價格加以詳細說明,必要時可以采用圖文并茂的方式,但圖片的體積應盡量小。
9、移動網站與PC網站的跳轉
確保在手機網站或者PC端網站各個頁面上有相應的導航或者提示鏈接,讓用戶可以在手機版和PC版進行切換,也便于搜索引擎更好的收錄。一般情況下我們的PC網站上都可以看到一個手機版的按鈕,或者是當手機輸入域名的時候會自動跳轉到手機網站,這一技術改變了手機用戶的用戶體驗。
10、簡化網站結構
對于移動版的企業(yè)站來說,網站結構最好不要超過3層,層次過多是不利于搜索引擎蜘蛛的爬行的,深層頁面的內容不容易被蜘蛛抓取出來,樹形結構(“首頁——欄目頁——詳情頁”結構)是目前相對理想的結構。
還有其他的一些細節(jié),諸如桌面端與移動端差距不要太大,起碼風格要一致。別讓用戶覺得換了一個環(huán)境,這樣用戶很難感受到這是一個網站的兩個展示平臺,這種困惑的設計會讓用戶接受感降低。
網站名稱:淺談手機網站制作與PC端網站制作的區(qū)別
本文URL:http://jinyejixie.com/news/34727.html
網站建設、網絡推廣公司-創(chuàng)新互聯,是專注品牌與效果的網站制作,網絡營銷seo公司;服務項目有網站制作等
聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯
猜你還喜歡下面的內容