Herhangi bir web tasarımcısının performansını nasıl geliştirebileceğini anlattığımız tasarımcılara yönelik ipuçları ile ilgili diğer makalelerimizin yanı sıra , bir web tasarımcısının bilmesi gereken birkaç temel şey hakkında konuşmaya karar verdik, ancak bunların çoğu okulda öğretilmiyor. 

Çoğu şey, bazıları web sayfalarını tasarlamaya başlamadan önce bilmeniz gerekenler teorisiyle ilgilidir ve yukarıda bahsettiğimiz gibi, büyümeye ve web tasarım yeteneklerini ve becerilerini geliştirmeye ve geliştirmeye yardımcı olacak birkaç temel öneriyle ilgilidir. 

# 1 Web grafikleri optimizasyonu hakkında bilgi edinin

Web tasarımcılarının olağanüstü çalışmaları aracılığıyla benzersiz yeteneklerini ve yaratıcılıklarını sergilemelerinin yanı sıra, yeni başlayanların farkında olmadığı ortak bir şey var. Bu, grafik optimizasyonu ve tüm web sitesi veya web sayfası performansının etkisi ile ilgilidir. 

Daha önce çevirmeli internet bağlantısı kullanarak daha düşük internet hızına sahip kullanıcılar nedeniyle sayfa optimizasyonu zorunlu olsaydı, bugün bu sorun çoğunlukla çözüldü – ancak aynı zamanda daha büyük görünen bir başkasıyla değiştirildi. Web sitesi tarama sürecinde, arama motorları tüm içeriği topluyor ve web sitesinin her web sayfasının yanıt süresini hesaplıyor. 

Çoğu durumda, web sitesinin yanıt süresi önerilen sürenin altındadır ve bu, grafik içeriğin büyüklüğünden kaynaklanır. Bu web siteleri için formül basittir – sayfaların yüklenmesi ne kadar uzun sürerse, web sitesi arama motorları tarafından o kadar fazla cezalandırılır. Ama işler burada bitmiyor: 

Google, web sitelerinin bu optimizasyonu uygulayacağından emin olmak için, web sitelerini Mobile-First teknolojisi ve standartlarına göre taramaya karar verdi. Bu, tüm web sitelerinin sayfalarının mobil cihazlar için her şeyden önce optimize edilmiş olması gerektiği anlamına gelir. 

Mesele şu ki, bir web tasarımcısı maksimum düzeyde optimize edilmiş grafik içeriği sağladığında – işinin yarısının tamamlandığı düşünülüyor.

# 2 Navigasyon bir önceliktir

Gezinme, bir web sitesi için çok önemli bir özelliktir ve herhangi bir web sitesinin işlevselliğini yitireceği temel bir özelliktir. Kullanıcılar, keşiflerine devam etmek için daha fazla ne yapacaklarını bilmeden belirli sayfalarda takılırsa bir web sitesinin nasıl görüneceğini hayal edin. 

Önerdiğimiz şey, web sitesinin mantıksal yapısını düşünürken zamanınızı ayırmanızdır. Bu normal bir şey olsa da, günümüzde gezinme yapısını yeniden keşfetmenin onlara daha fazla başarı getirebileceğini düşünen birçok web sitesi var. 

Tabii ki, navigasyon sisteminin görünür ve beklenen bir yerde olması gibi bir diğer temel şey, kullanıcı deneyimini iyileştirebilecek şeydir. Aksi takdirde, karmaşık ve alışılmadık bir navigasyon sistemi kullanıcılar arasında kafa karışıklığı yaratabilir. 

Ek olarak, hiyerarşik web sitelerinden bahsederken, ana ve alt sayfalar arasında gezinmek için gerekli açıklığı sağlamak ve ayrıca kullanıcıları ana sayfaya götürebilecek stratejik olarak konumlandırılmış bir öğeye sahip olmak iyidir.

# 3 Yazı Tiplerini Dikkatli Kullanın

Tüm tasarımcıların sahip olduğu veya aklında bulundurduğu tüm yazı tipi koleksiyonunun dışında, aslında seçim yapmanız gereken çok fazla yazı tipi yoktur. Elbette, web sitesi konusu, alanı veya etkinliğinin belirli yazı tipleri gerektirdiği durumlar vardır, ancak yine de web uyumlu yazı tiplerine bağlı kalmanızı ve ayrıca web’deki en önemli yazı tipi trendlerinin neler olduğunu kontrol etmeyi unutmayın . 

Yazı tipini tutarlı tutarken, başlıkların paragraftan görsel olarak farklı olduğundan emin olmalısınız. Boş boşluk kullanmaktan, karakterlerin yüksekliğini ayarlamaktan ve okumayı keyifli ve net hale getirmekten çekinmeyin. 

Ayrıca yazı tipi boyutunu da göz önünde bulundurun: Gerekli olduğunu düşünmedikçe veya belki de sektörün spesifikasyonu olduğu için büyütmeyin. Öte yandan, yazı tipi boyutunu çok küçük tutmamaya çalışın. Çoğu insan küçük metinleri, özellikle paragrafları okumakta sorun yaşamasa da az gören ve diğer görme engelli kişileri düşünün. Genel olarak önerilen boyut 12 piksel veya üstüdür.

# 4 Renklerle abartmayın

Yazı tiplerinin önemi hakkında konuştuktan hemen sonra renkler hakkında da konuşmamız gerekiyor. Bir önceki yazımızda renklerin geçmişinden ve anlamından, farklı renk ve renk kombinasyonlarının ne zaman kullanılacağından bahsetmiştik. Bu makaleden çıkarım yaparak ve bu konunun çerçevelerine geçersek, en baştan bilmeniz gereken birkaç öneri ve şey var. 

• Belirli bir renk körlüğü biçimine sahip kullanıcıların erişebildiği renkleri kullanın. Web’de bu konuda size yardımcı olabilecek bir düzine araç bulabilirsiniz. 
• Arka planın ve ön planın renk kontrastını göz önünde bulundurun, böylece tüm tasarım öğeleri düşük görünürlük veya diğer görünürlük güçlükleri olan kişiler için görünür ve net olsun
• Web gezinmeleri için gerekli olan web öğelerini ve / veya gezinme göstergelerini tasarlarken kullandığınız renklerin parlaklığını iki kez kontrol edin
• Tüm web sitesinin veya web sayfasının renk tabanını ayarlarken faaliyet alanını ve kullanıcı profilini göz önünde bulundurun
• Kullandığınız renk çeşitleriyle aşırı tepki vermediğinizden ve kullanıcıları kafa karışıklığına sürüklemediğinizden emin olun. Kendinizi 2-3 renkle sınırlayın.

# 5 Kullanıcı Davranışını Anlayın

İnsanlar, daha fazla okumak veya başka bir siteye gitmek isteyip istemediklerine karar vermeden önce ortalama olarak yalnızca birkaç saniye harcarlar. Bu nedenle, bir web tasarımcısı olarak, kullanıcıları bu değerli saniyeler içinde eski seçeneği seçmeye teşvik edecek bir yol bulmanız gerekir.

En üstte gördükleri ilgilerini çekmiyorsa, pek çok ziyaretçinin sayfanın tüm içeriğini görüntülemek için aşağı kaydırmayacağını bilin. Önemli öğelerinizi kolayca görülebilecekleri en üstte tutmayı unutmayın, ancak aynı zamanda kullanıcıların gözünü korkutabilecek ve sayfanın alt kısımlarını okumalarını engelleyebilecek şekilde sayfanın üst yarısını aşırı doldurmayın. Bir web tasarımının üst yarısını bir satış noktası olarak düşünün: bir satıcı olun, insanların sitenizde başka neler olduğunu görmek istedikleri fikrine kapılmalarını sağlayın.

Yukarıda bahsettiğimiz birkaç kuralın farkına vardığınızda ve bunlara saygı duyduğunuzda, kesinlikle bir web tasarımcısı olarak performansınızı artıracaksınız ve çabanız takdir edilecektir. 

Öte yandan, bir web tasarımcısı değilseniz, ancak bu makaleyi okuduysanız , web sitenizi en son trendlere göre ve en yeni teknolojileri kullanarak tasarlamak için değerli bir web tasarım ajansı arıyor olabilirsiniz . 

Bir web sitesinin önemi, sahiplerinden ziyade kullanıcılar tarafından derecelendirilir ve bir kullanıcı web sitenizi değerlendirdiğinde, alabileceği en iyi kullanıcı deneyimini sağladığından ve UI (kullanıcı arayüzü) arasındaki mükemmel karışımı görüntülediğinden emin olmalısınız. ve işlevsellik.

İşte en UCY Medya (UI), söz konusu web sitesi UI önemli olduğunu düşünüyorum ve web oluşturma sürecinde, birbirinden işlevleri ve tasarım gereksinimlerinden, her zaman özel olarak tasarlanmış kullanıcı arayüzü aracılığıyla rahat bir Kullanıcı Deneyimi (UX) düşünme çözümleri uygulamak .

Deneyimlerimizin gösterdiği gibi, özelleştirilmiş kullanıcı arayüzü oluştururken, en iyi sonuç için dikkate alınması gereken bir dizi temel kilit nokta vardır. Ve önümüzdeki dakikalarda en önemli 4 tanesini paylaşacağız:

# 1 Kullanıcınızı Algılayın

Web sitesinin kimin için tasarlandığını tam olarak anlamak çok önemlidir. Ve bunu ne kadar iyi bilirseniz, o kadar çok çözüm verebilir veya çekebilirsiniz.

Bu sadece araçların ve uygulamaların verebileceği istatistiklerle ilgili değil, aynı zamanda kullanıcıların bu tür bir web sitesinde nasıl davrandıklarını, en çok neyi arayacaklarını, ilgi alanlarını ve inançlarını bilmekle ilgili. Tüm bu bilgilere sahip olmak, onların gezinmesini nasıl kolaylaştırabileceğinizi ve 1-2 tıklama uzaklıkta yararlı verileri nasıl bulabileceğinizi daha iyi anlamanıza yardımcı olacaktır.

Ayrıca, kullanıcı bilgisine sahip olmak, içeriği oluşturmanız ve web sitesine entegre etmeniz sizin için daha kolay ve daha yararlı olacak ve böylece güvenilirlik, şeffaflık ve erişilebilirlik kazanacaksınız – kullanıcıların web’de takdir ettiği 3 çok önemli şey endüstri.

Ve son olarak, zaman dilimine uymak ve çözümlerinizi en yaratıcı ama aynı zamanda basit ve erişilebilir kılmak için geliştirmek için bu bilgiyi proje bazında elde etmek esastır.  

En iyi kullanıcı arayüzüne mükemmel bir örnek, kendi web sitemizdir – Ucy Medya : Her sayfa, özellikle işletme sahipleri, web geliştiricileri ve tasarımcılar ve web endüstrisiyle ilgilenen okuyucular için iyi yapılandırılmış ve tasarlanmıştır. Ve bu, kullanıcılarımızı mükemmel bir şekilde anlamanın bir kanıtıdır.

# 2 Kendinizi Netleştirin

Birçok web sitesinde, beklenmedik sonuçlara sahip bir dizi harekete geçirme öğesi bulabiliriz:

• Haberleri tıklıyor ve reklamları görüyorsunuz
• Menüye beklenmedik bir biçimde erişim
• Gerçekte başka, tamamen farklı bir sayfaya götüren bir ürün veya hizmet satın almak.

Bu tür belirsiz unsurlar, rahatsız kullanıcılar, düşük itibar ve giderek daha az trafik oluşturur. Her gün, orijinal, yaratıcı olmaya çalışan daha fazla web kaynağı fark edebiliyoruz, ancak sonuç olarak, çözümlerinin yetersiz olduğu kanıtlandı.

Bu yüzden UI’de yalnız bırakılması ve olması gerektiği gibi çalışması gereken bazı şeyler olduğunu düşünüyoruz. Yaratıcı olmak, kesinlikle popülerliğinizi artırmak için iyi bir yoldur, ancak kullanıcı arayüzünde amaca yönelik değişiklikler yaparken, her zaman başkalarının ürününüzle nasıl etkileşime gireceğini düşünmelisiniz.

Bir yardım eli olarak, bu tür sorunları çözebilecek birçok unsur vardır:

• Yazım tahmini
• Yardım düğmesi
• Vurgu efektleri
• Uyarılar ve ek onaylar
• Belirli harekete geçirici mesaj düğmeleri için ilgili renkler
• Çok anlaşılır ve kabul gören semboller
• Boş alanlarda “kopyayı” teşvik etmek

Yukarıda bahsedilen tüm araçlar, tasarımcılara daha iyi ve daha net bir kullanıcı arayüzü oluşturmada yardımcı olur. Bu nedenle, bir tasarım görevi yolları rasyonel eylemlerle böldüğünde bunları kullanmayı teşvik ediyoruz.

Ayrıca doğru bir şekilde ayarlanırsa, öğeler özgün tasarım süsleri haline gelebilir ve bir önceki yazımızda belirttiğimiz son web tasarım trendlerine göre entegre edilebilir  .

# 3 Hataların Öngörüsü

Yanılmak ve hata yapmak doğaldır. Kullanıcı arabirimi söz konusu olduğunda, bu hataların öngörüldüğünden ve ayrıca kullanıcıların bunları yapmaya daha fazla maruz kaldıkları yerlerin olduğundan emin olmalısınız.

Birkaç kez hepimiz içerik, veri ve bilgi ile doldurmanın gerekli olduğu belgeler ve sayfalarla karşılaştık. Bu, yalnızca bu form altında yapılan hataları tahmin etmekle ilgili olmasa da, yine de en sık karşılaşılan durum budur.

Genel olarak, hatalı olmaları durumunda kullanıcılara yardım etmenin iki yolu vardır:

1. Hataları önleyin
2. Düzeltmek için bir yol sağlayın

Kullanıcılar verileri ekledikten sonra “İleri, Onayla, Sil” düğmelerini etkinleştirerek hataların önlenmesine yardımcı olabilirsiniz, böylece bilgi eksikliği yaşanmaz. Bu gibi durumlarda, kullanıcıların ne tür verileri hangi biçimde (örneğin yalnızca rakamlar, min / maks karakter sayısı, yalnızca büyük harfler, alfabe) girmesi gerektiğini bilmek de iyidir. Bu UI çözümleri aynı zamanda kullanıcıların gerçek bilgiler sağlamasına ve kesin olmayan veri riskini azaltmasına yardımcı oluyor.

Öte yandan, düzeltmenin bir yolunu sağlamak, kullanıcıları uygun verileri “test etmeye” teşvik etmenin harika bir yoludur – ancak bu, endişelenmeniz gereken en küçük şeydir.

Aslında, pek çok kullanıcı gerçek zamanlı kaydedilmiş bilgilerle birlikte bir “geri dön” düğmesi arıyor: İlk durumda, çoğu kullanıcı sayfayı düzenlerken bir hata yaptıklarını anlar ve diğer yandan – gerçek zamanlı kaydedilen veriler, kullanıcıların sekmeyi kapattıktan sonra bile önceden girilen bilgileri düzeltmesine olanak tanır.

Her iki durumda da, kullanıcıların daha iyi bir kullanıcı deneyimi ve olumlu geri bildirim alması için bu araçları eklemenizi öneririz.

# 4 İyi Yerleştirilmiş ve Boyutlandırılmış Öğeler

Harekete geçirici mesaj olarak hedeflenecek belirli unsurları belirlediğinizde, uygun büyüklükte stratejik pozisyonlara koymak her zaman daha iyidir. Ve bu, en önemlisi önceliklerin belirlenmesi meselesidir.

Başka bir deyişle, bir öğeye ne kadar yakın ve / veya daha büyükse, tıklanma şansı o kadar yüksek olur – bu, İnsan-Bilgisayar Etkileşiminin nasıl çalıştığının en mantıklı açıklamasıdır. Ancak, ekranın ortasına büyük öğeler koymak, en azından her zaman değil, iyi bir karar değildir.

Ekrana tıklanabilir öğeler yerleştirirken, ciddiye alınması gereken pek çok çıkarım ve şey vardır:

1. Tıklama hedeflerini yeterince büyük (ancak çok büyük değil) yapın, böylece kullanıcılar tarafından kolayca fark edilebilirler. Bu, kullanıcının gitmesini isteyebileceğiniz diğer sayfalara götüren menüler ve önemli bilgilerle ilgilidir. Küçük bir menü yaparsanız veya onun için tamamen soyut bir simge seçerseniz, sayfada çok sayıda öfke tıklaması yapılmasına neden olabilir.
2. Sayfadaki ortak öğeleri renge veya boyuta göre vurgulayın. Bu bir e-ticaret ise, kullanıcılar bulması zor olmayan bir satın al düğmesi arayacaktır. Aynı şey filtreler veya yakınlaştırma için de geçerlidir.
3. Gezinme ve sosyal medya öğeleri / simgeleri kenarlara yerleştirilmelidir. Yani konumları itibariyle dokunulmaması gereken başka şeyler de var. Neden?! En sık kullanılan simgeler gezinme öğeleridir ve kullanıcılar bunları olması gereken yerde bulamazsa, bu iyi bir şeye yol açmaz. Öte yandan, bunları yine tasarımınızın ve genel kabul görmüş çerçevelerin sınırları dahilinde özelleştirebilirsiniz.

UI göründüğü gibi daha karmaşık bir konudur. Bu, web sitesinin karmaşıklığına ve değiştirmek, uygulamak ve çıkarmak için ne kadar hazır olduğunuza bağlıdır. Ancak bununla bile, önerdiğimiz bu dört ipucunun, 5 yılı aşkın başarılı bir web tasarım deneyimi ve 45’in üzerinde tamamlanmış projenin sonucu olması nedeniyle, dikkate alınmaya ve uygulanmaya değer olduğunu düşünüyoruz.

Web siteniz için hangi tasarımı seçeceğinizden emin değilseniz – bize ulaşın, ücretsizdir