En Beğendiğim Google El Yazısı Fontları (2022) 27 Nisan 2022 dakikada okunur Kullanıcı deneyimi, biraz da içerikleri kullanıcıya daha doğal hislerle sunabilmektir. Projenin türü veya kullanıldığı yere göre “el yazısı” yazı tiplerini kullanmak daha güzel olabilir. Ne yazık ki Türkçe karakterleri de destekleyen el yazısı yazı tipleri halen istediğimiz sayıda değil. Bu yazıda 2022’de en çok gözüme çarpa ve projelerde kullandığım Google Fontları paylaşmak istedim. Umarım işinize […]
Web Sitenizin ve/veya Uygulamanızın Yeniden Tasarımı İçin 5 Adım 23 Nisan 2022 dakikada okunur Bir şeyler iyi gitmiyor, içinize sinmiyor veya şikayetler arttı. Belki de yenilik zamanı geldi diye düşünüyorsunuz ve mevcut uygulamanızı veya web sitenizi değiştirmeye karar verdiniz? Çok güzel. Peki hazır olduğunuza emin misiniz? Size önerim; aşağıdaki 5 adımı gözden geçirmeden paldır küldür bir şeylere girişmeyin: 1. Mevcut Tasarımınızı Değerlendirin Marka ve ilkelerinizi temsil etmeyen eski görseller […]
Sayfa Açılış Hızınızı Artırın: Görselleri Asenkron Yükleme (img decoding async) ve Lazy Loading 10 Nisan 2022 dakikada okunur Karşıt görüşler olsa da, çoğunluk kabul edecektir ki; ‘iyi kullanıcı deneyimi hızlı servisle başlar’. Internet tarayıcıları (Chrome, Firefox, Opera…) görsel ve metin içerikleri senkron olarak aynı anda yüklerler. Bu da sayfa açılırken güzel bir görüntü sunar. Şöyle ki: <h2>Güzel Bir Başlık</h2> <img src=”büyük-bir-gorsel” alt=”Görsel Hakkında Bilgi” /> <p>Kullanıcının almak istediği bilgiyi sunan metinler.</p> Maalesef her […]
WordPress İpucu: Tek Arama Sonucunu Otomatik Olarak Aç 8 Nisan 2022 dakikada okunur Tasarımcılar olarak, kullanıcı deneyimi tasarımı (veya kısaca UXD) açısından, kendimizi kullanıcının yerine koymalıyız. Şahsen bunu yaparken, kendimi, tasarımcısı olduğum ürünü ilk elden kullanıcıların zihnine oturtmak için ürünü yaratırken edindiğim deneyim ve düşüncelerden arındırıyorum. Bunu yaptığımda, arama sonuç sayfasında şunu fark ettim ki; bazen sorgumuz tek bir sonuç getirebiliyor ve bu -güzel olsa da- gayet saçma! […]
CSS ile Metin Kırpma (Truncate) – Tek Satır / Çoklu Satır 30 Mart 2022 dakikada okunur Kodlama ile uzun bir metni kısaltmanın farklı yolları olsa da, metinleri kısaltmak için CSS’i de rahatça kullanabiliriz. Kullanmak istediğimiz alanın genişliğinden daha uzun bir metni kesmek için CSS Metin Kırpma veya kesme yöntemlerini kullanabiliriz. İhtiyacımıza uygun olan tek satır veya çoklu satır için kırpma (truncate) metodlarından bize uygun olanı seçelim. Tek Satır için CSS Kırpma […]
WordPress İpucu: Aramayı Tek Kategori İle Sınırlama 25 Mart 2022 dakikada okunur WordPress tabanlı projenizdeki yazılarınızda (posts) birden fazla Kategori kullanıyor fakat site içi arama özelliğinizin sadece belli bir tanesi için çalışmasını istiyorsanız, bu yöntem sizin için. Öncelikle şunu hatırlatmakta fayda var: Eklenti kullanmadan yapabileceğiniz basit işlemler için sitenize lütfen eklenti kurmayın! Bunun 2 ana sebebi var: Güvenlik: Eklentiler o eklentiyi yazan kişinin inisiyatifindedir. Siz yüklediğiniz sırada […]
HTML İpucu: Mobil Cihazlarda “Mutlu” Veri Girişleri 17 Mart 2022 dakikada okunur Veri girişi alanlarınızda, HTML kodunuzda sadece tek bir konuya dikkat ederek, kullanıcı deneyimini yukarı taşıyabilir, kullanıcılarınızı mutlu edebilirsiniz! Standart olarak yazdığımız <input> etiketine inputmode özelliğini ekleyerek mobil cihazdaki farklı sanal klavyeleri etkinleştirebilirsiniz. inputmode Örnekleri <input type=”text”/> Standart type=”text” <input type=”text” inputmode=”search”/> type=”text” inputmode=”search” <input type=”text” inputmode=”tel”/> type=”text” inputmode=”tel” <input type=”tel” inputmode=”tel”/> type=”tel” inputmode=”tel” <input type=”text” […]
Büyük (Kurumsal) Projelerde Tasarım Dili ve Tutarlılık 16 Mart 2022 dakikada okunur Önceki bazı yazılarda da belirttiğim gibi, büyük ölçekli kamusal ve kurumsal projelerde tasarımsal tutarlılık tahmin edilenden çok daha önemlidir. Neyse ki, “kurumsallığı; kurumsal logodaki renkleri, tasarımda da kullanmak olarak gören zihniyeti” artık pek çok tasarım profesyoneli geride bırakmış durumda. Yine de, maalesef çoğu büyük projede tasarım dilinden ve tutarlılıktan halen söz etmek mümkün değil. “Bu […]
HTML İpucu: Arama, SMS, E-posta Linkleri 11 Mart 2022 dakikada okunur Özellikle mobil destekli sitelerde veya SADECE mobil’de görünecek etkileşimli düğmelerde kullanmak üzere linklerimizi tel: sms: ve mailto: ile zenginleştirebiliriz. Ben özellikle bazı tasarımlarımda, sadece mobil genişliklerde görünür olan Hemen Ara! tuşları kullanmayı seviyorum. Bu tuşlardaki geri dönüşleri gördükçe de, öne çıkarmanın faydalı olduğunu siz de göreceksiniz. Ayrıca farklı konularda “Bize Ulaşın” e-postaları için imkan verecekseniz, […]
Tasarımcının Yeni Rolü: Basitleştirme 24 Şubat 2020 dakikada okunur Tasarımcı dediğimiz kişinin artık hem görev tanımı hem de tasarım projelerindeki rolü değişiyor. Tasarımcı artık bilgisayar karşısında bir program kullanarak bir çıktı üreten, bu çıktıya gelen revizyonları uygulayarak işini bitirmeye çalışan kişi değil! Gerçi hala bundan 5 yıl önce yapılan Photoshop mı Sketch mi? tartışmalarına çok benzer argümanları içeren Figma mı Sketch mi? tartışması içine […]
İnternet Sitelerinde Erişilebilirlik ve Kullanılabilirlik 7 Kasım 2019 dakikada okunur W3C (Dünya Geneli İnternet Birliği) tarafından hazırlanan WCAG 2.0 (Web İçeriği Erişilebilirlik Standartları ve Kriteri) ve ülkemizde bunun (kamusal) bir alt kolu ve özeti niteliğindeki KAMİS’te (Kamu İnternet Siteleri Rehberi) içeriğin HER KULLANICIYA ulaştırılması için kurallar ve standartlar getirmiştir. Erişilebilirlik WCAG’de bu standartlar 61 kriter A Düzeyi (25 kriter), AA Düzeyi (13 kriter) ve AAA […]