Bir tasarımcının web için tasarım yaparken yapabileceği bazı yaygın hatalar nelerdir ve nasıl önlenebilir?


9

Tasarım yaparken kaçınılması gereken bazı yaygın hatalar nelerdir? Renk, metin ve görüntülerin tasarımda önemli bir rol oynadığını biliyorum, ancak ilgilenmemiz gereken çok şey var! Diğer şeyleri bilmiyorum ama çok fazla olduğunu biliyorum ...

Çoğu zaman sonuçlarla hatalar alırız (küçük-büyük-görünür-gizli) ...

Benim sorum şu:

  • Yaptığımız bazı yaygın hatalar nelerdir? (siz de bal dahilsiniz) (kimse hata yapmıyor, herkes yapmıyor gibi)
  • Bu hataları nasıl önleyebilirim?

Yanıtlar:


24

Evet, bu soru inanılmaz derecede geniştir. Belki bir wiki makalesi olarak sorun değil.

Yeni başlayanlar için 'biz' tanımlamanız gerekiyor. Web sitesi tasarımı ile ilgili birçok insan ve rol vardır ve hepsinin ortak hataları vardır.

Gördüğüm bazı sorunlar, tekrar tekrar açılır gibi görünüyor:

  • İşletmenin web sitesi için amaçlarını doğru bir şekilde tanımlayamamak.

  • Temel performans göstergelerini doğru bir şekilde tanımlayamamak ve daha sonra sitenin başarısını ölçmek için sistemleri uygulayamamak.

  • Müşterinin müşterilerinin ihtiyaçları yerine müşterinin istekleri için tasarım yapmak.

  • Gerekli kişileri dahil etmemek veya en azından görevi gerekli tüm roller açısından dikkate almak.

    Teknik ürün yönetimi, iş analizi, pazarlama, metin yazarlığı, veritabanı yönetimi, arka uç geliştirme, grafik tasarım, kullanıcı arayüzü tasarımı, kullanıcı deneyimi tasarımı, kullanışlılık, metrikler SEO yönlerini ve daha fazlasını gerektiğini tüm düşünülebilir.

  • Tasarım planlanamıyor ya da en azından çiziliyor.

  • Uyarlanabilir ve duyarlı web tasarımı ilkelerini unutmak.

  • Farklı boyut ve çözünürlükteki ekranlara sahip cihazlar için tasarım yapmayı unutmak.

  • Planlama aşamasında sayfa yükleme hızlarını etkileyen tüm faktörleri dikkate almamak ve gelişimi boyunca hızı test etmemek.

    Sık karşılaşılan hatalar arasında, son derece ayrıntılı grafiklerin en iyi koşullardan daha azıyla (örn. Arka plan görüntüsü olarak) yüklenmesi ve genel olarak yükleme koşullarını optimize etmeden çok fazla büyük varlığın indirilmesi yer alır.

  • Tel kafesleri dokümantasyon olarak kullanarak, eskizler olarak kullanılması amaçlanmıştır.

  • Geliştirme sırasında Agile yöntemlerini kullanmamak.

  • Aşırı tasarım, Agile yöntemlerini kullanmamanın çok yaygın bir yan etkisi.

  • Çözümler yerine teknolojiler seçmek.

    Örneğin, onu iyi yapan tüm nedenlerden dolayı bir kurumsal ürün seçmek; sizin için geçerli olmayanlar bile; İstediğiniz belirli sorunları çözüp çözemeyeceğini sorgulamak yerine.

  • Metin yazımı / içeriği unutmak. Bunun sürecin erken aşamalarında olması gerekiyor - daha sonra değil.

  • Gerçek bir web sayfası yerine bir PhotoShop dosyası tasarlama.

    Yalnızca Photoshop'a odaklandığında, yazı tipi varyansları, diğer cihazlar, ekran boyutları, içerik yeniden yapılandırma, etkileşim tasarımı ve diğerleri gibi faktörler dikkate alınmaz.

  • Okunabilir içerikle dolu SEO dostu bir web sitesi yerine, bir flash dosyası veya yalnızca bir flash dosyası ile elde edilebilecek tuhaf fikirler tasarlamak.

  • Mümkün olduğu kadar çok tarayıcıda sürekli test etmek yerine, işleyen web sitesi tasarımını belirli bir tarayıcıya odaklanarak oluşturmak.

  • Web sitesini planlarken, tasarlarken ve uygularken erişilebilirlik ilkelerinin uygulanmaması.

  • Kullanıcıları dahil etmek için çok uzun süre beklemek, genellikle daha sonra bilebileceğiniz bir şeyin bulunması gerekir.


4
Soruları ürettikleri cevapların kalitesine göre derecelendirirsek , bu listenin başında yer alır. Harika bir cevap.
Alan Gilbertson

1
Kabul ediyorum ben birçoğu yapıyorum :( keşke bu iki kez oy verebilir ...
Jack

1
"Web sitesi yerine photoshop dosyası tasarlamak" ne anlama geliyor? çok fazla etki? bu mermiyi biraz genişletebilir misin?
Lauren-Clear-Monica-Ipsum

2
@lauren Esasen HTML, CSS ve JS yerine siteyi görsel olarak tasarlamak için harcıyorum. Yalnızca Photoshop'a odaklandığınızda, yazı tipi varyansları, diğer cihazlar, ekran boyutları, içeriklerin yeniden boyutlandırılması gibi şeyler dikkate alınmaz
DA01

1
@ kullanıcı bunun için git!
DA01

3

Mobil tasarımda web tasarımında çok yaygın bir hata olduğunu düşünüyorum.

Web'e iPhone veya BlackBerry gibi küçük bir mobil cihazdan göz atarsanız, bazen düğmelerin çok küçük olduğunu fark edersiniz.

Şimdi bu her zaman düğmenin kendisi değildir, ancak yapılan bir hata, düğmenin etrafında genellikle yeterli alan olmamasıdır.

Bir anket yaptığımızı ve yan yana bir geri düğmesi ve bir sonraki düğme olduğunu varsayalım, kullanıcının nefes alması gerekiyor, böylece kullanıcı düğmeye basabilir ve yanlışlıkla yanlış olana dokunamaz.

Bu, mobil kullanıcı için e-posta tasarımında yaygın bir şey ve önemli bir husustur.


Bunu SE mobil sitelerinde doğru buluyorum. Kullanıcı hesabı açılır menüsünü almak istediğimde sürekli olarak "soru sor" bağlantısına dokunuyorum.
Farray

2

Bence DA01'in cevabı zaten göz önünde bulundurulması gereken mükemmel bir liste. Cevabımı hem önemli hem de soruyu çarpıştırmak istiyorum, çünkü buna daha fazla cevap görmek istiyorum.

Bir web sitesi tasarlarken çok önemli bir husus da hızdır. Tasarım yapmaya başlamadan önce sayfa yükleme hızlarını etkileyen tüm faktörlerin farkında olmak , web sitesinin 30 saniye sürmesi nedeniyle (aşırı örnek) daha sonra tamamen değiştirmek zorunda olduğunuz grafik ve mimari oluşturmak için çok fazla zaman harcamamanıza yardımcı olacaktır. yük.

Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.