滄州市品搜網(wǎng)絡技術有限公司歡迎您!     設為首頁  |  加入收藏

品搜服務熱線:0317-2103366

 
當前位置:HOME > > 網(wǎng)站建設
手機網(wǎng)站界面與傳統(tǒng)網(wǎng)站界面設計的差異性
發(fā)布時間 2015-05-04

                                                 手機網(wǎng)站界面與傳統(tǒng)網(wǎng)站界面設計的差異性

    (一)不同屏幕尺寸帶來的信息結構差異性

    當分別用手機和桌面電腦瀏覽同一網(wǎng)站時,顯示效果不太相同的最主要原因就是硬件設備不同帶來的差異。手機設備的屏幕

尺寸遠遠小于桌面電腦。從京東、蘇寧等各個網(wǎng)上商城手機的銷售情況可以看出,現(xiàn)在市場上主流的手機,像蘋果、三星、聯(lián)

想、htc、oppo等手機大部分的屏幕尺寸在3至5英寸之間,個別的像三星的note2屏幕為5.5英寸,note3為5.7英寸都是屏幕比較大

的手機。但是我們看一下比較小的筆記本電腦的尺寸,屏幕大小大部分在13至17英寸之間,像微軟超極本類型的筆記本屏幕尺寸

在10英寸左右,這是非常小筆記本尺寸,但是仍然和手機屏幕的尺寸有將近一倍的差距。這種屏幕尺寸上的差距帶來的不同顯示

效果就是,當用戶用手機瀏覽一個沒有專門針對手機優(yōu)化過的網(wǎng)頁的時候,會出現(xiàn)兩種情況:一種是該網(wǎng)站在手機上橫向內容顯

示不完整,另一種是網(wǎng)站內容在手機上顯示完整,但是顯示內容太小,無法正常瀏覽。

    手機網(wǎng)站界面設計的時候比較常見的方法是,把原本并列的信息進行縱向排列,通過手機瀏覽時逐層展開;有些設計根據(jù)需

要,甚至會舍棄次要的內容。手機網(wǎng)站的界面信息展示方式不是讓用戶橫向掃描式瀏覽,而是漸進式體驗。所以屏幕尺寸的變化

對于網(wǎng)站組織信息和版式設計的影響比較大。例如手機版本的百度搜索結果每行能顯示20個漢字左右,而用電腦版本,漢字有40

個字左右。

    網(wǎng)站整體的設計流程相同,視覺因素不會有較大變化,但圖片根據(jù)需要適當調整顯示比例。適用技術區(qū)別不大,但為了適應

不同設備,現(xiàn)在提出網(wǎng)站設計的自適應性,它的意思就是網(wǎng)站能夠運用一些技術判斷用戶是用什么設備瀏覽該頁面,然后網(wǎng)站自

動調用適合該用戶的顯示界面,這樣就能保證用戶通過不同途徑瀏覽時有相同的體驗。

    (二)使用習慣帶來的界面設計差異性

    首先,手機操作的特性之一是適用環(huán)境復雜化。人們會在旅行的過程中查看信息,可能會在洗手間瀏覽,可能會躺在舒適的

床上翻看需要的內容。移動設備帶給我們的使用環(huán)境的多樣性和便捷性導致越來越多的人使用手機上網(wǎng)。桌面電腦甚至筆記本電

腦從這一點來講不如手機。試想一下,通過這么小的瀏覽窗口,使用環(huán)境多樣的情況下,需要快速瀏覽所需要的信息的時候,仍

然像傳統(tǒng)網(wǎng)站一樣恨不得在一個頁面上放上所有的內容,植入大量的廣告,用戶還能瀏覽到什么實質的內容?對比一下淘寶網(wǎng)站首

頁的傳統(tǒng)版本和手機版本,可以看出,手機版本進行了高度的簡化,只突出了搜索和主要的導航,界面更加單純,使用起來更加

便捷。簡潔的、內容清晰的網(wǎng)站更便于手機瀏覽。

    其次,人們常常用單手拿著手機,并且用拇指進行操作,這種習慣導致手機網(wǎng)站界面設計主菜單的位置擺放正好與傳統(tǒng)網(wǎng)站

設計相反。傳統(tǒng)網(wǎng)站常常把導航放到頂端,而手機網(wǎng)站由于這種習慣帶來的影響,常常把主菜單放到底部。

    現(xiàn)在大部分是大屏幕的觸屏手機,而且拇指操作為主,所以在界面文字鏈接設計的時候需要考慮字體大小、字體行距等視覺

元素是否易于拇指操作。過小的文字或者行距會增加點擊的出錯率,這也是影響用戶體驗的重要因素。

    再次,人們已經(jīng)習慣了豎屏使用手機,這就確定了手機網(wǎng)站界面設計基調是豎幅排版,跟傳統(tǒng)電腦顯示屏幕橫向顯示有很大

區(qū)別。兩者界面設計時候都是同樣以寬度為主,自適應高度。在傳統(tǒng)網(wǎng)站常見的兩欄、三欄等排版方式,在手機界面中幾乎看不

到,都是以單欄縱向結構為主展示信息。手機界面設計如果進行多欄展示文字內容的話,并不利于閱讀體驗。因此現(xiàn)在主流的做

法是單欄,自適應高度,或“瀑布流”展示信息。

[ 點擊數(shù):] [打印本網(wǎng)頁] [關閉本窗口]
相關內容
查無記錄
     

版權所有?2015  滄州市品搜網(wǎng)絡技術有限公司  郵編:061001
“滄州市消費者協(xié)會”為本公司常年監(jiān)督單位  “河北傲宇律師事務”所為本公司常年法律顧問單位

地址:滄州市運河區(qū)泰大廣場紅星美凱龍北側2號樓 1327-1328 建站專線:0317-2103366、2103388  13803178566 全國服務電話:400-883-8869
品牌建站網(wǎng)
sampledrivingtest.com  E-Mail:czppw@163.com QQ:571652609 1971135053 741731791
 許可證編號:
冀ICP備11009334號  公安機關備案號:13090002015634
滄州網(wǎng)絡公司,滄州網(wǎng)站建設,滄州網(wǎng)站設計,滄州網(wǎng)站制作,滄州做網(wǎng)站,滄州建網(wǎng)站,滄州網(wǎng)站推廣,滄州網(wǎng)絡推廣

 
qq客服在線客服