101的內容


什麼是黑暗模式?

莎拉·威爾遜 通過莎拉·威爾遜2020年2月19日

最近,我在布魯克林參加了一場黑暗而夢幻的音樂會——霧機在抽霧,燈光柔和,橙色的光芒映出音樂家的剪影。我拿出手機,試圖捕捉這種魔力,但當我打開一個社交媒體應用程序來拍攝它時……哇,我的眼睛被明亮的白色界麵弄瞎了。(另外,我為自己不小心嚇到了鄰居而感到內疚,他們當時非常關注這件事。)如果這款應用支持黑暗模式,這整個體驗對我的眼睛、我的社交焦慮和我周圍的音樂會觀眾來說都是積極的。

去年,兩者蘋果而且穀歌宣布他們將為最新版本的移動操作係統提供黑暗模式支持。雖然我已經看到許多品牌為他們的應用程序創建了美妙的黑暗風格,並注意到卓越的外觀,但對於黑暗模式來說仍然處於早期階段。因此,讓我們更深入地挖掘它是什麼,它可以提供什麼好處,以及為什麼它是您的團隊應該考慮的事情。

什麼是黑暗模式?

簡而言之,黑暗模式是一個主題,可以用來改變給定設備的用戶界麵的外觀,以使該界麵(等等……)更暗。在Android和iOS上,用戶可以永久啟用暗模式或永久禁用暗模式;如果你用的是蘋果設備,你也可以按設定的時間激活它(或者把它設置為晚上暗,早上亮)。就我自己而言,我把我的iPhone設置為太陽下山時切換到黑暗模式,太陽升起時切換回來,以加強我的自然晝夜節律,支持更好的睡眠。

一般來說,當我們談論暗模式時,我們談論的是一個視覺主題,即白色或其他淺色文本顯示在黑色或深色背景上。這個主題與你在智能手機和其他數字設備上經常看到的傳統主題形成鮮明對比,傳統的主題是在白色/淺色背景上顯示深色字母(又名淺色模式)。

為什麼要創造黑暗模式?

在過去的五年裏,黑暗模式已經出現在許多不同的數字平台上,比如推特,首先推出了它的黑暗模式版本2016年-沒有單一的因素推動它的普及。

黑暗模式的一個好處是,較深的顏色主導了主題不需要太多的光線降低亮度,幫助移動設備的電池更快地耗盡電量。還有一個感知暗模式可以幫助減輕眼睛疲勞,尤其是晚上在數字屏幕上閱讀時。然而,關於黑暗模式是否對眼睛更好的科學還沒有定論;有一些證據可以證明這一點減少易讀性對於視力正常或矯正的人,同時也有助於患有某些視力問題的人,包括白內障。或者人們之所以對黑暗模式感到興奮,是因為它讓人想起了Apple IIe時代,那時每台電腦都是深色背景和淺色文本——誰知道呢?

話雖如此,現在黑暗模式已經在兩個最大的移動操作係統上廣泛使用,大多數品牌的應用可以在移動設備上觀看,他們會發現有相當一部分用戶會在某種程度上接受這個新主題。這使得營銷、增長和參與團隊必須思考如何提供與這種新的可視化應用方式兼容的體驗。

為什麼品牌重視暗模式支持很重要?

花點時間想想你作為消費者的請求被忽略的所有時間。當你在吃飯的時候要番茄醬,當你在牙醫那裏想要泡泡糖味的漱口水時卻收到了薄荷,當你明確地把你的尺碼寫在中號後卻收到了錯誤的毛衣尺碼。這很令人沮喪——因為你清楚地表明了自己的偏好,然後被告知,基本上,你的偏好並不重要。

暗模式是一個明確的用戶偏好。每個人可能會在不同的時間出於不同的原因打開它,大多數消費者希望他們的應用程序能尊重他們的係統級偏好。黑暗模式可能不會直接導致用戶流失,但不要低估它對用戶體驗的影響。

產品和營銷團隊越來越意識到包容性和個性化體驗的重要性,而黑暗模式隻是其中一小部分。雖然這可以說不是最重要的易訪問性特征(當與自定義字體大小、色盲模式或屏幕閱讀器等功能放在一起時),在完全支持暗模式的情況下,當用戶在支持暗模式和亮模式的應用程序之間導航時,可以防止眼睛疲勞和光線過載。

為什麼不是所有應用程序都支持黑暗模式?

每個手機的操作係統都能自動將每個應用程序的用戶界麵切換成完美的暗模式配色方案,這是非常棒的,但這在今天是不可能的。暗模式不是光模式顏色的直接反轉,也不太可能是你的應用程序——或任何應用程序——可以免費獲得的東西。

如果你的品牌的應用引用Android或iOS的默認顏色變量,這些變量將自動轉換為它們的暗模式對應,由蘋果穀歌,當用戶啟用暗模式時。但如果你的應用程序有特定的品牌顏色,開發者就需要用第二套風格來替換每一種品牌顏色。而且,根據代碼結構的好壞,這可能需要相當長的設計、實現和QA時間。

怎樣才能實現黑暗模式?

除了開發者需要花費的時間和精力之外,在應用外觀方麵,實施黑暗模式還需要大量的思考和關注。允許開發者為黑暗模式添加自己的顏色,並迅速推出更新內容,這樣做弊大於利。

作為一名產品設計師,我知道用戶界麵設計是一門藝術,而不是科學。您的設計人員已經做了大量工作,以確保每個頁麵都具有清晰的視覺層次結構(cta是突出的,導航元素是不同的,等等),顏色具有內嵌的語義(例如,紅色表示錯誤,綠色表示成功,灰色表示不活躍),等等。為了避免所有這些努力付諸東流,你的暗模式設計需要涉及更多的內容,而不僅僅是將所有背景都變成黑色,然後再灑上一些品牌顏色。但是,除此之外,為了保持品牌和可用性,正確使用暗模式還需要仔細設計,所以你的設計師需要更新圖標和圖像等組件,以便與新的暗背景更好地發揮作用。

一旦你鎖定了你的暗模式設計並進入開發階段,你的團隊就會在qa和審查上花費大量的時間——可能會有很多你沒有預料到的一次性顏色代碼和交互邊緣情況,需要修正。像往常一樣,在部署之前進行廣泛的測試,並確保在上下文中測試您發送的消息,這樣您就可以看到它們如何根據您的品牌的黑暗模式主題顯示。

如何評估黑暗模式的投資回報率?

對於產品團隊來說,預測並衡量與支持Dark Mode之類的東西相關的投資回報率(ROI)是很自然的。支持黑暗模式的工作並不是憑空發生的,為了實現它,你需要工程和產品設計資源,而這些資源本身就有相關的成本。但想清楚這對你的品牌有什麼好處可能很難。

那麼,問題是從哪裏開始。你有一個鬥誌昂奮的團隊?看看你的產品設計團隊是否可以為你的應用製作一些Dark Mode主題的快速模型,你是否可以讓你的工程團隊注意到實現新主題所需的努力程度。擁有更多的資源和更多的支持?在你真正開始執行黑暗模式的設計之前,做一些可用性和可訪問性測試,然後進行一些深思熟慮的規範可能是值得的。

一旦你發布了支持,看看你能否獲得當前有多少用戶在他們的設備上使用黑暗模式的數據,然後密切關注App Store/穀歌Play評論、淨推廣者評分(NPS)和受眾的社交媒體帖子,這樣你就可以判斷情緒是否朝著積極的方向發展。

Braze如何支持黑暗模式?

在Braze,尋找方法幫助品牌為用戶提供定製化的相關體驗是重點關注的領域。對我們來說,從一開始就很清楚,引入黑暗模式支持是幫助我們的客戶在應用內體驗方麵達到客戶期望的重要方式。manbetx万博全站客户端(要了解更多關於在Braze中設計和構建暗模式支持的過程,看看我們的作品在Building Braze產品博客上。)

以下是我們在推出黑暗模式支持時得出的結論:

  • 應用消息:在Braze儀表板的消息編寫器中,您可以將兩個主題應用到給定的應用內消息活動中,並且在消息顯示時,Braze SDK將應用亮模式或暗模式樣式,這取決於每個用戶的選擇。
  • 推送通知而且短信:因為標準推送和SMS都是本地操作係統定製(Android Custom push除外),所以你可以免費獲得Dark Mode支持,而不需要自己做大量的開發工作。
  • 內容的卡片:許多客戶實現manbetx万博全站客户端自定義提要,而不是使用我們開箱即用的UI。這使得客戶可以自定義manbetx万博全站客户端外觀、卡元素的定位、改變方向、cta和交互。由於卡片的設計是靜態的(您不需要像IAM那樣為每張卡片做不同的設計),客戶可以在初始實現期間進一步擴展我們的默認卡片提要以應用暗模式。manbetx万博全站客户端
  • 電子郵件:雖然如果實現正確,電子郵件不需要以明暗模式樣式發送,但我看到過一些問題,當使用暗模式主題時,電子郵件缺乏明確的背景顏色或看起來破碎。多虧了“首選顏色方案”CSS媒體查詢在美國,現在可以同時針對深色和淺色主題設計電子郵件。

要了解有關如何使用Braze確保為用戶提供黑暗模式友好的客戶體驗的更多信息,查看我們的相關文檔

最終的想法

如今的消費者需要能與他們對話的品牌體驗,以及他們自己獨特的偏好。這可能意味著橫跨海峽的消息方法或信息個性化智能通道但這也意味著采取不那麼明顯的行動,比如實施黑暗模式。通過尊重用戶在光照模式和暗模式方麵的明確偏好,你可以提高用戶滿意度,並顯示出你對所提供的移動體驗的關心。


莎拉·威爾遜

莎拉·威爾遜

Sarah在紐約工作,她喜歡為Braze平台解決複雜的設計問題。當她不沉迷於用戶體驗和像素完美的設計時,你可以發現她在彈木吉他,或者和她的救援犬一起冒險。

相關內容

短信

MMS是什麼?

閱讀更多

訂婚

Web推送如何提高用戶在線參與度

閱讀更多

什麼是競態條件?

閱讀更多

101的內容

一個(虛構的)營銷人員探索細分:建立平台和渠道細分

閱讀更多