對(duì)于網(wǎng)站的所有元素，顏色之間應(yīng)該有很多容易辨別的對(duì)比

2010-02-15 商城開(kāi)發(fā)專(zhuān)題

沒(méi)有人喜歡重做某事，尤其是在收到糟糕的指示后。如果您使用戶可以輕松地在第一時(shí)間為您提供正確的信息，那么您的參與度就會(huì)更高。

我不確定它是如何流行的，但是我已經(jīng)在網(wǎng)絡(luò)上的許多站點(diǎn)上看到了很多。如此大的標(biāo)題和所有這些導(dǎo)航元素的問(wèn)題是，當(dāng)您向下滾動(dòng)頁(yè)面時(shí)，它會(huì)阻塞很多內(nèi)容。當(dāng)您需要訪問(wèn)某些部分時(shí)，或者當(dāng)內(nèi)容原本可以填充瀏覽器的高度，但是其中一部分被導(dǎo)航隱藏時(shí)，這尤其令人沮喪。

特別是在手機(jī)上

更糟糕的是，有時(shí)，當(dāng)網(wǎng)站縮小到移動(dòng)大小時(shí)，大型標(biāo)題仍然保留在原位。這是一個(gè)糟糕的體驗(yàn)，因?yàn)橹悄苁謾C(jī)屏幕上的空間已經(jīng)受到限制。導(dǎo)航菜單不需要它，否則可以將其隱藏。如果有某些導(dǎo)航元素需要保持可見(jiàn)狀態(tài)，請(qǐng)將其轉(zhuǎn)換為小圖標(biāo)，或?qū)⑵浞胖迷诓坏K事的地方。

我的眼睛很好，但我不喜歡嘗試在黑色背景上視覺(jué)辨認(rèn)木炭文字或圖標(biāo)。沒(méi)有人應(yīng)該經(jīng)歷那件事。對(duì)比度是關(guān)鍵，尤其是在網(wǎng)頁(yè)設(shè)計(jì)中。

任何文本都應(yīng)易于閱讀，并具有足夠的重量以使其易于閱讀。100粗細(xì)字體在網(wǎng)絡(luò)上幾乎沒(méi)有位置（在一些特殊情況下除外）。在智能手機(jī)上使用超薄字體只會(huì)帶來(lái)麻煩。必須有足夠的視覺(jué)對(duì)比度，您的眼睛才能辨認(rèn)出字母。

對(duì)于網(wǎng)站的所有元素，顏色之間應(yīng)該有很多容易辨別的對(duì)比。任何文本與背景之間的對(duì)比度都應(yīng)很高。這也適用于任何鏈接，導(dǎo)航元素或圖標(biāo)。找到想要的東西應(yīng)該不難。

就像其他鏈接和導(dǎo)航元素一樣，號(hào)召性用語(yǔ)應(yīng)該表現(xiàn)出很高的對(duì)比度。如果您希望網(wǎng)站訪問(wèn)者采取行動(dòng)，請(qǐng)使其突出，易于閱讀以及加載和清除。太多次您會(huì)看到號(hào)召性用語(yǔ)，其按鈕與背景的區(qū)別不大。有時(shí)候，它根本不是一個(gè)按鈕，而只是一個(gè)由空白包圍的簡(jiǎn)單文本鏈接。

我在很多移動(dòng)網(wǎng)站上都看到了這一點(diǎn)，這是最令人沮喪的元素之一。如果您有要單擊的按鈕或鏈接，請(qǐng)為其提供足夠的空間，以使用戶不會(huì)意外擊中錯(cuò)誤的東西。在智能手機(jī)上，請(qǐng)確保所有按鈕或鏈接都離屏幕的邊緣或角落足夠遠(yuǎn)，以便可以輕松點(diǎn)擊它們。

很多時(shí)候，過(guò)于靠近屏幕四個(gè)角的任何一個(gè)按鈕都很難精確地點(diǎn)擊。如果手指較大，智能手機(jī)可能根本無(wú)法記錄您的操作。這導(dǎo)致用戶不得不輕擊幾次才能使該功能正常工作。這些元素的空間非常重要。

結(jié)論

通過(guò)一些額外的工作和預(yù)先考慮，可以輕松避免這些常見(jiàn)的UX問(wèn)題。如果您希望網(wǎng)站訪問(wèn)者使用并喜歡您的網(wǎng)站，那么使該過(guò)程輕松且流暢就很重要。避免讓用戶再次重復(fù)操作和過(guò)程，可以減少挫敗感，并為每個(gè)人提供精心設(shè)計(jì)的網(wǎng)站所期望的用戶杭州網(wǎng)站建設(shè)。

上一篇：超文本包含的信息將通過(guò)提供更多信息來(lái)幫助用戶體驗(yàn) 返回觀點(diǎn)列表下一篇：如何讓網(wǎng)站使訪問(wèn)者對(duì)其安全性充滿信心

本文標(biāo)簽：

本文地址： http://www.bmwdream.cn/a/1324.html

相關(guān)專(zhuān)題

電商/商城開(kāi)發(fā)
杭州派迪科技為高端客戶提供商城開(kāi)發(fā)建設(shè)咨詢策劃，商城官網(wǎng)設(shè)計(jì)，商城建設(shè)開(kāi)發(fā)服務(wù)，以國(guó)際化視野和標(biāo)準(zhǔn)為基礎(chǔ)，為各行業(yè)領(lǐng)軍品牌提供高端商城開(kāi)發(fā)定制、策劃、設(shè)計(jì)、互動(dòng)與制作
查看詳情
微信公眾號(hào)開(kāi)發(fā)
杭州派迪科技微信公眾號(hào)開(kāi)發(fā)，為全國(guó)企業(yè)提供微信公眾號(hào)商城、H5、功能系統(tǒng)開(kāi)發(fā)，如您需要找專(zhuān)業(yè)的公眾號(hào)開(kāi)發(fā)團(tuán)隊(duì)，委托第三方公司開(kāi)發(fā)公眾號(hào)菜單及網(wǎng)頁(yè)內(nèi)容請(qǐng)聯(lián)系派迪科技
查看詳情
小程序開(kāi)發(fā)
杭州派迪科技專(zhuān)業(yè)小程序開(kāi)發(fā)，為企業(yè)提供微信小程序開(kāi)發(fā),包括小程序商城、小程序應(yīng)用及其他平臺(tái),可根據(jù)客戶需求進(jìn)行定制開(kāi)發(fā),提供源代碼,可二次開(kāi)發(fā),可申請(qǐng)軟件著作權(quán),歡迎咨詢。我們以用戶為中心的程序功能豐富、直觀且性能極佳。我們以清晰的業(yè)務(wù)目標(biāo)視圖制作您的項(xiàng)目目的地，并確保它支持用戶訪問(wèn)體驗(yàn)。可在跨設(shè)備上產(chǎn)生無(wú)縫的全渠道體驗(yàn)，應(yīng)用程序具有豐富的 UI/UX、規(guī)范化的數(shù)據(jù)庫(kù)和強(qiáng)大的框架，可提供更好性能。
查看詳情
在線教育
查看詳情
APP/應(yīng)用平臺(tái)開(kāi)發(fā)
杭州派迪科技專(zhuān)業(yè)的app開(kāi)發(fā)平臺(tái),9年開(kāi)發(fā)經(jīng)驗(yàn),專(zhuān)注app開(kāi)發(fā)、app軟件開(kāi)發(fā)、手機(jī)app制作為教育行業(yè)、檢修行業(yè)、商城電商系統(tǒng)等APP提供過(guò)全程策劃及開(kāi)發(fā)
查看詳情