Büyük Ekranlara Uygun Web Tasarımları İçin 7 Öneri

web tasarım Büyük Ekranlara Uygun Web Tasarımları İçin 7 Öneri

Dokunmatik ekranlar yalnızca telefonlarınızda veya tabletlerinizde değil, her yerdeler. Masaüstü bilgisayarlar boyunda, hatta daha büyük boyutlardaki ekranlar için tasarım yapmak çok daha farklı beceriler gerektirebilir.

Belirli boyutlardaki ekranlar için yapılan tasarımlara bu kadar odaklanmışken nasıl web tasarımlarımızı daha büyük ekranlara uygun hale getirebiliriz?

1. Doğal İşaretler Kullanın

"Sağa kaydırın" ve "sola kaydırın" komutlarının bu kadar popüler olmasının bir sebebi var. Bunlar doğal jestler ve el hareketleri.

Çok büyük boyutlu ekranları düşünürken parmak hareketlerinden fazlasını, bütün bir eli düşünmelisiniz. Çoğu kullanıcının büyük ekranlarda daha fazla kullanım alanı olacak çünkü  bu tip ekranlar genellikle masa üzerinde kullanılıyorlar dolayısıyla ellerini meşgul eden bir durum söz konusu değil.

Büyük ekranlarda dokunma ve hareketlerin, mobil cihazlarda olduğu gibi rahat olmasını istiyor olabilirsiniz ama dokunma eylemlerini düşünmelisiniz. Kaydırma hareketleri küçük ekranlara göre daha abartılı ve dokunma eylemleri daha şiddetli olabilir.

Bazı durumlarda kol hareketleri gerektirdiği için büyük ekranlardaki kaydırmalar daha rahatsız ve yorucu olabilirler.

Diğer bir doğal "davranış" ise gözle takip etmedir. Bazı büyük ekranlar kullanıcıların her şeyi takip edebilmesi için fazla büyük olabiliyor. Kullanıcıların önemli bilgileri görebileceklerinden emin olmak ve tasarımla olan bağlılıklarını anlamak için göz hareketlerine göre tasarım yapmalısınız.

2. Metinleri ve Grafikleri Büyütün

içeriklerinizin okunaklı olması web tasarımınız için önemlidir

Web tasarım uzmanları büyük ekranlarda görüntülenmesi için görsel elemanları büyütmek zorundalar. Tabii bu çoğu zaman olması gerektiği gibi olmuyor. Daha büyük ekran daha çok eleman demek değildir. Bunu farklı bir kullanıcı deneyimi olarak düşünün. Metinler ve grafikler de dahil olmak üzere bütün içeriklerin büyük ekranlar için yeniden boyutlandırılması gerekiyor.

  • Kullanıcılar, daha fazla mesafelerde de tasarımla etkileşim kurabiliyorlar. Bu yüzden, bu elemanlar arasındaki farkı net olarak görmeliler.
  • Ekrandaki elemanlar yönlendirmeye gerek kalmadan anlaşılabilir olmalı.
  • Dokunma hedeflerini görmesi kolay olmalı ve kesin etkileşimler oluşturmalı.

3. Navigasyonların Her Zaman Erişilebilir Olduğundan Emin Olun

Büyük ekranlardaki navigasyon yollarının her zaman erişilebilir olmasını sağlamalısınız. Genel olarak kabul görmüş web tasarım yollarındaki formatları kullanın.

Farklı bir içeriğe ulaşıldığında navigasyonun değişmeyeceğinden veya yok olmayacağından emin olmalısınız. Ana sayfa geleneksel navigasyon menüleri içermeden navigasyon butonları ile tasarlanmış olabilir ama diğer bütün sayfalar kullanım kolaylığı için geleneksel yollar içermeli.

Bu sayfalarda yazı temelli girişleri minimumda tutmaya çalışın. Klavyeler tuhaf ve yavaş olabilir ve kullanıcıları zorlayabilir. Eğer klavye temelli girişler kullanmak zorundaysanız navigasyona klavye gizleme komutunu da dahil edin. Bu şekilde kullanıcılar yalnızca ihtiyaç duyduğunda klavyeyi aktive edebilirler.

4. Fazla Seçenek Sunmayın

kullanıcılarınızın davranışlarını yönlendirin

Ekran büyüdükçe seçimler daha can sıkıcı olabiliyor. Butonları ve etkileşimleri bir oyun gibi düşünün. Kullanıcılar belirli bir zaman aralığında seçim yapmalılar. Buradaki numara da seçim yapılacak iki eleman olmasıdır.

Bu konseptin iyi çıkarımlarından biri web tasarımınızın basitleşecek olmasıdır. Her ekranda iki seçenek olması, tasarım elemanlarının ve karmaşıklığın azalması demektir ve bu şekilde arayüzünüz daha kullanışlı hale gelecektir.

Seçimleri tasarlarken her bir eylemin eşit derecede net olduğundan emin olun. Butonlar belirgin ve tıklaması kolay olacak kadar büyük olmalı. Etkileşimli elemanlarında ve daha popüler kullanıcı seçimlerinde dikkat çekebilmek için küçük animasyonlar kullanabilirsiniz.

Basitleştirilmiş seçimlerin önemi ekranın boyutuna göre de değişebilir. Bütün bir ekranın her zaman kullanıcının görüş alanında olamayabileceğini unutmamalısınız. Bu, seçimleri kendi başına sınırlayabilecek bir durumdur. Eğer erkenden seçimleri düzenlerseniz içinde bulundukları şartların kullanıcı seçimlerini sizin için eleme durumundan korkmanıza gerek kalmaz.

5. Gizliliği Düşünün

kullanıcı arayüzünde gizlilik önemlidir

Bir kullanıcı toplum içinde kiosk ekranı kullanıyor diye herkesin onun ne yaptığını bilmesine gerek yok.

Ekran ne kadar büyük olursa diğer insanlar kullanıcının ne yaptığını o kadar rahat görebilirler. Konu dokunmatik ekranlara geldiğinde kullanıcıdan hassas bilgiler isteme konusunda dikkatli olmalısınız.

Bu konuda yapılacak en uygun şey formlar veya veri girişleri için tasarımınıza küçük pencereleri dahil etmektir.

6. İnternet Bağlantısı Sorunlarını Düşünün

Büyük ekranlar için en büyük problem bu olabilir. Bunların internet bağlantısı olmadan da çalışabilmeleri gerekir.

Halka açık alanlarda bulunan büyük ekranları veya taşınabilir kiosklar veya büyük tabletler gibi portatif cihazları düşünün. Bu cihazlarda internet bağlantısı sorunu sıklıkla yaşanabilir dolayısıyla tasarımınızın bağlantı olmadan da çalışabilir olmasını sağlamalısınız.

Tasarımın çalışması için gerekli bütün araçların, JavaScript'ten font kütüphanelerine ve veri toplama elemanlarına kadar, yerel olarak depolanmış olduklarından emin olun.

7. Butonları Belli Etkileşimler İçin Tasarlayın

web tasarımlarınızdaki butonları belirgin yapın

Tasarımınız kullanıcılara ekranla nasıl etkileşim kuracaklarını göstermeli. Her kullanıcı ilk bakışta dokunmatik ekranı nasıl kullanacağını anlamayabilir.

Tasarımınızda kullanıcıları sürece dahil etmek için animasyonlar ve butonlar gibi görsel ipuçları kullanın. Büyük ekranların çoğu kullanıcılar için tek seferlik etkileşimler sunar ve bütün arayüzler birbirinden farklıdır. Daha anlaşılır elemanlar kullanarak tasarımın kullanımını ne kadar kolaylaştırırsanız, kullanıcılarınız tasarıma o kadar bağlanacaktır.

"Başlamak için buraya dokunun" gibi tanımlayıcı mikro metinler kullanın. Bu elemanlar size gereksiz kılavuzlar gibi gelebilir ama herkes arayüzü rahat kullanamayabilir. Kullanıcılara yardım edin.

Web tasarım projelerinizin şu an için büyük ekranlara uyumlu olmayabilir ama bu cihazlar git gide daha da popüler hale geliyorlar. Bu yüzden tasarımlarınızı şimdiden bu ekranlara uyumlu hale getirmek isteyebilirsiniz.

Tarih: 2018-04-05 18:32 - 5 ay 20 gün önce

Web Tasarımlarının Ötesinde: Görünmez Arayüzler

Web Tasarımlarının Ötesinde: Görünmez Arayüzler

Web Siteniz Size Para Kaybettiriyor Mu?

Web Siteniz Size Para Kaybettiriyor Mu?