Son Web Trendini kucaklamak: Kart Tabanlı Tasarım
Her zaman yeni web tasarım trendleri hız kazanıyor. Birkaç yıl önce, bugün hala popüler olan paralaksın kim kalacağını kim unutabilir? Geç gelen uzun sayfalar, site ziyaretçilerinden daha fazla ilgi görüyor.
Diğerleri kadar tanımayan ve bir süredir etrafta olan bir trend, kart tabanlı tasarımdır.
Bu tasarım trendini sergileyen en popüler web sitesi, Pinterest'tir, ancak bu tasarım yaklaşımını giderek daha fazla kullanan ve iyi bir nedene sahip olan başka siteler de vardır. Ziyaretçiler bu tasarım tekniğini kullanan bir siteye göz atarken, tasarımda bu kadar sade ve zarif bir yaklaşımın ardında temizliği ve iyi organize edilmiş planlamayı hemen fark ederler.
Kendi sitenizde kart tabanlı tasarım kullanmanın bir çok avantajı var.
IA'ya ızgara yaklaşımı
Herhangi bir kart tabanlı tasarıma baktığınız zaman, gözetlemek için bir ızgara tabanlı tasarım görmemek de imkansız. Çünkü bir kartın her kenarı, sitenin sunduğu şekilde büyük tutarlılığı ve uyumu destekleyen daha büyük, iyi organize edilmiş bir sistemde çeşitli ızgaraların kenarıdır.
Bu da sitenizin bilgi mimarisine önemli ölçüde yardımcı olur. Bilgi mimarisi, ziyaretçilerinizin her bir sayfanın ve genel sitenin amacına uygun olarak site bilgilerini absorbe ettiği akıllı düzen ve akıştır.
Bir düşünün: Kart tabanlı tasarım, tutarlılığı vurgulayarak ziyaretçilerinizin gözlerine kılavuzluk ediyor. Her kart, gözlerini düzgün yatay ve dikey çizgiler boyunca yönlendiren bir sütun veya satırın bir parçasıdır. Bu düzenleme, ziyaretçilerinizin hangi bilgi parçasının diğerlerinden daha önemli olduğunu anlamasına yardımcı olur.
Örneğin, Contrastly Bir fotoğraf dergisi. Kılavuz / kart düzenini takiben bilgi hiyerarşisinde neyin daha önemli olduğunu anlamanıza yardımcı olur. En yeni makaleler en üst sırada yer alırken, eski makaleler alt sırada görünür. Yenilik genellikle daha büyük önem taşır, dolayısıyla kart sistemindeki bu azalan sıra sırasını takip etmek, kullanıcıların hangi içeriğin daha önemli olduğunu hızlı bir şekilde ilişkilendirmelerine olanak tanır. Bu nedenle, bu bilgiyi okuduğu sıraya öncelik verebilirler.
Görüntülerde ağır güven
İnsanların görsel yaratıklar olduklarını, eskiden klişe olduğunu, ancak kart tabanlı tasarımda yeni anlamlar aldığını söylediklerini duyduk. Kart tabanlı tasarım, neredeyse sadece görsellere dayanır; Aynı sayfadaki herhangi bir kopya genellikle görselliğe göre bilgi mimarisine göre ikincildir.
Bu gibi görüntülere ağır basmak kart tabanlı bir tasarımdır çünkü çalışmalar zaten görüntülerin web tasarımını yükselttiğini doğrulamaktadır. Örneğin, hem yüksek kaliteli resimler ve daha fazla insan yüzünü kullanarak görüntülerde dönüşüm oranlarını artırır. Aslında, tüm söylediler, birkaç yol Tasarımdaki görselleri kullanmanın sitenizin dönüşümlerini artırabilir.
Başka bir deyişle, görüntüleri kullanma vurgusu, kart tabanlı tasarımı site ziyaretçilerine daha çekici hale getirir. Bu tesadüf değil pinterest Alexa’ya göre, ABD’nin 15. en popüler sitesi
Bakıyor Pinterest sonuçları "gıda" terimi için, sitede bulunduğunuzda, gözünüze ilk gelen şeylerin resimler olduğunu görebiliriz. Resimlerin altındaki açıklamaları umursamıyorsunuz, en azından önce değil. Yüksek kaliteli, göz kamaştırıcı resimler dikkatinizi çeker ve daha fazla bilgi edinmek istediğinize karar verdikten sonra (ancak bu kart için zaten geçerlidir), kart açıklamalarını okuyun.
Geliştirilmiş UX
Herhangi bir tasarımcı, kullanıcı deneyiminin en önemli olduğunu söylemelidir. İlk başta ve en önemlisi tasarlamamız gereken şey bu. Kart tabanlı tasarımın bu kadar iyi rezonansa girmesinin bir başka nedeni de, öngörülebilir bir gelecekte bunu yapmaya devam etmesi, kullanıcı deneyimine yardımcı olmasıdır. Ve bu da site ziyaretçilerini sitenize geri gelmeye teşvik eder, bu da onlara daha fazla zaman harcayarak daha fazla zaman geçirmesine neden olur!
Harika bir kullanıcı deneyimi, kullanıcıların sitenizde herhangi bir sürtünme olmaksızın kendi yollarını bulabilmelerini sağlar; Temel olarak, hemen bulmak istedikleri şeyi bulmalılar ve baş ağrısı olmadan.
Dribbble tasarımcılar, kullanıcı deneyimini daha basit ve daha iyi hale getirmek için kart kullandıklarından bunu iyi anlayan bir sitedir. Bu site, çevrimiçi oluşturulmuş toplulukta kullanıcı tarafından oluşturulan sanat eserleri için bir vitrin olarak iyi bilinmektedir.
Sitenin amacı, insanların her türlü resim, grafik ve görüntülere hayranlık duymasıdır. Bu nedenle, kart tabanlı tasarım bunu sunmak için en uygun yoldur. Görüntüler, ziyaretçinin gözünü verimli ve hızlı bir şekilde çizdiği için, ziyaretçilerin, ilgi alanlarının kendilerini ilgilendirdiğini görmek için ızgara düzenindeki kartları hızlıca kullanması durumunda kullanıcı deneyimi büyük ölçüde artar. Onları ilgilendiren birini gördükleri anda, daha yakından bakmak için kartı anında tıklayabilirler.
Dribbble gibi bir site, ziyaretçiyi yaranın tam olarak uygun bir şekilde aradıkları şeyi bulmasını sağlar. Bu harika bir kullanıcı deneyiminin özeti!
Mobil tasarım için uygun
Cep telefonunun çok sayıda kullanıcı tarafından masaüstünü zaten aştığını duymuş olabilirsiniz. ABD’de 2015’te mobil medya dijital zamanı masaüstünün% 42'sine kıyasla% 51'e çıkıyor. Kart tabanlı tasarım, bu eğilimi duyarlı çerçevelerle uyumlu bir şekilde uyumlu hale getirerek dikkate aldığından dolayı idealdir. Kartlar daha fazla sindirilebilir parçalarda içerik sunduğundan, mobil çerçevelerde görünmeyi kolaylaştırır.
Kartlara şu şekilde bakın: şekilleri ve boyutları pratikte bir akıllı telefonun veya tabletin şekli ve boyutuyla ilgili bir taklittir. Elbette, farklı modellerin çokluğu nedeniyle tam olarak mükemmel bir eşleşme değil, ancak en boy oranı açısından düşündüğünüzde oldukça yakın bir eşleşme.
Sonuç olarak, mobil cihazlar sürekli olarak büyüdükçe kartlar asla kaybolmaz ve yakında herhangi bir zamanda yavaşlama belirtisi göstermez.
Sadece başka bir tasarım fad değil
Bazı tasarım trendleri ile ilgili problem, onların kısa ömürlü ve unutulabilir kılan fad'lara dönüşmeleridir. Kart tabanlı tasarım olsa da, bir şeydir! Uyguladığı pratik kullanım ve faydaların artması nedeniyle, zaman aşımına uğradığında sadece daha popüler hale gelecektir. Bu, gücün kaldığı anlamına gelir.
Sitelerin bilgi mimarisinde tutarlılık sağlar ve kullanıcıların daha fazla dönüşüm sağlamanın bir yolu olarak keskin görüntülerle kullanıcıların takıntısına dokunur. Sonuç olarak, tüm kullanıcı deneyimi, kart tabanlı tasarım ile büyük bir iyileşme sağladığından, kullanıcıların sitede aradıklarını bulmasını kolaylaştırır. Son birkaç yıldır cep telefonunun yükselişi sayesinde, bu tasarım yaklaşımı gittikçe daha fazla insanın karşılaştığı ve keyif aldığı bir dayanak noktası haline geliyor.
Bunu düşündüğünüzde, kartlar gerçekten eski bir kavramdır, ancak kolda bir atış yapılarak yeni ve yeni bir web tasarımı biçimine güncellendi. Sadece yenilikçi tasarımcıların eski ve sıradan bir şeyleri alıp 21. yüzyılda son derece alakalı ve faydalı olan bir şeye dönüştürebileceğini gösteriyor.