Web Sitesindeki Karanlık Mod: Sadece güzel bir trend mi yoksa gerçekten UX ve Dönüşümü Etkiliyor mu?

Tartışma bitmiyor! Web'deki karanlık mod sadece güzel bir trend. Yoksa gerçekten dönüşümü artırabilir mi?

Son 2-3 yıl içinde, hangi uygulamaya bakılmaksızın, hangi uygulamaları kullandığımızı hissettiniz mi? Veya ünlü bir web sitesine nereye gideceğiz için, her zaman kullanmak için "karanlık mod" veya "karanlık modu" bulma eğilimindeyiz. İşletme sahiplerinin, pazarlamacıların ve birçok web sitesi geliştiricisinin zihninde bir soru haline gelene kadar "ve web sitemiz ... karanlık bir moda sahip olmak gerekli mi?" Sadece gelen güzellik trendi. Veya gerçekten söyledikleri gibi kullanıcının deneyimini (UX) ve dönüşüm oranını etkileyen önemli bir özelliktir. Bugün, karanlık modun her alanında ameliyata geleceğiz. Web siteniz "Işığı Aç" veya "Işığı Kapatın" olmalıdır.

‍

Bu dönemde karanlık mod neden "olmalı" haline geliyor?

Karanlık mod fenomeni gerçekleşmez, ancak ilginç bir kaynağı vardır. Geliştirici tarafından ve uzun süre beyaz koda bakmak zorunda olan programcılardan başlayarak, yansımaları azaltmak ve daha rahat çalışmak için koyu arka planlar ve parlak renkler kullanmayı sevdikleri göz almaya neden olur. Daha sonra, iOS ve Android gibi dev işletim sistemi, sistemdeki ana özellik olarak Karanlık Modu getirdiğinde, Taylandlı insanların şehrin her yerinde kullandıkları popüler sosyal medya uygulamaları aralarından seçim yapabileceğiniz bu moda sahiptir. Kullanıcıların davranışı değişmeye başladı. İnsanlar alışıyor ve "modern" ve "kullanıcılara dikkat eden" web sitelerinin ve uygulamaların karanlık moda sahip olma seçeneğine sahip olmasını bekliyor, bu yüzden artık sadece programcılarla ilgili değil. Ancak varsayılan olarak birçok kullanıcının gözünde iyi bir kullanıcı deneyiminin standartlarından biri haline geldi.

‍

Web sitemizin karanlık bir modu yoksa, "düşecek" veya herhangi bir fırsat kaybedecek mi?

Hiçbir karanlık mod işinizi hemen mahvedemez. Ancak bekleyemeyeceğiniz boyutu etkileyebilir. Hayal etmek:

• İlk izlenim: Büyük markaların tüm karanlık moda sahip olduğu bir dönemde. Bu seçeneğe sahip olmayan web sitesi, markanın görüntüsünü etkileyebilecek "zamandaki eğilime göre" veya "küçük ayrıntılara dikkat etmeyin" olarak görülebilir. Özellikle yeni nesil için teknoloji, tasarım veya ürünlerle ilgili işletmelerle
• Belirli durumlarda kullanıcı deneyimi (Bağlamsal UX): Koyu bir yatakta cep telefonunda yatan müşterileri düşünün. Ardından, sadece beyaz arka planlara sahip web sitenize bastırın ... Çok parlak olan ışık, müşterinin rahatsız olmasına ve hemen kapanmasına neden olabilir. Bu maalesef kaybedilen bir fırsat çünkü UX gerçek kullanıma cevap vermiyor. Bu sorun Case Slow Clinic web sitesine benzer ve UX o kadar kötü ki müşterileri kaybediyorlar. Bilmeden git
• Etkileyici fırsatların yanlış anlaşılması: Kullanıcılara seçenekler sunmak kendi deneyimlerini (ışık/karanlık mod arasında seçim yapmak gibi) "kontrol" olarak " iyi bir duygu yaratan küçük bir mikro etkileşim olarak kabul edilir. Ve markanızın kullanıcılara ne kadar önem verdiğini gösterin, bir müşteri ile olumlu bir ilişki kurma fırsatını kaçıran bir özellik yok.

‍

En iyi çözüm: sadece "mee" değil, aynı zamanda "anlayışa sahip olmalı"

Bunun cevabı sadece "karanlık bir moda sahip olmalı" ya da "yok" değil, en iyi çözüm "tümü değerlendirme" ve sonra stratejik olarak karar veriyor. Hangisi başlamalıdır:

1. Hedef ve Marka Analizi: Müşterileriniz kimlerdir? Teknolojiyi ne sıklıkla kullanıyorlar? Markanız ne tür bir görüntü? (Çocuk ürünleri gibi, karanlık bir moda ihtiyaç duymayabilir, ancak geliştiriciler için gadget markası veya platformu olabilir. Karanlık mod görüntüyü çok artıracaktır.)
2. Avantajların ağırlığı-hızlı dezavantajları:
   • Avantajları: Düşük ışık görme yeteneğini azaltın, pilleri tasarrufu (OLED ekran için) modern görünüyor, kullanıcıların kişisel ihtiyaçlarını karşılıyor.
   • Dezavantajları: Uzun metin okuma yeteneğini azaltabilir (halation etkisi fenomeninden, karanlık zemindeki parlak harfler bulutlu görünecektir), tasarım sadece renklendirmekten daha karmaşıktır, daha fazla geliştirme ve test için zaman ve bütçe alır.
3. Uzmanlardan çalışma: gibi güvenilir veri kaynakları, çok fazla harfli bir web sitesi ile daha iyi olmadığını analiz etmiştir Uygun kontrasta odaklanan tasarımlar en önemlisidir.
4. Plandan başlayarak, kod değil: Yapmaya karar vermek, tasarım planı "karanlık mod" ile başlamalıdır, sadece siyah beyaz bir alternatif kod yazmak değil, sonuçların daha kötü görünmesini sağlayabilir

İyi bir başlangıç noktası şu soruyu sormaktır: "Karanlık Mod, müşterilerimizin daha iyi deneyimlemesine gerçekten yardımcı olacak mı?" Sadece "Neden karanlık bir modumuz yok?"

‍

Gerçek Şeyden Örnekler: Global Uygulama Başarı Yaratmak İçin Karanlık Mod kullandığında

Daha net olmak için uygulama örneğine bir göz atın. Ve aşina olduğumuz web siteleri, YouTube, Twitter, Slack, hatta Messenger ve Line uygulamaları gibi web siteleri, sadece karanlık mod eklemiyorlar, aynı zamanda tüm yeni deneyimleri tasarladı.

Vaka çalışması (varsayım): Karanlık Mod özelliğini ekledikten sonra programlama için e-öğrenme platformunu düşünün. Ne oldu:

• Nişan Geceleri Yükseliyor: Gece geç saatlerde çalışmayı seven öğrenciler, hissetmeden platformda daha uzun sürebilir
• Ezici bir şekilde olumlu bir geri bildirim aldı: Kullanıcılar, markanın teknik işçilerin ihtiyaçlarını "dinlediğini" ve "anladığını" düşünüyor.
• Görüntü "promosyon" ve daha güvenilir görünüyor: Dark moda sahip olmak, platformun piyasadaki diğer profesyonel geliştiricilerle karşılaştırılabilir olmasını sağlar.

Bu başarı sadece bir düğmeye sahip olmaktan modu değiştirmek değildir. müşterilerin hedeflerine daha iyi ulaşmalarına yardımcı olan UX/UI olduğunu anlayan tasarımdan Dönüşüm yaratmanın kalbi hangisi

‍

Takip etmek istiyorum, nasıl başlarsınız? Web sitenize karanlık mod eklemek için kontrol listesi.

Web siteniz için karanlık modun doğru şey olduğuna karar verirseniz. Bu yapılması gereken bir adım. İyi sonuçlar elde etmek ve aslında sadece güzel değil, resim:

• Adım 1: Yeni bir renk seti oluşturun (tersine çevirmeyin): Düz renk anahtarlama yöntemlerini kullanmayın! Beyaz (#fffff) tamamen siyah olmamalıdır (#000000) çünkü kontrastı da neden olacaktır. Arka plan olarak koyu gri (#121212 gibi) kullanmayı deneyin ve karakterler için parlak beyaz rengi azaltın.
• Adım 2: Kontrast kontrolü Kalp: Harflerin ve elemanların emin olmak için kontrast oranını kullanın. WCAG'ı okumak ve geçmek hala kolay (Web İçeriği Erişilebilirlik Yönergeleri).
• Adım 3: Tüm öğeleri test edin: logo, simge, düğme, resim ve çeşitli form. Karanlık modda iyi görüntülenmelidir. Bazı görüntülerin arka planı yutmamak için biraz daha parlak olacak şekilde ayarlanması gerekebilir.
• Adım 4: Modern teknolojiyi kullanın: , Prepers-Color-Scheme adlı CSS medya sorgusunu kullanabilir Web Sitesinin işletim sistemi tarafından belirlenen işletim sistemi ayarlarına göre otomatik olarak değişmesine izin vermek
• Adım 5: Kullanıcının karar vermesine izin verin: En önemli şey, kullanıcıların kendilerinin kendi seçmelerine izin vermektir. Kullanıcıyı tek modda olmaya zorlamayın. Bu, kullanıcının kararının saygısıdır ve yatırımcıların tasarımı, net bilgi sağlaması ve kullanıcıların kendilerini görmesine izin vermesi gereken yatırımcılar gibi iyi bir UX ilkesidir.

‍

Karanlık Mod hakkında sorular (ve en net cevap)

S1: Daha iyi bir karanlık mod var mı?
C: Doğrudan bir etki yok. Google, Web Sitesiyle Dark Mode ile daha iyi rütbeler vermez, ancak dolaylı olarak UX aracılığıyla. Karanlık modunuz kullanıcılara yardımcı olursa. Web'de daha uzun (bekleme süresi) veya web sitesi (katılım) ile daha fazla etkileşim. Bunlar uzun vadede SEO üzerinde olumlu bir etkisi olan iyi işaretlerdir.

S2: Her tür web sitesi karanlık mod için uygun mu?
A: Her zaman değil. Uzun makaleleri, hükümet web sitelerini veya web, anne ve çocuklar gibi parlak, arkadaş canlısı iletişim kurmak isteyen web sitelerini okumaya odaklanan web sitesi. Karanlık mod için uygun olmayabilir. Öte yandan, teknoloji web sitesi, eğlence (akış) veya modern lüks gerektiren markalar, genellikle karanlık modda daha iyi.

S3: Karanlık mod yapmak için çok fazla bütçeye ihtiyacınız var mı?
C: Web sitesinin karmaşıklığına bağlı olarak. Yeni oluşturulan bir web sitesi ve başlangıçtan itibaren planlamasa maliyet çok yüksek olmayabilir. Ancak karmaşık bir yapıya (güçlendirme) sahip eski bir web sitesine konulursa, tasarım ve test için bir bütçe ve zaman gerektirebilir. bir parçası olarak düşünülebilir (web sitesi yenileme )

S4: Web sitesi geceleri otomatik olarak karanlık bir mod olarak ayarlanmalı mı?
C: Bu ilginç bir fikir. Ama en iyi yol "yapma". Çevrede ne tür bir kullanıcının olduğunu bilemeyiz. Kullanıcılara TOGLE ile seçenekler sunmak her zaman kullanıcıları kullanmanın en güvenli ve en kullanışlı yoludur.

‍

Özet: Karanlık mod sihirli bir ilaç değildir. Ama insanların araçları ux

Bu noktada, karanlık modun güzel bir trendden daha fazlası olduğunu kabul ettik, ancak kullanıcının deneyimini (UX) geliştirmek "güçlü". Doğru kullanıldığında, zaman ve doğru kullanıldığında, anahtar web sitenizin "Karanlık Modu ya da değil," müşterilerinizi onlar için en iyi deneyimi vermek için anlamak ve önemsemek için yeterlidir.

Karanlık mod yapmayı veya yapmamayı seçmek, hedef grubun analizinin, markanın kimliğini anlamanın ve avantaj ve dezavantajların tartılmasının bir sonucu olmalıdır. Sadece eğilimi takip etmekle kalmıyor çünkü sonunda başarılı web sitesi kullanımı kolay, cevaplar ve kullanıcılar için iyi duygular yaratan bir web sitesidir. Parlak modda ister karanlık modda olsun

Web sitenize ne dersiniz? Müşterilere en iyi deneyimi sunmaya hazır mısınız? Tereddütün iş fırsatlarınızı engellemesine izin vermeyin. Bugün UX ile iyi yatırım. Gelecekte büyüme için güçlü bir temel oluşturmaktır

, mükemmel ışık modu veya karanlık mod olsun, işletmeniz için doğru UX/UI'yi analiz etmenize ve tasarlamanıza yardımcı olur Vision X Brain ekibine danışın. Müşteriler tarafından sevilmek ve bir iş sonucu oluşturacak web sitenizi değiştirmeye hazırız.

‍