欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

網(wǎng)站建設(shè)的web用戶體驗(yàn)幾個(gè)至關(guān)重要的5點(diǎn)

2022-08-27    分類: 用戶體驗(yàn)

一個(gè)精通算法經(jīng)驗(yàn)豐富的后端工程師,也不一定能夠完成出色的前端頁(yè)面,對(duì)邏輯經(jīng)驗(yàn)豐富的程序員來(lái)說(shuō),html/css顯得繁瑣低效,即便是SASS、LESS這樣的框架也難以讓傳統(tǒng)程序員理解前端工程師,多數(shù)人眼中前端是編程與設(shè)計(jì)各占一部分的新職業(yè),特別是在眾人把用戶體驗(yàn)掛在口中時(shí),更讓人覺(jué)得前端應(yīng)當(dāng)對(duì)此有獨(dú)特的理解。其實(shí)在我看來(lái),用戶體驗(yàn)這東西不管是從哪方面來(lái)說(shuō)都沒(méi)有一個(gè)確切的定義,可能前端可以更多的用經(jīng)驗(yàn)來(lái)認(rèn)識(shí)它,亦有可能在不同人眼中的web用戶體驗(yàn)有所差別,只不過(guò)方向相同而已。

筆者也從自己的經(jīng)驗(yàn)中總結(jié)了一些WEB中用戶體驗(yàn)的實(shí)際細(xì)節(jié),當(dāng)然也不可能面面俱到,限于篇幅筆者就只分享幾個(gè)包含顯著特征容易被認(rèn)可的細(xì)節(jié):

AJAX

看到這里肯定有人忍不住笑出聲,的確這已經(jīng)不算什么新技術(shù),但要讓我站在用戶的角度來(lái)評(píng)價(jià)網(wǎng)站技術(shù)上的變化中給訪問(wèn)者帶來(lái)大友好性的一項(xiàng),我肯定會(huì)選AJAX.

記得在我剛剛開(kāi)始學(xué)會(huì)上網(wǎng)時(shí)候,不管是注冊(cè)頁(yè)面還是登錄都是我最煩的,那時(shí)候網(wǎng)速又不快,打開(kāi)一個(gè)注冊(cè)頁(yè)面就要幾秒時(shí)間,然后從上往下有幾十個(gè)選項(xiàng)要全部填滿,比如其中有一項(xiàng)讓我填寫(xiě)“密碼保護(hù)問(wèn)題”,這個(gè)設(shè)計(jì)簡(jiǎn)直讓人想吃電腦,因?yàn)楹芏嗳艘豢催@種問(wèn)題應(yīng)該都會(huì)和我一樣隨便寫(xiě)幾個(gè)數(shù)字就提交,然后等幾秒加載完網(wǎng)頁(yè)提示“密碼保護(hù)問(wèn)題”不允許有數(shù)字,同時(shí)之前填寫(xiě)的十幾項(xiàng)數(shù)據(jù)全部清空需要重新再來(lái)一遍,再花幾分鐘寫(xiě)完之后提交又提示不允許有字母,再來(lái)一遍,有時(shí)候還會(huì)提示字符太短太長(zhǎng)有空格超時(shí)之類,總之如果你一次注冊(cè)這種頁(yè)面,至少要花掉十幾分鐘,而且還是在重復(fù)做一件事。從網(wǎng)站運(yùn)營(yíng)者角度來(lái)看這也很煩,重復(fù)十幾分鐘填寫(xiě)表單很容易就失去很多潛在用戶。

在AJAX的異步請(qǐng)求出現(xiàn)之后,這種情況明顯的改善,給用戶的體驗(yàn)感最明顯。用戶并不知道何時(shí)已經(jīng)提交請(qǐng)求,就拿剛才表單的例子來(lái)說(shuō),如果每填寫(xiě)一項(xiàng)都會(huì)在當(dāng)前表單的最后提示具體錯(cuò)誤類型(在用戶未點(diǎn)擊時(shí)已經(jīng)異步提交了請(qǐng)求并且用返回?cái)?shù)據(jù)更新部分頁(yè)面),這就給用戶很直觀的提示,這種即時(shí)的互動(dòng)讓訪問(wèn)者能夠很直觀的感受到這是一個(gè)友好的網(wǎng)站。(當(dāng)然用javascript也能做到部分表單驗(yàn)證,這只是舉一個(gè)例子)。在不重新加載整個(gè)頁(yè)面,通過(guò)操作DOM來(lái)改寫(xiě)小部分?jǐn)?shù)據(jù)這點(diǎn)上也能給訪問(wèn)者帶來(lái)極大的交互感,現(xiàn)在流行的微博就是的例子,在發(fā)送微博/評(píng)論/轉(zhuǎn)發(fā)之后用戶會(huì)發(fā)現(xiàn)不用刷新等待整個(gè)頁(yè)面加載,操作之后立刻會(huì)有小部分的頁(yè)面發(fā)生變化,雖然看起來(lái)微不足道,但對(duì)一個(gè)訪問(wèn)者來(lái)說(shuō),這足以讓他們欣喜。

網(wǎng)頁(yè)字體

網(wǎng)站中所有的文字內(nèi)容表達(dá)方式都是通過(guò)字體,合理的字體無(wú)疑會(huì)給用戶更好的體驗(yàn)感。在業(yè)內(nèi)來(lái)說(shuō)豆瓣可能是對(duì)字體研究最多的一個(gè)網(wǎng)站,拿豆瓣讀書(shū)都來(lái)他們用Helvetica和Arial這兩種差別非常小的字體,這種非襯線字體很容易讓人一目了然同時(shí)富有一些科技感,豆瓣本身就是以圖片加上簡(jiǎn)短語(yǔ)句組成,讓人能夠從字體中快速找到重心是設(shè)計(jì)的目標(biāo)所在。

有人擔(dān)心非襯線用作正文對(duì)閱讀體驗(yàn)有影響,實(shí)際上不難發(fā)現(xiàn)國(guó)外很多網(wǎng)站都用非襯線字體來(lái)處理正文,當(dāng)然也不排除他們可能考慮的更多是英文。其實(shí)我還是非常喜歡非襯線體,它們看起來(lái)更富美感,而且如今大量的文字在互聯(lián)網(wǎng)上比較少見(jiàn),一些活潑具有現(xiàn)代感的非襯線字體也逐漸被更多的開(kāi)發(fā)者認(rèn)同而且使用。

除去這些,字體還可以在選擇上再細(xì)分一些,記得曾經(jīng)看過(guò)一篇統(tǒng)計(jì),不同的字體會(huì)影響用戶對(duì)站點(diǎn)權(quán)威性的信賴程度。比方說(shuō)在一個(gè)公司網(wǎng)站上大量使用類似于幼圓、Cursive一類字體,很容易讓訪問(wèn)者不信任網(wǎng)站,當(dāng)然如果是以?shī)蕵?lè)為主的網(wǎng)站也不能過(guò)于嚴(yán)肅和簡(jiǎn)樸,在使用時(shí)既要考慮到大眾用戶的接受程度,也要知道自己的網(wǎng)站是什么定位,當(dāng)然技術(shù)性的問(wèn)題也不能忽略,像是火狐比IE區(qū)分sans-serif要更模糊一些,有的字體“O”和“0”、“L”和“1”容易讓人難以區(qū)分(代碼較多的站點(diǎn)需要考慮)等等,這樣綜合對(duì)比選擇得到的字體無(wú)疑能讓網(wǎng)站更有魅力,從而留下更多的用戶。

順便一提,在使用字體時(shí)注意版權(quán)。

加載速度

很多用戶在還未見(jiàn)到你出色的設(shè)計(jì)和內(nèi)容之前就已經(jīng)離開(kāi)了頁(yè)面,這是因?yàn)榫W(wǎng)站加載時(shí)間實(shí)在是太長(zhǎng),已使訪問(wèn)者失去耐心。其實(shí)很多的訪客不關(guān)心腳本和圖片的加載順序,他們只要看到網(wǎng)站的整體結(jié)構(gòu)能夠迅速的加載出來(lái)就可以開(kāi)始瀏覽,即便是其他元素逐漸加載也可以接受,基于這點(diǎn),我們可以使用很多延時(shí)加載的方法來(lái)使用戶更快的見(jiàn)到頁(yè)面。除此之外還有很多因素可能會(huì)對(duì)加載速度造成影響,也有逐一優(yōu)化的辦法,之前我已經(jīng)寫(xiě)了兩篇相關(guān)文章來(lái)解決此問(wèn)題(提高網(wǎng)站加載速度的解決方案有多少),不再細(xì)述。

結(jié)構(gòu)設(shè)計(jì)

不知道大家發(fā)現(xiàn)沒(méi)有,近來(lái)很多網(wǎng)站都喜歡把菜單fixed在頂部(維特博客就是個(gè)例子),只要這個(gè)菜單選擇項(xiàng)不是太多,訪客對(duì)這樣的固定菜單接受程度還是很高的,這只是設(shè)計(jì)中的一個(gè)小例子,相類似的有很多,比如在表單中以深淺顏色區(qū)分每一行,以提高可閱讀性;在激活窗口時(shí)為當(dāng)前控件添加一個(gè)邊框,使用戶能夠更建議的分辨自己在操作哪個(gè)窗口等等。很多的設(shè)計(jì)與排版方式都已經(jīng)得到了大眾認(rèn)可,可以作為網(wǎng)站設(shè)計(jì)時(shí)的參考。

網(wǎng)站結(jié)構(gòu)設(shè)計(jì)的好看不好看對(duì)訪客來(lái)說(shuō)雖然有影響,但也不至于立刻離開(kāi),而且即便是非常精致的頁(yè)面卻對(duì)用戶不怎么友好,想必也不會(huì)有多少人愿意訪問(wèn)。

舉個(gè)例子,以前我用好搜(360搜索)的時(shí)候總感覺(jué)怪怪的,沒(méi)有g(shù)oogle和百度順手,研究了一段時(shí)間之后才發(fā)現(xiàn)好搜的的主頁(yè)搜索框比百度和google要低一些,Google到頂部固定菜單的距離是286px,百度是192px(未登錄238px),而好搜則是328px。相比之下,好搜的搜索框更趨向于屏幕中間,而百度與Google則是在屏幕中上方,對(duì)于已經(jīng)常年習(xí)慣了百度和Google搜索的用戶來(lái)說(shuō),想要改變這個(gè)習(xí)慣來(lái)適應(yīng)好搜多少有些困難,除此之外搜索框還有結(jié)果頁(yè)也有幾個(gè)問(wèn)題不一一細(xì)述,360這樣做無(wú)外乎兩點(diǎn),一個(gè)是不在乎/不知道/不關(guān)心用戶體驗(yàn),一個(gè)就是故意有所不同,想要培養(yǎng)自己的用戶習(xí)慣。(在我看來(lái)也不怎么成功)

細(xì)節(jié)決定成敗

喬布斯的父親是個(gè)木匠,曾經(jīng)教給喬布斯一個(gè)理念,就是櫥柜的背面里層也要細(xì)致處理甚至是打磨光滑,即便用戶看不見(jiàn)。在理想主義的偉大試驗(yàn)品“麥金塔”出世之后,有人甚至感嘆,就連電路板上的電路圖都能當(dāng)作藝術(shù)品,的確如此,喬布斯就曾經(jīng)開(kāi)除一個(gè)對(duì)電路圖美學(xué)設(shè)計(jì)不滿的員工。一個(gè)偉大產(chǎn)品的誕生并不是一蹴而就的,必然經(jīng)過(guò)了長(zhǎng)期的沉淀積累與琢磨,但僅此依舊不能稱之為偉大,只能算成功。一個(gè)產(chǎn)品細(xì)節(jié)上的最后潤(rùn)色可能才是決定它價(jià)值的關(guān)鍵。對(duì)于WEB開(kāi)發(fā)者來(lái)說(shuō),更是如此。

很多時(shí)候用戶體驗(yàn)應(yīng)遵循“l(fā)ess is more”,堆積如山的垃圾信息不僅無(wú)用還破壞了整體的用戶感受,這也就是所謂的設(shè)計(jì)細(xì)節(jié)決定成敗。

如果把WEB用戶體驗(yàn)展開(kāi)來(lái)說(shuō),就算說(shuō)個(gè)一天一夜也說(shuō)不完,太多的細(xì)微之處需要我們留意,而且想要做好任何一處都并不是簡(jiǎn)單的事。對(duì)于開(kāi)發(fā)者來(lái)說(shuō),對(duì)用戶體驗(yàn)有更深更實(shí)際的理解就是把自己視為用戶,在逐漸滿足自己細(xì)枝末節(jié)體驗(yàn)感的同時(shí),也豐滿了站點(diǎn)的用戶體驗(yàn)感受。

標(biāo)題名稱:網(wǎng)站建設(shè)的web用戶體驗(yàn)幾個(gè)至關(guān)重要的5點(diǎn)
分享地址:http://aaarwkj.com/news23/193473.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站建設(shè)、用戶體驗(yàn)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

搜索引擎優(yōu)化
日本一区二区精品视频| 91色九色吧在线观看| 97色伦综合在线欧美| 日本特黄特色高清免费大片| 欧美日韩国产免费,日日骚| 日韩av大片一区二区三区| 日韩免费毛片在线观看| 亚洲一区二区三区 码| 欧美日韩一区二区三区666| 日本在线高清精品人妻| 高潮少妇高潮少妇av| 亚洲黄色大片在线免费观看| 日韩电影中文字幕一区| 欧美日本国产在线一区二区| 国产黄色av片免费| 日韩精品一区二区av在线| 国产美女冒白浆免费网站| 亚洲欧美另类熟女丝袜| 中文乱码字幕午夜无线观看| 色播五月麻豆激情综合网| 中高龄夫妇五十路六十路| 麻豆黄片在线免费观看| 久热99在线视频免费观看| 宫部凉花中文字幕在线| 日韩高清精品一区二区| 亚洲av永久精品桃色| 午夜性色在线视频福利| 国产三级国产精品国产专播| 日本精品一区二区不卡| 人妻操人人妻中出av| 日韩人妻高清精品专区| 高清国语对白刺激av在线播放| 国产91白丝在线观看| 午夜啪视频免费在线观看| 亚洲一区二区三区免费观看视频| 偷拍色图一区二区二区| 人人妻人人澡人人爽精品日本| 日本亚洲中文字幕网站| 国产精品对白久久久久粗 | 国产亚洲黄片免费在线观看| 中文字幕国产精品专区|