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