當(dāng)涉及UI設(shè)計(jì)時(shí),大多數(shù)設(shè)計(jì)人員都接受大多數(shù)用戶界面元素。但是,改進(jìn)這些簡(jiǎn)單的元素可能會(huì)導(dǎo)致您網(wǎng)站的網(wǎng)頁(yè)可用性差異很大。一個(gè)關(guān)鍵的事情要記住,用戶通過(guò)掃描使用網(wǎng)站,并經(jīng)常錯(cuò)過(guò)您可能認(rèn)為是明顯的網(wǎng)站元素。這里有一些重慶網(wǎng)頁(yè)設(shè)計(jì)公司及重慶網(wǎng)站建設(shè)公司認(rèn)為常見(jiàn)的用戶界面,您可以改進(jìn),以確保您的用戶第一次正確。
1.可折疊和可展開(kāi)的內(nèi)容
可折疊和可展開(kāi)的內(nèi)容對(duì)許多網(wǎng)站非常有用,特別是對(duì)于移動(dòng)網(wǎng)站而言。他們非常適合提供內(nèi)容,不會(huì)影響主要內(nèi)容或網(wǎng)站的視覺(jué)呈現(xiàn)。許多網(wǎng)站使用可折疊/可擴(kuò)展內(nèi)容,但從未明確指出用戶可以與之進(jìn)行交互。通過(guò)清楚地標(biāo)記按鈕來(lái)展開(kāi)/折疊,您可以確保您的用戶了解可以完成。另一個(gè)想法是使其變成與大膽箭頭不同的顏色,以使之清晰。
2.可區(qū)分的可點(diǎn)擊文字鏈接
這可能是您可以想到的最基本的事情,但總是有網(wǎng)站出現(xiàn)問(wèn)題。顯然,這些網(wǎng)站使鏈接與其常規(guī)字體不同。然而,鏈接的顏色通??赡苁氢g的(如黑色的栗色),并且使它看起來(lái)像是正常的文本不同的顏色。您希望可點(diǎn)擊的文字鏈接的顏色可以清晰地區(qū)分開(kāi)來(lái),但不會(huì)讓眼睛遠(yuǎn)離主要內(nèi)容的方式對(duì)眼睛(思考天藍(lán)色)不太引人注目。
3.購(gòu)物車無(wú)障礙
有許多電子商務(wù)商店錯(cuò)誤地鏈接到購(gòu)物車難以訪問(wèn)?;蛘咚鼈冎怀霈F(xiàn)在主頁(yè)面上,或者指向購(gòu)物車的鏈接位于右上方,具有非常小的文本和不可區(qū)分的字體顏色。不要讓潛在客戶頭疼,確保每個(gè)頁(yè)面都可以訪問(wèn)購(gòu)物車,并確保它已被清楚地標(biāo)記,以便用戶可以輕松找到它進(jìn)行任何必要的更改。
4.可縮放圖像和可旋轉(zhuǎn)模型
您在電子商務(wù)商店中看到的常見(jiàn)功能是放大/縮小圖片甚至旋轉(zhuǎn)實(shí)體產(chǎn)品的模型。問(wèn)題在于,一些電子商店忘記提到用戶可以操縱圖片/對(duì)象,或者別提它們?nèi)绾稳ゲ倏v它。所需要的是在圖片/對(duì)象下方或上方的標(biāo)簽,以便用戶使用它,以及一個(gè)有用的鼠標(biāo)懸??颍甘救绾问褂盟?。
5.更快的可拆卸選項(xiàng)
許多網(wǎng)站現(xiàn)在將社交共享按鈕嵌入其內(nèi)容。這些按鈕的問(wèn)題是它們占用了大量的空間,或者需要你去另一個(gè)頁(yè)面來(lái)共享內(nèi)容。讓用戶更輕松地與此元素交互的簡(jiǎn)單方法是提供一個(gè)下拉菜單或可擴(kuò)展菜單,提供所有不同社交網(wǎng)絡(luò)和共享站點(diǎn)的鏈接。這樣可以消除雜亂無(wú)章的需要,并打開(kāi)另一頁(yè)面。
有更多的用戶界面元素可以通過(guò)幾個(gè)簡(jiǎn)單的調(diào)整來(lái)改進(jìn)。瀏覽您的網(wǎng)站,查看用戶可以互動(dòng)的所有元素。你認(rèn)為你可以提出幾種改進(jìn)方法嗎?