寧夏網(wǎng)頁設計也需要從用戶的體驗角度出發(fā),特別是寬度不超過一屏,其最基本的表現(xiàn)是瀏覽器不出現(xiàn)橫向滾動條。網(wǎng)站建專注寧夏網(wǎng)站建設,網(wǎng)頁設計等建站服務,網(wǎng)頁設計分享頻道為網(wǎng)頁設計師尋找設計靈感。
960像數(shù)這個神奇的數(shù)字出現(xiàn)之初,大家各說紛紜,有說是因為蘋果設計師在1024×768的分辨率下打開瀏覽器的寬度時974像數(shù),減去瀏覽器的寬度本生的寬度14像數(shù),這里這個神奇的960像數(shù)就這樣出生了;也有的說在人眼不轉(zhuǎn)動的情況下所能看到的最大的寬度是960像數(shù)。我相信說這話的人真是無時不刻不在考慮用戶體驗啊。今天就用戶體驗之網(wǎng)頁設計的寬度來發(fā)表下我個人的看法,不足之處請大家不吝賜教。
先來分析下那個時代主流大戶時至今日的頁面寬度就5到6年前或許更早(下文中姑且說5年前),大家討論頁面設計寬度時基本都在950像素到1000像素之間,用960像數(shù)來設計為大多數(shù)網(wǎng)頁設計師接受,包括直到現(xiàn)在960PX還是指導著絕大部分門戶類的設計。在那個流行960像素的時代騰訊用的是910像素,而在今年騰訊的新首頁已改版為1000像素。與騰訊同步的還有比如鳳凰網(wǎng)、新華網(wǎng)(在這里吐槽下新華網(wǎng)頁面最外面的黑框)也是1000像素。搜狐、新浪依舊是950像素,網(wǎng)易保持960像素。淘寶網(wǎng)首頁1000像素(淘寶子頻道頁比如:點卡950像素、男裝990像素等各部相同),淘寶系列新推的網(wǎng)站比如:聚劃算990像素、天貓970像素、天貓電器城990像素、一淘網(wǎng)1200像素。
與門戶類相比電商的改版更徹底了,我們來看下主流電商現(xiàn)在的頁面寬度:京東1210像素、當當1200像素、1號店1200像素、新蛋1200像素、蘇寧易購1190像素、易訊1225像素、亞馬孫自適應(最小寬度980像素)。可以看出現(xiàn)在電商主流的頁面設計是1200像素。
舉例具體來分析,今年的2月份京東改版(在這里暫不討論其他內(nèi)容,只說頁面寬度)之后的頁面寬度設計成1210像素。有的人認為這樣讓商品圖片更加清晰美觀,亦有人認為在頁面沒有變得更擁擠的前提下,增加了60個廣告位(廣告位你懂得,這也是在電商上銷售商品的各品牌希望得到的),等等都是說的有道理的。
不過對電商的頁面為什么都在1200像數(shù),我從用戶體驗的角度是這樣分析的。1024×768的分辨率雖然有人說至今任然占據(jù)著大多數(shù)用戶的瀏覽器,記得兩三年前有一個看到一個統(tǒng)計1024×768的分辨率的用戶占比約為40%左右,而如今1280×800及其以上分辨率的用戶約占比為45%到50%左右。時至今日1024×768的分辨率的最新數(shù)據(jù)用戶占比到今年3月只剩下18.6%。,不過可以肯定的是確實仍有很多客戶端是這個設置。1366×768的分辨率得益于筆記本的蓬勃發(fā)展,在其中占據(jù)絕對主流地位,一路高奏凱歌,從微不足道的0.41%攀升至今天的19.2%,榮登分辨率之王。位列第三的還是1280×800的分辨率,比例位12.95%,比三年前只少了5.87個百分點。這種變化對于Web開發(fā)人員來說尤其具有指導意義。現(xiàn)在我們可以考慮更多地為1366像素寬度進行頁面優(yōu)化了。我想這些數(shù)據(jù)也可能是電商改版的重要參考之一吧。
那么既然1024×768的分辨率仍有很多客戶端,電商為什么就敢于放棄這部分客戶的用戶體驗呢?而其他各類型的網(wǎng)站依舊保持不變呢?1024×768的分辨率從2006年左右流行至今已近8個年頭了,這8年里PC技術跑步在發(fā)展。與之一起發(fā)展的便是寧夏互聯(lián)網(wǎng)技術了,電商依附WEB及寧夏互聯(lián)網(wǎng)技術的發(fā)展至今也已壯大了??梢哉f使用1024×768分辨率的機器也應該算是古董級的了,依舊使用這些機器的人,首先可以斷定他們對電子產(chǎn)品的更新是沒有追求的(電子產(chǎn)品也是各電商主推的)。又或是子女淘汰的機器老人在使用,那在中國大多數(shù)老年人對網(wǎng)絡還是比較陌生的,這部分人事絕對不可能有網(wǎng)絡購物的存在。所以分析來分析去這部分人都不像是電商的潛在客戶,既然不是客戶,那電商不會顧及這部分網(wǎng)名的用戶體驗也理所當然了。
而如今1280×800及其以上分辨率的用戶約占比為45%到50%左右,這些活躍的網(wǎng)名都是電商的潛在消費者,是客戶。電商網(wǎng)站為這部分經(jīng)常電子購物的網(wǎng)名提供更好的用戶體驗也是情理之中的。
所以,我說今年電商網(wǎng)站集體告別1024×768是用戶體驗設計的一部分。
960像數(shù)這個神奇的數(shù)字出現(xiàn)之初,大家各說紛紜,有說是因為蘋果設計師在1024×768的分辨率下打開瀏覽器的寬度時974像數(shù),減去瀏覽器的寬度本生的寬度14像數(shù),這里這個神奇的960像數(shù)就這樣出生了;也有的說在人眼不轉(zhuǎn)動的情況下所能看到的最大的寬度是960像數(shù)。我相信說這話的人真是無時不刻不在考慮用戶體驗啊。今天就用戶體驗之網(wǎng)頁設計的寬度來發(fā)表下我個人的看法,不足之處請大家不吝賜教。
先來分析下那個時代主流大戶時至今日的頁面寬度就5到6年前或許更早(下文中姑且說5年前),大家討論頁面設計寬度時基本都在950像素到1000像素之間,用960像數(shù)來設計為大多數(shù)網(wǎng)頁設計師接受,包括直到現(xiàn)在960PX還是指導著絕大部分門戶類的設計。在那個流行960像素的時代騰訊用的是910像素,而在今年騰訊的新首頁已改版為1000像素。與騰訊同步的還有比如鳳凰網(wǎng)、新華網(wǎng)(在這里吐槽下新華網(wǎng)頁面最外面的黑框)也是1000像素。搜狐、新浪依舊是950像素,網(wǎng)易保持960像素。淘寶網(wǎng)首頁1000像素(淘寶子頻道頁比如:點卡950像素、男裝990像素等各部相同),淘寶系列新推的網(wǎng)站比如:聚劃算990像素、天貓970像素、天貓電器城990像素、一淘網(wǎng)1200像素。
與門戶類相比電商的改版更徹底了,我們來看下主流電商現(xiàn)在的頁面寬度:京東1210像素、當當1200像素、1號店1200像素、新蛋1200像素、蘇寧易購1190像素、易訊1225像素、亞馬孫自適應(最小寬度980像素)。可以看出現(xiàn)在電商主流的頁面設計是1200像素。
舉例具體來分析,今年的2月份京東改版(在這里暫不討論其他內(nèi)容,只說頁面寬度)之后的頁面寬度設計成1210像素。有的人認為這樣讓商品圖片更加清晰美觀,亦有人認為在頁面沒有變得更擁擠的前提下,增加了60個廣告位(廣告位你懂得,這也是在電商上銷售商品的各品牌希望得到的),等等都是說的有道理的。
不過對電商的頁面為什么都在1200像數(shù),我從用戶體驗的角度是這樣分析的。1024×768的分辨率雖然有人說至今任然占據(jù)著大多數(shù)用戶的瀏覽器,記得兩三年前有一個看到一個統(tǒng)計1024×768的分辨率的用戶占比約為40%左右,而如今1280×800及其以上分辨率的用戶約占比為45%到50%左右。時至今日1024×768的分辨率的最新數(shù)據(jù)用戶占比到今年3月只剩下18.6%。,不過可以肯定的是確實仍有很多客戶端是這個設置。1366×768的分辨率得益于筆記本的蓬勃發(fā)展,在其中占據(jù)絕對主流地位,一路高奏凱歌,從微不足道的0.41%攀升至今天的19.2%,榮登分辨率之王。位列第三的還是1280×800的分辨率,比例位12.95%,比三年前只少了5.87個百分點。這種變化對于Web開發(fā)人員來說尤其具有指導意義。現(xiàn)在我們可以考慮更多地為1366像素寬度進行頁面優(yōu)化了。我想這些數(shù)據(jù)也可能是電商改版的重要參考之一吧。
那么既然1024×768的分辨率仍有很多客戶端,電商為什么就敢于放棄這部分客戶的用戶體驗呢?而其他各類型的網(wǎng)站依舊保持不變呢?1024×768的分辨率從2006年左右流行至今已近8個年頭了,這8年里PC技術跑步在發(fā)展。與之一起發(fā)展的便是互聯(lián)網(wǎng)技術了,電商依附WEB及互聯(lián)網(wǎng)技術的發(fā)展至今也已壯大了??梢哉f使用1024×768分辨率的機器也應該算是古董級的了,依舊使用這些機器的人,首先可以斷定他們對電子產(chǎn)品的更新是沒有追求的(電子產(chǎn)品也是各電商主推的)。又或是子女淘汰的機器老人在使用,那在中國大多數(shù)老年人對網(wǎng)絡還是比較陌生的,這部分人事絕對不可能有網(wǎng)絡購物的存在。所以分析來分析去這部分人都不像是電商的潛在客戶,既然不是客戶,那電商不會顧及這部分網(wǎng)名的用戶體驗也理所當然了。
而如今1280×800及其以上分辨率的用戶約占比為45%到50%左右,這些活躍的網(wǎng)名都是電商的潛在消費者,是客戶。電商網(wǎng)站為這部分經(jīng)常電子購物的網(wǎng)名提供更好的用戶體驗也是情理之中的。
所以,我說今年電商網(wǎng)站集體告別1024×768是用戶體驗設計的一部分。