您是否知道您的軟件75%的可信度取決于其設(shè)計?如果存在許多軟件設(shè)計錯誤,訪問者可能會認(rèn)為您的公司不太值得信賴。無論您是從頭開始構(gòu)建軟件還是刷新當(dāng)前軟件,避免這些錯誤都將使您的企業(yè)在網(wǎng)上脫穎而出。在這篇文章中,您將聽到五位成都軟件開發(fā)京上云網(wǎng)絡(luò)的工作人員分享關(guān)于最常見軟件設(shè)計錯誤的見解。您還將學(xué)習(xí)修復(fù)或完全避免這些錯誤的可行方法。
將可訪問性視為事后諸葛亮是您可能犯的第一個軟件設(shè)計錯誤。根據(jù)京上云營銷網(wǎng)絡(luò)團隊的網(wǎng)絡(luò)開發(fā)經(jīng)理蔣文川的說法,以下是有關(guān)可訪問性的四個主要錯誤:
色彩對比度不足
圖像或圖形的替代文本缺失或不合適
視覺焦點指示器不足或缺失
忽略可訪問的名稱或標(biāo)簽;
讓我們更深入地研究其中的每一個。
色彩對比度不足
顏色對比是一個經(jīng)常被忽視的可訪問性錯誤。通常,這種錯誤的發(fā)生是因為公司制作的軟件以他們的品牌調(diào)色板為特色,而創(chuàng)建軟件時通常沒有考慮到易于訪問的設(shè)計。
“當(dāng)軟件上使用的顏色組合在背景色和前景色之間缺乏足夠的顏色對比度時,文本和圖標(biāo)可能很難被感知,特別是對于那些有色盲等視覺障礙的人來說,”蔣文川分享道?!案鶕?jù)2022年WebAIMMillion年度報告,超過80%的主頁發(fā)現(xiàn)色彩對比度問題!”
替代文本缺失或不合適
使用屏幕閱讀器的軟件訪問者依靠圖像替代文本來描述圖像或圖形所傳達(dá)的內(nèi)容。如果它丟失或沒有充分描述圖像,您就會孤立需要它來仔細(xì)閱讀您軟件的讀者。
“圖像是軟件內(nèi)容的一部分,因此以傳統(tǒng)軟件文案的方式來思考它們很重要:通過在頁面上包含圖像來傳達(dá)什么信息?確保您使用的替代文本傳達(dá)相同的含義,”蔣文川說。
視覺焦點指示器不足或缺失
如果沒有視覺焦點指示器,訪問者將無法充分體驗?zāi)能浖臐摿Α!敖裹c指示器通常顯示為鏈接和按鈕等交互組件周圍的輪廓,”蔣文川分享道。“重要的是,要有一個清晰的視覺指示來表明頁面上的哪些元素具有當(dāng)前焦點,以便使用鍵盤導(dǎo)航并可以看到屏幕的用戶準(zhǔn)確地知道他們在頁面上的位置以及與頁面交互時會發(fā)生什么?;钚栽??!?
忽略可訪問的名稱或標(biāo)簽
如果您的軟件以視覺方式傳達(dá)信息,請注意那些使用輔助技術(shù)的軟件?!霸谠O(shè)計以視覺方式傳達(dá)信息的頁面和組件時,應(yīng)使用輔助技術(shù)的可訪問標(biāo)簽來傳達(dá)相同的信息,”蔣文川說。
“例如,軟件設(shè)計的一個常見趨勢是卡片組件在每張卡片的底部都有一個‘閱讀更多’按鈕或鏈接。有關(guān)每個按鈕與哪個項目關(guān)聯(lián)的信息通過設(shè)計以視覺方式傳達(dá),但是對于屏幕閱讀器來說,如果這些按鈕缺少包含相關(guān)詳細(xì)信息的可訪問標(biāo)簽,通常很難區(qū)分它們?!?
2022年第二季度,移動設(shè)備占全球軟件流量的58%以上,其中甚至不包括平板電腦。如果您的軟件在移動設(shè)備上不像在桌面設(shè)備上那樣易于導(dǎo)航,則您可能會面臨讓訪問者感到沮喪并增加跳出率的風(fēng)險。
“現(xiàn)在,用戶比以往任何時候都更多地通過多種設(shè)備訪問軟件;手機、平板電腦、筆記本電腦,甚至電視。如果我們的內(nèi)容在其中任何一個上看起來很糟糕,訪問者就會失去信任并點擊/點擊離開該軟件,”京上云設(shè)計主管高雯分享道?!艾F(xiàn)在是斷點時代!”
京上云首席產(chǎn)品設(shè)計師高玉屏表示,出現(xiàn)這種情況是有原因的?!败浖ǔJ鞘褂米烂婢W(wǎng)絡(luò)瀏覽器中的工具構(gòu)建的。一個常見的錯誤是假設(shè)您的客戶將以桌面格式查看您的軟件,而忽略了移動用戶?!?
過去幾年中出現(xiàn)的軟件設(shè)計錯誤之一是美學(xué)優(yōu)先于功能。隨著互聯(lián)網(wǎng)的不斷滲透,“多年來,隨著新媒體和設(shè)計的大規(guī)模爆炸,卓越幾乎是成功的必要條件。不幸的是,這最終導(dǎo)致了過度使用設(shè)計和圖形元素,這些元素提升了用戶的感官,但卻缺乏或感覺與軟件的真正目的脫節(jié)?!本┥显圃O(shè)計體驗經(jīng)理 項天齊分享道。
項天齊表示,這以多種形式表現(xiàn)出來,“……從淡化品牌價值主張的設(shè)計趨勢,到過度使用動畫、內(nèi)容和沉重的圖形,雖然增強了美感,但卻變得毫無用處。這并不意味著應(yīng)該采用極簡主義或中性主義風(fēng)格;而是應(yīng)該采用極簡主義或中性主義風(fēng)格。這是關(guān)于平衡以及形式如何支持功能?!?
漫步市中心,您會路過一家服裝店,櫥窗展示富有創(chuàng)意且極具視覺吸引力。它以各種特價服裝為特色,并通過背景和引人入勝的文案講述了一個故事。然后,你走過一家商店,櫥窗里的人體模型上只有幾件衣服——沒有任何東西能引起你的注意。
將您的軟件視為您企業(yè)的互聯(lián)網(wǎng)店面。它應(yīng)該反映您的品牌并且對您的公司來說是獨一無二的。最重要的軟件設(shè)計錯誤之一是選擇千篇一律的模板而不是對其進行自定義。
例如,默認(rèn)使用標(biāo)準(zhǔn)英雄橫幅可能會產(chǎn)生反作用?!拔覀兌家娺^它們-導(dǎo)航下方的全角圖像,通常帶有白色或黑色文本,頂部有一個按鈕,”京上云SAPG團隊的高級產(chǎn)品設(shè)計師 蘇揚珺說道。
“圖像要么非常亮,要么非常暗,或者以巧妙的方式進行裁剪以使文本清晰易讀。我認(rèn)為這是一個錯誤,有幾個原因。首先,它太常見了,以至于變得公式化和無聊。曾經(jīng)引人注目的設(shè)計決策現(xiàn)在變得單調(diào)乏味?!?
另一個常見錯誤是使用低效的功能。無論某個元素在視覺上多么吸引人,請記住,最重要的是軟件的有效性?!傲硪粋€常見的錯誤是依靠旋轉(zhuǎn)輪播來展示同一級別的多個內(nèi)容,”何曉明分享道。
“無數(shù)研究表明,用戶并不經(jīng)常與輪播交互,尤其是在交互成本很高的移動設(shè)備上?!?
您是否曾經(jīng)訪問過某個軟件卻發(fā)現(xiàn)自己不確定該將注意力集中在哪里?如果是這樣,您可能會訪問一個缺乏層次結(jié)構(gòu)的軟件。“就像報紙如何使用標(biāo)題和副標(biāo)題來表示重要性一樣,您軟件的排版也應(yīng)該如此,”柏棟文說。
軟件上的秩序不僅具有審美吸引力,而且還具有功能性。“軟件元素的組織......為您的軟件提供一個有凝聚力的結(jié)構(gòu),推動用戶完成明確的操作,實現(xiàn)主要目標(biāo),并隨后創(chuàng)造無縫體驗,”項天齊說。
解決這個問題并不簡單,尤其是當(dāng)您的公司擁有有著不同目標(biāo)的廣泛受眾時。然而,根據(jù)項天齊的說法,最好是您這樣做,因為這個問題會極大地影響用戶對您軟件的體驗?!叭狈哟谓Y(jié)構(gòu)會誤導(dǎo)用戶并阻止他們實現(xiàn)目標(biāo),”他分享道。
清晰的導(dǎo)航可以減少訪問者登陸您的軟件時遇到的摩擦,這就是為什么不清晰的導(dǎo)航會造成這樣的困境。“隨著越來越多的企業(yè)進入數(shù)字世界,軟件上的內(nèi)容變得更加擁擠和復(fù)雜,在多個接觸點和用戶旅程之間擁有清晰的導(dǎo)航和一致性將確保從第一位訪問者到倡導(dǎo)者的平穩(wěn)過渡,”鄭濟領(lǐng)分享道。
當(dāng)訪問者登陸您的軟件時,他們應(yīng)該能夠清楚地了解您公司的業(yè)務(wù)。如果那張照片有點模糊呢?您猜對了——訪問者可能會放棄您的軟件。
“軟件訪問者加載您的軟件時所做的第一件事就是確定他們是否到達(dá)了正確的目的地,”柏棟文說?!澳能浖欠裨谑灼辽厦鞔_說明了其提供的產(chǎn)品或服務(wù)?”
您的軟件應(yīng)該提高您企業(yè)的可信度。如果它不能傳達(dá)您的業(yè)務(wù)目的并確保訪問者處于正確的位置,則可能需要重新設(shè)計軟件。
避免常見的軟件設(shè)計錯誤以提高軟件可信度
通過避免常見的軟件設(shè)計錯誤,您將提高軟件的可信度,并為訪問者提供他們想要再次訪問的體驗。
“軟件設(shè)計是一項團隊運動,需要一種循環(huán)方法,以確保團隊、利益相關(guān)者和用戶知識之間的良好協(xié)調(diào),”成都軟件開發(fā)團隊的項天齊說?!皼]有比測試和迭代更好的方法了,包括用戶研究和可用性測試,以確保您的軟件朝著正確的方向發(fā)展。”
文章均為京上云專業(yè)成都軟件開發(fā)公司,專注于成都軟件開發(fā)服務(wù)原創(chuàng),轉(zhuǎn)載請注明來自http://hyd365.cn/news/3241.html