Apple.com'un Evrimi
Apple tasarım ekibi, bugün sektördeki en yetenekli tasarımcı gruplarından biri olarak kabul edilmektedir. Belirledikleri trendleri sadece diğer büyük teknoloji şirketleri değil, akla gelebilecek her ürün ve hizmet alanında web tasarımcıları takip ediyor.
Zaman içinde heyecan verici bir yolculuğa çıkarken ve Apple'ın tasarım tarzının gelişimine şahit olurken takip edin. Apple.com'da 1997'ye kadar uzanan birkaç önemli bakış açısı elde edeceksiniz, çünkü birkaç önemli tasarım trendinin yükselişine ve düşüşüne tanık oluyoruz.
Tasarım Kaynaklarını Keşfedin
Elma ve Tasarım
Yukarıdaki resim şu anda olduğu gibi Apple web sitesinin bir anlık görüntüsüdür. Apple'ın tasarım duygusu hakkında sevdiğimiz her şeyin mükemmel bir resmi. Ürünün güzelliğine güçlü bir vurgu yaparak temiz ve minimaldir.
Sıralamak için bir milyon farklı afiş veya mega açılır menü yok, sadece basit bir navigasyon şeması, özellikli bir ürün ve altta diğer önemli ürünleri ve bilgileri vurgulamak için evrensel bir yol olarak hizmet eden dört farklı içerik kutusu var.
Kopyaya da dikkat edin: kısa ve abartılı bir dokunuşla noktaya (Apple onsuz nerede olurdu?). İPhone 4S'nin övünecek yüzlerce özelliğe sahip olmasına rağmen, ilginizi çekecek ve daha fazla bakmaya teşvik edecek kadar dört temel mermi noktasına kadar düştüler.
Hep böyle miydi?
Apple, stil ve üstün tasarım anlayışıyla uzun zamandır bilinmektedir. Rakipsiz inovasyon başarılarının ön saflarında yer alır, ancak bu başarıyı beraberinde getirmek, ürünlerinde, reklamlarında, web sayfalarında ve hatta mağazalarında geri dönüşü olmayan bir şekilde entegre olan sıkı bir şekilde entegre edilmiş bir marka imajı olmuştur.
Apple.com'a Apple'ın görsel markası için belki de en önemli ve sık güncellenen nabız olarak baktığımızda, bu yolculuğa merak edemiyorum. Bu marka nasıl gelişti? Apple.com'un ilk sürümleri neye benziyordu? Benzer miydi? Aynı basit estetiği paylaştılar mı ya da on yıl önce yoğun web tasarım stillerini yansıtmaya daha yatkınlar mıydı?
Yazdırılan Apple
Apple'ın marka gelişimine dair bir fikir edinmek için Apple.com'un varlığından önceki zamanı kısaca düşünmeliyiz. Şirketin doğuşundan itibaren Jobs her zaman sadeliğe güçlü bir vurgu yaptı. Ancak o dönemin çok farklı bir görsel çevirisi vardı. Mac Mothership, 70'lerin sonunda Apple'ın marka imajına bir göz atmak için hoş bir vintage Apple reklamları koleksiyonuna sahiptir, gördüğünüz gibi, bugün Apple.com'dan çok ağlıyor.
Bu reklamlar satış sahaları ve bilgilendirici kopyalarla doldurulur. Bu, yeni ürün kategorileri için gerekli bir kötülük olabilir, ancak bunun ötesine geçer. Logolar bile Apple'ın kendini tanımlamasının bir evrimini gösteriyor. Soldaki orijinal, bir ağacın altında Newton'un çok karmaşık bir örneğidir, sağdaki güncellenmiş sürüm sayfa boyunca çekim yapan renkli bir gökkuşağıdır. Her ikisi de bugün gördüğümüz basit ve her yerde bulunan sembolden çok daha karmaşıktır.
Önümüzdeki yirmi yıl boyunca Apple, cömert miktarda boşlukla flört edecekti, ancak yukarıda gördüğümüz aynı temel kopya ağır yaklaşımlarını izleyen reklamlar arasında sadece kısa bir süre için.
Bugün bildiğimiz Apple markasının sadeliğine en önemli sıçramanın, orijinal 1984 Macintosh reklamının arkasındaki ajans olan TBWA \ Chiat \ Day'den ve daha sonra tüm zamanların en ünlü reklam kampanyalarından biri olduğu söylenebilir: Düşün Farklı.
1997'ye gelindiğinde Apple kimliğini buldu. On yılı aşkın bir süredir, Farklı Düşün kampanyası bir gün yaşlanmadı. Orijinal Apple reklamları gibi antika hissetmiyor, bunun yerine sonraki nesillere etki edecek kadar zamansız ve güçlü.
Web'e geri dön
Think Different, Apple için her şeyi değiştirdi (bu ücret elbette İşlerin 1996-97'de geri dönüşüyle yönetildi). Sadece Apple'a değil müşterilerine de müthiş bir kimlik kazandırdı. Görsel olarak, Apple'ın marka stilini bugün bildiklerimize salladı.
Bu hiçbir yerde Apple.com'dan daha net değil. İnternet Arşivinin harika zaman makinesini kullanarak Apple'ın web sitesinin ilk günlerine geri dönebiliriz. 1997'de Farklı isabet düşünün, eğer öncülümüz doğrulanırsa, bunu site için bir değişim yılı olarak görmeliyiz. 1997'nin ortalarında Apple.com'a bir bakış:
Apple'dan beklediğiniz tam olarak değil mi? İlk basılı reklamlar gibi burada da türünü ve birçoğunu görüyoruz. Adil olmak gerekirse, o sırada web tasarımının genel durumuna kıyasla, bu aslında oldukça minimal bir tasarımdı. Gerçekten de, her şey güzelce düzenlenmiştir, ancak bir ton içerik vardır. Aslında, ekran görüntüsünde görmediğiniz şey, bu haber paragraflarının kilometrelerce devam etmesidir (canlı sürüm için buraya tıklayın).
Bu tasarımın Düşünme Öncesi olduğunu unutmayın. Önceki Apple.com tasarımları bu estetiği paylaştı. Şimdi bulabildiğim ilk Think-Different sonrası Apple ürünü olan 1998'in Mayıs ayına geçelim.
İki estetik arasındaki fark inanılmaz, aynı şirketten bile görünmüyorlar (yüzleşelim, gerçekten değiller). Eskiden karışıklık ve aşırı miktarda bilgi bulduğumuz yerde artık boşluk buluyoruz; ton ve beyaz boşluk. Eskiden kilometrelerce ilerleyen bir sayfa bulduğumuzda, şimdi kısalık buluyoruz.
Basit başlık sadece “Apple” diyor, ürün çekimi kahramana yükseldi ve animasyonlu GIF harikasıyla iMac'in yerinde dönen etkileyici bir animasyonu bile var.
Aynı Düşün
1998 tasarımının benim için en şaşırtıcı yanı, Apple'ın 2012'ye girmekte olanın ne kadar benzer olduğudur! Tipografi, logo ve renk sıçramaları, tasarımınızda zaman içinde yaşlanmayı bekleyebileceğiniz unsurlarda önemli bir tasarım dersi olarak hizmet eder, ancak buradaki temel düzen, bugün Apple.com'da gördüğümüze şok edici bir şekilde yakındır.
Sitenin üst kısmı ana ürün özelliği için ayrılmıştır (bu durumda orijinal iMac) ve alt kısmı diğer önemli ürünleri içeren birkaç yatay dikdörtgene ayrılmıştır.
Temel Farklılıklar
Bahsettiğim gibi, tipografi bu evrimde öne çıkan ana unsurdur. Sans-serif yazı tiplerini “modern” olarak adlandırmamızın bir nedeni var, Apple'ın mevcut yazı tipinin 1998'deki klasik eski stil serif ile karşılaştırıldığında tasarımlarını nasıl zaman içinde ileriye taşıdığını açıkça görebilirsiniz.
Burada gördüğüm en önemli değişikliklerden biri navigasyon, sayfanın ne kadar aşağı olduğuna dikkat edin. Bugünlerde üst taraftaki navigasyona çok alışkınız ki, bu tasarım kesinlikle birçok kullanıcıyı bir döngüye (belki de sonsuz bir döngüye) atacaktı. Apple, siteye gitmek istediğiniz yere ulaşmanıza yardımcı olmanın kelimenin tam anlamıyla en büyük öncelik olduğunu açıkça öğrendi.
Yukarıdaki kırpılmış ekran görüntüsünden almadığınız düzenin çok önemli bir bileşeni, sabit genişlik içeriğinin ekranınızın sol tarafında bulunmasıdır. Günümüzde modern siteler genellikle yerleşimlerini tarayıcı penceresinin ortası olacak şekilde düzenlerini merkezler.
Ayrıca, yıllarca sitede bir elyaf olarak kalan ve sadece bu yılın başlarında kaldırılan Apple haber beslemesi de belirtiliyor.
İlerleme: 1999
Ekim 1999'a kadar Apple hala aynı tasarımı kullanıyordu. Ürünler gelişiyor, ancak sayfa tasarımı neredeyse bir önceki yıla benziyor. Apple.com'da Pixar'ın Oyuncak Hikayesi 2'ye bağırdığına dikkat edin, Steve'in her iki şirketin de dümeninde olduğunu söyleyebilir misiniz?
Ayrıca, logoda büyük bir değişiklik olduğunu fark edin, şimdiye kadar Apple, gökkuşağını katı beyaz bir elma lehine öldürdü. Apple, bugün hala devam eden bir logo basitleştirme hareketinde güçlü bir lider olduğunu kanıtlayacaktı. Bununla ilgili daha fazla bilgiyi Pepsi vs Coke: Markanın Gücü başlıklı makalemizde okuyabilirsiniz.
2000
2000 yılının Mayıs ayına geldiğimizde birkaç büyük değişikliğin gerçekleştiğini görüyoruz. Yeni başlayanlar için, tüm düzen artık tarayıcıda ortalanmıştır. Ayrıca, navigasyon nihayet en üste taşındı ve Apple'ın OS X ile ünlü hale getirdiği aqua tarzı arayüze çok benziyor. Navigasyonun iki bağlantı katmanı ile ne kadar karmaşık olduğuna dikkat edin.
Parlak düğmeler ve sekmeler web tasarımında büyük bir hareketti ve birkaç yıl boyunca standart “harika” idi. Düz renklere veya ince renk geçişlerine sahip basit, minimal düğmelerle mevcut web tasarımcısı takıntısı, bu daha süslü stile doğrudan yanıttır
2001
2001 yılının Kasım ayına gelelim ve birkaç önemli adım daha görüyoruz. Aqua tarzı haber akışına doğru ilerledi, sans-serif türü ele geçirilmeye başlandı (alt başlığa dikkat edin) ve içerik kutuları dramatik bir şekilde gelişti. Üç yerine dörde atlamayı yaptık ve kutular şimdi üstteki sekmelerde gördüğümüz gibi yuvarlatılmış köşeleri olan tamamen farklı şekiller. Bugün hala yuvarlanıyorlar, ancak Apple sınır yarıçapında dramatik bir şekilde geri çekildi.
Adobe bu ekran görüntüsünde merkeze girmesine rağmen, 2001, iTunes ve iPod'un piyasaya sürülmesi nedeniyle Apple için anıtsal bir yıldı. Bu, onların ilk baskısını, şirketi tamamen yeniden tanımlayacak geleneksel olmayan bir nesil nesillere işaret ediyor. Bu aynı zamanda, iPod sevgileriyle Mac'e çekilen Windows kullanıcılarını kazanmada yardımcı olacak çok daha samimi ve sezgisel bir sisteme kararlı bir hamle olan OS X'e atladıkları yıl oldu.
2004
2004'ün sonlarına doğru Apple, ana içerik alanını düz renkli yuvarlak köşe kutusuyla vurgulamayı denemeye başlamıştı. Daha tipik olarak, beyaz arka planla güzel bir kontrast için yapılmış olan bu kutuyu siyah olarak görürsünüz, ancak iPod'un renkli reklamları sayfaya biraz hayat getirmek için bir fırsat işaret etti.
2004 tasarımının bir başka gerçekten önemli yönü: tüm sans-serif tipine atladılar. Bu, tasarım trendlerinin ilerlemesinde önemli bir kilometre taşıdır.
2005
2004 yılında siyahla flört etmek, Tiger'ın 2005'te piyasaya sürülmesi için büyük bir deneye yol açtı. Burada, Apple.com ana sayfasının çoğunun siyah renkte olduğunu görüyoruz. Ürün sayfalarının çoğuna taşınan bir trend.
Ayrıca 2005 yılına kadar çok büyük bir sorun, iPod'larla bu sayfanın alt kısmında görünen ürün yansımalarıydı. Bunları gördüğümü ve o anda üzerinde çalıştığım projeler için onları hemen parçaladığımı tamamen hatırlıyorum.
2007
Apple trendleri önümüzdeki birkaç yıl boyunca oldukça sabit kaldı, 2007'nin sonlarına kadar nihayet bugün bildiğimiz siteye büyük ve çok hoş bir sıçrama yapmadılar.
Sitenin ana sayfası tamamen elden geçirildi. İçeriği önemli ölçüde genişlettiler ve eski aqua navigasyonunu öldürdüler, daha önce bahsettiğim pürüzsüz gradyanları kullanarak çoğu tasarımcı için aqua trendini takip edecek büyük ölçüde basitleştirilmiş bir sürümle değiştirdiler. Genişletilmiş içerik genişliği, şu anda çoğu masaüstü ve dizüstü bilgisayarlarda bulunan geniş ekranlara bağlanabilir. UI tasarım trendlerini etkileyebilecek ve etkileyecek donanım gelişmelerinin farkında olmak çok önemlidir.
Ayrıca arama çubuğunun sonunda sayfanın üstünde olduğuna dikkat edin. Bu, çok uzun süre dipte atılan bir düşüncedir ve nihayet hak ettiği dikkati ve önemi aldığını görmek harikaydı.
2011
Apple, önceki tasarımla adım adım ilerledi ve herhangi bir standardın etkileyici bir çalışması olan Ocak 2011'e kadar büyük ölçüde değişmedi!
Bu yılın başında, Apple'ın bir adım geri gittiğini ve güncellenmiş bir karanlık kaplama da olsa navigasyonu parlak bir görünüme geri döndürdüğünü gördük. Bazı ince arka plan gürültüsü dokularını da denemeye başladılar, bence tipik olarak önde gelen tasarım ekibini, önlerindeki sayısız diğerleri tarafından belirlenen popüler trendlere atlamış gibi görünen acı verici bir hareket. Dokuyu yakından görmek için aşağıdaki resme tıklayın.
Sıradaki ne?
Apple'ın ana sayfasının nereye gideceğini tahmin etmek zor, ancak sitede daha ilginç bazı deneyler görüyoruz. Ana sayfanın gürültü dokusunu düşürmesine rağmen, mevcut iPhone sayfası, iç içe geçmiş bir ürün alanına sahip dokulu bir arka planın çok daha ağır bir uygulamasını başlattı.
Görünüşte ve dışarıda uçan iPhone'un gerçekten etkileyici animasyonları da var. Bunlar 1998'in animasyonlu GIF'lerini modern web teknolojileriyle değiştiriyor, ancak fikrin kalbi kesinlikle aynı.
İleride, Apple'ın animasyonlu ürünler ve parlak düğmeler gibi eski numaralara döndüğünü görecek miyiz? Ve belki de iOS'ta gördüğümüz daha fazla dokuyu tanıtarak dokulu arka planlar uygulamalarında duracaklar mı? Tahminin benimki kadar iyi!
Sonuç
Apple.com'un evrimiyle ilgili bu çalışma, tek bir şirketin kaprislerine bakmaktan çok daha fazlasıdır, son on yılda tüm şirketler için birkaç büyük web tasarım trendine önemli bir ders vermektedir. Minimalizmin yeniden doğuşuna rağmen, bugün hala oynadığımız parlaklıkla mizanpajların basitleştirilmesine ve metnin azaltılmasına, sans-serif tipinin yükselişine ve birkaç yıllık aşk ilişkisine tanık olduk.
Arama çubuklarının önemindeki artış, gezinmenin önemli ve bulunması kolay olması ve yeni web teknolojilerinin Flash sonrası bir dönemde web tasarımına getirdiği zenginlik gibi diğer eğilimleri de kolayca tespit edebiliriz. Apple, HTMl5 ve CSS3'ü Adobe'nin saltanatına karşı doğrudan bir saldırıda herhangi bir büyük teknoloji şirketinden daha açık bir şekilde itmekten sorumludur.
Bunları ve tasarım tarihinin sayısız diğer önemli parçalarını korudukları için İnternet Arşivi'ndeki insanlara çok teşekkür ediyoruz. Apple'ın önümüzdeki yıllarda web tasarım trendlerinde lider mi yoksa takipçi mi olacağını görmeyi dört gözle bekliyorum.
