Tasarım anlayışımızı değiştiren 14 kullanıcı arayüzü

VMWare’in tasarım başkanı Jehad Affoneh, bunun bilgi bulmada “hedefi 12’den vuran” bir yaklaşım olduğunu paylaşıyor. Ve hedefe bir kez bir çivi çaktığınızda, yalnızca küçük ayarlamalar gerekli: 20 yıldan daha uzun zaman sonra bile tasarım temelde aynı görünüyor.

Amazon’un gezinme sekmesi

İnternetin yeni bir ekonomik model inşa etme potansiyeli, başlangıçta işletmeler için cazip bir fikirdi, ancak vitrinden açılış sayfasına dönüşüm çoğu tüketici için zordu. Daha sonra Amazon geldi ve 1998’de e-ticaret oyununu değiştirdi. Netscape ve eBay’in portal yaklaşımlarından ilham alan sekmeli gezinme, artık müşterileri bir mağazadaki koridorlar gibi bir web sitesinin sunduğu alışveriş kategorilerine yönlendirdi. Tıpkı Google’ın SERP sayfası gibi, tasarım o zamandan beri büyük ölçüde değişmedi — ancak yıllar boyunca sürekli test, optimizasyon ve etkileşim yoluyla geliştirildi.

Mac OS X 10.0

MailChimp ürün müdürü Federico Holgado, “Benim neslim adına konuşursak, OS X tasarımdaki en büyük sıçramalardan biriydi” diyor. Belki de güzellik ve işlevselliğin ana akımdaki ilk evliliği olarak, teknolojik açıdan en olumsuz kullanıcılar bile tasarımın, güçten ödün vermeden teknoloji dünyasını nasıl daha az karmaşık hale getirebileceğini anlayabilirler. Federico “Windows masaüstümü OS X gibi kaplamak için hack’lediğimi hatırlıyorum çünkü çok güzeldi” diyor.

OS X ile birlikte, “sevilebilen tasarım” ve platform geneline yayılan ilk tasarım standartları geldi. Böylece açık kaynağın vahşi kaosu, kapalı düzen bir sisteme dönüşebildi.

Gmail

2004 yılında Gmail ilk kullanıma sunulduğunda davet edilmeniz gerektiğini biliyor muydunuz? Bu çok sevilen bir davetti ve hatta insanlar bu davetleri eBay’de büyük miktarda paralar karşılığında sattılar. Gmail’e duyulan yaygara görünüşüyle ​​ilgili değildi — hâlâ Google’ın güzellikten ziyade verimlilik odaklı tasarımlarına dayanıyordu ve diğer e-posta web arayüzlerinden pek farklı değildi. Gmail’i farklı kılan şey hissiydi. Deneyim, rakiplerden daha hızlı ve sorunsuzdu ve ileti arama gibi o zamanlar yeni olan özelliklerden yararlandı. O zamanlar, 1 GB’lık ücretsiz depolama alanı, küçük bir apartman dairesinde keşfedilmemiş bir odaya rastlamak gibi geliyordu. Gmail bize, iyi bir ürün yaratmak için kalıcı bir müşteri deneyimine odaklanarak tasarlanması gerektiğini hatırlattı.

Apple’ın ana sayfası

On yıldan daha uzun bir süre önce indirdiğiniz bir fotoğraf dosyasını açtıysanız, web sayfalarının internet hızları için istenenden daha yavaş tasarlandığını bilirsiniz. Tasarımcılara olasılıkları değil talihsiz gerçekleri yansıtan özelliklere bağlı kalmaları söylendi. Ancak daha sonra Apple, bant genişliği endişelerini görmezden gelerek ve web sitesinin ön sayfasında büyük, parlak görüntüler yayınlayarak 2005 yılında büyük bir hamle yaptı. Bu devrim niteliğindeki “görmek istediğiniz değişiklik olun” yöntemi, web üzerinde tamamen farklı bir pazarlama yaklaşımı oluşturarak daha zengin deneyimler için bir talebin oluşmasını sağladı.

Nike ve diğer büyük isimler, bu ipucunu aldı ve müşterilerinin istediklerini tedarik ederek web’in estetiğini önemli ölçüde etkiledi.

Viddler’ın zamanlanmış yorumları

2006’da Viddler adlı bir şirketin, hemen hemen her dijital sektörde “videoya pivot” aşamasını müjdeleyeceğini kim bilebilirdi? Videolarında belirli anlarda yorum, etiketleme ve tartışma sunarak medyayla etkileşim kurmanın yepyeni bir yolunu oluşturmakla kalmadılar, platform aynı zamanda kullanıcıların birbirlerinin yorumlarını görmelerine de izin verdi.

&Partners’ın baş deneyim sorumlusu ve AIGA’nın ulusal yönetim kurulu başkanı Ashleigh Axios, “Bu katmanlı kullanıcı arayüzü özelliği artık pek çok medya aracı ve platformunda kullanılıyor ve beklenen bir davranış” diyor ve ekliyor, “Zaman, artık Facebook gibi platformlardaki kullanıcıların emojilerle tepki vermesine, canlı diyalogları veya yorumları paylaşmasına ve canlı etkinliği kaçırmışlarsa, tüm deneyimi, tepkileri ve tartışmayı daha sonra tekrar oynatmasına olanak tanıyacak şekilde videoya entegre edildi.”

Yeni modelin sağladığı eşzamansızlık, tasarımcıların yayına daha uygun bir şekilde hazırlanmasına ve gerçek hayattaki diyaloğu andıran tamamen yeni bir formatı entegre etmesine olanak tanıdı.

Facebook’un Haber Kaynağı

Facebook’ta saatler harcadığınızı hatırlıyor musunuz? Büyük ihtimalle gün boyunca ara sıra, birinin sizi dürttüğünü veya duvarınıza yazıp yazmadığını kontrol etmek… bu yaklaşık bir dakika sürer. Sonra, zamanınızın geri kalanını, herhangi birinin ilginç bir şey gönderip göndermediğini görmek için arkadaşlarınızın (ve çılgınların) profillerini toplayarak geçirirsiniz. Yani, 2006’da Haber Beslemesinin tanıtımına kadar bu, bir sosyal ağın ne olduğu ve neler yapabileceği hakkındaki düşünme şeklimizi tamamen değiştirdi. Facebook bir mesaj panosu olmaktan çok bir keşif platformu haline geldi ve sosyal çevrelerimizden ve belki de daha çarpıcı bir şekilde markalardan ve haber kaynaklarından daha ilgi çekici içeriğe yol açtı. Sonsuz scroll özelliğini ilk icat edenler olmasalar da, kesinlikle popüler hale getirdiler. “Etkileşim” ve “sayfada geçirilen zaman” gibi ölçümler işimizin anahtarı oldu çünkü bunlar platformu kişisel yaşamlarımızda nasıl kullandığımıza dair yansımalar haline gelecekti.

Microsoft Office’in Şeridi

Microsoft Office, 2007’de basit araç çubuğunu kompakt, karmaşık ve zaman zaman kafa karıştırıcı “menü şeridi” (ribbon) ile takas etti. Uygulamada artan işlevsellik, sanal komuta merkezinde öne ve merkeze yerleştirildi. Tasarım onlarca yıldır aynı UI konseptinde büyümüş ve yinelenmiş olsa da, bugün olduğu kadar öne çıkıyor.

Rdio

Daha önce de belirtildiği gibi, kullanıcıların web’de yeterince rahat olmasını sağlamak için tasarımların gerçek dünya deneyimlerini olabildiğince yakından taklit etmesi gerekiyordu. Ve yaklaşık on yıl boyunca, her popüler web tasarımı skeuomorphism‘den etkilendi —ta ki RDIO 2010 yılında gelene kadar. Tuhaf ikonlar veya süslemeler olmadan, beyaz üzerine metin arayüzünün sadeliği, tasarımcılara daha cesur büyüme izni verdi. Ekranın içindeki dünya artık sadece onun dışındaki yaşamın bir uzantısı değildi.

Twitter – Pull to refresh

Twitter’ın sonsuz scroll’a katkısı kelimenin tam anlamıyla Facebook’un tam tersi yönde oldu. 2010 yılında “Yenilemek için çekin” özelliğini kullanıma sunduklarında, kullanıcıların tek bir kaydırmayla güncelleme talep etmesine olanak sağladı. Bu özellik ilk olarak Loren Britcher tarafından 2008 yılında bir üçüncü parti uygulaması olan “Tweetie” için geliştirildi. Daha sonra Twitter tarafından satın alındı ​​ve kitlelerle paylaşıldı ve onlara hem eski yayınları görmek için aşağı kaydırma hem de yenilemek ve gerçek zamanlı olarak yeni gönderileri görmek için yeni bir seçenek sundu. İçeriği sonsuz hissettirdi, bizi telefonlarımıza gömdü ve dikkat ekonomisi olarak bildiğimiz şeyin müjdesini verdi.

Duyarlı (responsive) tasarım

İnternete girmek, eskiden “bilgisayar odanızda” masaüstünü bilgisayarınızın başına oturmak anlamına gelirdi — bir konuşma sırasında (ve bazen de sohbetin ortasında) bildirimlerinizi hızlıca kontrol etmek değil. Ancak elbette, tüm bunlar iPhone’un gelişiyle değişti. Her yıl daha fazla kullanıcının sitelere mobil cihazlardan erişmesiyle birlikte, web siteleri, bir dizüstü bilgisayardan veya telefondan sitelere erişen herkes için, kullanıcı veya tasarımcı için ek çaba harcamadan harika bir deneyim oluşturmanın yollarına ihtiyaç duyuyordu. Ethan Marcotte’nin, yalnızca uyarlanabilir bir düzen için terim oluşturmakla kalmayıp, konsepti o kadar popüler hale getiren “Duyarlı Web Tasarımı (Responsive Web Design)” sonrasında, Mashable 2013 yılını “duyarlı tasarım yılı” olarak adlandırdı.

O zamandan beri, duyarlı tasarım, çevrimiçi deneyimimizin geleneksel web tasarımı kadar ayrılmaz bir parçası haline geldi. Aarron Walter, “Hepimizin alıştığı çoklu platform deneyimi için her yerde ve her yerde mevcut ve gerekli” diyor.

Squarespace 6

Profesyonel görünümlü bir web sitesi istiyorsanız iki seçeneğiniz vardı: Ya bir web sitesi oluşturması için pahalı bir web sitesi geliştiricisi veya şirketi ile çalışabilirdiniz ya da kodlamayı kendi kendinize öğrenmenin zorlu sürecine başlayabilirdiniz. Ancak tüm bunlar Squarespace ile değişti. Yıllarca standart tak ve çalıştır web siteleri oluşturduktan sonra, Squarespace 6’yı piyasaya sürdüler ve web sitesi geliştirmeye girişin önündeki engeli büyük ölçüde azalttılar. Böylece küçük bir işletme sahibi veya meslekten olmayan bir kişi olsanız dahi, modern zamanlara aitmiş gibi görünen kişisel bir site oluşturabilirdiniz. Müjdelediği minimal ve düz tasarım trendi birçok tasarımcıyı etkiledi ve web sitelerine on yıl boyunca ilham verdi.

Snapchat’in Story özelliği

Belli bir yaştaki yetişkinlerin nasıl “internet sonsuz mu?” diye sorduklarını hatırlıyor musunuz? Snapchat’in güzelliği, bunun aksini kanıtlamasıydı. Post/Feed dünyasında kural, angajmandı – ama haberleri takip etmekle haberler tarafından ezilmek arasında ince bir çizgi vardı. Bu yüzden Snapchat, Ekim 2013’te Story’leri (Hikayeler) yayınladı, böylece hiç bitmeyen bir gönderi anlatısı ile kullanıcıların arzuladığı geçici navigasyon doğası arasında bir denge kurdu. Kısa süre sonra, temelde her sosyal medya platformu aynı şeyi takip etti ve yalnızca şaşırtacak ve sevindirecek değil, aynı zamanda sürekli olarak etkileşim kuracak özellikler de ekledi.

iOS Ten Rengi Emojileri

Beyaz adamlar, başlangıcından bu yana tesadüfen değil, kasıtlı olarak teknoloji dünyasına hakim oldu. Bu yüzden, dünya görüşünün tasarım ve ürünlere karmaşık bir şekilde nüfuz etmiş olması şaşırtıcı değil. Tıpkı Kodak’ın Shirley kartının fotoğrafçılıkta onlarca yıldır süren ırkçılığa dayanması gibi. İnternet dünyayı yeni yollarla birbirine bağladığından, daha önce fiziksel uzaklık nedeniyle göz ardı edilen eşitsizlikleri açığa çıkardı. İş yerlerinde çeşitlilik, eşitlik ve kapsayıcılık konuşmaları ortaya çıkmaya başladı ve teknoloji alanında çalışanlar, bu daha adil geleceği yaratmaya yardımcı olabilecek küçük yollar olduğunu fark ettiler. Böylece, 2015’te iOS’ta ten rengi tonlarındaki emoji varyasyonu ortaya çıktı.

Figure 8 Thinking’in başkanı Natalie Nixon, “Bir Afrikalı-Amerikalı olarak varsayımın dahil edilmesini ve meydan okumasını takdir ediyorum” diyor, “Sonuçta, siyah ve kahverengi insanlar küresel olarak çoğunlukta. Bu iş açısından gayet mantıklı.”

Bu gelişme, sadece kapsayıcı grafikler üreten platformların ortaya çıkmasını sağlamakla kalmadı, aynı zamanda dünyada ve meslektaşlar arasında yeni bir diyalogun yolunu açtı.