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