Önemli Web Sitelerinin 18 Harika Konsept Tasarımı (Facelift)
İçerik kral ise, tasarım kraliçe olmalıdır. İçeriğin nasıl yapılandırılacağına ve görüntüleneceğine karar verdiğinden, web sitesinin başarısı için çok önemli bir unsurdur ve kötü tasarım basit bir şekilde kullanıcı deneyimini mahveder, böylece site trafiği de düşer..
Genellikle, biz bir web sitesi tasarlarken, web tasarımcısı ticaret oyunu oynamak zorundayız. Herkesi her yönüyle memnun edecek bir tasarım üretmek imkansız olduğundan, işlevsellik için güzelliği veya okunabilirlik için işlevsellikten yararlanıyoruz..
Peki hangi tasarım daha iyi? Web tasarımcıları bu soruyu sormaya bayılırlar ve hatta bazıları Facebook ve YouTube gibi ünlü siteleri yeniden tasarlayarak ticaret oyununu daha iyi oynamak için kendilerini zorladı, bu vitrin yazısında potansiyel tasarımlar oluşturdular. Daha iyi ya da daha kötü, bir kullanıcı karar verirken!
Resmi istatistiklerine göre Facebook, 700 milyar dakika harcanan 500 milyondan fazla aktif kullanıcıya hizmet verdi. Bu tür bir istatistik için, bunun için bir web sayfası tasarlamak gerçekten stresli olacaktır. Ayrıca, bu kadar çok tasarımcının Facebook'u yeniden tasarlama konusunda kendilerine meydan okumasının nedeni de aynı olabilir. Aşağıdaki tasarımcılardan birkaç harika girişimden bahsedelim:
Konsept tasarımı Tarafından: Barton Smith
“Facebook Facelift, Facebook'un formunu ve işlevselliğini sorgulamak için kendi kendine başlatılan bir projedir. Kolaylaştırılmış, yapılandırılmış ve doğrusal bir arayüz daha anlaşılır, kullanıcı deneyimini geliştirir ve içeriğin özümseyebilirliğini arttırır.”
Ana Sayfa. (Resim Kaynağı: Barton Smith)
Fotoğraflar Sayfası. (Resim Kaynağı: Barton Smith)
Etkinlikler Sayfası. (Resim Kaynağı: Barton Smith)
Rehber Sayfası. (Resim Kaynağı: Barton Smith)
Bildirimler Sayfası. (Resim Kaynağı: Barton Smith)
Konsept tasarımı Gönderen: Bilgi Mimarları
Bu yenilikçi tasarım, Aralık 2006'dan itibaren doğmuş ve daha sonra Facebook'un mevcut tasarımı ile adil bir karşılaştırma yapabilmek için çağdaş tasarım standartlarına uyarlanmıştır. Buradaki fikir, postlarında açıkça açıklanan filtre, bilgi akışı ve reaksiyonu açıkça ayıran elastik 3 sütun düzeni içeren arayüzlü posta benzeri bir uygulama oluşturmaktı..
Ana Sayfa. (Resim Kaynağı: Bilgi Mimarları)
Konsept tasarımı Tarafından: Justin Dauer
“Öncelikli hedeflerimden biri arayüzü bir web uygulaması türü sunumundan daha fazlasına taşımaktı. Facebook günde yaklaşık 175 milyon kişiye giriş yapıyor; bu tür kullanımda doğası olan tüm tekrarlayan görevler bu yaklaşım biçimine elverişlidir. Bu yeniden tasarımı tamamlarken, Twitter'ın yeni uygulama benzeri kullanıcı arayüzü başlatıldı ve bana Stuart Smalley benzeri onaylama zamanı verdi.”
Ana Sayfa. (Görüntü Kaynağı: sahte oda tasarımı)
Konsept tasarımı Tarafından: Peter Knoll
Peter Knoll'dan çok şık bir tasarım. Grafik, tüm sitenin çekici ve umut verici görünmesini sağlamak için büyük ölçüde geliştirilmiştir. Arayüz, iyi okunabilirlik için güzel tipografi uygulamasıyla da çok daha temiz.
Ana Sayfa. (Resim Kaynağı: Peter Knoll)
Konsept tasarımı Gönderen: AndasoloARTS
AndasoloARTS tarafından yapılan Facebook varyasyonu bile satılıyor! Renk şeması Peter Knoll'un tasarımına oldukça benzer, ancak genel olarak farklı bir tasarım. Yine minimalizm düşüncesine sahip çok şık bir tasarım.
Ana Sayfa. (Resim Kaynağı: AndasoloARTS)
Konsept tasarımı Gönderen: Jonaska
AndasoloARTS'un Facebook tasarımından esinlenilmiş bir tasarım. Durum paylaşımı ve arama kutusunun uygulanmasını seviyorum, gerçekten iyi tasarlanmış bir varyasyon.
Ana Sayfa. (Resim Kaynağı: Jonaska)
Konsept tasarımı Gönderen: Czarny-Design
Köşeleri yuvarlatılmış, seksi bir tasarıma ne dersiniz? Biraz değişmiş renk şemasıyla Facebook için tamamen benzersiz bir tasarım yaklaşımı, kabul edebilir misiniz?
Ana Sayfa. (Resim Kaynağı: Czarny-Tasarım)
Benim alanım
Bir zamanlar sosyal paylaşım ağının öncülüğünde, Myspace nihayetinde ana rakibi Facebook tarafından üstlenildi. Şimdi My_____ olarak yeniden adlandırılan, hayranların tutkusuyla beslenen müzik, filmler, ünlüler, TV ve oyunları içeren lider sosyal eğlence merkezi olmayı hedefliyor. Aşağıdaki tasarımlar eski Myspace için denendi, ancak tasarımcının Myspace'in ne olması gerektiğini düşündüğü üzerine bir göz atmak hala harika.
Konsept tasarımı Gönderen: Rafael Oliveira
“Ya Myspace varsayılan olarak daha net, tanımlanmış ve güzel bir arayüze sahipse, ancak yine de kişiselleştirme seçeneğine sahipse, ancak daha anlaşılır bir şekilde ne yapsaydı? Buna başladığımda kendime sorduğum soru buydu ve harika bir proje oldu. Görsel tasarımın yanı sıra, zaten sitede olan içeriğe ve site haritalarına bakarak bazı kullanışlılık geliştirmeleri önerdim..”
Ana Sayfa. (Resim Kaynağı: Rafael Oliveira)
Kanal Menüsü. (Resim Kaynağı: Rafael Oliveira)
Fotoğraflar Sayfası. (Resim Kaynağı: Rafael Oliveira)
Özelleştirilmiş Profil Sayfası. (Resim Kaynağı: Rafael Oliveira)
Sanatçı Sayfası. (Resim Kaynağı: Rafael Oliveira)
Sanatçı Sayfası - Özelleştirilmiş. (Resim Kaynağı: Rafael Oliveira)
Videolar Kanal Sayfası. (Resim Kaynağı: Rafael Oliveira)
Tüm dünyada 1 milyardan fazla arama isteği işleyen Google, dünyadaki en ünlü web sitesidir. Aynı zamanda Android, Gmail ve Analytics gibi kullanıcı dostu ürünler oluşturarak internete hakim olmaya çalışan krallık olarak da bilinir. Google, web sitesi tasarımlarında çalışan birçok birinci sınıf tasarımcıya sahip olduğundan, herhangi bir yeniden tasarım girişimi, tasarımcıları için doğrudan bir zorluktur. İlginç.
Konsept tasarımı Tarafından: Craig Reville
“Google belki biraz şeyleri yeniden tasarlamaya karar verdiğinden bu yana, Google’ı nasıl görmek ve kullanmak istediğime bir göz atabileceğimi düşündüm. Simge tasarımcılarına daha iyi bir iş çıkarabildiği için genellikle ikonlara ya da logolara çılgınca değildim ve logoyu bu kadar basit seviyorum. Takdir herhangi bir ve tüm geribildirim.”
Ana Sayfa. (Resim Kaynağı: Craig Reville)
Arama Sonucu Sayfası. (Resim Kaynağı: Craig Reville)
Arama Sonuçları Sayfası - 2. Konsept. (Resim Kaynağı: Craig Reville)
Görsel Arama Sonuç Sayfası. (Resim Kaynağı: Craig Reville)
Konsept tasarımı Gönderen: FloxDesign
Biraz Bing gibi, ama daha epik bir şekilde. Saygılarımla, Google ana sayfam için bu harika tasarımın olmasını istiyorum, lütfen..
Ana Sayfa. (Resim Kaynağı: FloxDesign)
Youtube
Global olarak 3. sırada ve ABD site trafiğinde 4. sırada yer alan YouTube, videoları keşfetmek, izlemek, yüklemek ve paylaşmak için kullanılan bir web sitesidir. İçeriklerin çoğu bireyler tarafından yüklendi, ancak CBS, BBC, Vevo ve Hulu gibi ünlü medya videoları YouTube ortaklık programının bir parçası olarak kendi videolarını sundu. Günde 2 milyardan fazla izlenen bir siteyi yeniden tasarlamaya cesaretiniz var mı? Onlar yaptı.
Konsept tasarımı Tarafından: Michele Byrne
Video görüntüleme ve paylaşma hakkında daha fazla vurgu yapan şık bir yeniden tasarım. Kullanıcı arayüzü biraz Vimeo'ya benzese de, bu tasarıma benzersiz bir yaklaşım uygulanmaktadır. Yine de büyük girişim.
Ana Sayfa. (Resim Kaynağı: Michele Byrne)
Video Sayfası. (Resim Kaynağı: Michele Byrne)
Kullanıcı Sayfası. (Resim Kaynağı: Michele Byrne)
Video Bilgisi. (Resim Kaynağı: Michele Byrne)
Önerilen Video. (Resim Kaynağı: Michele Byrne)
Konsept tasarımı Tarafından: Josh Collie
“Yıllardır YouTube ile olan en büyük tutuşlarımdan biri, video izlerken ekranın üst kısmından kaydırma yapmadan yorumları okumak gibi diğer videoları da araştıramamaktı. Aşağıdaki tasarım, arama, video ve yorumlar dahil olmak üzere 3 ayrı kaydırılabilir sütun içererek bu sorunu çözmeye çalışır..”
Ana Sayfa. (Resim Kaynağı: Josh Collie)
Kullanıcı Sayfası. (Resim Kaynağı: Josh Collie)
Konsept tasarımı Gönderen: Thadeu Morgado
YouTube ana sayfası için yeniden tasarlanan bir deneme. Stil, tüm düzenin yeniden yapılandırılması haricinde hemen hemen aynıdır ve öne çıkan videolara daha fazla odaklanmak için büyük, şık bir kaydırıcı eklenir.
Ana Sayfa. (Resim Kaynağı: Thadeu Morgado)
Amazon
Amazon 1995 yılında çevrimiçi oldu ve şimdi en çok kitap, dergi, müzik, DVD, elektronik, bilgisayar, yazılım, ayakkabı, hemen hemen her şeyi içeren çok uluslu e-ticaret şirketi oldu! Çok büyük bir işletmeleri olduğu için, dünya çapındaki tasarımcılar daha güzel ve elbette kullanıcı dostu hale getirmek için tasarımın geliştirilmesi konusunda kendilerini zorluyorlar..
Konsept tasarımı Gönderen: Trevor Cleveland
“Amazon'un ana sayfasının ekranın üst kısmındaki yeniden tasarımı için üç eşsiz konsept keşfetmek istedim. Amazon, önde gelen çevrimiçi alışveriş sitelerinden biridir, ancak sıvı ana sayfa tasarımları, küçük boyutlara sahip monitör boyutları için ayarlanmıştır ve sitenin daha yüksek çözünürlükteki daha yeni bilgisayarlarda çok boşluklu görünmesini sağlar. Bu yüzden Amazon'u hızlandıracak üç fikir sunmak istedim..”
İlk Konsept - Ana Sayfa. (Resim Kaynağı: Trevor Cleveland)
İlk Konsept - Menü. (Resim Kaynağı: Trevor Cleveland)
İkinci Konsept - Ana Sayfa. (Resim Kaynağı: Trevor Cleveland)
İkinci Konsept - Menü. (Resim Kaynağı: Trevor Cleveland)
Üçüncü Konsept - Ana Sayfa. (Resim Kaynağı: Trevor Cleveland)
Üçüncü Konsept - Menü. (Resim Kaynağı: Trevor Cleveland)
Konsept tasarımı Tarafından: Maurice Kindermann
Mevcut tasarımda bir sorun yoksa, yeniden tasarım denemesi yapılmaz, Maurice Kindermann'ın Amazon tasarımı bu durum için en iyi örnektir. Amazon'un şu anki tasarımıyla hayal kırıklığına uğrayan Maurice, üç özel sorunu çözmek için sayfayı yeniden tasarladı: aşırı genişletilmiş ekran çözünürlüğü, parçalı satın alma seçeneği ve az miktarda içerik.
Ana Sayfa. (Resim Kaynağı: Maurice Kindermann)
IMDb
Kendisini gezegendeki en büyük, en iyi, en ödüllü film sitesi olarak kabul eden IMDb (Internet Movie Database), filmler, televizyon şovları, aktörler, prodüksiyon ekibi personeli, video oyunları ve filmde öne çıkan kurgusal karakterlerle ilgili çevrimiçi bir veritabanıdır. görsel eğlence ortamı. Bu siteyi bilgileri etkili bir şekilde gösterecek şekilde yeniden tasarlamak, web tasarımcıları için büyük bir zorluk olacaktır..
Konsept tasarımı Tarafından: Vladimir Kudinov
“Neden mevcut IMDB tasarımına sahip değilsiniz? Aşırı yüklenmiştir. Büyük miktarda yapılandırılmamış bilgi. Bu tür sitelerin çoğu kullanıcıları çoğunlukla resimlere, videolara ve daha fazlasına dikkat eder..
Böylece temiz ve şık bir tasarım yaptım. Burada, kullanıcı, film hakkında bilgi içeren bir ekran alır: fotoğraflar, aktörler, fragmanlar, hikayeler ve diğerleri. Okumak için bükülmek, dönmek zorunda değil. Gerekli olan tek şey - ekrana bakmaktır.”
Film Sayfası. (Resim Kaynağı: Vladimir Kudinov)
Menü. (Resim Kaynağı: Vladimir Kudinov)
Player Pop Up Bileşeni. (Resim Kaynağı: Vladimir Kudinov)
Üst panel. (Resim Kaynağı: Vladimir Kudinov)
Konsept tasarımı Tarafından: Rob Hendricks
“Mevcut IMDB web sitesinin neden bu kadar karmaşık olmadığını görmek zor değil. Gerçek şu ki, çok fazla içerik var. Doğru bilgi mimarisi bunu değiştirmenin anahtarıydı.”
Ana Sayfa. (Resim Kaynağı: Rob Atomic)
Oturaklı
Foursquare ile kullanıcılar şu andaki konumlarını “kontrol etmek” Bir akıllı telefon uygulaması veya SMS yoluyla, yerler hakkında bilgileri yer imlerine ekleme ve yakındaki yerler hakkında öneri bırakma. Yerel tüccarlar müşterilerini çekmek ve ellerinde tutmak için Foursquare'i de kullanırlar. Foursquare için yeniden tasarlamak tamamen benzersiz bir hizmet olduğu için gerçekten zor, bu yüzden daha fazla çalışmaya ihtiyaç var.
Konsept tasarımı Gönderen: Clay Parker Jones
Clay Parker Jones, bir hizmetin konumuyla ilgili olduğu için, bir haritanın Foursquare'in kullanıcı sayfasına gerçekten şık bir ek olduğuna inanıyor. Haritaya tıklamak bilgilendirici istatistikleri 4 farklı görünümle daraltabilir. Bu sayfadaki diğer eklentiler, normal bir sosyal ağ sayfasına benzeyen yayınlar, beğeniler, ipuçları ve önerilerdir.!
Kullanıcı Sayfası. (Resim Kaynağı: exitcreative)
yansıma
Tasarımı önemli değil, her kullanıcının yeni tasarımı uyarlaması zaman alıyor. Soru, kullanıcı olarak yukarıdaki tasarımdan herhangi birine geçmek ister misiniz, yoksa mevcut tasarımla iyi misiniz? Bu tasarımın kullanıcı deneyimi sorununuzu çözdüğünü mü düşünüyorsunuz? Bu tasarımın fikrinizi almak için yapıldığına inanıyorum, bu nedenle onlar hakkındaki düşüncelerinizi paylaşmaktan çekinmeyin, her fikir önemlidir.!
