網(wǎng)頁設(shè)計(jì)中需要避免不友好的這幾點(diǎn)

2018-04-23    分類: 網(wǎng)站建設(shè)

今天的互聯(lián)網(wǎng)是一個高度競爭的地方,由于如此多的個人和企業(yè)在數(shù)字營銷和搜索引擎優(yōu)化上花費(fèi)金錢和時間,大家都在試圖超越競爭對手,希望能夠登上谷歌排行榜的榜首,讓用戶訪問任何一個給定的網(wǎng)站都比以往任何時候都要困難。
鑒于收購新訪客的困難,你可能會認(rèn)為所有的站長世界將盡他們所提供的用戶體驗(yàn),最終保留每個來之不易的客戶,但是我們都知道有很多不愉快的,討厭的壞習(xí)慣似乎突然出現(xiàn)一次又一次。
讓我們來看看一些最常見的讓用戶沮喪地離開的違規(guī)者……
1、網(wǎng)站太慢了
在一個幾乎人人都有一部超級智能手機(jī)的世界里,互聯(lián)網(wǎng)已成為即時滿足的代名詞。用戶可能會悠閑地思考一些那些記不大清的瑣事可以通過谷歌有答案了幾秒,如果他們想聯(lián)系一個朋友在數(shù)千英里之外的另一個國家,他們可以盡快這樣做基本上Facebook或Whatsapp消息類型。
我們都被超連接世界的速度和響應(yīng)速度寵壞了,所以當(dāng)我們點(diǎn)擊一個搜索結(jié)果并在一個空白加載頁面上停留三秒鐘或更長時間時,它看起來就像一個永恒。如果最初的點(diǎn)擊僅僅是出于無聊的好奇心,用戶很可能會想,“呃,沒關(guān)系”,然后去別的地方試試。
英國廣播公司(BBC)在2018年報道稱,他們發(fā)現(xiàn),每多花一秒鐘加載頁面,就會消耗掉大約10%的用戶,這在互聯(lián)網(wǎng)上是巨大的(按照這個標(biāo)準(zhǔn),10秒的時間意味著你的流量幾乎沒有了)。
谷歌還表示,根據(jù)他們的研究,超過一半(53%)的手機(jī)用戶將放棄一個加載時間超過3秒的網(wǎng)站。六秒鐘后,幾乎可以肯定他們會把目光投向別處。當(dāng)然,大多數(shù)網(wǎng)站的功能需求并不是很復(fù)雜,一般的電子商務(wù)商店或博客網(wǎng)站真的沒有借口時間超過幾秒鐘,負(fù)載。
2、太多的彈出雜亂
我們都有過這樣的經(jīng)歷:點(diǎn)擊谷歌搜索結(jié)果中的一個鏈接,然后被帶到一個頁面,這個頁面似乎在竭盡全力阻止我們閱讀內(nèi)容。在兩秒鐘內(nèi),一個巨大的填滿屏幕的彈出窗口將會出現(xiàn),與此同時——?dú)W盟所有互聯(lián)網(wǎng)用戶都很熟悉的東西——一個GDPR/cookie彈出窗口,你可以同時點(diǎn)擊兩個東西。
結(jié)合瀏覽器警告,“你這個網(wǎng)站想把通知”,被狂轟濫炸的整體效果是一個無關(guān)緊要的廢話,完全埋葬你試圖達(dá)到的實(shí)際內(nèi)容,內(nèi)容你現(xiàn)在將挖掘自己手動消除每一個彈出窗口。
使用彈出窗口仍然是一個有爭議的話題;一些設(shè)計(jì)師和廣告客戶表示,由于使用了這些產(chǎn)品,轉(zhuǎn)化率有了顯著提高,而另一些人則對這些產(chǎn)品潛在的用戶憤怒感到不快(2013年的一項(xiàng)研究發(fā)現(xiàn),令人吃驚的是,70%的人認(rèn)為它們令人討厭)。但是你覺得他們,至少我們可以同意,彈出窗口經(jīng)常做得不好。它們可能有自己的用途,但同時發(fā)布太多內(nèi)容,且不尊重用戶希望看到與其興趣相關(guān)的內(nèi)容的愿望,更有可能導(dǎo)致反彈。
至于GDPR和餅干通知,而這些都是法律要求所有從歐盟網(wǎng)站向用戶提供的數(shù)據(jù)有一定的方法的人比其他人更具有破壞性,網(wǎng)頁設(shè)計(jì)師來自歐盟以外有時會忘記,這些信息可以添加一層為顯著比例的觀眾視覺上的混亂。
3、Mobile-Unfriendliness
在2019年,這是值得注意的,但許多網(wǎng)頁設(shè)計(jì)師似乎仍然把手機(jī)版的網(wǎng)站當(dāng)作是事后的想法。在手機(jī)網(wǎng)站上,內(nèi)容排列不齊、重疊、格式怪異,或者受到設(shè)計(jì)師的其他監(jiān)督,這些都可以向訪問者表明,你的公司沒有花時間去看一些小細(xì)節(jié)。
值得記住的是,為手機(jī)用戶提供服務(wù)并不是“利基市場”,而是現(xiàn)在這項(xiàng)工作最重要的部分。斯塔提斯塔(Statista)報告稱,2018年所有互聯(lián)網(wǎng)流量中,52、2%發(fā)生在手機(jī)上(高于前一年的50、3%),這證明桌面瀏覽實(shí)際上是目前使用較少的網(wǎng)絡(luò)探索方式。
再加上谷歌在2018年3月對算法進(jìn)行了修改,將移動優(yōu)先索引放在首位,現(xiàn)在完全沒有理由忽視網(wǎng)站的移動體驗(yàn)。一個低質(zhì)量的手機(jī)網(wǎng)站會對你的搜索引擎優(yōu)化性能和用戶體驗(yàn)產(chǎn)生負(fù)面影響,所以正確使用它是很重要的。
4、太多的動畫
我們明白了:動畫看起來很棒。沒有人會說,“我是一個專業(yè)設(shè)計(jì)的網(wǎng)站!”就像一些平滑的過渡、轉(zhuǎn)換和外觀,以及良好的動畫部署可以為靜態(tài)和枯燥的布局注入活力。
然而,動畫是一個香料,要謹(jǐn)慎使用,它可能會分心,如果做過頭。理想情況下,它應(yīng)該支持并將注意力吸引到關(guān)鍵內(nèi)容和call-to-action按鈕上,而不是讓彈出的東西淹沒用戶,讓他們暈頭轉(zhuǎn)向,以至于無法閱讀實(shí)際文本。動畫入門屏幕也大的注意力焦點(diǎn)當(dāng)用戶第一次來到你的網(wǎng)站,但不要讓他們通過相同的動畫每次他們想坐回到主頁。一般來說,網(wǎng)站的功能元素不應(yīng)該由他們的美學(xué)表現(xiàn);因?yàn)閯赢嫸笥脩舻却粋€元素出現(xiàn)或變成交互式的,這不是一個很好的策略,這可能會導(dǎo)致用戶討厭動畫,因?yàn)樗恋K了他們的工作。
例如,返回的用戶可能一到達(dá)就知道他們打算單擊“About Us”按鈕,但是讓他們等待,而導(dǎo)航欄緩慢地淡入動畫,在他們單擊按鈕之前顯示該按鈕,這可能會引起麻煩。
需要注意的是,有些動畫可能會導(dǎo)致易訪問性問題;使用大量的移動部件或閃爍的內(nèi)容可能會給一些用戶(比如那些可能患有注意力缺陷障礙的用戶)帶來問題,使他們很難集中注意力在內(nèi)容上。
5、播放媒體
如果不提到自動播放媒體,任何關(guān)于惱人的網(wǎng)頁設(shè)計(jì)失態(tài)的討論都是不完整的。自互聯(lián)網(wǎng)出現(xiàn)之初,它就一直是網(wǎng)絡(luò)用戶的禍根,但與狀態(tài)欄和CGI舞蹈嬰兒的gif動畫不同,它至今仍未消失。
有很多方法可以很有品位地做到這一點(diǎn),但是它經(jīng)常被誤用,所以它當(dāng)然應(yīng)該在我們的列表中占有一席之地。上世紀(jì)90年代和本世紀(jì)初,自動播放MIDI音樂和帶有音頻的Flash網(wǎng)站是一大災(zāi)難,而當(dāng)今世界的瘟疫是自動播放視頻。許多網(wǎng)站今天將視頻玩旁邊的正文文章或博客——通常這是完全無關(guān)的內(nèi)容頁面,如果你關(guān)閉它在導(dǎo)航到另一個頁面之前,它很快就重新出現(xiàn)。當(dāng)然,這很容易讓人分心,而且常常讓人覺得相當(dāng)冒昧(就好像網(wǎng)站在說,“嘿,我知道你點(diǎn)擊閱讀了一篇關(guān)于數(shù)字設(shè)計(jì)趨勢的文章,但你難道不想看看我們炫目的慈善晚會的這個視頻嗎?”)
更糟糕的是,許多網(wǎng)站在這些視頻開始前都會自動投放廣告,考慮到這些視頻本身通常都是某種形式的廣告,這就相當(dāng)于讓訪問者坐著看完一個廣告再看一個廣告。
至少有一點(diǎn)值得慶幸的是,像Chrome這樣的現(xiàn)代瀏覽器一直在朝著只允許對無聲或靜音視頻進(jìn)行自動播放的方向發(fā)展,這大大減少了主動播放音頻給用戶帶來的極其惱人的用戶體驗(yàn)的頻率。
最后,本文討論的所有問題都是糟糕的用戶體驗(yàn)設(shè)計(jì)。網(wǎng)站的每個元素都必須根據(jù)其對頁面功能的影響進(jìn)行評估:它是否有助于或阻礙用戶找到他們想要的東西?它是增強(qiáng)還是削弱了頁面的實(shí)際內(nèi)容?它縮短或延長用戶必須經(jīng)過的過程為了完成一個事務(wù)?
吸引用戶訪問你的網(wǎng)站通常不是件容易的事,對那些真正到達(dá)你網(wǎng)站的人進(jìn)行獎勵是有意義的,因?yàn)樗麄兡軌蝾A(yù)見到他們的需求,并以他們應(yīng)得的尊重來對待他們的時間和注意力。這樣,受到良好對待的用戶可以成為忠實(shí)的回頭客,而一個網(wǎng)站永遠(yuǎn)不會有太多這樣的回頭客。
今天的互聯(lián)網(wǎng)是一個高度競爭的地方,由于如此多的個人和企業(yè)在數(shù)字營銷和搜索引擎優(yōu)化上花費(fèi)金錢和時間,大家都在試圖超越競爭對手,希望能夠登上谷歌排行榜的榜首,讓用戶訪問任何一個給定的網(wǎng)站都比以往任何時候都要困難。
鑒于收購新訪客的困難,你可能會認(rèn)為所有的站長世界將盡他們所提供的用戶體驗(yàn),最終保留每個來之不易的客戶,但是我們都知道有很多不愉快的,討厭的壞習(xí)慣似乎突然出現(xiàn)一次又一次。
讓我們來看看一些最常見的讓用戶沮喪地離開的違規(guī)者……
1、網(wǎng)站太慢了
在一個幾乎人人都有一部超級智能手機(jī)的世界里,互聯(lián)網(wǎng)已成為即時滿足的代名詞。用戶可能會悠閑地思考一些那些記不大清的瑣事可以通過谷歌有答案了幾秒,如果他們想聯(lián)系一個朋友在數(shù)千英里之外的另一個國家,他們可以盡快這樣做基本上Facebook或Whatsapp消息類型。
我們都被超連接世界的速度和響應(yīng)速度寵壞了,所以當(dāng)我們點(diǎn)擊一個搜索結(jié)果并在一個空白加載頁面上停留三秒鐘或更長時間時,它看起來就像一個永恒。如果最初的點(diǎn)擊僅僅是出于無聊的好奇心,用戶很可能會想,“呃,沒關(guān)系”,然后去別的地方試試。
英國廣播公司(BBC)在2018年報道稱,他們發(fā)現(xiàn),每多花一秒鐘加載頁面,就會消耗掉大約10%的用戶,這在互聯(lián)網(wǎng)上是巨大的(按照這個標(biāo)準(zhǔn),10秒的時間意味著你的流量幾乎沒有了)。
谷歌還表示,根據(jù)他們的研究,超過一半(53%)的手機(jī)用戶將放棄一個加載時間超過3秒的網(wǎng)站。六秒鐘后,幾乎可以肯定他們會把目光投向別處。當(dāng)然,大多數(shù)網(wǎng)站的功能需求并不是很復(fù)雜,一般的電子商務(wù)商店或博客網(wǎng)站真的沒有借口時間超過幾秒鐘,負(fù)載。
2、太多的彈出雜亂
我們都有過這樣的經(jīng)歷:點(diǎn)擊谷歌搜索結(jié)果中的一個鏈接,然后被帶到一個頁面,這個頁面似乎在竭盡全力阻止我們閱讀內(nèi)容。在兩秒鐘內(nèi),一個巨大的填滿屏幕的彈出窗口將會出現(xiàn),與此同時——?dú)W盟所有互聯(lián)網(wǎng)用戶都很熟悉的東西——一個GDPR/cookie彈出窗口,你可以同時點(diǎn)擊兩個東西。
結(jié)合瀏覽器警告,“你這個網(wǎng)站想把通知”,被狂轟濫炸的整體效果是一個無關(guān)緊要的廢話,完全埋葬你試圖達(dá)到的實(shí)際內(nèi)容,內(nèi)容你現(xiàn)在將挖掘自己手動消除每一個彈出窗口。
使用彈出窗口仍然是一個有爭議的話題;一些設(shè)計(jì)師和廣告客戶表示,由于使用了這些產(chǎn)品,轉(zhuǎn)化率有了顯著提高,而另一些人則對這些產(chǎn)品潛在的用戶憤怒感到不快(2013年的一項(xiàng)研究發(fā)現(xiàn),令人吃驚的是,70%的人認(rèn)為它們令人討厭)。但是你覺得他們,至少我們可以同意,彈出窗口經(jīng)常做得不好。它們可能有自己的用途,但同時發(fā)布太多內(nèi)容,且不尊重用戶希望看到與其興趣相關(guān)的內(nèi)容的愿望,更有可能導(dǎo)致反彈。
至于GDPR和餅干通知,而這些都是法律要求所有從歐盟網(wǎng)站向用戶提供的數(shù)據(jù)有一定的方法的人比其他人更具有破壞性,網(wǎng)頁設(shè)計(jì)師來自歐盟以外有時會忘記,這些信息可以添加一層為顯著比例的觀眾視覺上的混亂。
3、Mobile-Unfriendliness
在2019年,這是值得注意的,但許多網(wǎng)頁設(shè)計(jì)師似乎仍然把手機(jī)版的網(wǎng)站當(dāng)作是事后的想法。在手機(jī)網(wǎng)站上,內(nèi)容排列不齊、重疊、格式怪異,或者受到設(shè)計(jì)師的其他監(jiān)督,這些都可以向訪問者表明,你的公司沒有花時間去看一些小細(xì)節(jié)。
值得記住的是,為手機(jī)用戶提供服務(wù)并不是“利基市場”,而是現(xiàn)在這項(xiàng)工作最重要的部分。斯塔提斯塔(Statista)報告稱,2018年所有互聯(lián)網(wǎng)流量中,52、2%發(fā)生在手機(jī)上(高于前一年的50、3%),這證明桌面瀏覽實(shí)際上是目前使用較少的網(wǎng)絡(luò)探索方式。
再加上谷歌在2018年3月對算法進(jìn)行了修改,將移動優(yōu)先索引放在首位,現(xiàn)在完全沒有理由忽視網(wǎng)站的移動體驗(yàn)。一個低質(zhì)量的手機(jī)網(wǎng)站會對你的搜索引擎優(yōu)化性能和用戶體驗(yàn)產(chǎn)生負(fù)面影響,所以正確使用它是很重要的。
4、太多的動畫
我們明白了:動畫看起來很棒。沒有人會說,“我是一個專業(yè)設(shè)計(jì)的網(wǎng)站!”就像一些平滑的過渡、轉(zhuǎn)換和外觀,以及良好的動畫部署可以為靜態(tài)和枯燥的布局注入活力。
然而,動畫是一個香料,要謹(jǐn)慎使用,它可能會分心,如果做過頭。理想情況下,它應(yīng)該支持并將注意力吸引到關(guān)鍵內(nèi)容和call-to-action按鈕上,而不是讓彈出的東西淹沒用戶,讓他們暈頭轉(zhuǎn)向,以至于無法閱讀實(shí)際文本。動畫入門屏幕也大的注意力焦點(diǎn)當(dāng)用戶第一次來到你的網(wǎng)站,但不要讓他們通過相同的動畫每次他們想坐回到主頁。一般來說,網(wǎng)站的功能元素不應(yīng)該由他們的美學(xué)表現(xiàn);因?yàn)閯赢嫸笥脩舻却粋€元素出現(xiàn)或變成交互式的,這不是一個很好的策略,這可能會導(dǎo)致用戶討厭動畫,因?yàn)樗恋K了他們的工作。
例如,返回的用戶可能一到達(dá)就知道他們打算單擊“About Us”按鈕,但是讓他們等待,而導(dǎo)航欄緩慢地淡入動畫,在他們單擊按鈕之前顯示該按鈕,這可能會引起麻煩。
需要注意的是,有些動畫可能會導(dǎo)致易訪問性問題;使用大量的移動部件或閃爍的內(nèi)容可能會給一些用戶(比如那些可能患有注意力缺陷障礙的用戶)帶來問題,使他們很難集中注意力在內(nèi)容上
5、播放媒體
如果不提到自動播放媒體,任何關(guān)于惱人的網(wǎng)頁設(shè)計(jì)失態(tài)的討論都是不完整的。自互聯(lián)網(wǎng)出現(xiàn)之初,它就一直是網(wǎng)絡(luò)用戶的禍根,但與狀態(tài)欄和CGI舞蹈嬰兒的gif動畫不同,它至今仍未消失。
有很多方法可以很有品位地做到這一點(diǎn),但是它經(jīng)常被誤用,所以它當(dāng)然應(yīng)該在我們的列表中占有一席之地。上世紀(jì)90年代和本世紀(jì)初,自動播放MIDI音樂和帶有音頻的Flash網(wǎng)站是一大災(zāi)難,而當(dāng)今世界的瘟疫是自動播放視頻。許多網(wǎng)站今天將視頻玩旁邊的正文文章或博客——通常這是完全無關(guān)的內(nèi)容頁面,如果你關(guān)閉它在導(dǎo)航到另一個頁面之前,它很快就重新出現(xiàn)。當(dāng)然,這很容易讓人分心,而且常常讓人覺得相當(dāng)冒昧(就好像網(wǎng)站在說,“嘿,我知道你點(diǎn)擊閱讀了一篇關(guān)于數(shù)字設(shè)計(jì)趨勢的文章,但你難道不想看看我們炫目的慈善晚會的這個視頻嗎?”)
更糟糕的是,許多網(wǎng)站在這些視頻開始前都會自動投放廣告,考慮到這些視頻本身通常都是某種形式的廣告,這就相當(dāng)于讓訪問者坐著看完一個廣告再看一個廣告。
至少有一點(diǎn)值得慶幸的是,像Chrome這樣的現(xiàn)代瀏覽器一直在朝著只允許對無聲或靜音視頻進(jìn)行自動播放的方向發(fā)展,這大大減少了主動播放音頻給用戶帶來的極其惱人的用戶體驗(yàn)的頻率。
最后,本文討論的所有問題都是糟糕的用戶體驗(yàn)設(shè)計(jì)。網(wǎng)站的每個元素都必須根據(jù)其對頁面功能的影響進(jìn)行評估:它是否有助于或阻礙用戶找到他們想要的東西?它是增強(qiáng)還是削弱了頁面的實(shí)際內(nèi)容?它縮短或延長用戶必須經(jīng)過的過程為了完成一個事務(wù)?
吸引用戶訪問你的網(wǎng)站通常不是件容易的事,對那些真正到達(dá)你網(wǎng)站的人進(jìn)行獎勵是有意義的,因?yàn)樗麄兡軌蝾A(yù)見到他們的需求,并以他們應(yīng)得的尊重來對待他們的時間和注意力。這樣,受到良好對待的用戶可以成為忠實(shí)的回頭客,而一個網(wǎng)站永遠(yuǎn)不會有太多這樣的回頭客。

文章題目:網(wǎng)頁設(shè)計(jì)中需要避免不友好的這幾點(diǎn)
當(dāng)前URL:http://www.bm7419.com/news/77414.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站建設(shè)、全網(wǎng)營銷推廣商城網(wǎng)站、關(guān)鍵詞優(yōu)化、移動網(wǎng)站建設(shè)企業(yè)網(wǎng)站制作

廣告

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

小程序開發(fā)