Temel Tasarım Trendleri, Ocak 2016
Uygulamalar her yerdedir. Sahip olduğumuz akıllı telefonlar ve giyilebilir cihazlar sayesinde günlük yaşantımızın ayrılmaz bir parçası haline geldi.
Bu nedenle, web sitesi tasarım trendleri söz konusu olduğunda uygulamalar, en büyük sürüş faktörlerinden biridir. Hadi bir bakalım.
Kaydırma iadesi
Küçük, dikey olarak yönlendirilmiş ekranlar, kaydırma işlemini büyük bir şekilde geri getirdi. Bir zamanlar kaçınmak istediğiniz bir şey olduğu düşünüldüğünde, kullanıcılar ekranı aşağıya doğru kaydırmazlar. Kaydırma, tasarım sürecinin yeniden ayrılmaz bir parçasıdır.
Ve şimdi kaydırma yapmak hiç olmadığı kadar iyi. Harika animasyonlar, paralaks efektleri ve birçok yaratıcı içerik fikri sayesinde, kaydırma yapmak eğlenceli ve kullanıcıların ilgisini çekmek için iyi bir yoldur.
Sayfa ilerlemesinin üzerinden sıradan bir şeyle durmayın; Küçük sürprizi sayesinde kullanıcıları memnun edecek yatay kaydırma veya animasyonlu bir seçenek düşünün. Normalde gezinme efektleri olan kullanıcılar için ikiye görsel bir işaret eklediğinizden emin olun. Böylece, web sitenizi nasıl kullanacağını anlamadıkları için kafası karışmaz veya web sitenizi terk etmezler.
Malzeme Tasarımı ana akım
Google'ın Materyal Tasarımı konsepti, mobil bir arayüz olarak başladı. Düz ilham alan, fizik tabanlı katmanlı arayüz, Android cihazlar için estetik olarak başladı, ancak iOS tabanlı uygulamalara da hızla yayıldı.
Tasarımcılar, tam ekran web sitelerinde kullanım konseptini genişletiyorlar.
Materyal kavramı basit, sezgiseldir ve gerçekçi unsurlara dayanır, dolayısıyla kullanımı ve anlaşılması kolaydır. Tasarımcılar parlak renkler ve şık animasyonlarla arayüz stili ile çok eğleniyorlar.
Gizli navigasyon her yerdedir
Bu, ana sayfa tasarımı hakkında düşündüğünüz yolu gerçekten değiştiren nakliye şirketlerinden biridir. Gizli navigasyon şu an büyük bir an yaşıyor.
Hamburger ikonunun tartışmalı tasarımı, en çok kullanılan uygulamadır ve tam menüyü açan bir simgedir. Web sitesi tasarımcıları iki seçenekten birini seçiyorlar: Ekranın bir bölümü veya ekranın tam ekranına göz atarak açılan bir menü. Tam ekran seçeneği, uygulamalarda slayt stillerinin nasıl çalıştığını hemen hemen aynı şekilde çalışır ve ekstra emlak tasarımcıları ile birkaç dahili bağlantıdan daha fazlasını içeren bir gezinme sayfası oluşturmak için çok fazla alan vardır.
Büyük boyutlu gezinme stilleri hakkında özellikle hoş olan şey, okunması ve tıklanması kolay olmasıdır. (Hemen hemen sonradan tasarlanan minik navigasyon elemanlarından daha kötü bir şey yoktur.)
Kartlar, kartlar ve daha fazla kart
Kart stili arayüze girmeden internette gezinebilirsiniz. Bu içerik kapları son derece kullanılabilir ve duyarlı çerçevelerde iyi bir şekilde istiflenir.
Kartlar popüler bir seçenektir, çünkü onlar da tasarımı çok eğlenceli olabilir. Kartlar, herhangi bir tasarım stiline uyacak ve neredeyse tüm içerik türleriyle çalışacak şekilde uyarlanabilir. Kartlar hakkında hatırlanması gereken tek şey, her kabın bir parça içerik tutması ve tek bir tıklamayla bağlantı kurmasıdır. Bu “şey” bir videoyu etkinleştirebilir, bir form gönderebilir, başka bir sayfaya geçebilir, bir öğeyi veya başka bir sayıdaki tek eylemi satın alabilir. Aynı web sitesindeki farklı kartların hepsi farklı şeyler yapabilir. (Kullanıcılar eylemleri anladığı sürece.)
Aynı zamanda çok az açıklama gerektiren bir arayüz tarzıdır. Facebook, Twitter ve Pinterest gibi sosyal medya siteleri, sonsuz içerikli kart stili arayüzlere dayanır, böylece yeni içerikler her zaman popüle edilir. Ezici kullanıcılar bu tasarım desenini beğenip kabul ediyor gibi görünüyor.
Mikro etkileşimler önemlidir
Çok uzun zaman önce, mikro-etkileşimler neredeyse sadece bir uygulama elemanıydı. Bu fikri yeniden düşünmek isteyebilirsiniz. Uygulamalar ve web siteleri arasındaki çizgi tamamen bulanık. Kullanıcılar bir uygulamayı ve daha sonra belki de web sitesini ziyaret etmek ve aynı deneyimi elde etmek istiyorlar.
Bu, mikro etkileşimler için de geçerlidir. Mikro-etkileşim, kullanıcının arayüzle iletişim kurmasına, bir eylemin gerçekleşmesine ya da arayüzü manipüle etmesine yardımcı olan her şeydir. Bu iletişim bitlerinin her biri, kullanıcı hakkında bir alarm, metin mesajı veya içeriği yenilemek için hızlıca kaydırma gibi çok az şey düşünüyor. (Sadece iş bilgisayarında veya telefonunuzda ne kadar toplantı bildirimi aldığınızı düşünün; bunlar mikro etkileşimlerdir.)
Bu kesintisiz geçişi sağlayan bağlantı faktörü, kişiselleştirme ve kullanıcı kişiselleştirmesi için birçok seçeneğin bir dokunuşudur. Mikro-etkileşimleri kullanmak zor, çünkü istenen bildirimler veya alarmlar veya mesajlar arasında ince bir çizgi var ve kullanıcıyı ezici.
Mikro etkileşimleri entegre ederken, kullanıcıların nasıl tepki verdiklerini görmek için öncelikle en temel işlevlerden bazılarına sadık kalın. Daha sonra, kullanıcı tabanınız kabul ederse karışıma ekleyebilirsiniz.
Ve şimdi… giyilebilir
Web sitesi tasarımının bir sonraki aşaması zaten gerçekleşiyor. Giyilebilir cihazlar popülerlik arttıkça, bu küçük ekranlardan öğeleri tasarlayacaktır.
Etkisi olacak unsurlar, başarıları göstermek için doldurulan tekerlekler, daha fazla mikro etkileşimler ve çok sayıda izleyici gibi küçük, durum tabanlı animasyonları içerir. (Kullanıcılar, şu anda verilere, fitness tabanlı verilerden alışveriş için kazanç puanlarına kadar takıntılı oluyorlar.)
Giyilebilir cihazlar ayrıca günlük hayata başka bir gamification katmanı ekler. Bu, muhtemelen web sitesi tasarımına da geçecektir.
Ne giyilebilirler gerçekten yapacağız, tüm cihazlarımız arasındaki çizgi daha fazla. Web siteleri, uygulamalar, giyilebilir cihazlar - bunların hepsi, kullanıcılar için entegre deneyimler sağlamalıdır, böylece cihazdan cihaza geçiş sorunsuzdur ve deneyim tutarlıdır.
Sonuç
Ekranlar boyutlarını değiştirdikçe, onlar için tasarlama şeklimiz de öyle. Kullanıcıların etkileşime girmek istedikleri, etkileşimli etkileşimler oluşturmak için, aygıttan bağımsız olarak, her arabirimin aynı şekilde çalışması gerekir. Bu fikir, tüm web sitelerinin tasarlanma şeklini çarpıcı bir şekilde etkilemektedir (mutlaka uygulamaya veya giyilebilir meslektaşlarına sahip olmayanlar bile).
Kullanıcıların en küçük ekranlarda sevdiği ve bunu daha büyük cihazlara genişleten bir şey oluşturarak tasarımcılar, anlaşılması kolay arayüzler oluşturabilirler. Ayrıca arayüzünüzü biraz daha talep üzerine yapar.