Görünüm İndirgemesi: Mobil Tasarımda Yeni bir Trend

Bu yazı Michael Horton’un https://medium.com/swarm-nyc/complexion-reduction-a-new-trend-in-mobile-design-cef033a0b978#.3fhhv3587 bağlantısındaki yazısından çeviridir.

Uzunca bir süredir bir ‘temiz ve minimal’ dünyasında yaşıyoruz, öyleyse sırada ne var?

Son bir kaç aydır, bazı inovatif tasarım liderleri ‘minimal tasarım’ı bir sonraki seviyeye taşıdı. Facebook, Airbnb ve Apple mobil tasarımda yeni bir trend olan ‘Görünüm İndirgemesi’ni yansıtan bir yolla öne çıkan ürünleri basitleştirmek için benzer bir şablon takip ediyor.

GÖRÜNÜM İNDİRGEMESİ DE NE?

‘Görünüm İndirgemesi’ni daha önce hiç duymadığınızı mı söylüyorsunuz? Peki evet, terimi şu anda uydurdum. Henüz düz tasarımın, minimal tasarımın ötesinde ve progresif indirgemeden bağımsız yeni bir trend olduğunu işittim. Bazıları bunun sadece mobil dünyaya uygulanmış minimal tasarımın bir sonraki adımı olduğunu söyleyebilir ama bence bu çok daha ayrı bir şey. Bu yeni trendi tanımlayan spesifik benzerlikler ve karakteristikler var. Öyleyse ben de onu isimlendirmeye karar verdim. Bunu yapmama izin var, değil mi?

Silikon Vadisi boyunca dolaşan bu yeni ateşli trendin karakteristiklerini tanımlarsak:

1. Daha büyük, daha kalın başlıklar
2. Daha basit daha fazla evrensel ikon
3. Rengin çıkarılması

Sonuç? Bazı favori uygulamalarımızın kullanıcı arayüzleri çok ve çok daha fazla aynı marka altında barınabilir gibi görünmeye başlıyor.

KANIT

Mayıs aynın başlarında Instagram yeniden tasarlanmış kullanıcı arayüzünü yayınladığında bu trendin farkına varmaya başladım.

Uygulama boyunca kullanılan mavi ve koyu gri rengin çoğunu silmek de dahil tanıttıkları bazı değişiklikler, başlıkları daha kalın yapmak ve alt navigasyon ve ikonları basitleştirmekti. Arda kalan içeriğin parladığı ve fonksiyonelliğin temiz olduğu siyah ve beyaz kullanıcı arayüzüydü. Daha az karışık arayüzü beğendim ve uzunca bir süredir hayran olduğum bir platformu anımsadım; Medium. Medium 2012’deki açılışdan beri siyah ve beyaz ile sarsıyor ve o günden beri her yeni tasarımında karışıklığı düşürüyor; Medium’u bilmeseler bile Görünüm İndirgemesi’nin mucitlerinden biri yapıyor. Tebrikler, Medium!

Facebook’n Instagram’ın görünümünü belirginleştirmesindeki incelemelerden kısa bir süre sonra, Airbnb uygulamasını açtım ve ne kadar benzer göründüğü ile vuruldum. Bu, Nisan’daki yeni tasarımın sürülmesinden beri uygulamayı ilk görüşümdü, tüm bunları daha önce gördüğümü hissettim.

Airbnb’nin yeniden tasarlanmış kullanıcı arayüzü Instagram’ın bir ay sonraki yeni tasarımının medya kapsamına (bir miktar çünkü parlak yeni bir uygulama ikonu eşlik etmiyordu) yaklaşmamıştı ama bir çok aynı Görünüm İndirgemesi taktiğini takip etmişti.

Yen mobil tasarım daha büyük, kalın başlıklar tanıttı ve gereksiz resimleri ve renkleri sildi ve onları daha evrensel nitelikte tanınabilir yapmak için ikonları basitleştirdi. Geriye kalan içeriğin ışıldadığı ve fonksiyonelliğin açık olduğu çok siyah ve beyaz bir kullanıcı arayüzüydü.

Apple Görünüm İndirgemesi hareketiyle aşık olmuş tasarımcıların son örneği. Bu ayın başlarında, Apple’ın WWDC’sinde teknoloji devi, tüketicilerin iple çektiği “şu ana kadar ki en büyük iOS sürümü” dedikleri (en azından iOS 8’den beri “en büyük iOS sürümü!”) iOS 10’un püyasa sürülmesini de içeren bir takım heyecan veririci şeyi duyurdu.

Özellikle gözüm bir duyuruyu yakaladı. Bu Apple Music’in yeni tasarımıydı. Yeni tasarımın en önemli yönlerinin UX güncellemeleri ve ek özellikler olmasına karşın, estetik ilk dikkatimi çekendi. Caitlin McGarry, Macworld’de bir yazar, güncellenmiş görünümü güzel açıkladı, “O tamamen yeni bir görünüm, kocaman kartlar, daha büyük ve daha kalın fontlar ve albüm sanatının parıldamasına olanak veren temiz beyaz bir arkaplan.”

Tanıdık geliyor mu? Tasarım Instagram ve Airbnb tarafından kullanılan şablondan biraz daha farklı (katı ikonlar kullanıyorlar! Ne kahrolası Apple!) ama anahtar elemanlar şurada: büyük kalın başlıklar, siyaz ve beyaz kullanıcı arayüzü.

ÖYLEYSE TÜM BUNLAR NE DEMEK?

Daha önce söylediğim gibi, bu demek ki favori uygulamalarınız daha ve daha fazla birbirleri gibi görünmeye başlıyor. Neden? Daha çok NFL gibi, teknoloji bir taklitçi ligi. Bu yeni tasarımlar genel olarak pozitif eleştiri ile karşılaşıyor (bazı insanlar bu yeni siyah ve beyaz kullanıcı arayüzlerinde ‘kişiselleştirme azlığı’ndan yakınıyor ama yakında bunu aşacaklar) öyleyse eski ve yeni uygulamalar Görünüm İndirgemesi vagonuna atlamaya başlayacak.

Bu şu demek yakında iPhone ana ekranınız sizi Pleasantville’e taşıyan parlak portalların renkli bir moziğinden başka bir şey olmayacak.

Şimdi, bu monokromatik hevesin yanında ya da karşısında durun bu gelişimin şüphesiz bir sinyali. Ürün tasarım süreci gereksiz tasarımı teşvik eden eski parçalara ayrılmış yaklaşımdan gerçekten son kullanıcıya odaklanan daha bütünsel sürece gelişiyor ve evriliyor. Eski ürün tasarım sürecinde bir kullanıcı arayüzü geliştiricisi bir UX telkafesleri tarafından ya da ‘onu güzel yap’ diyen bir ürün kişisi tarafından ellenebilir. Bu tasarımcı karşılarında tam orada en iyi çözüm… telkafesler dururken saatlerini renk ekleyerek, silerek, değiştirerek harcayabilir. Bugünün daha fazla entegre olmuş tasarım sürecinde UX ve UI tasarımcılar arasındaki çizgiler bulanıklaştıkça tasarımcılar spesifik sorumlulularıyla (onu güzel yapmak gibi) ilgili daha az kaygılı hale gelirler ve kullanıcıları için en iyi ürünü yaratmanın nihai amacına odaklanırlar.

GÖRÜNÜM İNDİRGEMESİNİN TEMEL KILAVUZU

Öyleyse Görünüm İndirgemesi’ni kabul ettiniz ve vagona atlamaya hazırsınız? Güzel, bu kılavuzu takip edin ve hızlıca ödül kazanan bir uygulama sahibi olacaksınız.

1. Rengi Silin. Peek tamam, bir renginiz olabilir ama hareketi belirtmek için çok tutumlu bir biçimde kullanın. Her şey siyah ve beyaz olarak daha iyi olacaktır. Uygulamanızın içeriğinin rengi getirmesine izin verin.
2. Daha Büyük, Kalın, Siyah Başlıklar. Buradaki başlığı görüyor musunuz? 20’den 30 piksele artırın ve GÜÇLÜ yapın.
3. Basit, İnce, Tanınabilir İkonlar. İkonlarınız en iyisi evrensel olsun ve burada da renge izin yok. Ve eğer bonus puan istiyorsanız onları soldan sağa şu şekilde dizin: anasayfa, arama, ilk hareket, ikinci hareket, profil.
4. Beyaz Boşluklarınız için Çift, HAYIR, Üçlü. Hatta dörtlü bile olabilir. Burada gerçekten yanlış yapamazsınız.
5. Uygulama ikonunuzu daha parlak yapın. Eğer bir şeyi ışık ve renkle tasarlamak konusunda canavarlaşıyorsanız onu uygulama ikonu yapın. Burası kişiliğinizi ve markanızı koyduğunuz yer. Ve dikkat çektirin!