華為云DevCloud推出網(wǎng)頁暗黑模式,開發(fā)者體驗與應(yīng)用端一致

責(zé)任編輯:xfuesx

2020-05-19 13:30:15

摘自:第一產(chǎn)經(jīng)

近期,華為云DevCloud推出了暗黑模式,用戶在網(wǎng)頁端也可以體驗到桌面級應(yīng)用才有的特性,不僅滿足廣大開發(fā)者的使用需求,還帶來十足的神秘感和科技感。

暗黑模式,也稱深色模式(Dark Mode),是近2年以來用戶呼聲最高的功能之一,國外很多頂級廠商都將深色主題作為UI的重要組成部分,產(chǎn)品絕大部分都提供了深色模式,有的甚至讓生態(tài)中的APP都提供暗黑模式。

手機暗黑界面

暗黑式降低了視覺的亮度,在黑暗環(huán)境中提供了安全性,并且可以最大程度減少眼睛疲勞。據(jù)統(tǒng)計,有超過70%的軟件工程師在Dark Theme IDE上進行編碼,某些流行的IDE工具更是將暗黑色系作為默認色系,例如開發(fā)工具VsCode和Sublime。

暗黑模式的優(yōu)勢

華為云DevCloud產(chǎn)品主要面向開發(fā)者,開發(fā)者通過產(chǎn)品端到端參與研發(fā)流程,提升研發(fā)效率。我們看看暗黑模式給用戶帶來哪些體驗呢?

1、久用舒適,減輕團隊長時間工作焦慮

     華為云DevCloud可能是開發(fā)者使用時間比較長的產(chǎn)品,其中某些工具可能需要沉浸式使用,這么長時間的使用,勢必會讓用戶眼睛產(chǎn)品視覺疲勞,這也正是設(shè)計團隊考慮深色系模式的原因之一。

深色模式

我們面對的用戶群體中有一部分是色弱用戶,深色模式的高對比度對于這部分群力是比較友好的。

2、體驗一致性與易用性

華為云DevCloud的暗黑模式,底層源自于規(guī)模化微服務(wù)場景下對產(chǎn)品一致性和易用性的考量呈現(xiàn)在用戶面前的DevCloud平臺是一個完整的工具鏈平臺,其背后是由幾十個微服務(wù)團隊協(xié)作開發(fā)而成。每一個微服務(wù)就是一個小微型團隊,團隊按照各自產(chǎn)品的目標(biāo)和競爭力演進,難免在視覺交互體驗上有偏差,我們稱之為規(guī)?;⒎?wù)產(chǎn)品體驗問題。為此,部門中的DevUI團隊也是經(jīng)過很長時間的摸索,從規(guī)范,組件,場景等等方式進行解決。其中深色模式,是一種有效的方式。

深色模式帶來的是視覺體驗一致,于用戶而言,產(chǎn)品體驗更加流暢,并且間接提升任務(wù)效率。

Wiki編輯場景

看板交付場景

最終,無論是淺色模式還是暗黑模式,DevCloud在細節(jié)上都盡量考慮B端產(chǎn)品致簡特質(zhì),設(shè)身處地考慮開發(fā)者喜好,細節(jié)處提升工具的視覺體驗。

我們持續(xù)不斷演進

深色模式不僅僅是簡單的黑白,是有很多東西需要思考的。比如,

1. 確保內(nèi)容在深色模式下清晰刻度,背景色和文本對比度對少才比較合適,Material Design建議至少是用15.8:1的對比度。

2. 字體的粗細、透明度在淺色、深色背景下都會有所不同。

3. web產(chǎn)品的層次是通過陰影來表達的,而陰影在深色背景和淺色背景也是不一樣的。

 

墻裂歡迎大家使用、拍磚,用戶的良好體驗是我們不斷改進的動力!

鏈接已復(fù)制,快去分享吧

企業(yè)網(wǎng)版權(quán)所有?2010-2024 京ICP備09108050號-6京公網(wǎng)安備 11010502049343號