Web tasarımcısı dili: Müşterileriniz için bir rehber

Her ticaretin kendi dili vardır. Bir web tasarımcısı olarak, UX, CSS ve HTML gibi web sitesi terimlerinin alfabe çorbasına hakimsiniz. Ama müşterileriniz? Onlar için Yunanca da olabilir.

Tasarım sürecine dalmadan önce müşterilerinizi en yaygın web tasarım terimleri konusunda eğitmenin büyük faydaları vardır. Bilgi düzeyleri ne olursa olsun, temel konuları atladığınızda, işiniz ve tasarım fikirlerinizi tartışmak yerine telefon görüşmelerinde terminolojiyi çevirmek için daha fazla zaman harcarsınız.

Müşterilerinizi hızlandırmaya yardımcı olmak için en yaygın web tasarımı terimlerini derledim ve bunları müşteri dostu bir dile çevirdim.

kahraman resmi

Bir web sitesi tasarlarken, genellikle web sitesinin ana sayfasına atıfta bulunarak “kahraman resmi” terimini duyarsınız. Terim, Batman ve Süpermen görüntülerini çağrıştırsa da, tasarımcınızın web sitenize bir süper kahraman görüntüsü koyduğu anlamına gelmez.

Kahraman resmi, bir web sitesinin ana sayfasının üst bölümündeki büyük özellikli resim veya video arka planıdır. İnsanlar bu alana bir kahraman imajı demeye başladılar çünkü burası sitenin çok önemli bir parçası. Herhangi bir ziyaretçinin web sitenize geldiğinde gördüğü ilk şey budur ve bu nedenle tasarımın büyüleyici ve anlamlı olması gerekir.

"Kahraman resmi" terimi içinde resim kelimesine sahip olsa da, web sitesinin bu bölümünün mutlaka statik bir resim olması gerekmez. Bugün, kahraman videoları çok yaygındır, genellikle arka planda bazı metinlerin arkasında oynatılır. Sitenin amaçlarına ve tasarım stiline bağlı olarak, sitenin bu alanında kullanılan animasyonu bile görebilirsiniz.

UX veya kullanıcı deneyimi

UX, kullanıcı deneyiminin kısaltmasıdır. Bazı web tasarımcıları, bir web sitesi ziyaretçisinin web sitenize ilişkin toplam deneyimini geliştirme süreci olan UX tasarımında uzmanlaşmıştır. UX tasarımı bir uzmanlık olarak kabul edilir, çünkü tasarımcı yalnızca sitenin görünümünü oluşturmaz, aynı zamanda bir ziyaretçinin siteye ilk (ve sonraki!) ziyaretlerini nasıl deneyimlediğini de dikkate alır.

Kullanıcı deneyimi için basit bir benzetme, onu yeni bir restoranda yaşayabileceğiniz deneyimle karşılaştırmaktır. Yemek harika olabilir, ancak restoranın sizi oturtması sonsuza kadar sürerse ve banyolar iğrençse ve park yeri bir kabussa, muhtemelen oraya tekrar gitmeyi unutacaksınız. Bir restorandaki deneyiminizi etkileyebilecek yiyeceklerden çok daha fazla faktör vardır.

Aynı şey web siteleri için de söylenebilir ve kullanıcı deneyiminin anlamı budur. Bir ziyaretçiyi web sitenize çekmek ve tutmak, sadece güzel bir tasarıma sahip olmakla ilgili değildir. UX tasarımından anlayan bir web tasarımcısı, sitedeki her şeyin kullanıcının genel deneyimini nasıl etkilediğini düşünür.

tel kafes

Çoğu web sitesi projesi sırasında, web ekibiniz bir tasarım maketi oluşturmadan önce bir web sayfasının tel çerçevesini oluşturacaktır.

Tel çerçeve temelde bir plandır ve belirli öğelerin ve metnin sayfada nereye yerleştirileceğini gösterir.

Bir web sitesi inşa etmek, bir ev inşa etme sürecine benzer. Bir mimarla başlar ve iç mimarın çalışmasına başlamadan önce bir plan oluşturursunuz, aksi takdirde mutfakta bir banyo ile sonuçlanabilir. Tel kafes son derece kullanışlı bir araçtır çünkü web stratejisti veya tasarımcı ile işbirliği yapmanıza ve bir tasarım maketinden daha kolay bir şekilde işleri hareket ettirmenize olanak tanır.

Daha önce bir tel kafes örneği gördüyseniz, bunun bir bina planına benzerlikleri olduğunu fark edeceksiniz; tel kafes, öğelerin nereye yerleştirileceğini göstermek için temel kutular ve ana hatlar ile tipik olarak siyah beyazdır.

Bilgi mimarisi (IA)

Tel çerçeveye ek olarak, genellikle sürecin başlarında web siteniz için Bilgi Mimarisi üzerinde çalışacaksınız. Genellikle IA olarak adlandırılan Bilgi Mimarisi, web sitesindeki içeriği düzenleme, önceliklendirme ve etiketleme sürecini ifade eder.

Bu aşamada, web sitesinin üst navigasyonunda hangi web sitesi sayfalarının yer alacağına ve içeriğin nasıl yapılandırılacağına karar vereceksiniz. Üst gezinme, sayfanın üst kısmındaki bağlantı dizisidir. Bu üst gezinme, web sitesinin her sayfasında bulunur ve web ziyaretçilerini en önemli içeriğe yönlendirmeye yardımcı olur.

Tel çerçeveye benzer şekilde, nihai Bilgi Mimarisi, web sitenizin bir organizasyon temsilidir. Genellikle bir şema gibi görünür ve nihai web sitesinin mantıklı ve gezinmesi kolay olduğundan emin olmak için web ekibine rehberlik eden kritik bir araçtır.

Mobil duyarlı

Günümüzde her web sitesinin telefonlar, tabletler ve masaüstü bilgisayarlar gibi çeşitli cihazlar için çalışması gerekiyor. Bu bağlamda, bir web tasarımcısının "mobil uyumlu" terimini sıklıkla kullandığını duyacaksınız.

WordPress gibi web sitesi platformlarının çoğu mobil uyumludur; bu, içeriğin otomatik olarak kullanıcının cihaz boyutuna göre ayarlanması için platformun kendisinde yerleşik bir teknoloji olduğu anlamına gelir.

Cep telefonunuzun nasıl çalıştığını düşünün. Telefonunuzu yatay olarak çevirirseniz, telefonun içeriği otomatik olarak ayarlanır.

Bu, web sitesinde olanlara çok benzer. Mobil uyumlu teknoloji sayesinde, web tasarımcılarının ve geliştiricilerinin artık daha küçük cihazlar için web sitenizin 2. sürümünü oluşturmasına gerek yok. Aynı içerik ve tasarım, farklı cihaz boyutlarında uygun şekilde gösterilecektir.

Yetenekli bir web tasarımcısı siteyi tasarlarken bunu dikkate alır ve hem mobil cihazlarda hem de daha büyük ekranlarda çalışan içerikler yazmanız için size rehberlik edebilir.

HTML, CSS ve JavaScript

Bu teknik terimlerin sizi korkutmasına izin vermeyin. Her biri, tasarımınızın statik bir görüntüden canlı, etkileşimli bir web sayfasına nasıl geçtiğiyle ilgilidir. Tipik olarak, web sitenizi, sitenin nasıl görüneceği ve düzenleneceği konusunda uzmanlaşmış bir web tasarımcısıyla oluşturmaya başlayacaksınız. Ardından, siteyi kodlayacak bir web geliştiricisi veya geliştirme ekibiyle çalışmaya devam edeceksiniz.

Sitenizi oluşturmanın geliştirme aşamasında bu terimleri duyma olasılığınız daha yüksektir, ancak bunlar tasarım tartışmalarında da ortaya çıkabilir.

HTML , Köprü Metni İşaretleme Dili anlamına gelir ve bir web ekibinin bir web tarayıcısına bir metin parçasının nasıl görüntüleneceğini söylemesine olanak tanır. HTML, metnin başlık mı, alt başlık mı yoksa paragraf mı olduğunu belirtmek için farklı etiketler kullanır. Bir tasarımcının tasarımınızdaki bir başlığı H1 olarak etiketlediğini görebilirsiniz. Bu, tarayıcıya bu etikete sahip tüm metnin aynı yazı tipi boyutunda olması gerektiğini söylemek için kullanılacak HTML etiketine atıfta bulunur.

Basamaklı Stil Sayfaları (CSS) , bir web tasarımcısının ve geliştiricisinin web sitesinin görünümünü ve verdiği hissi tanımlamasına yardımcı olur. HTML tek başına çekici veya çekici değildir. CSS, güzel bir web sayfası tasarımı oluşturmada tüm farkı yaratır.

JavaScript , geliştiricilerin web sitesinde etkileşimler oluşturmak için kullandıkları bir betik dilidir. Yalnızca HTML ve CSS ile güzel görünen bir web sayfanız olur, ancak yalnızca bu ikisi ile hiçbir şey olamaz. Bir web geliştiricisi veya geliştirme ekibi ararken, JavaScript'ten çok daha fazlasını bilen birini arayın ve ekibinizin siteyi oluşturduğunuz platformda deneyimli olduğundan emin olun.

İYS

Oldukça kolay bir terimle bitireceğiz: CMS olarak da bilinen içerik yönetim sistemi. Bu terimi sık sık WordPress (başka bir içerik yönetim sistemi) ile ilgili olarak duyacaksınız.

Aslında, WordPress dünyadaki en popüler içerik yönetim sistemidir. CMS, web sitesindeki bir arka uç aracıdır ve siteyi kolayca düzenlemenize veya siteye içerik eklemenize olanak tanır.

Sitenizi WordPress gibi bir CMS üzerinde oluşturmanın en büyük yararı, web sitesi açıldıktan sonra metni değiştirmek, resim eklemek veya sayfa eklemek için bir web tasarımcısı veya web geliştiricisi olmanıza gerek olmamasıdır. Bir sayfaya her virgül eklemeniz gerektiğinde web geliştiricinizi aramanız gerekmeyecek.

WordPress son derece esnek ve özelleştirilebilir olduğundan, işletmeniz için hala kolay olan güzel bir web sitesi ile her iki dünyanın da en iyisini elde edersiniz.

Daha fazla WordPress içeriğine göz atın!

WordPress, dünyadaki en popüler içerik yönetim sistemidir ve her geçen gün daha fazla yaratıcı tarafından kullanılmaktadır. Burada WordPress hakkında daha fazla bilgi edinin. Acemi olmanız veya WordPress'i avucunuzun içi gibi bilmeniz önemli değil, herkes için kaynaklarımız ve makalelerimiz var!

Burayı okumaya devam edin.