Web siteleri tasarlamak harika bir iş.
Bir web sitesi oluştururken, günlük olarak dikkat etmediğiniz birçok şey görürsünüz.
Web sitesi tasarımı, web tasarımını (bir web sitesi düzeni tasarlama), kullanıcı deneyimini ve diğer birçok şeyi birleştirir.
Göründüğü kadar karmaşık değil. Web sitesi tasarımını size ve web sitenizin alıcılarına büyük bir memnuniyet sağlayacak şekilde nasıl büyük bir eğlenceye dönüştürebilirsiniz?
Web Tasarımı nedir?
Web tasarımı nispeten yeni bir terimdir, bu nedenle bu yönün ne olduğu ve kimin web tasarımcısı olarak adlandırılabileceği konusunda anlaşmazlıklar vardır. Açıklığa kavuşturmaya çalışalım.
Web tasarımı kavramı, geniş anlamda, geliştirmenin teknik yönlerini içeren web siteleri oluşturma, bilgi yapılandırma, görsel bir kabuk oluşturma ve Web'e bilgi iletme sürecini ifade eder.
Aşamalar
Bir web sitesinin yaratılmasının neye benzediğini daha eksiksiz bir şekilde anlamak için, sayfanın kavramından ağdaki işleyişinin başlangıcına kadar hangi aşamalardan geçtiğini hayal etmeniz gerekir.
Teknik özelliklerin hazırlanması: İşin başlangıcı, sitenin hedeflerinin ve işlevselliğinin ayrıntılı planlanmasıyla karakterize edilir, yapısı ve tasarımı için tahminler yapılır ve ardından müşteri tarafından onaylanan ayrıntılı bir iş listesi hazırlanır. Proje yöneticisi bundan sorumludur.
Kullanılabilirlik: Şu anda, planlanan sitedeki sayfaların yapısının ne olacağından, bilgi sunmak için en uygun seçeneğin bu durumda ne olacağına kadar oldukça geniş bir soru yelpazesi belirlenir. Bu, bir yönetici ve bir tasarımcının işbirliğini gerektirir.
Grafik Sanatları: Tasarımcı, hem sayfayı daha işlevsel hale getirmek hem de basitçe dekore etmek için tasarlanmış çeşitli öğeler dahil olmak üzere sitenin görsel bir temsilini oluşturur. Bundan sonra, grafik çizim şeklindeki site düzeni onaylanır.
Yerleşim: Bir programcı olarak birlikte çalışan tasarımcı, fikrini görüntünün tarayıcıda görüntülenmesine izin verecek kod biçiminde uygular.
Web Mastering: Son aşama, sitenin bir barındırma üzerine yerleştirilmesi, bilgilerle dolu olması ve arama motorlarının üst sıralarında tanıtımına geçmesidir. Site zaten kullanıcılar tarafından kullanılabilir.
Web tasarımına nereden başlamalı?
Web sitelerinin tasarlanması, web sitesinin oynaması gereken rolü, yani amacını tanımlamakla başlar.
Doğru tahmin ettiniz - başka amaçlar için kullanışlı olan her türden web sitesi var. En popüler üç tanesini ayırıyoruz: açılış sayfaları, tek sayfalı sayfalar ve klasik web siteleri.
Elbette büyük siteler var (portallar vb.), Ama bu tamamen farklı bir konu.
En basit web siteleri, bir açılış sayfası ve tek sayfadır.
Genellikle küçük olmalarına rağmen (yalnızca bir sayfa), oldukça fazla içeriğe sahiptirler. Ancak, amaç bakımından farklılık gösterirler.
Açılış sayfası nedir?Çoğu zaman kişileri toplamak veya bazı eylemlerle ilgili trafiğe odaklanmak için kullanılır. Açılış sayfalarında genellikle çok fazla içerik yoktur, ancak sayfanın amacını açıkça görebilirsiniz. Açılış sayfalarının genellikle bir menüsü yoktur.
Tek sayfalı cihazlar "uzatılmış" normal web sayfalarıdır. Tüm bilgiler çok uzun bir web sitesinde yer almaktadır.
En önemli içerik her zaman en üsttedir. Yani kısaca. Tek sayfalı cihazların sonraki bölüm başlıklarına atıfta bulunan menüleri vardır.
Bu türden web sitelerinin tasarlanması ve oluşturulması özel bir yaklaşım gerektirir. Basit görünseler de, çok zahmetlidirler ve maceranıza başka bir şeyden sayfalar oluşturarak başlamak daha iyidir.
Özellikle sayfaları tasarlamanın en çok "sıradan" sayfalarla ilişkilendirildiği.Bir ana sayfaları, teklif, haberler ve iletişim içeren alt sayfaları var. Bunun internette standart olduğunu söyleyebilirsiniz.
Ayrıca kullanıcılar kendi yapılarını kendi cepleri gibi bilirler.
Çevrimiçi bir kartvizite ihtiyacınız varsa - basit bir sayfalık belge yeterlidir. Web sitenize biraz daha fazla bilgi (teklif, blog vb.) Koymak ve zamanla genişletmek ister misiniz? Klasik bir web sitesi doğru olacaktır.
Artık ne olduğunu bildiğinize göre, nasıl başlama zamanı, yani web tasarımı.
Web sitenizin amacı nedir - web tasarımının başladığı yer burasıdır
Web sitenizin amacının ne olduğunu bilmeniz gerekir. Bu sayede tasarladığınız sayfa kullanıcılar tarafından anlaşılır olacaktır.
Bir işletme yönetiyorsanız, kullanıcı ne sunmanız gerektiğini baştan bilmelidir.
Örneğin - bir araba tamirhaneniz var. Kullanıcı, araba tamirhanesinin web sitesine girdiğini ve belirli hizmetleri kullanabileceğini bilmelidir.
Böyle bir web sitesinin amacı, sizi bu hizmetler hakkında bilgilendirmek ve böylece yeni müşteriler çekmektir.
Web tasarımı söz konusu olduğunda açıkça tanımlanmış bir hedefe sahip olmak çok önemlidir. Bu nedenle, web sitenizin amacını dikkatlice düşünmeniz ve net bir şekilde tanımlamanız gerekir.
Bir web sitesinin amacının ne olduğunu öğrendikten sonra, izleyicinin kim olduğunu düşünmeniz gerekir.
Web Tasarımı - Hedef kitlenizi belirleyin
Web siteniz yalnızca arama motoru robotları tarafından görüntülenmeyecek. Bu nedenle, web sitenizin hedef kitlesinin kim olacağını (ve olacağını) düşünmeniz gerekir.
Sonuçta, ulaşmak istediğiniz şey bu, değil mi?
Web sitenizin hedef kitlesini belirlemek doğrudan web sitenizin amacı ile ilgilidir. Sonuçta, amacınıza ulaşmak için onlar.
Web sitesi tasarımı, bu tür profillemeyi "bir kişi yaratmak" olarak tanımlar.
Bu nedenle, kullanıcılarınızın tam olarak ne isteyeceklerini ve tam olarak kim olacaklarını düşünmelisiniz.Kişiler sadece "mükemmel kullanıcılar" dır.
Kesinlikle web sitenizin bazı kullanıcı profillerini aklınızda bulunduruyorsunuz. Amacınıza ulaşmak için tam olarak neye ihtiyacı olduğunu, tercihlerinin ne olduğunu, web sitenizde neden olduğunu ve neyin olması gerektiğini düşünmelisiniz.
Örneğin, bir araba tamircisi web sitesinin ideal kullanıcısı, araba tamirine ihtiyaç duyan bir kişi olacaktır.
Atölyenin hangi hizmetleri sağladığını, nerede bulunduğunu, hangi saatlerde çalıştığını ve onunla nasıl iletişim kuracağını bilmek istiyor. Bu bilgileri web sitesinde arayacaklar.
Onları görünür bir yere koymak sizin tarafınızda.
Başka bir deyişle: bir kişi oluşturmak, web sitenizi kullanıcılarınızın ihtiyaçlarına daha iyi uyarlamanıza olanak tanır.
Unutmayın - (iyi) web sitesi tasarımı, belirli kişilerin ihtiyaçlarına yanıt vermekle yakından ilgilidir. Bu sizin ideal kullanıcılarınızdır.
Hedef kitlenizi tanımladıktan sonra, kullanıcının sitenizde ne bulmak istediğini belirlemeniz sizin için daha kolay olacaktır.
Kullanıcı için bir web sitesi oluşturmak, yani web sitenizde ne olacak
Web sitenizin amacını öğrendikten ve ideal kullanıcısının (veya kullanıcılarının) kim olduğunu belirledikten sonra web sitesi ile çalışmaya başlayabilirsiniz.
Web sitesinin amacını ve kullanıcıların ihtiyaçlarını düşünerek harcadığınız zaman karşılığını verecektir.
Özellikle böyle iyi düşünülmüş bir web sitesi, kullanıcılarınızın ihtiyaçlarına cevap verecek ve böylece - hedefinize ulaşacaktır.
Web tasarımında bir sonraki adım, web sitesinde ne olması gerektiğini açıkça tanımlamaktır.
Bu aşamada bir web sitesi tasarlamak, içeriği düzenlemekle ilgilidir.
Sayfaya ne istediğinizi yazarak başlayın. Uzun bir liste olabilir, aniden düzinelerce ürün haline gelmesi konusunda endişelenmenize gerek yok.
Sonra bunları bir araya toplamaya çalışın - bir sonraki aşamada size çok yardımcı olacaktır.Hazırlanan listeyi birkaç günlüğüne bırakın. Gerçekten iki kişi yeter.
Bu sürenin sonunda listeye tekrar bir göz atın ve bir kullanıcı olarak değerlendirin. Sahip olduğunuz her bir kişinin bakış açısından hangi şeylerin alakalı olduğunu görün.
Her biri biraz farklı bilgiler arayacak, bu yüzden bunu hesaba katmanız gerekiyor.Örneğin, bir oto tamircisi arayan bir kişi bir kişi, konum ve çalışma saatlerini arayacaktır. Bu bilgi sayfada açıkça görülmelidir.
Şimdi fazla bilgi listenizi temizlemek için iyi bir zaman. Bazıları tamamen gereksiz olabilir.
Bunları sayfadan kaldırabilir veya en sonunda ekleyebilirsiniz. Bilgilerin bu kategoriler halinde gruplanması, bunları sayfada ayırmanıza yardımcı olacaktır. İşinizi nasıl kolaylaştıracağını göreceksiniz.
Grup bilgileriniz önem sırasına göre numaralandırın.
En önemli şeyler en üstte, en az - en altta. Bilgileri bu şekilde parçalara ayırdıktan sonra - her gruptaki temel şeyleri bulun.
Bu bilgiler ana sayfada yer almalıdır. Bunları geliştirmek zorunda değilsiniz, sadece onlara sunduğunuz şeyleri kullanıcılara bildirmeleri gerekiyor.
Daha fazlasını öğrenmek istiyorlarsa, kesinlikle devam edecekler.
İdeal olarak, en önemli bilgileri, arama ifadeleri olan anahtar kelimeler biçiminde sağlamalısınız. Daha sonra ana sayfa, sunmanız gerekenleri iyi bir şekilde iletir ve kendini iyi konumlandırır.
Web sitenizin hangi alt sayfalara ihtiyacı var?
Bilgileri nasıl paylaşabileceğinizi öğrendikten sonra, alt sayfalar oluşturmaya başlayabilirsiniz. Bu bilgi kopyalanırsa tekrar düşünün.Öyleyse - böyle olması gerekip gerekmediğini düşünün (ve hedefinize ulaşmak için kullanıcıların ihtiyaç duyup duymadığını).Alt sayfaların her biri, oluşturduğunuz gruplardan birine karşılık gelmelidir.
Üç veya dört grubunuz varsa - mükemmel! Web sitenizin yapısı uygulamaya hazırdır.
Daha fazlasına sahipseniz, bu grupların birbirleriyle nasıl bir ilişki içinde olduklarını düşünün. Belki ortak bir paydaları vardır? Daha az elementle daha iyi olduğunu unutmayın.
Minimalizm, web sitelerini tasarlarken çok kullanışlıdır çünkü kullanıcıların neler olup bittiğini hemen görmelerine olanak tanır. İhtiyaç duydukları bilgileri aramak zorunda değiller çünkü hemen görülebiliyorlar.
Web sitesindeki yapılandırılmış bilgilerin de psikolojik bir etkisi vardır: Web sitesi akıllı hale getirilmişse, diğer tarafta güvenmeye değer profesyoneller vardır.
Ve oradan, hedefinize kullanıcılar tarafından ulaşmak için yalnızca bir adımdır.
Kağıt ve kalem - web tasarımını kolaylaştırırlar
Kendini kaşımak güzel. Özellikle görsel web tasarımına nasıl geçeceğiniz konusunda bir fikriniz yoksa (trendleri takip ederek) Unutmayın: her zaman ilham almaya değer
Beğendiğiniz birkaç sayfaya göz atmak ve sonuç çıkarmak iyi bir fikirdir. Bu nedenle web sitenizi bir kağıt parçasıyla tasarlamaya başlamak iyidir.Üzerinde olması gereken öğelere sahip olduğunuzda, bunları sonraki alt sayfalara ayırabilirsiniz. Her sayfayı bir sayfa yapın.
Sonraki öğeleri "alt sayfaların" her birine yerleştirin (önemli hiyerarşiyi korumayı unutmayın). Silinmekten korkmanıza gerek yok.
Test - web sitesi tasarımının önemli bir öğesi
Sevdiklerinizin yardımı abartılamaz. Web sitenizi kullanıcılara göstermeden önce - arkadaşlarınıza projeniz hakkında ne düşündüklerini sorun.
Onlara aynı soruları sormayı unutmayın.
Bu, tasarımı iyileştirmenizi kolaylaştıracaktır.
Elbette, siteyi nasıl sevdiklerini sorarak başlamaya değer. Ardından, iletmek istediğiniz şeyi anlayıp anlamadıklarını ve sayfanın amacına kolayca ulaşıp ulaşamayacaklarını sorun.
Elbette bunu kolaylaştırmak için onlara amacınızın ne olduğunu söyleyebilirsiniz. Bu, web sitesinin amacı netse size cevap vermelerini kolaylaştıracaktır.
Ardından bu yorumları toplayın ve bunları nasıl uygulayacağınızı düşünün. Ve onları tanıtmaya değer mi? Sonuçta, bu sizin web sitenizdir, ancak arkadaşlarınız da iyi testçilerdir - onların görüşleri dikkate alınmaya değerdir
Web sitesini ve SEO'yu konumlandırma - web sitenizi tasarlamaya başladığınızda bunu hatırlamanız gerekir
İnsanlara ulaşmak istiyorsanız, web sitenizi konumlandırmayı hatırlamanız gerekir.Her sayfanın iyi anahtar kelimeler, alternatif fotoğraf açıklamaları, başlığı ve açıklaması - bu minimumdur.
Ayrıca başlıkların hiyerarşisini de hatırlamalısınız - bu sayede arama motoru robotları kendilerini sayfaya yönlendirmeyi daha kolay bulacaktır.Yerel olarak hareket ediyorsanız - sözde yerel SEO'yu unutmayın. Yani, seçilen anahtar kelimelere yer adları eklemekle ilgilidir.
Web sitesindeki grafikler
Bir web sitesi tasarlamak aynı zamanda iyi grafikler seçmekle de ilgilidir. İyi kalitede kendi fotoğraflarınız varsa konu neredeyse kapalıdır.Web sitesindeki fotoğrafların yüksek çözünürlüklü olması gerekmez. Pratikte - ne kadar küçükse (yani ne kadar az disk alanı kaplarlarsa) o kadar iyidir.
Çok sayıda büyük fotoğraf içeren bir web sitesi yavaş yüklenir, bu da konumlandırmasını olumsuz etkiler ve kullanıcıları beklemeye zorlar. Fotoğrafların ideal genişliği 1200-1400 pikseli geçmemelidir.
Bunları sıkıştırmak ve alternatif açıklamalar eklemek her zaman iyi bir fikirdir. Unutmayın: tarayıcı robotları grafikleri göremez, ancak fotoğrafların alternatif açıklamalarını "okumaktan" mutlu olurlar.
En önemli unsurlar - kısaca web tasarımı
TAna sayfa her zaman en önemlisidir. Bu, kullanıcıların ilk önce bulması gereken temel bilgileri ve öğeleri koyduğunuz yerdir.
Unutmayın ki bu öğeler sayfada ne kadar yüksekse, kullanıcılar onları o kadar hızlı bulacaktır. Ana sayfa aynı zamanda kullanıcının gördüğü ilk sayfadır. Bu nedenle okunaklı olmalı ve temel unsurları içermelidir.
Her sayfada bir menü olmalı.
Web sitenizdeki kullanıcılarda gezinmeye yardımcı olur. Bu unsurun olabildiğince anlaşılır olması gerektiğini unutmayın.
Dolayısıyla, menüdeki tipik ve hacklenmiş alt sayfaların adları, kullanıcılarınızın beklediği şeydir. Sonuçta, web sitesi tasarımı genellikle kanıtlanmış çözümlere dayanmaktadır.Ana sayfa, teklif, fiyat listesi, iletişim, müşteri geri bildirimi vb. - böyle bir menü yapısı, kullanıcıların aradıklarını daha hızlı bulmasını sağlayacaktır.
İç bağlantılar da her sayfanın önemli bir unsurudur.
Bu nedenle, ana sayfanıza teklife ayrılmış bir segment koyarsanız, bu segmente kullanıcıları teklifin bulunduğu alt sayfaya yönlendirecek bir bağlantı eklemek iyi olur.
Sayfaya metin yerleştirirken, sözde başlık hiyerarşisini korumayı unutmayın. Başlık, kalın büyük metin olarak görünebilir.
Aslında, başlıklar bir sayfada üç ana rol oynarlar: aşağıdaki metnin konusu hakkında bilgi verirler, sayfadaki bilgileri düzenlerler ve konumlandırmada yararlıdırlar (arama motoru robotları, başlıklarda metinden daha hızlı bilgi bulacaktır).
Ayrıca, başlıkların hiyerarşisini de unutmayın - bu sayede kullanıcılar hangi bilgilerin genel (belirli bir bilgi grubuna ilişkin) ve hangilerinin ayrıntılı olduğunu bilecekler.
En önemlisi, sayfa başına yalnızca bir H1 başlığı olmalıdır; böyle bir başlık sayfanın adını içermelidir (yani iletişim sayfasında "[şirketinizin adı] - iletişim" veya "[şirketinizin adı] ile iletişim" olmalıdır).