30+ Yıllara Dönük Bir Bakış İnternet sitesi Tasarımı

Dünya çapında web tasarımı, ilk web sitesinin yayınlandığı 1991 yılına bağlı olarak çok uzun bir yol kat etti. Tamamen metinsel içerik merkezli bu web sayfası, elektronik bir devrime dönüşecek olanın başlangıcını işaret ediyordu.

Ve "yapım aşamasında" GIF'lerin ve göz kamaştırıcı geçmiş rekor renklerinin hatıraları, internetin ne kadar çok olduğu konusunda beni şükretse de, esasen saygı gösterilmesi gereken bazı tarihi web sitesi tarzı kararlar var.

Bunun gibi internet siteleri, her ikisi de zamanını kaçırmadı. Bir web sitesinin piyasaya sürüldüğü gerçeğini göz önünde bulundurarak herhangi bir aralıkta nasıl göründüğünü görmek istiyorsanız, alan adını Wayback Machine'e girin ve bir gün seçin. Bu yazıda, web sitesi stilinin nasıl geliştiğine, yalnızca metin içerikli arayüzlerden bu günlerde gördüğümüz pürüzsüz, günümüz tasarımlarına kadar bir arama yapalım.

1990'ların Başı: Antik Çağ

90'ların başı, internet sitesi düzeni zaman çizelgemizin başlangıcını işaret ediyor. Bu noktada, yüksek hızlı web bağlantısı diye bir şey yoktu. Çevirmeli modemlerdi ya da hiçbir şey değildi. Bu nedenle, web sitelerinin yıldızdan çok daha düşük bağlantı hızları için geliştirilmesi gerekiyordu. Esas olarak metin bölümleri gibi görünüyorlardı - şimdi "düzen formatı" olarak kabul ettiğimiz şey yoktu.

Daha sonra HTML varyasyonları çok daha gelişmiş tasarımlar için izin vermiş olsa da, şu an ile karşılaştırıldığında, esas olarak başlıklar, paragraflar ve gelen bağlantılar için etiketlerden oluşan inanılmaz derecede birincildiler. Tipografi, görüntü ve gezinme gibi görünür bileşenler ve stiller, çok uzak olmayan öngörülebilir geleceğin öğeleriydi.

Modern İnternet web siteleri için çıkarımlar:

Bu ilk web sitelerinin işlevselliği tamamen bilgi amaçlıyken, şu anda kullanılan bazı tasarım bileşenlerini görebiliyoruz. Bu eski net sayfalar son derece hafiftir ve kademeli bir internet bağlantısı için optimize edilmiştir, zaman zaman hepimiz çalışmaya devam ederiz. Bu tasarım ve stil faktörleri, kişinin çalışma deneyimini hesaba kattı; bugünün sitelerinin genellikle daha yüksek hızlarda bile yapmayacağı bir şey.

Elbette, günümüzün dünya çapındaki ağı, medya yüklü internet sitelerinin üstesinden gelebilir… ama şimdi bile bazı sınırları var. Büyük medya dosyaları, ağır grafik stili ve anormal animasyonların tümü, yükleme hızları genellikle istediğimiz kadar hızlı olmadığında daha yüksek hemen çıkma oranlarına katkıda bulunabilir. Karmaşık stil ve tasarımı göz önünde bulundururken kişinizi kafanızda tutun ve KISS'i unutmayın (Çok basit tutmaya devam edin, Süper Kahraman).

1990'ların Ortası: Orta Çağ

Ağ yapısının merkezi çağları, web sitesindeki web sitesi oluşturucuları ve ara GIF'ler tarafından rahatsız edildi. (Gerçek bir vebadan daha büyük, ideal mi?) 90'ların ortalarında, web sitesi stili, hem kompozisyon hem de görsel görünüm koşullarında geliştirdi. Tasarımcılar, malzemeyi yönetmek için çoğunlukla masa tabanlı mizanpajları kullanmaya başladı ve bu da artan esneklik ve yaratıcı hayal gücü için izin verdi. Web siteleri yine de metin içeriği açısından oldukça önemliydi, ancak metin artık daha iyi okunabilirlik için sütunlara, satırlara ve diğer gezinme özelliklerine bölünebiliyordu.

Grafik düzen özellikleri de hemen popülerlik kazandı. Site isabet sayaçları, hareketli metinler ve dans eden GIF'ler, bu dönemi net tarzda belirleyen grafik özelliklerden sadece birkaçıdır.

Bugünün Web siteleri için çıkarımlar:

Şu anda, masaya bağlı tasarım ve stilin web siteniz için ideal seçim olmadığına dair birçok açıklama var - önemli biçimlendirme, ağır yük anları ve görsel tutarsızlık, tuzaklardan sadece birkaçı.

Ne olursa olsun, bu ilerleme, dünya çapında web stilinin evriminde hayati önem taşıyordu: Doğrusal olmayan web sitesi sayfası çerçevesine doğru hareketle başlamak buydu. Farklı öğeler artık dünya çapında bir web sayfasının farklı bölümlerine yerleştirilebiliyordu ve tasarımcılar mevcut verileri tüketiciye ulaştırmanın en etkili yolunu tasarlama konusunda deneyimliydi.

Gezinme ve yazılı içerik düşünüldüğünde web sayfası yapısı çok önemlidir. Kullanıcının web sitenizle nasıl deneyimlediğine ve etkileşime girdiğine büyük ölçüde karar verir. Bu faktörler, web yapısının merkez çağları boyunca ön planda olmasa da, şu anda kesinlikle ön plandadırlar.

1990'ların sonu: Rönesans

Rönesans. yeniden doğuş. Dünya çapında web stili, makul oranda yeniden tasavvur etme payını yaşadı, ancak Flash'ın piyasaya sürülmesiyle ilk kez bir tanesi gerçekleşti. 1996'da tanıtılan Flash, basit HTML ile elde edilemeyen bir stil olanakları dünyasının kapılarını açtı. Sanal grafikler ve etkileşimin evliliğiydi.

Önceki dönemlerdeki aynı tasarım ve stil bileşenlerinin çoğu sunulmaya devam edilmiş olsa da, bunlar animasyonlar, döşemeli tarih görselleri, neon renkler, 3D düğmeler, açılış web sayfaları ve diğer multimedya ile geliştirildi.

Flash, müşteri odaklı stil ve tasarımın başlangıcını işaret etti - inşaat ve navigasyon hayati kriterler haline geldi ve tasarımcılar, saf makalelerin ötesinde görünüm ve kullanılabilirlik üzerinde bilemeye başladılar.

Günümüz İnternet siteleri için çıkarımlar:

Flash bir oyun değiştiriciydi, ancak her yere kalıcı olarak yapışmayacaktı. Flash şu anda neredeyse hiç uygulanmıyor ve tüm zamanların en büyük Web optimizasyon günahlarından biri olarak kabul ediliyor. Günümüzde, eşdeğer sonuçlar elde etmek için CSS ve JavaScript animasyonları gibi alternatif çözümlere karar vermek veya video klip internet barındırma web sitelerinden film gömmek bir normdur.

2000'lerin Başı: Aydınlanma

2000'lerin başı, kullanılabilirlik ve uyarlanabilirliğin dünya çapında web yapısının gerçekten ön plana çıktığı bir dönemdi.

Birincil talep, geliştiricilerin bilgilerde görünür kuralları HTML'den ayrı tutmasına izin veren ve yazılı içerik ile modayı ustaca ayıran bir kodlama dili olan CSS idi. Bu, hem bu ağ tasarımcılarına hem de yazılı içerik geliştiricilere daha yüksek sanatsal özgürlük verdi - içerik artık tamamen tasarımdan geliştirilebilir ve bunun tersi de geçerlidir. CSS tarafından üretilen sitelerin bakımı daha kolay (daha az kod ve karmaşıklık), çok daha esnek (div etiketleri 1 diğerinden bağımsızdır) ve daha hızlı yüklenir (daha küçük boyutlu dosyalar).

Renk psikolojisinin çok daha iyi bilinmesi, boşluk kullanımının artmasına ve neonlar gibi cafcaflı renk tonlarının azalmasına da yol açtı. Bağlantılar, yalnızca metin içeriğinden ziyade simgelere eklenmeye başladı, çözünürlük ve pikselleşme çok daha hayati konular haline geldi ve materyalin stratejik yerleşimi de ilgi gördü.

Günümüz İnternet siteleri için çıkarımlar:

Erkekler ve kadınlar genellikle ihtiyaç duydukları bilgi ve gerçekleri arayan web sitelerini tararlar, bu nedenle bu görevi kolaylaştıran herhangi bir site büyük bir test işareti alır. Bilgili web tasarımcıları, çoğu son kullanıcının bir web sitesindeki her küçük şeye göz atmamanız gerektiğini ve hedef kitlenin bilgiyi nasıl değerlendirdiğini anlamanız gerektiğini bilir.

Sonuç olarak, sezgisel olarak yerleştirilmiş gerçekler, görsel olarak vurgulanmış gelen bağlantılar ve basit gezinme, modern web sitelerinin uyması gereken en iyi prosedürlerden sadece birkaçıdır. Genel olarak stil ve tasarım, düşüncede kullanılabilirlik ile!

2000'lerin Ortası ve Sonu: Sanayi Devrimi

Ağ tasarımının ve stilinin Sanayi Devrimi, Net 2'nin başlangıcıyla başlar. İşte bu sıralar, gerçek anlamda günümüz dünya çapında ağa doğru hareket etmeye başladı. Multimedya uygulamalarının ilerlemesi, etkileşimli yazılı içeriğin yükselişi ve sosyal medyanın ortaya çıkışı, bu aralığın birkaç belirleyici özelliğidir.

Ek olarak, bu iyileştirmeler esas olarak web sitesi yapısının nasıl yapıldığını belirledi… güzelce, yapıldı . Estetik değişiklikler, iyileştirilmiş gölge dağılımını, simgelerin artan kullanımını ve tipografiye daha fazla dikkati bir araya getirdi.

En önemlisi, yine de, stil ve tasarım, içerik malzemesiyle ilgili hale geldi ve yazılı içerik, araştırma motoru optimizasyonuna dönüştü. Kişi artık yerleşimin merkezinde yer alırken, pazarlama çözümleri (en azından açıkça) sitelerin ikincil performansı haline geldi - şimdi her şey ortaya çıkarmaktı.

Bugünün İnternet siteleri için çıkarımlar:

Bahsedildiği gibi, Web Sitesi 2'nin evrimi, Web optimizasyonunun ilerlemesini dikkate alınması gereken bir şey olarak gözlemledi. Bu yöntemler yıllar boyunca uyarlanmış olsa da, web siteniz hakkında Web optimizasyonu ifadeleriyle düşünmek, gelişen kurumsal web sitelerinin çoğu için hala büyük bir önceliktir.

Seo yazılı içerik gerektirir ve yazılı içerik çoğunlukla bu dönemde web sitesi stili ve tasarımının vurgusu haline geldi. Anahtar kelime optimizasyonu, gelen ve giden bağlantı, yazma, etiketleme ve sendikasyon teknik bilgisi RSS olarak bu tür saf düzen öğeleri haline geldi. URL spam'ı ve arama terimi sıkışması bu yöntemlerden hızla yararlanırken, bu prosedürler daha uzun bir süre etkili değildir ve (umarım) çoğunlukla başarısız olmuştur.

2010'dan Günümüze: Moda Çağı

Bugün, to start with internet sitesinin yayınlanmasından yaklaşık iki yıl sonra, net layout, her bir çok iyi reklam ve pazarlama yaklaşımının yeri doldurulamaz bir bileşeni olarak tek başına sağlam bir şekilde kurulmuştur. Son analizler, günümüz tüketicilerinin %50'sinin web sitesi stilinin bir işletme modeli için çok önemli olduğunu varsaydığını ortaya koydu.

Çağdaş estetik koşullarında, minimalizmin çoğalmasına tanık olduk: seyrek makaleler, düz grafikler (çok uzun, 3D düğmeler!), daha basit renk paletleri ve büyük ve cesur görseller. Ek olarak, UX orta aşamayı aldı ve bu düzen seçeneklerine sonsuz kaydırma ve tek web sayfası tasarımı ve stili olarak yol sağladı.

İnternet sitemizin en son düzeniyle tüm bu özellikleri bünyesinde barındırdığını çok iyi gözlemlemişsinizdir:

Web stili ve tasarımının evriminde daha önemli bir adım, hücresel internettir. Iphone'un 2007'de başlaması göz önüne alındığında, internet sitelerinin artan miktarda mobil dünya çapında web kullanıcılarını barındıracak şekilde yapılandırılma şeklinin yeniden analizi yapıldı. Bu, "önce mobil" stratejisini seçen çeşitli mobil çerçeveler ve telefonların tipik olarak tipik masaüstünüzün işlem hızından veya ilişki gücünden yoksun olduğu gerçeğini göz önünde bulundurarak hücre hızı optimizasyonunda daha da büyük bir amaç içerir.

Bu dijital devrim aynı zamanda, sayfa özelliklerinin tarama penceresinin genişliğine göre mekanik olarak değiştirildiği ve internet sitelerinin herhangi bir makinede veya ekranda çok iyi bir şekilde görünmesini sağlayan duyarlı düzende artış sağladı. Artık, tatmin edici bir mobil kullanıcı karşılaşması sağlamak için duyarlı tasarım gerekiyor, dünya çapındaki site ziyaretçilerinin %50'sinden fazlasının hücresel cihazlardan geleceği belirtildi.

İnternet siteleri bundan sonra nereye gidecek?

Bu gelişmelerden sadece bir tanesini tek başına yetiştiren belirli bir unsur varsa o da yazılı içeriktir. Aşağıdaki her bir yapı bileşeni, kişiye en uygun malzemeyi en verimli ve etkili şekilde taşıyacak şekilde uyarlanmıştır. Erişilebilirlik, uyarlanabilirlik ve kullanılabilirlik kavramları, dünya çapında web düzeninin bu dönemini gerçekten tanımlar.

Şu anda internet tasarımında yapabileceğimiz kesinlikle önemli ek şeyler olsa da, geldiğimiz noktada tekrar ortaya çıkmayı düşünmek zevkli. Web sitesi tasarımının sonuç olarak nasıl ilerlediğini merak ederek, önümüzdeki 20 yıl içinde nerede olacağını hissetmek gerçekten heyecan verici.

Editörün dikkatine: Bu yazı ilk olarak Temmuz 2013'te yayınlanmıştır ve kapsamlı olması nedeniyle günceldir.