Bir Web Sitesi Nasıl Tasarlanır: Kolay Kılavuz [2024]

İnternet siteniz olmadan bir iş yapmak sizce ne kadar mantıklı? Tekrar düşünün. Müşteriler işletmenizin yalnızca basit bir internet sitesine sahip olmasındansa, sitenize girdiklerinde satın alma kararı vermeleri için ihtiyaç duydukları tüm bilgilerin sağlanmasını ve aynı zamanda sitenin kullanımının kolay olmasını beklerler. Oluşturduğunuz site, şirketinizin ya da iş yerinizin yüzüdür. İlk izlenim çok önemlidir. Bu nedenle doğru ve sizi yansıtan bir internet sitesine sahip olmalısınız.

Ancak bu konuda endişelenmeyin. Doğru bir internet sitesine sahip olmak için profesyonel bir web tasarımcısına ve büyük bütçelere ihtiyacınız yok. Evet, bir profesyonelle çalışmak her zaman bir seçenek, ancak bu zorunlu bir durum değil. Kendin yap site oluşturucuların yükselişi sayesinde, güzel ve başarılı bir siteyi kendiniz tasarlamak hiç bu kadar kolay olmamıştı.

Site oluşturmak, bir site oluşturucu platformda tema seçip, birkaç metin kutusu doldurmak ve işiniz bittiğinde yayınla düğmesine basmaktan ibaret değildir. Elbette hazır şablonlar site oluşturmayı ve tasarlamayı daha kolay hale getiriyor. Ancak sitenizi yayınlamadan önce göz önünde bulundurmanız gereken çok daha fazla şey var.

Çeşitli platformlarda sayısız internet sitesi üzerinde binlerce saat çalıştıktan sonra, güzel ve aynı zamanda işlevsel bir site tasarlamak için ne gerektiğini öğrendik. Yüksek ücretli profesyonel tasarımcıların yardımı olmadan nasıl yapılacağını öğrenmek için bu incelemeyi okumaya devam edin.

Hedefinizi Belirleyin

Tıpkı işinizin diğer bölümlerinde olduğu gibi, başlangıçta neden bir web sitesi kurduğunuzu tam olarak bilmeniz gerekiyor.

İşletme sitelerini en basit hale indirdiğinizde üç ana tür görüyorsunuz: portföyler, çevrimiçi mağazalar ve profesyonel hizmet siteleri. Aslında isimleri gayet açıklayıcı olmasına rağmen, bu başlıkları biraz açalım.

Portföy siteleri, doğrudan bir ürün veya hizmet satmadan markanız hakkında önemli şeyleri sitenizde gösterenlerdir. Bu siteler basit tek sayfalık özgeçmişler, bir fotoğrafçının çevrimiçi galerisi veya hatta e-ticaret olmayan bir işletme web sitesi olabilir. Tipik bir portföy sitesindeki her şey, kullanıcıları işletmeyle iletişime geçmeye veya işletmeyi ziyaret etmeye ikna etmeyi amaçlar. Bu sitelerde ürün veya hizmet satışı yapılmaz.

Çevrimiçi mağazalar, kullanıcıları bir ürünü satın almaya yönlendirir. Bu sitelerde elbette işletmeyi farklı kılan özellikler de anlatılıyor. Ancak sitelerin asıl amacı bu değil. Odak noktası satış yapmak olduğu için, genellikle satış hunisi göz önünde bulundurularak tasarlanırlar. Bu tür siteler, e-ticaret niteliği nedeniyle portföy sitelerinden biraz daha karmaşıktır.

Profesyonel hizmet siteleri, kullanıcıların hizmet rezervasyonu yapmasını sağlamak için tasarlanmıştır. Sağlanan hizmetlere bağlı olarak, sitenin satın alma işlemlerini gerçekleştirmesi gerekmez, bu nedenle bu siteler ayrı bir kategori olarak kabul edilir. E-ticaret işlevselliğine sahip olmasalar da, rezervasyon hizmeti oluşturulabilir.

Tabii ki buna aykırı durumlar da bulunuyor. Örneğin freelance çalışanlar genelde birleşik olarak portföy sitelerine ve profesyonel hizmet sitelerine sahipler. Bazı çevrimiçi mağazalar profesyonel hizmetler de sunabiliyor. Ben yalnızca iş odağınızın site tasarımını belirleyeceğini size göstermek istiyorum.

Siteniz için Bir Platform Seçin

Siteniz için yeni bir isim belirleme vakti geldi. Bunun için iki yol izleyebilirsiniz: bir web sitesi oluşturucu kullanmak veya kendi siteniz kendiniz oluşturmak. Her şeyin bir arada bulunduğu ve ilk defa kullanacaklar için kolay bir yol arayışındaysanız, site oluşturucular sizin için ideal olacaktır. Ancak site oluşturucuyu kullanmaktan vazgeçerseniz, sitenizi taşımak kolay olmaz. Site oluşturucularını kullanmak konusunda kararlıysanız, size önereceğim birkaç platform var.

1. Wix: Sınırsız Markalaşma Potansiyeli

Site oluşturucular genellikle aynı temel şablonu sunma, bazı renkleri ve görselleri değiştirme ve bunun tamamen farklı bir şablon olduğunu iddia etmeleriyle bilinirler. Ama Wix öyle değil! Wix’in 850’den fazla benzersiz şablonu bulunuyor. Bu şablonlar size ilham verecek ve markalaşma konusunda harika bir temel oluşturacaktır.

Ayrıca şablonları özelleştirme konusunda sınırsız bir özgürlüğe sahip olursunuz. Bazı site oluşturucular sizi ızgara düzenini kullanmaya zorlar. Wix’te ise her öğeyi dilediğiniz yere yerleştirebilirsiniz. Ancak özgürlüğün bazı olumsuz yönleri var.

Şablonlarınız mobil cihazlara duyarlıdır, ancak sınırsız özelleştirme bazı öğelerin mobil cihazlarda yanlış hizalanmasına neden olabiliyor. Her şeyin kusursuz olduğundan emin olmak için sitenizin mobil sürümlerini ayrı ayrı düzenlemeniz gerekir. Wix’in sürükle bırak editörü sayesinde bu da çok kolay.

Özellikler

• Yapay zeka destekli tasarımlar. Markalaşmaya nereden başlayacağınız konusunda emin değilseniz, bırakın Wix bu noktada size yardımcı olsun. Wix’in Yapay Tasarım Zekasına (ADI) işinizi, hedeflerinizi ve sitenizin nasıl görünmesini istediğinizi anlatın, o da sizin için dakikalar içinde özel (ve özelleştirilebilir!) bir şablon oluştursun.
• Yerleşik arama motoru optimizasyonu. Arama motoru optimizasyonu (SEO) web tasarımının hayati bir parçasıdır ve bu olmadan kullanıcıların sizi bulması zor olur. Neyse ki Wix, her sayfayı arama motorları için optimize etmeye yönelik bir kontrol listesi sağlayan yerleşik bir araç sunuyor.
• Önceden oluşturulmuş içerik düzenleri. Wix’te yüzlerce hazır şablona ek olarak, önceden oluşturulmuş birçok düzeni bulunuyor. Bu, gelişmiş tasarım ilkelerini bilmeden profesyonel görünümlü bir site tasarlamayı kolaylaştırıyor.
• Ücretsiz plan. Wix’in ücretsiz planı da çok geniştir ve özelleştirme veya tasarım özellikleri açısından sizi sınırlamaz.

Uzman değerlendirmemize göre Wix’te nasıl harika bir site oluşturacağınızı görün.

2. Squarespace: Muhteşem Tasarımlar

Squarespace ile site oluşturmak, her öğenin modern tasarım ilkeleriyle uyumlu olmasını ve olağanüstü bir kullanıcı deneyimi sunmasını sağlayan profesyonel bir web tasarımcısının yanınızda olmasına benzer. Sitenizi özgürce tasarlayamıyorsunuz, ancak bu sizin için olumlu bir durum. Seçenekler arasında boğulmayacak ve eBay’in 90’lardaki ana sayfasına benzeyen bir siteye sahip olmayacaksınız.

Başlangıçta hazır bir şablon kullanabilir, kendi şablonunuzu oluşturabilir veya sizin için bir şablon oluşturması için bir Squarespace tasarımcısı ile çalışabilirsiniz. 140’tan fazla Squarespace şablonunun tümü modern, mobil uyumlu ve özelleştirilebilir. Bu platformda bir site kurmak için standart aylık ücretten daha fazlasını ödemezsiniz.

Özellikler

• Sayısız entegrasyon. Sürükle ve bırak oluşturucuya önceden yüklenmiş içerik bloklarına ek olarak, Squarespace daha önemli ihtiyaçlara hitap eden özelliklere de sahiptir. Bunlar arasında masa rezervasyonları için bloklar, tur tarihleri, ses dosyaları, etkileşimli Google Haritalar ve daha birçok özellik bulunur.
• Fotoğraf kütüphanesi. Squarespace editöründe bulunan fotoğraflara göz atarak tasarım sürecinde zaman kazanın. Uygulamadan çıkmak zorunda kalmadan premium görseller satın alabilirsiniz.
• Müşteri hizmetleri. Squarespace’in e-posta desteği ve canlı sohbet için mevcut olan yardımsever ve duyarlı ekibine ek olarak, bir topluluk forumuna da erişebileceksiniz. Topluluk forumu, tasarımlarınız için ilham almak ve diğer tasarımcılardan geri bildirim almak için mükemmel bir kaynak.
• Ücretsiz logo tasarımcısı. Squarespace’in logo tasarımcısı nispeten basit, ancak ücretsiz bir araç olduğu düşünüldüğünde oldukça etkili. Marka bütçeniz düşükse kesinlikle kullanılabilir.

Bunların dışındaki harika özellikleri keşfetmek için SquareSpace incelememizi derinlemesine okuyabilirsiniz.

3. SITE123: Yeni Başlayanlar için Basit Tasarımlar

Analiz felci konusunda şikayetçiyseniz (ben öyleyim) SITE123’e bir göz atın. SITE123’ün şablonları göze çok sade gelebilir ancak platformun olayı bu. Görsel karmaşaya mahal vermeden, göze hitap eden sade siteler tasarlayabilirsiniz.

Tüm şablonlar özelleştirilebilir olmasına rağmen, tümünün temel tasarımı aynıdır. Eşsiz bir tasarım arayışındaysanız, SITE123 muhtemelen sizin için uygun değildir. Bununla birlikte, daha gelişmiş tasarım ilkelerine dalmadan önce temel bilgilere aşina olmak isteyen yeni kullanıcılar için harikadır.

Özellikler

• Mobil uyumluluk. Şablonlarınız üzerinde sayısız değişiklik yapsanız da, SITE123’te oluşturduğunuz tasarım masaüstünde olduğu kadar mobil cihazlarda da harika görünür.
• Sayısız uygulama. Sitenizin işlevselliğini genişletmek için önceden oluşturulmuş entegrasyonları bağlayabilirsiniz. SITE123’te hizmet tabanlı işletmeler için takvim bloklarından fiyat karşılaştırma tablolarına kadar, web tasarımınızı hedeflerinize uyacak şekilde optimize etmek için ihtiyacınız olan her şeye sahip olacaksınız.
• Kullanımı kolay editör. Tasarım konusunda yeniyseniz endişelenmeyin. SITE123’ün editörünün kullanımı kolaydır ve kullanıcı dostudur. Bu konuda deneyiminiz yoksa bile rahatça çalışabilirsiniz.
• 7/24 destek. Herhangi bir sorunla karşılaşmanız durumunda hemen müşteri hizmetlerine ulaşabilirsiniz. SITE123 ile 7/24 canlı sohbet kanalı üzerinden iletişime geçebilir, e-posta gönderebilir veya tavsiye için mükemmel Destek Merkezi’ni kullanabilirsiniz.

Daha fazla bilgi edinmek için kapsamlı SITE123 incelememizi okuyabilirsiniz.

4. Shopify: Satış için Özel Olarak Oluşturulmuş Modern Tasarımlar

Shopify, çevrimiçi mağazalar ve hizmet sağlayıcılar için ideal bir seçimdir. Bu işletmeleri desteklemek için en fazla e-ticaret özelliğini sunmanın yanı sıra, özelleştirme yetenekleri ile tamamen benzersiz bir çevrimiçi mağaza oluşturmanıza olanak tanır. Ana sayfada özelleştirme yeteneği diğer platformlar kadar iyi olmasına rağmen, ürün sayfalarınız seçtiğiniz temaya göre sabitlenir.

Temalardan bahsetmişken, Shopify’da pek çok tema seçeneği bulunuyor. 120’den fazla tema var ama yalnızca 12 tanesi ücretsiz. Bunlardan birini kullanmak istemezseniz, çevrimiçi sunulan binlerce Shopify temasından birini içe aktarabilirsiniz. Ayrıca, Shopify sitenizin temel koduna ücretsiz erişim sağlar. Böylece mağaza temanızı tercihlerinize göre şekillendirmek için özel kod bile ekleyebilirsiniz.

Özellikler

• Mobil uyumluluk. Shopify tasarımlarının hepsi mobil uyumludur. Ayrıca site tasarımınızı mobil cihazınızda da yapabilirsiniz. Tasarımınızın daha küçük ekranlarda tam istediğiniz gibi görüneceğinden emin olabilirsiniz.
• 3D görünüm. Shopify’ın 3D ürün modelleri desteği sayesinde ziyaretçilerinize ürünlerinizi benzersiz şekilde gösterebilirsiniz.
• Sayısız uygulama. Sitenize, özel galeriler, ürün inceleme kutuları, arama çubukları ve çok daha fazlasını ekleyebilirsiniz. Satın alma düğmeleri kadar basit tasarım özellikleri için sayısız seçenekle, işletmeniz için mükemmel görünümü bulmanız kaçınılmazdır.
• Hızlı başlangıç kontrol listesi. İlk kez bir site tasarlıyorsanız, Shopify işletme hedeflerinize göre özelleştirilmiş bir kontrol listesi ile size yol gösterecektir.

Shopify incelememizde güzel bir çevrimiçi mağazayı nasıl oluşturabileceğinizi görün.

WordPress Harika Bir Alternatif

Bir siteye sahip olmak için site oluşturucular tek seçenek değil. Sitenizi kendiniz oluşturmak da harika bir alternatiftir. Çünkü bu size daha fazla tasarım ve performans esnekliği sağlar. Ancak ilk kez site yapacak kişiler için bu tavsiye edeceğim bir yol değil. Çünkü bu işi kendiniz yapmak çok fazla teknik bilgi gerektiriyor. Eksiksiz kendin oluştur rehberimiz bunun sizin için iyi bir seçenek olup olmadığı konusunda size yardımcı olacaktır.

Kendi siteniz kendiniz oluşturacaksanız, WordPress kullanmanızı tavsiye ediyorum. Web sitelerinin %43’üne güç sağlayan açık kaynaklı bir içerik yönetim sistemidir (CMS) ve bu da onu en popüler platformlardan biri haline getirmektedir.20.000’den fazla tema sunduğu ve çeşitli üçüncü taraf tema kütüphaneleri aracılığıyla binlerce tema mevcut olduğu için çok popüler bir site oluşturma hizmetidir. Hepsinden önemlisi Türkçe olarak da kullanılabiliyor. WordPress’in site kodunuza tam erişimi olduğu için dilediğiniz kadar ince ayar yapabilirsiniz.

WordPress’in kendisi ücretsiz olsa da, barındırma hizmeti için ödeme yapmanız gerekecektir. Ancak barındırma hizmetleri düşündüğünüz kadar pahalı değil. En çok önerilen barındırma sağlayıcımız Hostinger, 100 WordPress web sitesine kadar 100 GB depolama alanı ve sınırsız bant genişliği için aylık 5$’dan başlayan çok uygun fiyatlarla sunuluyor. Ayrıca bir yıl boyunca ücretsiz bir alan adı ve planınız süresince bir SSL sertifikası alırsınız.

Siteniz için Sayfalar Oluşturun

Sitenizin çok sayfalı olmasına karar verdiyseniz, kullanıcıların görmeyi beklediği bazı standart sayfaları internet sitenize eklemelisiniz. Bu, tek sayfalı sitelerin bu sayfaların içerdiği bilgileri eklemesine gerek olmadığı anlamına gelmez, ama bunu farklı bir şekilde yaparsınız. Wix’in şablon kitaplığından bu örnekle bu sayfaların nasıl çalıştığına bir göz atın.

Ana sayfa

Ana sayfanız sitenizdeki en önemli sayfadır. Sonuçta, iyi bir ilk izlenim bırakmak için yalnızca bir şansınız var ve bu işi ana sayfanız yapıyor.

Bu sayfada özel bilgiler bulunmasına gerek yok ancak logonuz ve işletme adınız kesinlikle bulunmalıdır. En iyi ana sayfa tasarımları, kullanıcıya işletmenin tam olarak ne yaptığını kullanıcılar aşağı kaydırmasına gerek kalmadan anlatır. Bunun altına bir referans, galerinize bir bağlantı veya kim olduğunuz hakkında kısa bir paragraf gibi kısa parçacıklar da ekleyebilirsiniz.. Kilit nokta, ana sayfanızdaki bilgileri kısa ve öz tutmaktır.

Hakkında

Hakkında sayfası, işletmenizi ve sizi rakiplerinizden ayıran özellikleri anlattığınız yerdir. Bu bölüm işinizi neden yaptığınız hakkında daha fazla ayrıntıya girmek için bir bölümdür. Böylece ziyaretçilerinizle bağlantı kurabilirsiniz.

Hakkında sayfası siteyi ziyaret eden kişilerde güven oluşturur. Ziyaretçilerinize markanın arkasında bir veya birden fazla insan olduğu ve sizin sadece yüzsüz bir varlık olmadığınız konusunda güven verir. Çalıştığınız sektöre bağlı olarak bu bölüm muhtemelen ziyaretçilerin ana sayfanızdan sonra girdiği ilk sayfa olacaktır.

İletişim

Son olarak, ziyaretçilere sizinle iletişime geçmeleri için bir yol sunmalısınız. İletişim sayfanız da buna odaklanmalıdır. Tahmini yanıt süresi, çalışma saatleri veya SSS’lerinize bir bağlantı olmadığı sürece buraya herhangi bir işletme bilgisi eklemeyin.

Ziyaretçilerinize en azından güvenli bir iletişim formu sunmalısınız. Bu formlar gereksinimlerinize göre özelleştirilebilir ve gerekli alanları ayarlanabilir olmalıdır. Bu sayede, müşterilerin yalnızca sorularını yanıtlamak için ihtiyacınız olan tüm bilgileri sağladıktan sonra gönderebilirler.

İsteğe Bağlı Sayfalar

İsteğe bağlı ek sayfalara ihtiyaç duymanız muhtemeldir. Yukarıda paylaşılan örnek sitede çevrimiçi kurslar, konuşma paketleri, diğer deneyimler, bir blog ve bir kullanıcı alanı için sayfalar bulunmaktadır. Çevrimiçi mağazalar için tek tek ürün sayfaları, portföy sitelerinde bir galeri veya işletmenin önceki çalışmalarını listeleyen sayfalar oluşturabilirsiniz.

Sitelerinize sınırsız sayıda sayfa ekleyebilirsiniz, hedefinizi bilmeden belirli bir şey söylemem imkansız. Rakiplerinizin sitelerine bakarak sayfalarını ve sağladıkları bilgileri incelemenizi tavsiye ederim.

Bireysel Web Sitesi Unsurları Tasarlama

Şu ana kadar öğrendiğimiz her şeyi pratiğe dökmenin vakti geldi. Bilmeniz gereken temel unsurları ve bunların tasarımını nasıl optimize edeceğinizi şimdi sizinle paylaşıyorum.

Üstbilgi ve Altbilgi

Üstbilgi ve altbilginiz, tahmin edebileceğiniz gibi, her sayfanın üst ve alt kısımlarında yer alan parçalardır. Bu öğeler basit görünse de ziyaretçiler üstbilgi ve altbilginizin belirli bir şekilde düzende olmasını beklerler. Başka konularda tasarımınız konusunda risk alabilirsiniz, ancak burada statükoya bağlı kalmak en iyisidir.

Benzer şekilde, üstbilginiz ve altbilginiz web sitenizdeki en sade öğeler olmalıdır. Ziyaretçiler süslü grafikler veya gösterişli tasarımlar istemezler; aradıkları sayfaları en az çabayla bulmak isterler. İstatistiksel olarak kullanıcıların %88’i sitede aradığını bulamazsa, ya da beğenmezse, kısacası kötü bir deneyim yaşarsa siteye bir daha geri dönmezler. Bu nedenle işinizi şansa bırakmayın.

Menü

Bunu aklımızda tutarak sitenizin menü bölümüne odaklanalım.

Sitenizin menü bölümünü hazırlarken Marie Kondo’nun sitesi https://konmari.com/’a da bir göz atın. Bu sitenin menüsünde belirli sayfalar bulunuyor. Sitenizdeki her sayfanın burada listelenmesini istemezsiniz. Sayfalarınızı gruplandırmak ve her şeyi düzenli tutmak için alt menüler (açılır menüler gibi) kullanın.

Kaydırma Efektleri ve Hareketli Görünüm

Bu biraz “ya seversiniz ya da bu tasarım öğelerine sahip web sitelerine dokunmazsınız” demek gibi olacak ama lütfen bu konuda beni dinleyin. Ölçülü kullanıldığında, animasyonlu öğeler gerçekten iyi çalışabilir, ancak erişilebilirlik sorunlarına da neden olabilirler. Bu konuyu birazdan daha ayrıntılı olarak ele alacağım.

Modern siteler için en popüler kaydırma efektine paralaks kaydırma adı verilir. Paralaks kaydırmada, sitenizin arka planı ön plandaki metinden daha yavaş kayar ve bu da içerik bloğuna derinlik kazandırır. Bu yöntem, dikkat çekici bir site oluşturmak ve sitenize görsel bir hava katmak için iyi bir yoldur. Bununla birlikte, sitenize hareket katmanın en iyi yolu sadece bu değildir. Ne elde etmeye çalıştığınıza bağlı olarak video, kısa döngülü animasyonlar ve hatta daha karmaşık kaydırma efektleri de kullanabilirsiniz.

Metin, Görüntü ve Ses

Bu üçlü sitenizin içeriğinin çoğunu oluşturacaktır. Evet çoğu noktada ses kullanmayacaksınız, ancak bazı işletmeler için ses konusu çok önemli olduğu için onu da buraya ekledim. Yalnızca, seslerin otomatik oynatmaya ayarlanmadığından emin olun. Y kuşağı otomatik oynatılan sesin sinir bozucu olduğunu çok iyi bilir. Bu nedenle, kullanıcıların sitenizde kalmasını sağlamaya çalışıyorsanız, sesi bir oynatma düğmesinin arkasında kilitli tutun.

Dengeyi korumak için aşırı metinden kaçının çünkü çok fazla metin kullanıcıları bunaltabilir ve kafalarını karıştırabilir. Bunun yerine, metni görsellerle ve geniş beyaz alanlarla tamamlayın. Tabii ki bu söylediğim bilgi ağırlıklı sayfalarda daha büyük metin parçaları sunamayacağınız anlamına gelmiyor. Ancak ziyaretçiler sitenizin bölümlerini okurken nefes alsınlar diye metinler arası boşluklar bırakmak güzel bir fikirdir.

Kullanım Kolaylığı Konusunda Hassas Davranın

Eminim ki sitenizi kurmaya başlamak ve renk düzenleri ile oynamak için sabırsızlanıyorsunuz. Buna başlamadan önce biraz daha benimle kalın. Uymanız gereken en önemli tasarım ilkelerinden biri, genel tasarımınızı da etkileyecek olan site erişilebilirliğidir.

Web İçeriği Erişilebilirlik Yönergeleri (WCAG), World Wide Web Consortium (W3C) tarafından yönetilen uluslararası bir girişimdir. Bu, internette gezinmek için yardımcı teknolojiler kullanmak zorunda kalabilecek engelli kullanıcılar için siteleri daha erişilebilir hale getiren gönüllü ancak gerekli bir kılavuzdur.

Bu kılavuzların en son sürümü olan WCAG 2’nin tamamını gözden geçirecek zamanımız yok, bu yüzden size önemli noktaları vereceğim.

Alt Metinler, Altyazılar ve Transkript

Sitenize bir resim yerleştirdiğinizde tüm kullanıcıların bu resmi göremediğini varsaymalısınız. Alt metinler, ekran okuyucuların kullanıcılara bir görselde neler olduğunu anlatmak için kullandığı bir tanımlayıcıdır.

Aynı şekilde, işitme engelli ya da işitme güçlüğü çeken kullanıcılar için videoları ve sesleri de yazıya dökmeniz gerekir. Anlatım içeriği olmayan videolarda alt metne benzeyen açıklayıcı bir transkripsiyon bulunmalıdır.

Renk Kontrastı

Renk körlüğünden muzdarip olan kullanıcılar renkleri ayırt etmekte zorluk çekebilir. Bu, metniniz ve arka planınız arasında yeterli kontrast yoksa, bazı kullanıcıların sitenizde pek bir şey göremeyeceği anlamına gelir.

Wix’in erişilebilirlik sihirbazı WCAG 2 yönergeleri göz önünde bulundurularak oluşturulmuştur. Erişilebilirlik sihirbazını çalıştırdığınızda, renk kontrastının nerede iyileştirilmesi gerektiğini size söyleyecektir.

Hareketin Azaltılması

Animasyon ve kaydırma efektleri, özellikle vertigo veya hareket hastalığı olan bazı kullanıcılarda rahatsızlığa neden olabilir. Daha önce paralaks kaydırma gibi kaydırma efektlerinin popüler olduğunu söylediğimi biliyorum, ancak daha basit bir tasarım seçeneğinin de tavsiyeler arasında bulunduğunu lütfen unutmayın.

Sitenizin herkes tarafından sorunsuzca kullanılabilmesi için paralaks kaydırmadan kaçınmanızı ve mümkün olduğunca az animasyon ve hareket özelliği kullanmanızı öneririm. Biraz hareket eklemek istiyorsanız, en uygun seçenek, kullanıcının oynatmak için tıklamasını gerektiren bir video eklemektir.

Belge Nesne Modeli

Belge nesne modeli, ekran okuyucuların ve “sekme” (gezinmek için sekme düğmesini kullanma) öğelerinin öğeler arasında hareket edeceği sırayı belirler. Birçok site oluşturucu bu yönetimi otomatik olarak gerçekleştirir. Ancak sitenizi hazırladıktan sonra, yayınlamadan önce bunun doğru çalışıp çalışmadığını görmekte fayda var.

Mobil Optimizasyon

İnternet trafiğinin yarısını mobil kullanıcılar oluşturuyor. Bu nedenle siteniz mobil cihazlarda da tarayıcınızdaki kadar iyi görünmelidir. Ancak, her kullanıcının aynı ekran boyutuna sahip bir mobil cihazdan ziyaret edeceğini düşünürseniz, hata edersiniz. Sitenizin duyarlı olması (yani farklı cihazlara otomatik olarak uyum sağlaması) gerekir.

Birçok site oluşturucu, temel tasarımlarında ve şablonlarında mobil uyumluluğa sahiptir. Bazıları da Wix gibi sitenizin mobil sürümünü ayrı olarak düzenlemenizi ister. Diğer taraftan, bir kişi sitenizi ziyaret etmek için akıllı telefonunu veya tabletini kullandığında, Squarespace içeriği otomatik olarak yeniden boyutlandırır.

Sitenizi kendiniz yapacaksanız, bu işlem o kadar da kolay değil. WordPress birçok duyarlı temaya sahip olmasına rağmen, özel öğelere karşı dikkatli olmalısınız. Sayıca daha fazlasını eklerseniz, mobil cihazlarda çalışmasını sağlamak için CSS medya sorgularını (ekran boyutuna göre tasarım kurallarını uygulayan kod) da eklemelisiniz.

Sitenizi Yayınlayın ve Hep Güncel Tutun!

Tasarımınızı tamamladığınızda, Yayınla düğmesine basın. İşte bu!

Sitenizi yayına açtıktan sonra artık bununla işim bitti diye düşünmemelisiniz. Sitenizi güncellemeye ve geri bildirimlere kulak vermeye devam etmelisiniz. Bir internet sitesine sahip olmak bitmeyen bir döngüdür.

Sitenizi güncel tutmak sadece müşterilerinizin ilgisini çekmenin en iyi yolu değildir, aynı zamanda arama motorlarına sitenizin terk edilmediğini gösterir. Tıpkı dükkanlar gibi, arama motorları da tozu alınmış vitrinleri göstermeye daha yatkındır.

2024 Yılı için Modern Bir Site Tasarlayın

Kendi sitenizi tasarlamak düşündüğünüz kadar zor değil. Marka yönergeleri, tasarım ilkeleri ve erişilebilirlik arasında dikkate alınması gereken çok şey var, ama bunlar işi imkansız kılmıyor. Önceden oluşturulmuş modern ve mobil uyumlu temalar sunan Wix gibi modern site oluşturucular sayesinde, çarpıcı bir web sitesine sahip olmak için artık tüm paranızı bir web tasarımcısına harcamanıza gerek yok.

Bir tasarımcısı ile çalışmak zorunda olmamanız, onlarla asla çalışmanız gerekmediği anlamına gelmez. Bir site oluşturucu kullanmadan sitenizi yapmak istiyorsanız, muhtemelen bir profesyonelden yardım almanız gerekecektir. Ayrıca, mobil uyumlu ve erişilebilir tasarım gibi tasarım ilkeleri konusunda deneyiminiz yoksa, freelance çalışan bir tasarımcıyla çalışmak uzun vadede size geri dönüşü olacak bir yatırımdır.

SSS

Site oluşturmak istiyorum, ne yapmalıyım?

Kendi sitenizi tasarlamanın en iyi yolu bir site oluşturucu kullanmak veya WordPress ile kendi sitenizi barındırmaktır. Her iki durumda da modern ve mobil uyumlu şablonlara sahip olursunuz. Site oluşturucular, ilk defa bu işi yapacak kişiler için harika bir seçenektir. Ancak bu konuda biraz kodlama deneyiminiz varsa ya da siteniz üzerinde daha fazla kontrol gücüne sahip olmak istiyorsanız, sitenizi kendiniz barındırmayı düşünebilirsiniz.

Bir site oluşturmanın maliyeti nedir?

Sitenizi ücretsiz olarak tasarlamaya başlayabilirsiniz! Wix, özelleştirme araçlarına erişmenizi sağlayan harika bir sınırsız ve ücretsiz plan sunar. Barındırma işlemini kendiniz yapmayı seçerseniz, WordPress de ücretsizdir. Barındırma için ödeme yapmanız gerekir. Önerilen barındırma sağlayıcımız Hostinger, fikrinizi değiştirirseniz harika bir para iade garantisi ile aylık çok düşük bir maliyete sahiptir.

Kaliteli web tasarımın üç ilkesi nedir?

Kaliteli bir internet sitesi, hızlı, duyarlı ve erişilebilir olmalıdır. Bir sayfanın yüklenmesi çok uzun sürerse, mobil cihazlarda düzgün çalışmazsa veya engelli ziyaretçiler sayfayı kullanamazsa, kullanıcılar sitenizden çıkacaktır.

Sitemi nasıl düzenlemeliyim?

Kullanıcıların ana sayfanızdan her sayfaya 3 tıklamayla erişebilmelerini sağlamak temel kurallardan biridir. Çevrimiçi mağazalarda olduğu gibi, sizin de sitenizde çok sayıda sayfa varsa, sitenizde gezinmeyi kolaylaştırmak için açılır menüler ve arama çubuklarını kullanın.