Markant ve göz alıcıdan sade ve yine de faydalıya - son haftalarda ve aylarda TutKit.com'da birçok değişiklik yaptık. Bunlar arasında performans iyileştirmeleri ve teknik güncellemeler kadar tasarım ve kullanıcı rehberliği ayarlamaları da vardı. Her şey toplamda kullanıcı deneyimine olumlu bir şekilde yansır. Kaputun altında ve üstünde ne değişti - kapsamlı bir genel bakış.
Şimdi karartılıyor
Artık tasarımı tek bir tıklamayla karanlık veya açık olarak değiştirebilirsiniz. İşletim sistemi tarafından varsayılan olarak ayarladık.
Aynı anda tüm resimleri AVIF formatına dönüştürdük, böylece tarayıcınızın indirmesi gereken veri miktarını azalttık (bu sayede resimlerin dosya boyutu yaklaşık %70 küçüldü).
Varlıklar, Şablonlar ve E-Kitaplar: Tek bir tıklamayla daha fazlasına, dönem dönem tıklamaya gerek kalmadan
Sürekli olarak varlıklarımızın, şablonlarımızın ve e-kitaplarımızın sayfalarında tüm içeriklere küçük önyükleme resimleri ekledik. Böylece indirmeye ne zaman başlayacağınızı hemen görebilirsiniz.
Her önyükleme resminin arkasında ayrıca küçük bir menü gizliydi. Resmi büyütebilir, içeriği favorilere ekleyebilir ve uyumluluk uyarılarını alabilirdiniz. Güzel... Ancak her resmi büyütmek için menüyü açmanız, bir simgeye tıklamanız, resmi görüntülemeniz ve kapatmanız gerekiyordu, ardından bir sonrakine geçmek için. Gereksiz bir detour. Bu nedenle menüyü kaldırdık. Artık sadece bir küçük önyükleme resminin üzerine fare ile gelmek yeterli, ve hızla: Büyük versiyonu size gösterilecek.
Gözden geçirme sırasında hızla daha fazla mantıklı ayarlamanın yanı sıra ortaya çıkan ayarlama: Uyumluluk uyarıları artık doğrudan görünen Info-i simgesiyle çağrılabilir. İçeriği favorilere eklemek de benzer şekilde doğrudan görünen Yıldız simgesiyle yapılır, ayrıca yalnızca giriş yapan kullanıcılar için gösterilir.
Video Eğitimleri: Artık burada da görsel olarak göz kamaştırılarak!
Bir süre önce bir video eğitimler sayfamızda dolaştıysanız, çoğunlukla gri bir metin ve oynatma düğmelerinden oluşan bir çölle karşılaşmış olmalısınız. Görünüm tamamen yenilendi ve varlıkların, şablonların ve e-kitapların düzenleme düzenini baştan sona kapsamaktadır.
Yani: Artık video eğitimlerimizde de küçük önizleme resimleri görüntüleniyor, bu basitçe daha estetik bir görünüme sahiptir. Video ücretsiz mi yoksa taze bir güncelleme mi, bunu varlıklarda olduğu gibi renkli rozetler şeklinde resimlerin üzerinde görebilirsiniz.
Bu nedenle sayfalarımız şimdi tutarlı bir görünüm sunuyor. Varlık, şablon, e-kitap veya video eğitimi olsun: Hemen her yerde büyütülebilecek bir önizleme resmi var; indirme veya video oynatma butonu var; daha fazla bilgi ve favorilere ekleme için simgeler var; içeriğe proje dosyaları, talimatlar veya metin eğitimleri gibi ek materyaller sağlanıyorsa, bu bağlantıları açıklama metinlerinin altında bulabilirsiniz.
Ayrıca metinleri açıp kapatmak için üçgen simgeler gibi gereksiz öğeler kaldırıldı, bu da daha azın daha fazla olduğu temiz bir görünüm sunuyor. Tüm bu iyileştirmeleri sonunda mobil cihazlar için de hazırladık.
Toplu paket sayfalarındaki büyük temizlik
Ne gidebilir? Nasıl farklı gösterilebilir? Kendi konumunuza daha iyi nasıl sığdırabilirsiniz? Bu tür soruları toplu paket sayfalarımıza yönelttik, onları sadeleştirmek ve bilgileri yüksek tutarken düzenlemek için. İçeriklerin görünümlerinde yukarıda bahsedilen değişikliklerin yanı sıra aşağıdaki ayarlamaları yaptık:
Galeri: Galerilerde mesela varlıklarımızı ve şablonlarımızı nasıl kullanabileceğinizi gösteriyoruz. Daha önce burada bir dönüşüm efekti vardı. Hoş, ama dikkat dağıtıcı. Yeni galeri görünümümüzü bu nedenle tam olarak önemli üç şeye indirdik: seçili resmi, bir başlık ve sağa sola yönlendirme - etrafında büyük efekt ateşi olmadan.
Aç/kapa ve biraz renk: Şimdiye kadar, toplu paket sayfalarındaki hemen hemen her bölümü açabilir ve kapatabilirdiniz, bunun için kullanılabilecek üçgen şeklinde düğmeler mevcuttu. Bu işlev kaldırıldı. Sayfaları daha temiz hale getirir - ve dürüst olalım: Bu işlevi hiç kullanan var mıydı? Ayrıca, ara başlıklara sürekli olarak daha fazla renk verildi. Artık kocaman bir siyah yerine üstten alta sakin bir TutKit yeşili bölümleri birbirinden ayırıyor.
Bilgi Alanı: Paketlerin genel sayfalarının sağ üst köşesinde, uyumluluk, içerik sayısı ve kategoriler gibi ek bilgileri topluyoruz. Bu alanda oldukça fazla veri bir araya geliyor.
Bilgi Alanını tekrar düzenledik ve görsel olarak iyileştirdik. Örneğin artık öğreticilerdeki öğrenme ilerlemesi yalnızca giriş yapan kullanıcılar için görüntüleniyor (çıkış yapmış ziyaretçiler zaten ihtiyaç duymuyor). Paketlerimizin değerlendirmesi yorum bölümüne taşındı. Bilgi Alanına yeni eklenen bir bağlantı, Kullanım Haklarına yönlendiriyor. İnsanların paketi oluşturan kişilerin gösteriminde en dikkat çekici değişiklik, artık isimlerinin yerine portrelerini gösteriyoruz. Umarım daha dostça bir hava katar...
Birçok küçük detay iyileştirmesi:
- Yazılım/Kategori sayfalarında artık slider gezinimi yok
- Arama, Kategori Sayfaları vb. yerlerde genel olarak sürekli kaydırma
- Kartlar: daha az gölge, simgeler yok, köşeler kare
- Kartlar: animasyon yok, yerine yeşil kaplama
- Split düğmesinde Hover efekti optimize edildi
- Blog ve Video Turu gibi yerlerde daha büyük yüzler
- İletişim formunda yüz
- Altbilgi tamamen yenilendi (artık açılmıyor, yüz gösterme vb.)
- Yazar Sayfası: "Yazarın Websitesine Git" kaldırıldı, sürekli kaydırma, yeşil kaplamalar
- Ana Sayfa: Yeni içerikler artık slider olarak gösterilmiyor
- Yazarlar için 4 sütun
- Pop-up'larda sayfa atlama
- Hedef kitle için yeni modül
Performans İyileştirmesi ile İlgili Sorulara Daha Az Soru
Hızlı yüklenen sayfaları Google seviyor, biz seviyoruz ve muhtemelen sen de seviyorsun. Portalımızın performansı konusunda gelecekte de iyileştirmeler yapmaya devam edeceğiz. Örneğin, resim optimizasyonunu gerçekleştirdik. JPEG formatından çok daha ince WEBP ve AVIF formatlarına geçtik.
Ayrıca sayfalarımızı ziyaret ederken gerçekleşen veritabanı sorgularıyla ilgilendik. Oldukça teknik bir konu ama örnek vermek gerekirse: Örneğin, bir öğretici içeren bir paket sayfasına geldiğinizde, sistem videoları izleme yeteneğinizi bilmek zorunda. Yani bir üyeliğiniz var mı? Paketi satın mı aldınız? Belirli videolar ücretsiz mi? Bu tür soruları sayfa açılışında sormak zorundayız ve bu tabii ki zaman alıyor. Dolayısıyla, performans iyileştirmesi için burada kaldıraçları harekete geçiriyoruz (Dikkat, şimdi gerçekten teknik olacak):
- Gerekli olmayan, gerçekten ihtiyaç duyulmayan veritabanı sorguları kaldırıldı.
- En sık gerçekleştirilen veritabanı sorgularının hızı artırıldı.
- PHP metotlarında kodlar optimize edildi ve belirli döngülerde tekrarlanan veritabanı sorguları ortadan kaldırıldı.
- Sistemimizin tüm bölümleri, menü sekmeleriyle bağlantılı veritabanı sorguları dahil olmak üzere, tüm sayfalarda kullanılan gereksiz veritabanı sorguları üzerinde incelendi ve performans için optimize edildi.
- Bazı veritabanı sorgularının gereksiz yinelenmesi tespit edildi, özellikle kullanıcıları paketlerle ilişkilendiren sorgularda. Bu tekrarlar, hem zaman hem de kaynak tasarrufu sağlamak için bir önbellek sistemi (cache) kullanılarak giderildi.
- Sistemin hata günlüğü izlendi ve rapor edilen tüm sorunlar giderildi.
- Otomatik sistem görevleri (Cronjob'lar), uzun süren veya kesilen görevler için kontrol edildi. Bu görevler, doğrudan veritabanından bilgi filtrelemeyi, PHP kodu aracılığıyla dolaylı olarak yapmaktansa daha verimli hale getirildi.
Teknoloji açısından her şey güncel mi? Kesinlikle güncel!
Tabii ki alt yapıyı optimize ettik ve yazılım paketlerini güncelliyoruz, örneğin:
- En son PHP sürümüne güncelleme yapıldı.
- Laravel (çerçevemiz) 9 sürümden 10 sürüme yükseltildi.
- Framework'ten yaklaşık 35 paket ve ödeme sağlayıcımız Braintree'in SDK'sı güncellendi.
- Şu anda http2'ye geçtik (aslında versiyon 3 kullanmayı tercih ediyoruz, fakat Apache Sunucusu (henüz) desteklemiyor).
- Ubuntu sürümü 20.04'ten 22.04'e yükseltildi (AVIF resim desteği için önemliydi).
Neler gelecek?
Şu anda sitemizin Ocak ayından itibaren çok dilli olması için yoğun çalışıyoruz. Bu oldukça büyük bir çalışma ancak başarıldığında gurur duyacağız.
Ayrıca, indirimlerin olduğu zamanlarda içerikleri indirimli olarak satın alabilme imkanı gelecek hafta olanaklı olacak. Bu da ayrıca bağlı bir mağazamızın (shop.psd-tutorials.de) artık yeni ürünlerle güncellenmeyecek ve en geç 2024'ün 1. çeyreğinde kapanacak ve tüm içeriklerimize sadece TutKit.com'dan erişilebilecek.
2024 yılında en azından 1 kez ayda bir haber bülteni göndermeyi planlıyoruz, böylece tüm üyelerin ve bülten abonelerinin neler olup bittiğini görebilmesini sağlayacağız. Çünkü şimdiye kadar her hafta en az bir yeni içerik yayınlamayı başarıyoruz!
Tabii ki ilginç yeni içerikler sunmaya devam edeceğiz. Ben de örneğin Adobe Photoshop Elements'e yeni bir eğitim eklemek istiyorum, çünkü arayüzünde sonunda bir değişiklik olduğu ve artık tamamen yeni bir eğitim hazırlamanın değerli olduğu bir zaman geldi. Yapay Zeka konusu hala bizimle olmaya devam edecek ve mevcut ürünleri güncel tutacağız veya tamamen yeni ürünler sunacağız.
Bir şey mi eksik? O zaman bana info@tutkit.com adresinden e-posta yazabilirsin. Ayrıca blogun yorum işlevine sahip olmasından memnuniyet duyarım. Ne düşünüyorsun? Mantıklı mı, yoksa kimse zaman sıkıntısından dolayı zaten nadiren yorum yapar mı?