Örnek Olay: Google Haritalar’ın Gelişimi ve Renk Seçme Metodolojisi

0
21

Google Haritalar, 15 yıl önce kullanıma sunulduğundan beri, dijital haritalar dünyasında devrim yarattı ve şimdi bir milyardan fazla kullanıcının A noktasından B noktasına (ve çok daha fazlasına) ulaşmasına yardımcı oluyor.

Akıllı telefonlarımıza bir adres girip gitmeden önce bir zaman düşünmek neredeyse imkansız. 2005 yılında piyasaya sürüldüğünden bu yana, Google Haritalar gelişti ve hızlı tempolu ve sürekli değişen toplumumuzun isteklerine ve ihtiyaçlarına göre uyarlandı.

Ürünün sürekli yinelenen yönlerinden biri, Google Haritalar’ın renk sistemi olmuştur. Mevcut arayüze baktığımızda, minimum ama etkili bir derinlik hissi sağlayan degradelerdeki küçük değişikliklerle renklerin minimumda tutulduğunu görebiliriz. Ama her zaman bu şekilde değildi. Geçtiğimiz yıl Google, renk paletini 700’den fazla renkten 25 ana ve küçük tona kademeli olarak iyileştirirken kullanılabilirliği artırmanın inanılmaz başarısını tamamlamak için 1 yıllık bir keşif gezisi gerçekleştirdi. Bu yazıda, bu yenilikçi palete geçişi inceleyeceğiz.

Nasıl başladı

Alex Vallis, Google’ın blog gönderisinde, ilk renk konfigürasyonunun her ayrıntıya nasıl belirli bir renk verdiğinden bahseder (örneğin, çalılar için belirli bir renk ve derin bir orman için başka bir renk.) Bu, renklerde o kadar küçük farklılıklar yarattı ki neredeyse imkansızdı. yollar, metinler ve sınırlar gibi önemli öğeleri ayırt edin.

değişikliklerden önce google harita

David Cronin (Kullanıcı Deneyimi Direktörü) “çok fazla renk olduğu için çenesinin düştüğünü” hatırladığını söyledi. Dana Steffe’ye (Görsel Tasarımcı) göre, en küçük ayrıntıları koruyarak renk paletinin Materyal Tasarım ile daha uyumlu olan daha az sayıda renk örneğine indirgenip indirgenemeyeceğine dair hipotezlerini araştırmaya başladılar.

Mevcut tasarımın yeniden değerlendirilmesi

Google Haritalar’daki ekip işe harita ayrıntılarını ayırt etme, erişilebilirliği artırma ve renk aralığını azaltma konusunda deneyler yaparak işe başladı. Altta yatan varsayımları sorguladılar ve bu renklerin neden eskisi gibi olduğunu sordular.

Aşağıda birçok örnekten biri var. Sahra Çölü, rüzgarla zamanla şekillenen çeşitli bir topografyaya sahiptir. Coğrafi özellikler arasında kum tepeleri, kumlu denizler (ergs), çorak taş platolar, çakıllı ovalar, kuru vadiler ve tuz düzlükleri bulunmaktadır. Ancak, bu varyasyon Google Haritalar’ın önceki tasarımına yansıtılmamıştı ve bölgenin çoğu ortak bir açık bej tonuyla temsil ediliyordu.

Webp.net gifmaker - Raw.Studio

Renklerin uygulanmasının dünyadaki manzaraların gerçek doğasını tasvir etmediği açıktı. Bu projenin, eğer üstlenilirse, Dünya’nın ayrıntılarını çok daha yansıtan bir yapı oluşturmak için mevcut eski sistemin tutarsızlıklarını ve gereksiz yönlerini ortaya çıkarabileceğine karar verildi.

Rengin arkasındaki duygu

Coğrafi ve kültürel bağlama bağlı olarak, farklı renkler her bireyde farklı duygular uyandırabilirken, belirli bir dönüm noktası veya dünyevi özelliğe duygusal bir bağlantı kurmaya da yardımcı olabilirler.

Bir Amalfi Sahili sakini, bir su kütlesini anında berrak ve mutlu bir bebek mavisi veya turkuazla ilişkilendirebilirken, Amsterdamlı bir yerlinin canlı çevreleyen mimariyi hala yansıtan kahverengi tonlu kanallarını sevgiyle düşünmesi gerekirdi. Google’daki tasarım ekibi, dünyevi bir özelliğe duygusal bağlantının önemini tam olarak anlamak için, dünya genelinde şahit oldukları su kütlelerinin kişisel hatıralarını paylaştı.

Marka Haritaları atlı karınca testi satır içi 00008 - Raw.Studio

Bunun en korkutucu kısmı, insanların dünyalarını doğru bir şekilde temsil etmenin ağırlığıdır. Bunu nasıl iyi yapıyorsunuz ve bunu küresel olarak nasıl yapıyorsunuz? Çöl veya ormanlar için renk seçiyorsanız, bu bölgelerin her yerde aynı görünmediğini hepimiz biliyoruz.

Dana Steffe, Personel Görsel Tasarımcısı

Bu ürün dünyanın her yerindeki kullanıcılar için tasarlandı, bu nedenle rengi değerlendirirken çok sayıda perspektifi göz önünde bulundurmak önemliydi. Dünyevi canlılığı anlamlı bir şekilde yakalayarak kullanıcılara ve yaşadıkları dünyaya geri dönmek istediler.

Rengi deneme ve iyileştirme

Ekip, daha büyük ölçekli bir parçaya ilerlemek için kendilerine güven aşılayan bir seferde küçük yinelemeler yaparak bebek adımlarıyla başladı.

Bu işbirliğini gerçekten büyülü yapan şey, ne tür sorulara ne zaman cevap vermeye çalıştığımızla ilgili sohbetlerimizdi: Kullanıcıların dünyayı öğrenmesine yardımcı olmaya ne çalışıyoruz? Onları Haritayı biraz daha keşfetmeye nasıl ikna edebiliriz? Daha keşfedilecek daha çok şey olduğunu iletmek için hiyerarşiyi bu şekilde geliştirmeye başladık.

Sarah Needham, Kıdemli Etkileşim Tasarımcısı

Bu incelik hemen gelmedi. Aşağıda su keşiflerinde göreceğiniz gibi, renkler ve hiyerarşi üzerine yüzlerce eskiz ve yineleme vardı.

Marka Haritaları crsl01 006 1 - Raw.Studio

Peki hepsi nasıl çalışıyor? Google Haritalar, dünya nüfusunun yüzde 98’inden fazlası için yüksek çözünürlüklü uydu görüntülerine sahiptir. Google’ın yeni “renk haritalama algoritmik tekniği”, bu uydu görüntülerini alıp, yoğun yollardan yemyeşil ormanlara, göller, okyanuslar ve vadiler için çeşitli mavi türlerine kadar kapsamlı ve kolayca ayırt edilebilen harita öğelerine çevirebiliyor.

Bunu başarmak için Google, gelişmiş uydu görüntülerini analiz etti ve HSV renk modelinden farklı alan türlerine daha ayrıntılı renkler atadı. Matt Simpson (Personel UX Tasarımcısı), “Daha azıyla daha fazlasını yapabildik” dedi.

Sonuç

Google’daki ekip, renk paletini 25 ana ve küçük tonla sınırlamayı başardı – karmaşıklığı önemli ölçüde azalttı ve Materyal Tasarım ile daha yakın bir uyum yakaladı.

Yeni renk paleti google haritası

Değişiklikler bir sonraki güncellemede uygulandığında, kullanıcılar gördüklerini tam olarak anlayabildiler ve öğeler arasındaki kontrastı kavrayabildiler. Aşağıda, Mt.’nin öncesi ve sonrasını görebileceksiniz. Rainier Ulusal Parkı. Şimdi karlı zirveler açıkça görülebilir ve etkili bir şekilde detaylandırılarak, söz konusu manzaranın gerçek doğasını yansıtıyor.

Önce ve sonra Mt.  Rainier Ulusal Parkı.  Artık karlı zirveler görünür ve etkili bir şekilde detaylandırılmıştır.Önce ve sonra Mt. Rainier Ulusal Parkı. Artık karlı zirveler görünür ve etkili bir şekilde detaylandırılmıştır.

Aşağıda başka bir harika örnek var – İzlanda’dan önce ve sonra. Sujoy Banerjee (Ürün Tasarımcısı), “İzlanda’nın zengin manzarasını görselleştirmek artık çok daha kolay. Ülke genelinde değişen yeşillik yoğunluklarını görebilir ve şu anda beyazla gösterilen İzlanda’nın en büyük buz örtüsü Vatnajökull’u daha kolay tespit edebilirsiniz. “

google harita üzerinde yeni renkler

Google şunları başardı:

Yeniden tasarım için en iyi seçenekleri bulmak için farklı renk konseptlerini etkili bir şekilde deneyin ve test edin. akılda kalan kullanıcılar.

Bu hesaplanmış ve doğrulanmış minimalizm, dünyanın daha doğru bir temsilini yaratma potansiyelini ortaya çıkardı. Temel unsurlara indirgemek, temiz, erişilebilir ve bilgilendirici bir ürün yaratarak ekibe gerçekten fayda sağladı ve aynı zamanda gelecek için üzerine inşa edilecek fırsatçı bir tuval görevi de görüyor.

CEVAP VER

Lütfen yorumunuzu giriniz!
Lütfen isminizi buraya giriniz