Kategori: Web Tasarım

Web tasarım terimlerini ve sektörle alakalı önemli gelişmeleri içerir.

Genel, Web Tasarım, Web Yazılım

React JS Nedir?

20 Ekim 2021

React, bir satırda “ kullanıcı arayüzleri oluşturmak için bir JavaScript kitaplığı ” dır .

React’in Özellikleri

1. Bildirimsel

Bu, nasıl yapmak istediğinizi değil, sadece ne yapmak istediğinizi söylemeniz gerektiği anlamına gelir.
Başka bir deyişle, yalnızca nihai hedefin ne olduğunu beyan edersiniz, bu hedefe ulaşmak için ara adımları değil. Ara adımlar sistemin kendisi tarafından halledilir (bu durumda React).
Bu özellik sayesinde, etkileşimli kullanıcı arayüzleri oluşturmak oldukça kolaylaşır.

2. Bileşen Tabanlı

React, UI’ler oluşturmak için bileşenleri kullanır . Bileşenler, yeniden kullanılabilir hale getirmek için ek işlevlere sahip HTML öğelerine benzer .
React‘te, kendi durumlarını yöneten kapsüllenmiş bileşenler oluşturacak, ardından bunları karmaşık kullanıcı arayüzleri oluşturmak için oluşturacaksınız.

3. Bir Kez Öğrenin, Her Yere Yazın

React, teknoloji yığınınızın geri kalanı hakkında varsayımlarda bulunmaz, böylece mevcut kodu yeniden yazmadan React’te yeni özellikler geliştirebilirsiniz.

Genel, Web Tasarım, Web Yazılım

2021’de Web Sitenizi Mobil Öncelikli Tasarlayın

23 Şubat 2021

Mobil cihazlara öncelik veren tasarım konsepti ilk olarak 2010 yılında, o zamanlar Google‘ın CEO’su olan Eric Schmidt‘in bir konferansta şirketin mobil kullanıcılara daha fazla odaklanan tasarım uygulamalarını benimseyeceğini duyurmasıyla gündeme geldi.

Dedi ki;

“Şu anda gerçekten önemli olan şey, mobil mimariyi doğru yapmak. Mobil, sonuçta, hizmetinizin çoğunu sağlama şekliniz olacaktır. Benim ifade etmekten hoşlandığım şekilde, öncelik her zaman mobil olmalıdır. “

İfadenin arkasındaki mantık oldukça basitti: Küçük ekranların sınırlı alanı var. Bu yüzden onlar için tasarım yaparken, bazı detayları görmezden gelerek, kullanıcılarınızın en çok ihtiyaç duyduğu önemli öğeleri seçersiniz.

Tasarımınızı daha büyük ekran, yani masaüstü veya dizüstü bilgisayarlar için genişletirken, kullanıcılarınıza daha güçlü ve kullanıcının hayatını kolaylaştıracak gelişmiş öğeler sağlayabilirsiniz.

Diğer bir deyişle, Mobil öncelikli tasarım, mobil kullanıcının ihtiyaçlarını dikkate alan bir web geliştirme stratejisidir. Tasarım sürecini tam tersi yerine küçük ekranlardan başlamak kullanıcılar için daha iyi bir deneyim yaratır. Dolayısıyla, bir masaüstü web sitesi oluşturmak ve ardından onu bir cep telefonuna sığdırmak yerine, küçük ekranları tasarlamakla başlarsınız.

Diğer bir deyişle, mobil öncelikli web sitesi tasarımı, yalnızca mobil cihazlarda kullanılabilen değil, aynı zamanda mobil cihazlar için optimize edilmiş bir web sitesi oluşturmayı ve böylece kullanıcı deneyiminizin cihazlar arasında sorunsuz olmasını sağlamayı amaçlamaktadır.

Kullanıcılarınıza mümkün olan en iyi deneyimi sunmak için mobil öncelikli web sitesini tasarlamaya hemen bizimle başlayın; hem Google hem de site ziyaretçileriniz bunun için sizi sevecek ve ödüllendirecek.

Genel, UX/UI Tasarım, Web Tasarım

Web Sitenizde Yapılmaması Gereken 7 Hata

12 Şubat 2021

1. Ziyaretçilerinizin içeriğin yüklenmesini beklemesini sağlayın

Web kullanıcılarının dikkatleri ve sabrı çok azdır. NNGroup araştırmasına göre :

Kullanıcıların dikkati 10 sn. ile sınırlıdır.

Ziyaretçiler sitenizin yüklenmesini beklemek zorunda kaldıklarında, hüsrana uğrayacaklar ve yeterince hızlı yüklenmezse muhtemelen sitenizi terk edecekler. En güzel tasarlanmış yükleme göstergesi bile, yükleme çok uzun sürerse kullanıcıları siteden ayrılmaya zorlayabilir.

Load Bar
Yükleme Göstergesi

2. Dahili bağlantıyı yeni bir sekmede açın

Bu kaba davranış, kullanıcıların önceki sitelere geri dönmesinin normal yolu olan Geri düğmesini devre dışı bırakır .

Yeni Sekme
Yeni Sekme

3. Promosyonları doğru konumlandırın

Promosyonlar ve reklamlar, yanındaki içeriği gölgeleyebilir ve kullanıcıların görevleri yerine getirmesini zorlaştırabilir. Reklam gibi görünen herhangi bir şeyin genellikle kullanıcılar tarafından göz ardı edildiğini söylemek gerekir (bu fenomen afiş körlüğü olarak bilinir ).

Reklam
Promosyonlar

5. Videoları sesli olarak otomatik oynatma

Arka planda otomatik oynatma videoları, müzikler veya sesler kullanıcıları rahatsız eder. Bu öğeler tutumlu ve yalnızca uygun ve beklendiğinde kullanılmalıdır.

Video Oynatıcı

6. Güzellik uğruna kullanılabilirliği feda etme

Bir sitenin veya kullanıcı arayüzünün tasarımı, kullanıcının ekrandaki içeriği tüketme becerisine asla müdahale etmemelidir. İçeriğin arkasında meşgul arkaplanlardan, sitenin okunabilirliğini engelleyen zayıf renk şemalarından veya yetersiz renk kontrastından (aşağıdaki örnekte olduğu gibi) kaçınmak önemlidir.

7. Yanıp sönen metin ve reklamlar kullanmayın

Yanıp sönen veya titreyen içerik, duyarlı kişilerde nöbetleri tetikleyebilir. Sadece nöbetlere neden olmakla kalmaz, aynı zamanda genel olarak kullanıcılar için can sıkıcı veya rahatsız edici olabilir.

Mobil Uygulama, UX/UI Tasarım, Web Tasarım, Web Yazılım

Responsive Web Tasarımı Ne Demek ve Avantajları Nelerdir?

9 Temmuz 2019

Responsive web tasarımı, sitenizin her bir öğesini çeşitli ekran boyutlarına göre ayarlanabilen bir web sitesi tasarlamanın ve kodlamanın bir yoludur.

Responsive, site elemanlarını her cihazın genişliğine adapte olacak şekilde yeniden boyutlandırma ve yerleştirme ile ilgili olarak doğru bir görselleştirme ile daha iyi bir kullanıcı deneyimi sağlar.

Düzenlerin (içerik) ve görüntülerin akışkan olması ve CSS3 ortam sorgu kodunun kullanılması ile karakterize edilir. Responsive tasarım, geliştirme süresini kısaltmanıza, yinelenen içeriği engellemenize ve içeriğin değişkenliğini artırmanıza olanak sağlar, çünkü bunları daha hızlı ve daha doğal bir şekilde paylaşmanıza izin verir.

Reponsive tasarımın avantajları nelerdir?

Duyarlı tasarım, hangi cihazı kullanıyor olursanız olun, kullanıcıya mümkün olan en iyi deneyimi sağlamaya çalışır.

Sitenin görülmesi zorsa, örneğin cep telefonunda, kullanıcı siteyi 3 saniyeden daha kısa bir süre içinde açıyorsa sitenizden çıkacaktır.

Uyarlanabilir bir tasarımın uygulanmaması, bazı durumlarda, web sitemizi doğrudan etkileyen bir sorun yaratabilir.

3 cihaz için zaman ve maliyet tasarrufu sağlayan tek bir tasarım yapılmıştır.

Responsive tasarım, farklı sürümler için yinelenen içeriği engeller.

Tasarım tüm tarayıcılar tarafından desteklenir.

Responsive tasarım kullanmadan önce tavsiye:

Ekran boyutu: Ekranlara uyum sağlama sorunlarından kaçınmak ve sayfanın işe yaramaz elemanlarla aşırı yüklenmesini önlemek için ilk mobil tasarım deseni ile tasarlamanız önerilir.

Piyasada bulunan çok sayıda cihaz ve ekran, içeriğimizi iyi görmeyen kullanıcıların bulunmamasını sağlamak için akışkan ve statik olmayan içerik boyutlarını dikkate almamız gerektiği anlamına gelir.