色盲不迷茫:股票UI設(shè)計突圍之路

2024-10-14    資深UI設(shè)計者 設(shè)計思維

 
 
一、引言
 
在股票市場中,色盲或色弱的投資者面臨著獨特的挑戰(zhàn)。傳統(tǒng)的用戶界面設(shè)計通常依賴顏色來區(qū)分不同的信息,這為這些投資者帶來了額外的困難。本文將探討色盲投資者在使用股票市場應(yīng)用時所面臨的困境,并提出基于UI設(shè)計原則的解決方案,以幫助他們更好地理解和利用市場數(shù)據(jù)。
色盲不迷茫:股票UI設(shè)計突圍之路
 
 
根據(jù)世界衛(wèi)生組織的統(tǒng)計,全球約有3億色盲患者,其中男性占據(jù)絕大多數(shù)。色盲投資者在股票市場中面臨的挑戰(zhàn)常常被忽視,但這是一個不可忽視的問題。股票市場的復(fù)雜性和動態(tài)性要求投資者能夠迅速識別和解讀各種數(shù)據(jù)和信號。然而,色盲投資者在這一過程中可能會遇到混淆和誤解。例如,在A股市場中,紅色通常表示上漲,而在港股市場中則恰好相反,綠色表示上漲。這種顏色編碼的差異使得色盲投資者難以迅速判斷市場趨勢,影響其決策的準(zhǔn)確性和效率。
在深入探討具體的設(shè)計策略之前,我們首先需要了解色盲投資者在股票市場中面臨的困境。
 
二、色盲投資者的困境
 
在股票市場這個充滿變數(shù)與挑戰(zhàn)的領(lǐng)域中,投資者依靠各種信息來做出決策。然而,對于色盲投資者而言,他們面臨著一系列獨特且棘手的困境。這些困境不僅影響著他們對市場信息的獲取和解讀,還在情感與決策層面帶來了諸多不利因素。深入了解這些困境,是為了能夠更好地尋找?guī)椭麄兛朔系K、實現(xiàn)公平投資的途徑。
 
1. 顏色依賴性
 
市場信號的顏色編碼
在股票市場中,顏色編碼是信息傳達(dá)的重要手段。許多分析工具使用紅色和綠色來表示虧損和盈利,這種直觀的視覺信號對大多數(shù)投資者十分有效。然而,色盲投資者在分析市場動態(tài)時,往往因無法準(zhǔn)確分辨這些顏色而產(chǎn)生誤解,影響他們的決策能力。例如,紅綠色盲的投資者在分析股票個股時,可能會混淆紅色和綠色的蠟燭圖,導(dǎo)致錯誤的投資判斷。
色盲不迷茫:股票UI設(shè)計突圍之路
 
 
 
信息提取的困難
在瞬息萬變的市場環(huán)境里,投資者需迅速提取關(guān)鍵信息。色盲投資者面對色彩斑斕的圖表時,可能耗費更多時間解析,這種延遲不僅影響決策時機,還使他們無法及時識別關(guān)鍵市場信號,投資風(fēng)險隨之增加。
色盲不迷茫:股票UI設(shè)計突圍之路
 
 
 
2. 數(shù)據(jù)可視化的局限性
 
現(xiàn)有技術(shù)的不足
盡管數(shù)據(jù)可視化技術(shù)在持續(xù)發(fā)展,但仍有眾多工具在設(shè)計上未能充分將色盲用戶的需求納入考量。傳統(tǒng)的圖表設(shè)計常常過度倚重顏色來傳遞信息,卻疏忽了對其他視覺輔助元素的運用,諸如紋理、形狀或圖案等。這就給色盲投資者帶來了極大的困擾。
色盲不迷茫:股票UI設(shè)計突圍之路
 
 
對于紅綠色盲投資者而言,他們難以清晰區(qū)分紅色和綠色,而在常見的成交量圖表中,若僅僅依靠這兩種顏色來表示不同的數(shù)據(jù)區(qū)間,他們在信息提取時就會倍感吃力,無法準(zhǔn)確判斷成交量的高低變化。
綠色盲投資者在面對以綠色為主色調(diào)來表示關(guān)鍵數(shù)據(jù)的圖表時,可能會產(chǎn)生誤解或難以準(zhǔn)確解讀其中的信息。
全色盲投資者更是由于只能感知明暗,在遇到這類過度依賴顏色且缺乏其他輔助元素的圖表時,幾乎無法從中獲取有效的信息,難以全面理解市場分析的要點和趨勢。
 
信息傳達(dá)的效率問題
在眾多情形下,色盲用戶所面對的數(shù)據(jù)可視化圖表在信息傳達(dá)方面存在顯著的缺陷,從而無法有效地將關(guān)鍵信息傳遞給他們,這極有可能導(dǎo)致錯誤的投資判斷。例如,輿情分析圖表在關(guān)鍵數(shù)據(jù)點上使用了相似的顏色或陰影。正常視力的用戶能夠憑借顏色的細(xì)微差別迅速識別出數(shù)據(jù)的差異和變化趨勢,但色盲用戶可能因為無法分辨這些相似的顏色或陰影,而錯過重要的信息,進(jìn)而影響他們對投資決策的準(zhǔn)確判斷。
色盲不迷茫:股票UI設(shè)計突圍之路
 
 
 
3. 情感與決策的影響
 
顏色對情感的影響
研究顯示,顏色能夠顯著影響人們的情感反應(yīng)和決策過程。色彩心理學(xué)表明,某些顏色可以引發(fā)積極或消極的情緒。色盲投資者由于無法感知這些色彩引發(fā)的情感反應(yīng),可能在投資決策中失去了一種重要的心理認(rèn)知工具。
色盲不迷茫:股票UI設(shè)計突圍之路
 
 
對于全色盲投資者而言,他們完全無法感知色彩的變化,也就無法從色彩所營造的情感氛圍中獲取任何信息。比如在市場行情高漲、一片繁榮的場景中,正常投資者能從鮮艷的色彩中感受到樂觀和積極的氛圍,從而更有信心做出投資決策。但全色盲投資者卻無法體會到這種由色彩帶來的情感刺激,可能在投資決策時表現(xiàn)得較為保守或猶豫不決。
 
決策偏差的潛在風(fēng)險
由于缺乏顏色所帶來的情感影響,色盲投資者在投資決策中很可能出現(xiàn)偏差。為了彌補色彩感知的缺失,他們可能會更加依賴其他信息來源,比如數(shù)據(jù)分析或市場新聞,而在一定程度上忽視了市場情緒的微妙變化。
紅色盲投資者在面對紅色所傳遞的重要市場信號時可能會出現(xiàn)誤判,從而導(dǎo)致決策失誤。他們可能會更多地依賴文字判斷評級來做出投資決策,而這種單一的信息來源可能無法全面反映市場的真實情況。
綠色盲投資者也面臨類似的問題,無法準(zhǔn)確捕捉綠色所代表的特定含義,只能依賴文字判斷評級,這使得他們在投資決策時可能會過于謹(jǐn)慎或激進(jìn)。
全色盲投資者由于完全無法依賴顏色信息,幾乎完全依賴于文字判斷評級,這使得他們在快速波動的市場中更容易陷入困境。因為市場情緒的變化往往是迅速而復(fù)雜的,僅僅依靠文字信息很難及時、全面地把握市場動態(tài),從而增加了投資失敗的風(fēng)險。
色盲不迷茫:股票UI設(shè)計突圍之路
 
 
了解了色盲投資者面臨的挑戰(zhàn)后,接下來我們將探討一些切實可行的解決方案和設(shè)計策略。
 
 
三、解決方案與設(shè)計策略
 
為了幫助色盲投資者克服在股票市場中面臨的挑戰(zhàn),我們可以采用多種UI設(shè)計策略。高對比度設(shè)計、利用紋理和符號、增加文字標(biāo)簽和說明以及提供定制化選項,都是提升色盲用戶體驗的有效方法。這些策略可以顯著改善色盲投資者在信息獲取和決策中的困境。
 
1. 高對比度設(shè)計
 
顏色對比
顏色是人眼最敏感的對比之一。設(shè)計師可以通過使用互補色、對比色或類似色來增強視覺效果。在按鈕、導(dǎo)航欄、卡片和產(chǎn)品列表中應(yīng)用這些顏色組合,有助于色盲用戶更好地識別和操作界面。選擇高對比度的配色方案,例如深色背景配合亮色字體,可以顯著提高可讀性。
色盲不迷茫:股票UI設(shè)計突圍之路
 
 
色盲不迷茫:股票UI設(shè)計突圍之路
 
 
此外,明亮的顏色與暗色調(diào)的結(jié)合也能幫助用戶區(qū)分信息。確保信息的可讀性是設(shè)計的關(guān)鍵,高對比度的色彩組合能夠滿足不同用戶的需求,尤其是色盲用戶。應(yīng)該避免將顏色作為唯一的信息傳遞手段。對于色盲用戶來說,單一顏色可能無法有效傳達(dá)信息,因此需要通過其他方式來增強可讀性,例如使用深淺不一的灰色或其他中性色調(diào)的紋理來區(qū)分不同的數(shù)據(jù)區(qū)域。
色盲不迷茫:股票UI設(shè)計突圍之路
 
 
 
大小對比
通過讓不同元素之間的尺寸差異顯著,可以快速有效地提升設(shè)計的對比度。這種方法不僅適用于普通用戶,也對色盲用戶有顯著幫助,因為不同的尺寸更容易被區(qū)分。顯著的尺寸差異可以引導(dǎo)用戶的注意力,幫助他們更好地理解信息的優(yōu)先級和層次感。
色盲不迷茫:股票UI設(shè)計突圍之路
 
 
 
利用排版和對齊
通過改變文本的字體大小、類型和對齊方式,可以進(jìn)一步增強頁面的層次感和可讀性。這種設(shè)計不僅有助于普通用戶,也對色盲用戶非常有益,因為清晰的排版和對齊能夠使信息更易于理解和導(dǎo)航。合理的排版能夠有效引導(dǎo)用戶的注意力,使關(guān)鍵信息更加突出。
色盲不迷茫:股票UI設(shè)計突圍之路
 
 
 
強調(diào)重點元素
通過將重要的信息或功能放置在視覺上更為突出的的位置,可以有效引導(dǎo)用戶的注意力。例如,使用更大的字體或更醒目的顏色來突出關(guān)鍵內(nèi)容,這樣即使是色盲用戶也能更容易地找到所需的信息。這種設(shè)計策略確保關(guān)鍵信息顯而易見,從而提升用戶體驗。
色盲不迷茫:股票UI設(shè)計突圍之路
 
 
 
2. 利用紋理和符號
 
使用不同紋理
在設(shè)計圖形和圖表時,可以通過不同的紋理來區(qū)分不同的數(shù)據(jù)或狀態(tài)??梢杂貌煌木€條方向、粗細(xì)和彎曲程度創(chuàng)造出多樣的紋理效果。例如,在圖表中,通過不同的填充樣式(如條紋、點狀或網(wǎng)格)來標(biāo)識不同的數(shù)據(jù)系列,使色盲用戶能夠通過觸覺或視覺感知理解信息。
色盲不迷茫:股票UI設(shè)計突圍之路
 
 
舉個例子,在個股詳情K線圖頁面,上漲用空心圖形表示,下跌用實心圖形表示,這種方法不僅幫助色盲用戶識別信息,還增加了視覺上的吸引力。
色盲不迷茫:股票UI設(shè)計突圍之路
 
 
 
使用符號
用“↑”代表上漲,用“↓”代表下跌。在股票市場數(shù)據(jù)中,箭頭符號可以直觀地顯示價格的波動情況,用戶一眼就能看出漲跌情況。這些符號不僅直觀,還能夠在各種圖表和數(shù)據(jù)可視化中應(yīng)用,幫助用戶迅速理解數(shù)據(jù)的趨勢。另外,在列表頁面,上漲數(shù)值用“+”符號表示,下跌數(shù)值用“-”符號表示,這種方式不僅在視覺上更容易區(qū)分,還增加了界面的可讀性和美觀性,可以更有效地傳遞信息。
色盲不迷茫:股票UI設(shè)計突圍之路
 
 
 
3. 增加文字標(biāo)簽和說明
 
清晰的文字描述
在股票界面的圖表和數(shù)據(jù)可視化呈現(xiàn)中,添加清晰明確的文字描述至關(guān)重要。不應(yīng)僅僅依賴顏色來傳遞關(guān)鍵信息,而是要為數(shù)據(jù)點附上具體的數(shù)值和清晰的含義闡釋。例如,在大盤柱狀圖中,若僅以顏色區(qū)分不同的成交量區(qū)間,對于色盲投資者而言是極不友好的。此時,若在每個柱狀上標(biāo)注出具體的數(shù)值,就能讓投資者,包括色盲投資者,直觀清晰地了解成交量的大小及變化。
在股票界面的圖表中添加清晰的文字標(biāo)簽,能夠為色盲投資者提供準(zhǔn)確且易于理解的信息,使其不再因顏色障礙而無法全面、精準(zhǔn)地理解數(shù)據(jù)。
色盲不迷茫:股票UI設(shè)計突圍之路
 
 
 
工具提示和輔助信息
為用戶提供工具提示(hover tooltips)是一種行之有效的設(shè)計策略,在股票界面中尤為重要。當(dāng)用戶將鼠標(biāo)懸停在股票相關(guān)的數(shù)據(jù)點上時,隨即顯示出詳細(xì)的信息,比如具體的股價數(shù)值、漲跌百分比或者相關(guān)的專業(yè)注釋。
這種設(shè)計方式不但顯著增強了用戶與界面的交互性,對于色盲用戶而言更是意義重大。由于色盲用戶在通過顏色辨別信息方面存在困難,工具提示能夠為他們提供更多關(guān)鍵信息,確保他們可以充分理解圖表所傳達(dá)的內(nèi)容。
此外,工具提示還能夠包含額外的上下文信息。在面對復(fù)雜的股票數(shù)據(jù)集時,用戶可能會感到迷茫,不知如何篩選和獲取所需信息。而這時工具提示就能發(fā)揮作用,通過提供諸如該股票所屬板塊的近期表現(xiàn)、與同行業(yè)其他股票的對比情況等信息,幫助用戶更精準(zhǔn)地找到對其投資決策有價值的內(nèi)容。

image.png


 
 
 
4. 提供定制化選項
 
用戶自定義配色方案
允許用戶根據(jù)個人視覺需求自定義配色方案,選擇適合自己的顏色組合。這種靈活性不僅提升了用戶體驗,還能增強用戶對系統(tǒng)的控制感。

image.png

 
 
主題切換功能
設(shè)計時提供多種主題選項(如高對比度模式、色盲友好模式等),用戶可以根據(jù)自己的需求選擇合適的主題,確保界面對于所有用戶都具有良好的可訪問性和易用性。

image.png

 
 
5.借助色盲眼鏡改善
色盲眼鏡是目前公認(rèn)的矯正色盲的有效途徑之一,通過特殊的顏色匹配和濾光技術(shù),可以顯著改善患者的色覺,提高其日常生活中的色彩分辨力。然而,由于個體差異較大,不同類型的色盲對眼鏡的需求也不盡相同,因此需要根據(jù)具體情況進(jìn)行個性化選擇和調(diào)整。例如,EnChroma眼鏡雖然能顯著提升色覺,但無法完全恢復(fù)正常的色彩感知。此外,正規(guī)的色盲矯正眼鏡成本較高,并且需要根據(jù)個人的色覺異常程度進(jìn)行定制。
在股票投資領(lǐng)域,即便色盲投資者借助色盲眼鏡來改善色覺,但由于眼鏡效果的局限性、個體差異以及成本和定制需求等因素,可能依然無法完全消除他們在股票顏色信息解讀和決策過程中所面臨的障礙。因此,在金融產(chǎn)品的設(shè)計和服務(wù)中,仍需充分考慮色盲投資者的特殊需求,提供更多元化和適應(yīng)性強的輔助手段,以確保他們能夠在公平的環(huán)境中進(jìn)行投資活動。

 
 
雖然提出了多種解決方案,但這些設(shè)計策略的有效性需要通過用戶測試與反饋來驗證和改進(jìn)。
 
四、進(jìn)行用戶測試與反饋
 
在整個設(shè)計過程中,開展針對色盲用戶的A/B測試和用戶訪談具有極其重要的意義。通過這些測試和反饋,設(shè)計師能夠更好地了解色盲用戶的實際需求和使用感受,從而有針對性地優(yōu)化設(shè)計策略,確保其能夠滿足色盲用戶的需求。
 
1.
用戶測試方法
 
在整個設(shè)計過程中,開展針對色盲用戶的 A/B 測試和用戶訪談具有極其重要的意義。A/B 測試能夠幫助我們對比不同設(shè)計方案在色盲用戶群體中的效果差異,從而篩選出更適合他們的方案。而用戶訪談則能讓我們深入了解色盲用戶的內(nèi)心想法、實際需求以及使用感受。
此外,通過運用色盲模擬工具(比如 Color Oracle、color-blindness 等),設(shè)計師能夠以一種直觀的方式真切地感受到色盲用戶的視覺體驗。這些工具能夠模擬出色盲用戶眼中的色彩呈現(xiàn)效果,讓設(shè)計師清晰地發(fā)現(xiàn)可能存在的問題和不足之處,進(jìn)而有針對性地對設(shè)計進(jìn)行優(yōu)化和改進(jìn),使其更貼合色盲用戶的視覺特點和使用需求。

image.png

 
 
2.
收集用戶反饋
 
持續(xù)且廣泛地收集色盲用戶的反饋信息至關(guān)重要,通過多元的渠道和方式,積極主動地與用戶展開交流,深入知曉他們使用產(chǎn)品時的真切感受、碰到的難題以及給出的建議。與此同時,迅速且有針對性地調(diào)整和優(yōu)化設(shè)計策略,最大程度地契合色盲用戶的特殊需求,保證產(chǎn)品切實滿足用戶的期望與要求,為他們創(chuàng)造便捷、高效且舒適的使用感受。
以富途 APP 為例,2022 年,富途依據(jù)用戶的反饋和測試,對原先僅依賴顏色的圖表予以改進(jìn),轉(zhuǎn)變?yōu)轭伾c符號相結(jié)合的設(shè)計。這一改變極大地提升了用戶的滿意度。在改進(jìn)過程中,富途精心篩選了所有紅綠色系的配色,將設(shè)計稿應(yīng)用于插件進(jìn)行效果測試,并邀請色覺障礙人士參與其中。經(jīng)過不懈努力,他們在多樣的色帶組合里找到了全新的配色方案。

image.png66a70e58a63570libl9xyc2248.png

 
富途推出專屬配色功能的契機源于一位投資者的留言。團(tuán)隊隨即開展調(diào)研,盡管起初遭遇了樣本難以獲取和調(diào)研困難等問題,但通過改良調(diào)研方法,最終敲定了新的配色方案。開發(fā)期間牽涉多個部門,過程繁雜,還碰到了眾多 bug,不過團(tuán)隊齊心協(xié)力完成了開發(fā)。此前,富途已上線“字號設(shè)置”和“實心/空心 K 線”等無障礙功能,專屬配色功能上線后也備受好評。
 
五、結(jié)尾
 
色盲投資者在股票市場中面臨著獨特的挑戰(zhàn),但通過合理的UI設(shè)計策略,這些挑戰(zhàn)是可以克服的。高對比度設(shè)計、利用紋理和符號、增加文字標(biāo)簽和說明以及提供定制化選項,都是提升色盲用戶體驗的有效方法。同時,通過不斷進(jìn)行用戶測試和收集反饋,設(shè)計師可以持續(xù)改進(jìn)產(chǎn)品設(shè)計,確保其能夠滿足色盲用戶的需求。在未來,隨著技術(shù)的發(fā)展和設(shè)計理念的進(jìn)步,我們期待更多的色盲友好型應(yīng)用能夠幫助投資者更好地參與股票市場。
此外,設(shè)計師們還應(yīng)保持對新技術(shù)和新方法的敏感性,積極探索更創(chuàng)新的解決方案。例如,利用人工智能和機器學(xué)習(xí)技術(shù),可以為色盲用戶提供更加個性化和智能化的輔助功能。開發(fā)者和設(shè)計師應(yīng)注重與用戶的持續(xù)互動,通過各種渠道收集他們的意見和建議,不斷優(yōu)化產(chǎn)品,提升用戶體驗。
 
 
參考資料
如何為色盲用戶設(shè)計更易用UI界面 | 搜狐
UI 設(shè)計中的視覺無障礙設(shè)計(色盲眼中的世界以及 UI 使用體驗)| walterlv
產(chǎn)品UI界面設(shè)計中,為色盲(弱)人士設(shè)計的6種方法 | UI設(shè)計
紅綠色盲怎么買股票(紅綠色盲怎么炒股) | 橙汁網(wǎng)
如何改善軟件的用戶體驗之顏色與UI | UCD大社區(qū)
讓顏色不再是投資障礙:富途為色弱人群推出專屬配色 | 和訊網(wǎng)
 
 

作者:西子小宇宙

鏈接:https://www.zcool.com.cn/article/ZMTYyODg2NA==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

 

藍(lán)藍(lán)設(shè)計(bouu.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢高端網(wǎng)站設(shè)計、平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計,有興趣請加入一起學(xué)習(xí)成長,咨詢及進(jìn)群請加藍(lán)小助微信ben_lanlan。

WechatIMG27.jpg

關(guān)鍵詞:UI咨詢UI設(shè)計服務(wù)公司、軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司、UI交互設(shè)計公司、數(shù)據(jù)可視化設(shè)計公司、用戶體驗公司、高端網(wǎng)站設(shè)計公司、銀行金融軟件UI界面設(shè)計、能源及監(jiān)控軟件UI界面設(shè)計、氣象行業(yè)UI界面設(shè)計軌道交通界面設(shè)計、地理信息系統(tǒng)GIS UI界面設(shè)計、航天軍工軟件UI界面設(shè)計醫(yī)療行業(yè)軟件UI界面設(shè)計、教育行業(yè)軟件UI界面設(shè)計、企業(yè)信息化UI界面設(shè)計、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)

分享本文至:

日歷

鏈接

個人資料

存檔