HubSpot turuncu rengi bıraktı: Erişilebilirlik, CRM'in tasarımını nasıl yeniden şekillendirdi?

Yeni HubSpot teması sadece bir yeniden tasarım değil. Arkasında yeniden inşa edilmiş bir tasarım sistemi yatıyor ve bu karar tamamen WCAG'e dayanıyor.

31 Ağustos 2026 tarihi itibarıyla, HubSpot'ın yeni bir arayüzü var. Ve turuncu düğmeler gitti. Birçok kullanıcı için bu, kabullenmesi en zor kısımdı: turuncu, HubSpot'ı temsil ediyordu. Ancak kararın ardındaki neden, kararın kendisinden daha ilginç. Bu renk, WCAG kontrast gereksinimlerini karşılamadı. Bu, daha derin bir şeyin işareti. HubSpot, insanların ürünle etkileşim biçimini değiştiriyor ve bunu yapmak için platformun görsel temellerini yeniden inşa etmek zorunda kaldı. Şirket tarafından açıkça belirtildiği gibi, erişilebilirlik bunun nedenlerinden biri.

Değişimin kaynağı

Başlangıç noktası, HubSpot'ın kendi hakkında yaptığı bir gözlemdir: Yıllarca yazılım, kullanıcılara bir şeyler vermeden önce onlardan bir şeyler talep etti. Aracı öğrenmeniz, nereye gideceğinizi ve işleri nasıl halledeceğinizi çözmeniz gerekiyordu. Üründen değer elde etme yükü, onu kullanan kişinin üzerindeydi.

Belirtilen hedef, bu ilişkiyi tersine çevirmektir: yapay zekanın ayrı bir özellik olarak eklenmek yerine iş akışına entegre edildiği, sizin aramanıza gerek kalmadan önemli olanı ortaya çıkaran bir ürün.

Plan iki aşamadan oluşuyor:

  • Aşama 1 — görsel yenileme Hali hazırda yayında. Daha hafif bir his, daha temiz tipografi, daha bilinçli boşluk kullanımı ve daha açık renkli başlıklar sayesinde içeriğin kendisi ön plana çıkıyor.

  • 2. Aşama — ürünün çalışma şeklinin yeniden tasarlanması Önümüzdeki altı ay içinde kademeli olarak uygulamaya konulacak.

Yani bu yenileme, sırf yeniden şekillendirmek için yapılmış bir şey değil: her şeyin üzerine oturacağı temel bu. HubSpot, tam yeniden tasarımın geldiğinde rahatsız edici değil, tanıdık gelmesi için bunu önce ve kademeli olarak uygulamayı tercih etti. Ve işte tam da burada erişilebilirlik devreye giriyor.

Neler değişiyor ve ne zaman?

  • 30 Haziran 2026 — isteğe bağlı herkese açık beta

  • 31 Ağustos 2026 — tüm kullanıcılara otomatik dağıtım

Değişiyor: Renkler, tipografi, kenar yarıçapları, simgeler, boşluk, yükseklik ve hareket.
Değişmiyor: Navigasyon, yapı, iş akışı ve raporlama mantığı. Yeniden öğrenilecek hiçbir şey yok.

Renkleri ve arayüzü neden değiştirelim ki?

HubSpot'ın cevabı estetikten önce teknik bir yaklaşıma dayanıyor.

Platformun tasarım sistemi neredeyse on yıldır güncellenmemişti. Bu süre zarfında ürün, her biri biraz farklı bileşenlere, renklere ve etkileşim modellerine sahip yüzlerce uygulamaya dönüştü. Bu nedenle bir uygulamadaki açılır menü, diğer bir uygulamadaki aynı açılır menüden farklı davranıyordu ve karanlık mod hiçbir zaman gelmedi.

Şirket, son iki yılda tüm sistemi sıfırdan yeniden inşa ederek filtreleri, tabloları, modal pencereleri ve diğer tüm yapı taşlarını standartlaştırdı. Yeni tema, bu sistemin görsel ifadesidir.

HubSpot'a göre, bu geçişin tamamlanması üç şeyin piyasaya sürülmesinin ön koşulu: karanlık mod, genişletilmiş tema seti ve tam ürün erişilebilirliği .

İşte üzerinde durulması gereken nokta burası. Erişilebilirlik, sonradan eklenecek bir özellik olarak değil, görsel altyapının yeniden inşasını gerektiren bir şey olarak ele alındı. Her biri kendi tarzında davranan yüzlerce bileşeniniz olduğunda, bunları tek tek erişilebilir hale getirmenin gerçekçi bir yolu yok.

Turuncu kılıf

İşte en önemli karar geliyor - ve kullanıcıların en çok karşı çıktığı karar da bu.

Turuncu, HubSpot'ın ana işlem düğmelerinde kullandığı imza rengiydi. Yeni temada bu renk yok. Bunun nedeni, Şirketin belirttiği gibi: Beyaz zemin üzerinde turuncu renk, WCAG 2.1 seviye AA'nın gerektirdiği minimum kontrastı karşılamıyor. Bu durum, görme engelli kişilerin okumasını zorlaştırıyor.

HubSpot rengi koyulaştırmayı denedi. Ancak turuncuyu yeterince koyu hale getirmek için renk kahverengiye dönüyor ve turuncuyu turuncu yapan özelliğini kaybediyor. Bu nedenle, daha sonra alternatif temalar aracılığıyla geri getirme olasılığıyla birlikte, birincil eylemlerden kaldırılmasına karar verildi.

Yakından incelenmeye değer bir karar: Muazzam bir marka bilinirliğine sahip bir şirket, erişilebilirlik gereksinimini karşılamadığı gerekçesiyle, arayüzün merkezi bir öğesinde kullandığı imza renginden vazgeçmeyi kabul etti.

Marka kimliği ve uyumluluk arasındaki gerilim gerçektir ve genellikle ters yönde çözülür; yani renk korunur ve sorun ertelenir. Burada ise durum farklıydı.

Yeniden tasarım, HubSpot'ın arayüzünü ilgilendiriyor, HubSpot ile yayınladığınız içeriği değil.

  • O arka uç — CRM içinde çalışan her şey, güncellemeden fayda görüyor.

  • O başlangıç aşaması — HubSpot ile oluşturduğunuz ve kullanıcılarınıza ulaşan web siteniz, açılış sayfalarınız, e-postalarınız ve formlarınız, tam olarak sizin oluşturduğunuz gibi erişilebilir kalır.

CRM'deki güncellenmiş bir tema, yetersiz kontrasta sahip, ilişkili etiketleri olmayan bir form içeren veya alt metni olmayan bir resim içeren bir açılış sayfasını uyumlu hale getirmez. Ve bunlar tam olarak Avrupa Erişilebilirlik Yasası kapsamına giren sayfalardır.

Erişilebilirlik, standart iş uygulamalarının bir parçası haline geldi.

Dikkat edilmesi gereken bir nokta var: HubSpot'ın tüm iletişiminde erişilebilirlik hiçbir zaman yasal bir yükümlülük olarak görünmüyor. Cezalardan, son tarihlerden veya gerekliliklerden bahsedilmiyor. Karanlık mod, özelleştirilebilir temalar ve bileşen tutarlılığı gibi bir ürün kararının parçası olarak sunuluyor.

Bu bir olgunluk işaretidir. Erişilebilirlik, uyumluluk çerçevesinden çıkıp, her zaman ait olduğu yer olan deneyim kalitesi çerçevesine doğru ilerliyor.

Ve turuncu örnek, herhangi bir ilke açıklamasından daha iyi gösteriyor: Yetersiz kontrast sadece görme engelli kişileri cezalandırmıyor. Parlak güneş ışığında çalışan herkesi, ucuz bir monitör kullanan herkesi, uzun bir günün sonunda arayüze bakan herkesi cezalandırıyor. Bir düğmenin okunabilirliğini artırmak, azınlık için değil, herkes için deneyimi iyileştirir.

Erişilebilirlik bu şekilde tasarlandığında — yani sadece işaretlenmesi gereken bir kutucuk olarak değil, genel kaliteyi artıran bir kısıtlama olarak ele alındığında — bir maliyet olmaktan çıkar ve her zaman olduğu gibi iyi bir tasarım haline gelir.

Eye-Able® ile web sitenizin erişilebilirliğini ücretsiz olarak kontrol edin!

Filtre

Kategoriye göre filtrele

Kategorileri seçtikten sonra listenin sonundaki düğme ile seçiminizi onaylayın.

Filtreleri sıfırla

Daha fazla bilgiye mi ihtiyacınız var?

Bizimle iletişime geçin, size yardımcı olmaktan memnuniyet duyarız.

a man with down syndrome shows a woman something on the computer. they both laugh