101的內容


黑暗的模式是什麼?

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

最近,我在一個黑暗的,夢幻的音樂會Brooklyn-the霧機泵,燈光柔和,音樂家的由一個橙色的光芒。我拿出我的電話試圖捕捉魔法,但是當我打開我的一個社交媒體應用電影…哇,我的眼睛是明亮的白色界麵所蒙蔽。(加上,我感覺意外驚人的鄰居,他們非常的時刻。)app要是黑暗模式支持,整個體驗可能是積極的為我的眼睛,我的社會焦慮,前來觀看。

去年,兩個蘋果穀歌宣布他們會包括黑暗模式支持最新版本的手機操作係統。雖然我見過許多品牌創造美妙的黑暗風格的應用程序和注意到了卓越是早期數據目前還在黑暗的模式。讓我們更深入地了解它是什麼,它能提供什麼好處,為什麼這是你的團隊應該考慮。

黑暗的模式是什麼?

簡而言之,黑暗的模式是一個主題,可以用來改變給定設備的外觀的用戶界麵,使該接口(等待它…)深。Android和iOS,用戶可以永久啟用黑暗模式或永久禁用;如果你有一個蘋果設備,你也可以激活它選擇的時間表(或一組去黑暗的晚上和早上獲得光來)。對我而言,我有我的iPhone將切換到黑暗的模式當太陽集和開關當太陽升起的時候,為了增強我的自然生理節奏,支持更好的睡眠。

一般來說,當我們談論黑暗模式中,我們討論的是一個視覺主題,白色或淺色係的其他文本顯示在黑色或深色的背景。這個主題與傳統你通常看到智能手機和其他數字設備,在黑暗的信件顯示在白色/淺色背景(即光模式)。

為什麼要創建黑暗模式?

雖然黑暗模式突然出現在許多不同的數字平台過去五years-Twitter,例如,首先推出了黑暗的模式版本2016年——沒有單因素驅動采用增加。

黑暗的模式的一個好處是,主導主題的深色不需要光少,減少亮度和幫助電池跑很快在移動設備上。還有一個感知黑暗的模式可以幫助減輕眼睛的壓力,尤其是晚上閱讀數字屏幕上。然而,科學在黑暗的模式是否更好的對你的眼睛是不穩定的;有一些證據表明它可能減少易讀性為視力正常或糾正的人,同時也有利於某些視覺問題,包括白內障。或者人們興奮黑暗的模式,因為它是一個回調蘋果國際教育協會的日子,當每台計算機有一個黑暗的背景和輕text-who能說?

說,既然暗模式是廣泛使用的兩個最大的移動操作係統,大多數品牌的應用,可以在移動設備上查看會發現一些可觀的觀眾將在某種程度上采用這種新的主題。使其對營銷很重要,增長,參與團隊思考如何提供經驗兼容這個可視化應用的新方法。

為什麼它是重要的品牌認真對待黑模式支持嗎?

花一點時間來思考你所有的請求被忽視了作為一個消費者。這段時間你要番茄醬與用餐,收到薄荷當你在牙醫希望泡泡糖味漱口水,送錯了大小毛衣在顯式列出你的大小作為一個媒介。因為你注明的偏好,然後被告知,從本質上講,你的偏好並不重要。

黑暗的模式是一個顯式的用戶偏好。一個人可能會在不同的時間和不同的原因,和大多數的消費者期望他們的應用程序尊重他們的係統級的偏好。黑暗的模式可能不會直接造成影響,但不要折扣對用戶體驗的影響。

產品和營銷團隊越來越認識到包容和個性化體驗的重要性,和黑暗的模式是一小部分。雖然它可能不是最重要的易訪問性特征(當把旁邊的特性,如自定義字體大小,色盲模式,或屏幕閱讀器),黑暗的模式,當完全支持,防止眼疲勞和輕型過載作為用戶導航應用程序支持暗模式和光線模式之間在一個會話。

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

一樣可怕的每個手機的操作係統會自動開關的用戶界麵應用程序到一個完美的黑暗模式配色方案,今天那是不可能的。黑暗的模式不是一個光的直接反演模式的顏色,也不可能是你的應用或任何應用程序,對事件能夠得到免費的。

如果你的品牌的Android和iOS應用程序引用默認顏色變量,這些變量將自動轉換為黑暗模式同行,是指定的蘋果穀歌,當一個用戶允許黑暗的模式。但是如果您的應用程序有特定品牌的顏色,開發人員需要替換每一篇章,第二組的顏色風格。取決於結構良好的代碼,這可能需要大量的設計、實現和質量保證時間。

怎樣才能實現黑暗模式?

開發人員的時間和精力以外,還將實現黑暗模式需要大量的思考和護理時應用程序的外觀。允許開發人員把自己的黑顏色模式和快速推動更新出門會弊大於利。

作為一個產品設計師,我知道用戶界麵設計是一門藝術,不是科學。你的設計師已經做了很多工作,以確保每個頁麵都有一個清晰的視覺層次結構(cta是突出的,導航元素是截然不同的,等等),顏色有凝聚力的語義(紅色為錯誤,成功的綠色,和灰色不活躍),等等。避免毀滅所有的努力,你的黑暗模式設計需要涉及超過所有背景黑色,然後灑在某些品牌的顏色。但是,除此之外,做正確黑暗的模式也需要精心設計的注意力以保持在品牌和維護usability-so設計師將需要更新的組件(比如圖標和圖片為了很好地處理新的黑暗的背景。

一旦你有你的黑暗模式設計鎖定和搬到發展,期待您的團隊花了大量的時間在qa和評審可能很多一次性的顏色代碼和交互邊界情況,你沒有預期,需要修複。一如既往,測試廣泛部署和確保測試前你發送的消息上下文,所以你可以看到他們是如何顯示對你的品牌的黑暗主題模式。

你如何評估ROI黑暗模式?

產品團隊,這是自然尋求預測,然後測量與支持相關的投資回報(ROI)之類的黑暗的模式。進入黑暗支持模式的工作不會發生在真空和使它發生,你需要工程和產品設計資源,有自己的相關費用。但遊戲的好處將你的品牌可以是困難的。

那麼,這個問題是開始的地方。有一個淘氣的團隊嗎?看看你的產品設計團隊可以做一些快速的原型的一個黑暗的模式主題為您的應用程序,如果你能讓你的工程團隊眼球所需付出的努力程度來實現新的主題。有更多的資源和支持嗎?它可能值得做一些可用性和可訪問性的測試,然後進行一些深思熟慮spec-ing在你開始之前,開始真正地實施黑暗你的設計模式。

一旦發布支持,看看你是否可以得到數據你當前的用戶中有多少人使用黑模式在他們的設備上,然後密切關注穀歌應用商店/評論,淨推薦值(NPS),從受眾和社會媒體的帖子你可以告訴如果情緒正朝著積極的方向發展。

釺支持黑暗模式如何?

在釺,設法幫助品牌支持自定義,相關經驗的用戶是一個關鍵的重點領域。從早期對我們來說,很明顯,引入黑暗模式支持是一個重要的方法來幫助我們的客戶達到顧客的預期時,應用體驗。manbetx万博全站客户端(了解更多關於在黑暗設計和建造過程模式支持在釺,查看我們的作品建築釺產品博客。)

這是我們登陸時推出黑模式支持:

  • 應用消息作曲家:在釺儀表板的消息,可以將兩個主題應用到一個給定的應用程序消息傳遞大放異彩的消息顯示,釺SDK將光明或黑暗風格模式,根據每個用戶所選中。
  • 推送通知短信:因為標準推動和短信是本地操作係統定製(除了Android定製推送),有效地得到黑暗免費模式支持,而不需要做大量的開發工作在你身邊。
  • 內容的卡片:許多客戶實現manbetx万博全站客户端一個定製的飼料而不是用我們的開箱即用的UI。這允許客戶定製的外觀manbetx万博全站客户端和感覺,定位卡的元素,改變方向,cta和交互。自設計卡片是靜態的(你不做出不同的設計為每個卡,就像我),客戶可以更擴展我們默認卡黑暗飼料應用模式,有一次,在最初的實現。manbetx万博全站客户端
  • 電子郵件:雖然電子郵件不需要發送到兩個光明與黑暗模式風格如果他們正確實現,我見過一些問題,電子郵件使用黑暗時缺乏明確的背景顏色或外觀打破模式主題。由於“prefers-color-scheme”CSS媒體查詢,現在可以設計專門為兩個黑暗與光明的郵件主題。

了解更多關於如何使用釺,確保一個黑暗Mode-friendly客戶體驗為用戶,查看我們的相關文檔

最終的想法

今天的消費者需求的品牌體驗,和他們說話,他們自己獨特的偏好。這意味著可以橫跨海峽的消息方法或信息個性化智能通道,但它也意味著不太明顯的行動,如實現黑暗的模式。通過尊重用戶的明確的偏好時,光模式與黑暗的模式,升級用戶滿意度和顯示你關心你提供的移動體驗。


莎拉·威爾遜

莎拉·威爾遜

總部位於紐約,莎拉愛釺平台解決複雜設計問題。當她不是糾纏於用戶體驗和像素級的設計,你可以找她玩木吉他,或者采取冒險營救小狗。

相關內容

短信

MMS是什麼?

閱讀更多

訂婚

網絡將如何驅動強在線訂婚

閱讀更多

競態條件是什麼?

閱讀更多

101的內容

(虛構的)營銷探索細分:構建平台和通道段

閱讀更多