Bir Web Tasarımcısı Olarak Muhtemelen Zaten Yaptığınız Hatalar

Tüm web tasarımcıları mükemmellik ister. Ancak, onlar sadece insandır ve hatalar her zaman görünebilir. Bazı detayları gözden kaçırmak çok kolaydır. Dünyada hata yapmayan tasarımcı yoktur ve hatalardan kaçınmak normalde bir süre sonra olan bir şeydir.

Şimdi, web tasarımcılarının sürekli olarak yaptığı en yaygın hatalardan bazıları hakkında konuşacağız, muhtemelen en az bir kez yapmış olduğunuz hatalardan. Kötü alışkanlıklarınızı düzeltin ve şu anda suçlu olduğunuz engelleri aşın ki işiniz her zamankinden daha iyi olsun.

Flaş Kullanımı

Modern web sitesi tasarımında, yapabilecekleri oldukça şaşırtıcı olsa bile, Flash'ın kullanıldığını nadiren görüyoruz. Ziyaretçiye etkileyici bir animasyon deneyimi yaşatma olasılığıyla karşı karşıyayız, ancak bununla bağlantılı bagaj var.

Web tasarımında Flash kullanımında ortaya çıkan farklı sorunlar vardır. Daha uzun yükleme süreniz, destek eksikliği ve kullanılan farklı programlama dili nedeniyle mobil kullanıcılarla ilgili sorunlarınız var. Şu anda Flash'ı destekleyen cihaz sayısı çok az. Ayrıca, gelecekte daha fazla destek beklemiyoruz. Yepyeni kitaplıklar, özellikle AngularJS ve jQuary gibi JavaScript'e dayalı olanlar, daha güçlü ve daha popüler görünüyor.

Gerçekten Büyük Resimler Kullanmak

Web tasarımındaki modern eğilim, bir sitenin tamamında büyük resimler kullanmaktır. Bu kesinlikle deneyimi daha keyifli hale getirecek ve kullanıcının bakacağı harika bir şey olacak ancak tasarımcı ve geliştiricinin bilmesi gereken bazı komplikasyonlar var.

Daha büyük resimler kullanıldığında sayfa yükü otomatik olarak artırılır. Bu, site ziyaretçisi için çok kötü bir senaryoya yol açabilir. İyi haber şu ki, görüntüleri optimize etmeye çok yardımcı olan çeşitli farklı araçlara erişimimiz var. Göz önünde bulundurmak isteyebilecekleriniz şunları içerir:

• GruntJS-ImageMin
• ImageOptim

PrePros gibi uygulamalar, uygulamaların içindeyken görüntüleri otomatik olarak optimize etmeye yardımcı olabilir. Sorun şu ki, araçlar iş akışlarına yardımcı olacak, ancak yükleme süresiyle ilgili büyük sorunu en azından tamamen çözmeyecek.

Birçok tasarımcı artık SVG kullanıyor. Tarayıcı ortamında grafikleri canlandırmak ve çizmek için kodlar kullanırlar. Böylece, hızlandırılmış bir sayfa yüklemesi ve göz alıcı çeşitli unsurlar elde ediyoruz.

Ayrıca, yanıt vermeme faktörü nedeniyle daha büyük resimlerin web tasarımını karmaşıklaştıracağı gerçeğini de vurgulamalıyız. Yüksekliği ve genişliği ayarlanmış bir tasarım öğesinden bahsediyoruz. Tarayıcılar görüntüleri ölçeklendirir ancak dosya boyutumuz aynı.

W3C artık bir HTML5 öğesi olarak “ <picture> ” kullanarak çalışıyor. Bu, görüntüleme ekranının genişliğine bağlı olarak farklı boyutlardaki görüntülerin çağrılmasına izin verir. Bu olduğunda, deneyim izleyici için çok daha iyi olacaktır, ancak uygulamaya kadar büyük resimlerden kaçınmalısınız.

Sabit Genişlik ve Yükseklik Kullanma

Sabit boyutlar kodlandığında, kullanıcılar için uyarlama otomatik olarak kısıtlanır. Geçici çözümlerimiz var ancak her zaman %100 duyarlı bir web tasarım deseni oluşturmayı düşünmeliyiz. CSS'de ayarlanan sabit yükseklik, kullanıcının görüntülenebilir alanını sınırlayabilir. Bunun üzerinden geçmek, medya sorgusu ayarlamaları ile mümkündür ancak eklenen ekstra kod, performansla ilgili sorunlara yol açacaktır. Buna gerçekten ihtiyacın yok. Çoğu durumda sabit boyutları kullanmamalısınız. Modern web tasarım ortamında mümkün olduğunca bunlardan kaçınılmalıdır.

Tasarım Uyumları Hakkında Varsayımlarda Bulunmak

Web tasarımcıları normalde Adobe Photoshop veya Sketch gibi yazılımlarla çalışır. İş yapıldığında, genel varsayım, duyarlı iş akışında belirli bir kesme noktasına sahip olmaktır. Standart olarak görülen ekran genişlikleri birçok farklı ekran boyutunu kapsayacaktır ancak hepsini kapsayacağı kesin değildir. Piyasada bulunan binlerce mobil cihazımız var. Her şey için işe yarayacak bir tasarım oluşturmak çok zordur.

Belirli genişlikler üzerinde çalıştığınızda, planlamanız ve ileriye dönük düşünmeniz web tasarımcısı için önemli bir beceri haline gelir. Varsayımların yapılmadığından ve normal grafik editörü çalışması bittikten sonra tarayıcının içinde gerçekten çalışacağınızdan emin olmalısınız.

Çok Fazla Efekt ve Animasyon Kullanmak

Bu sorunu dünyanın en popüler sitelerinden bazılarında bile görebilirsiniz. Pek çok web sitesi nefes kesici bir deneyim sunuyor ve birçoğu gerçekten benzersiz ve şaşırtıcı şeyler sunuyor. Ancak bu, olabildiğince çok efekt ve animasyon eklemek anlamına gelmez. İşlevsellik ve grafiksel etki arasında doğru karışımı bulmak amacıyla web tasarımı ilkelerini birleştirmek çok önemlidir.

Animasyonlar ve efektlerle aşırıya kaçmanın iki büyük sorunu var:

• Sayfa yükleme süresi artırıldı
• Efektler ve animasyon eski bilgisayarlar için sorun yaratacaktır.

Şu anda popüler olan hileler ve animasyonlar, solma, yukarı veya aşağı öğeleri ekleyenlerdir. Harika görünebilirler ve sitelerin harika görünmesini sağlarlar ancak bu, onları her zaman kullanmanız gerektiği anlamına gelmez. Genel sayfa yükünün, çoğu ziyaretçinin kullanacağı cihazlar için çok fazla olup olmayacağını görün ve sayfa yükleme hızını asla unutma. Bunlar çok önemlidir ve ziyaretçilere her zaman harika deneyimler sunmalıdır.

Yanlış Şekillendirme Bağlantıları

Bu, şu anda düşündüğünüzden çok daha yaygın olan bir hatadır. Bağlantıların her zaman yaptıklarını yapmaları gerekir. Bu, bir bağlantının uygun olmayan bir stili olduğunda, insanların bağlantı olduklarını anlamayacakları anlamına gelir. Bağlantıların her zaman bağlantı gibi görünmesi için her zaman ziyaretçileri düşünmemiz gerekir. Deneme yapabilir ve standart mavi alt çizgiye bağlı kalamazsınız, ancak asla aşırıya kaçmamalısınız.

CSS'de DRY Kullanmamak

Bunun farkında değilseniz KURU, “Kendinizi Tekrar Etmeyin” anlamına gelir. Bu, web tasarımında bir yöntemdir ve pratik olarak tasarımcının kodu kısa ve öz tutmasına ve klonlamasına yardımcı olduğu anlamına gelir. Web sitesi tasarımı için her zaman yalnızca gerekli kodun kullanılması önerilir.

Geleneksel CSS kullanırken, diğer öğelerin içinde kullanılan belirli öğelerle çok fazla tekrar gereklidir. Seçiciler gerçekten büyük oluyor ve gerçekten yazmak için çok zaman alacak. HTML sayfasındaki her bir öğeye stil vermek yerine tasarımda sınıfları kullandığınızda, her şey çok daha basit hale gelir.

Şu anda çok iyi bir fikir, Sass gibi ön işleme dillerini kullanmaktır. Gerekli CSS teknolojisi açısından oldukça kullanışlıdırlar. Kullanılan diller, değişkenler, işlevler, karışımlar, yuvalamalar ve çok daha fazlası gibi özellikleri içermeleri nedeniyle geliştirme ve tasarımı hızlandıracaktır. Üretilen kod daha sonra CSS koduna derlenecektir. Web geliştiricileri ve web tasarımcıları artık daha az kod satırı kullanabilir ve diller sayesinde tekrarlardan kolayca kaçınılabilir.

zarif Bozulma

Graceful Degradation'ı, eski tarayıcılarda daha düşük kullanıcı deneyimi seviyelerine indirirken, modern bir tarayıcıda belirli bir kullanıcı deneyimi düzeyi sunabilen web işlevselliği oluşturma uygulaması olarak tanımlayabiliriz. Bu biraz karmaşık gelebilir ancak örnek olarak Internet Explorer 8 ve 7 desteğini tartışabiliriz. Çoğu kullanıcının tarayıcılarını uzun süre güncellemeyeceğini öğrenince şaşıracaksınız. Bu nedenle, her iki tarayıcı sürümü için de uygun desteğin sağlanması için zarif bir bozulma eklemeniz gerekir.

Modern web sitelerinin geliştirilmesi kolaydır, ancak daha sonra, eski bir tarayıcıda belirli bağımlılıklar nedeniyle sayfaların gerçekten kötü göründüğünü fark edebilirsiniz.

Aşamalı Geliştirme

Bu, yukarıda bahsedilen Zarif Bozulmaya benzer bir şeydir. Aradaki fark, her bir web tarayıcısında desteklenen temel deneyim seviyesinden başlayarak sürecin tersine işlenmesidir. Ardından, tasarımcı/geliştirici, onu kullanabilecek tarayıcıların kullanabileceği artırılmış işlevsellik ekler.

Hem bu seçenek hem de yukarıdaki seçenek karmaşıktır. Normalde sadece gerçekten iyi tasarımcılar tarafından kullanılırlar. Ancak, şu anda mevcut olan birçok tarayıcı ile seçenekleri ciddi şekilde düşünmemiz gerekiyor. Web tasarımcıları normalde müşterilerin tam olarak neyin destekleneceğine karar vermelerini sağlar. Özellikle aktif ve doğrudan hedef kitlenin içinde olan kullanıcılara gerçekten harika bir deneyim sunmak için bu yaklaşımları kullanmaya çalışmanız gerekir.

Navigasyon Sorunları – Kullanıcı Dostu Olmama

Herhangi bir web sitesinin en önemli bölümlerinden biri navigasyondur. Tasarımcı, ziyaretçi deneyimini doğal hale getirebilmelidir. Amaç, navigasyonu gerçekten basit ve sezgisel hale getirmektir. Tasarım bu unsuru dikkate aldığında, kullanıcı otomatik olarak deneyimin uygun olduğunu anlayacaktır.

Kullanıcı deneyimi kötü olduğunda, ziyaretçilerin hüsrana uğradığını görüyoruz. Sadece belirli bir siteyi tekrar ziyaret etmezler ve sorunlarının çözümleri için diğer sayfalara bakarlar. Kullanılabilirlik her zaman tasarımcı tarafından dikkate alınmalıdır. Tasarım harika görünmeli, ancak işlevselliği asla unutmamalısınız. Kullanım kolaylığı gereklidir ve bunun eksikliği tüm tasarımı işe yaramaz hale getirecektir.

İçeriğe Odaklanma Eksikliği

“Form İşlevi İzler”, yirminci yüzyılda, modern mimari endüstriyel tasarım aşamasında ortaya çıkan gerçekten yaygın bir mimari ilkedir. Bu, web tasarımında her zaman hatırlamanız gereken bir ilkedir.

Web ve grafik tasarımı, gerekli işlevsellik açısından modern mimariye gerçekten benzer. Nesne formu öncelikle amaçlanan amaç veya işleve dayalı olmalıdır. Web siteleri açısından, onları internetin her yerine yayılmış bilgi veritabanları olarak görebiliriz. Kullanıcı, belirli verileri almak için bir web sitesini ziyaret edecektir. İçeriğin bu verileri sunmak için devreye girdiği yer burasıdır. Ziyaretçi bir siteye girip verileri bulamayınca, tasarıma bakmadan başka bir yerde arayacaktır. Aynı zamanda, tasarımın verileri bulmayı veya sindirmeyi gerçekten zorlaştırması durumunda, aynı sonuç gerçekleşir.

İnternet kullanıcıları artık bilgiye erişmek ve bu erişimin hızlı olmasını istiyorlar. Form Over Function, web tasarımında gerçekten önemli hale geliyor. Bu ilkenin dikkate alınmaması, sunulan içerik yerine görünüşe odaklanılması anlamına gelir. Sonuç olarak, web siteleri gerçekten popüler olmayacak. İçeriğin her zaman öne çıkması gerekir.

Sonuçlar

Köklerinde, en yaygın web tasarım hataları, gerçekten güzel ve benzersiz bir şey bulmaya çalışırken, ziyaretçilerin gerçekten bir siteye gitme nedenini hesaba katmamakla ilgilidir. Bu nedenle, gerçekten iyi bir tasarımı eksiksiz işlevsellikle birleştirmek için her zaman gerekli sabra sahip olmak istersiniz.

Daima işlevsel olan ve zaman geçtikçe yeni teknolojileri öğrenmeye devam eden web siteleri oluşturun. Dünyanın en iyi web tasarımcıları, öğrenmeye devam eder ve yapılabilecek ve yapılamayacak her şey hakkında her zaman güncel kalır. Web tasarımınızı oluşturmak, müşteriyle konuşmak ve ardından ziyaretçilerin sunulanları beğeneceğinden emin olmak istiyorsunuz. Bunu söylemek yapmaktan çok daha kolay ama zamanla her şey çok daha kolay hale geliyor.

Gerçekten harika bir şey yaratmak için her zaman gerektiği kadar zaman ayırdığınızdan emin olun. Web tasarımında adı geçmeyen bir başka hata da, o mükemmel web sitesi tasarımını gerçekten yaratmak için kendinize gerekli zamanı ayırmamaktır. Bu normalde, müşterilerin işin en kısa sürede yapılması gerektiğinden olur. Yapabileceğinizi bildiğiniz o mükemmel web tasarımını oluşturmak için her zaman yeterli zamanınız olduğundan emin olun.