2008 senesinden beri yazılım geliştirici ve web tasarım uzmanı olarak çalışmaktayım. 2008 senesinde ankara üniversitesi bilgisayar mühendisliği bölümünden mezun oldum. O yıldan bu zamana kadar kurumsal firmalar için yazılım çözümleri üretiyorum. Web tasarımı, internette görüntülenen web sitelerinin tasarımını ifade eder. Genellikle yazılım geliştirme yerine web sitesi geliştirme kullanıcı deneyimi yönlerini ifade eder. Web tasarımı, masaüstü tarayıcıları için web siteleri tasarlamaya odaklanmıştı; ancak, 2010'ların ortalarından bu yana, mobil ve tablet tarayıcıları için tasarım giderek daha önemli hale geldi. Bir web tasarımcısı, bir web sitesinin görünümü, düzeni ve bazı durumlarda içeriği üzerinde çalışır. Örneğin, görünüm, kullanılan renkler, yazı tipi ve resimlerle ilgilidir. Düzen, bilgilerin nasıl yapılandırıldığını ve kategorize edildiğini ifade eder. İyi bir web tasarımının kullanımı kolaydır, estetik açıdan hoştur ve web sitesinin kullanıcı grubuna ve markasına uygundur. Birçok web sayfası sadeliğe odaklanarak tasarlanmıştır, böylece kullanıcıları rahatsız edebilecek veya şaşırtabilecek hiçbir yabancı bilgi ve işlevsellik görünmez. Bir web tasarımcısının çıktısının temel taşı, hedef kitlenin güvenini kazanan ve teşvik eden bir site olduğundan, mümkün olduğunca çok sayıda potansiyel kullanıcı hayal kırıklığı noktasını ortadan kaldırmak kritik bir husustur. Hem masaüstü hem de mobil cihazlarda iyi çalışan web siteleri tasarlamanın en yaygın yöntemlerinden ikisi duyarlı ve uyarlanabilir tasarımdır. Duyarlı tasarımda, içerik ekran boyutuna bağlı olarak dinamik olarak hareket eder; uyarlanabilir tasarımda, web sitesi içeriği ortak ekran boyutlarıyla eşleşen düzen boyutlarında sabitlenir. Cihazlar arasında mümkün olduğunca tutarlı bir düzeni korumak, kullanıcı güvenini ve katılımını korumak için çok önemlidir. Duyarlı tasarım bu konuda zorluklar yaratabileceğinden, tasarımcılar çalışmalarının nasıl görüneceğini kontrol etmekten vazgeçmeye dikkat etmelidir. İçerikten de sorumlularsa, beceri setlerini genişletmeleri gerekebilirken, bitmiş ürün üzerinde tam kontrol avantajına sahip olmaktan keyif alacaklar. Başarılı bir ürünün en önemli bileşenlerinden biri, etkili, verimli ve görsel olarak hoş görüntüler oluşturmaktır. Bu tür yüksek kaliteli ekranlar üretmek için, ister grafiksel (örneğin, web siteleri) ister somut (örneğin, uzaktan kumandalar) olsun, görsel algı bilgisiyle birlikte insan vizyonunun anlaşılması gerekir. Algısal yeteneklerimizin örneklerini gözlemleyerek, araştırarak ve tanımlayarak, ürünleri bu birleştirici niteliklere göre tasarlayabiliriz. Bu tür becerileri etkileşim tasarımı dünyasına yaymak için “Gestalt psikolojisi ve Web Tasarımı: nihai Rehber " geliştirdik.” Gestalt psikolojisi, insan düşüncesinin, eyleminin ve algısının bir dizi farklı yönüne uygulanan bir zihin teorisidir. Özellikle, Gestalt teorisyenleri ve araştırmacıları, altta yatan süreçlerin nasıl organize edildiği ve dünyayı anlamamıza nasıl yardımcı oldukları açısından görsel algıyı anlamaya çalışırlar. Bu bilişsel süreçlerin organizasyonu, gözlerimize giren sürekli görsel bilgi akışını nasıl yorumladığımızı ve dünyanın tutarlı, anlamlı ve kullanışlı bir temsili haline geldiğini anlamamız için önemlidir. Son yirmi yılda, Gestalt psikologlarının çalışmaları, etkileşim tasarımcıları ve insan kullanıcıları için ürünlerin geliştirilmesinde yer alan diğer profesyoneller tarafından benimsenmiştir.

Bu dersin bir parçası olarak, Gestalt psikolojisi ve görsel algı konusunda şu anda mevcut olan en iyi kaynaklardan bazılarını derledik ve birleştirdik. Gestalt psikolojisini web tasarımına nasıl uygulayabileceğinizi anlamanıza yardımcı olmak için, mevcut tasarımlardan birçok farklı örnek sunduk. Bunlar, görsel algının kesin niteliklerine, tuhaflıklarına ve özelliklerine dikkat çeker. Ayrıca, bunların nasıl yerleştirildiğini ve çeşitli durumlarda kullanıcının niyetlerini veya tasarımcının veya müşterinin niyetlerini desteklemek için nasıl kullanıldığını tartışırlar.

Gestalt düşüncesinin tasarıma uygulanması, bize sorunlara ve zorluklara yaklaşmanın iç görülerini ve yeni yollarını sunar. Görsel bilgileri organize etmenin birçok yolunu kendi zihnimizde birleştirerek, tasarımlarımızı tüm kullanıcılar için geliştirebiliriz.

Bir website bir web sitesi, değil mi? Yanlış. Modası geçmiş, kafa karıştırıcı veya bozuk bir web sitesi markanıza zarar verecektir. Markanıza zarar verebileceğini söylemiyoruz, ona zarar vereceğini söylüyoruz.

Peki başarılı olmak için kendinizi nasıl kurabilirsiniz? Web tasarımınızı baştan tamamen çivileyerek harika bir web sitesi oluşturabilirsiniz. Ama aslında web tasarımı nedir? Web tasarımının ne olduğunu, neden bu kadar önemli olduğunu ve nasıl doğru bir şekilde elde edileceğini öğrenmek istiyorsanız okumaya devam edin.

Ne web tasarım nedir?

—

Web tasarımı, bir web sitesi kullanırken genel bir görünüm ve his yaratan şeydir. Web sitenizin öğelerini yapı ve düzenden resimlere, renklere, yazı tiplerine ve grafiklere kadar planlama ve oluşturma sürecidir.

Web tasarımı, grafik tasarım, kullanıcı deneyimi tasarımı, arayüz tasarımı, arama motoru optimizasyonu (SEO) ve içerik oluşturma dahil olmak üzere bir web sitesinin bitmiş deneyimini oluşturmak için birlikte çalışan çok sayıda bileşene sahiptir. Bu öğeler, bir web sitesinin çeşitli cihazlarda nasıl göründüğünü, hissettiğini ve çalıştığını belirler. Tüm süreç hakkında daha fazla bilgi edinmek istiyorsanız, bir web sitesi oluşturma konusunda bu derinlemesine kılavuza göz atın.

Web tasarımı, bir web sitesinin çalışmasını sağlayan gerçek kodlama olan web geliştirmeden farklıdır. Bir web sitesi oluştururken, hem web tasarımına hem de web geliştirmeye ihtiyacınız var. Web ve UX geliştiricileri olan web tasarımcılarını da bulabilseniz de, bunlar farklı beceri setleridir.

İşte web sitenizin en erken aşamalarında nasıl görüneceği.

Web tasarımcıları fikirlerinizi alır ve gelecekteki web sitenizin nasıl görüneceğini gösteren bir düzen haline getirir. Web tasarımcıları, bir web sitesi tasarlamanın yaratıcı kısmını ele alır.

Web geliştiricileri - bazen mühendisler veya kodlayıcılar olarak da adlandırılır—web tasarımcınızın maketini alır ve web'de görüntülenebilmesi için bir kodlama diline çevirir. Web sitelerini işlevsel hale getirirler, bu da genellikle özel kodlama widget'ları ve diğer araçlar anlamına gelir.

UX geliştiricisi olarak da bilinen bir kullanıcı deneyimi geliştiricisi, web sitenizi kullanıcı dostu yapan kişidir. Teknik becerilerin yanı sıra, tasarım becerileri var ve ziyaretçi çekmek ve tutmak için web siteleri oluşturma çalışması için koydum.

Web tasarımı neden bu kadar önemli?

—

mobil ve masaüstü için web tasarım mockup

Markanızın web sitesi en değerli varlıklarından biridir.

İlk izlenimler gerçekten önemli. Bu noktayı yeterince vurgulayamayız: güçlü bir web varlığınız yoksa, markanızı geri tutuyorsunuz.

Markanız için internette arama yapan ve hiçbir şey bulamayan potansiyel müşteriler, işten çıktığınızı düşünebilir. Düşük kaliteli bir şey ararlarsa ve bulurlarsa, şirketiniz veya ürününüz hakkında çok fazla umursamadığınız izlenimini edinirler. Web tasarımınızı doğru bir şekilde yaparak web sitenizde başlayan her ilişkiyi harika hale getirin.

Artık neyin ne olduğunu ve kimin kim olduğunu bildiğinize göre, harika web tasarımının bazı karakteristik işaretlerine ve onu çok büyük olmayan web tasarımından ayıran şeylere bakalım.

İyi web tasarımı neye benziyor?

—

İyi web tasarımı öznel değildir. İllüstrasyon veya çıkartma tasarımı gibi diğer tasarım türleriyle, “iyi” olanı oluşturan şeylerin çoğu izleyicinin zevkine bağlıdır. Web tasarımı ile “iyi” ve “iyi değil” arasındaki çizgi çok daha belirgindir. İyi tasarlanmış bir web sitesi, ziyaretçinizin aradığı deneyimi mükemmel bir şekilde yaratan bir web sitesidir.

Çalışan Web tasarımı, dönüştürülen web tasarımıdır. Webspeak'te” dönüştür", kullanıcının belirli bir işlem yapmasını sağlamak anlamına gelir. Bir kullanıcı, web sitenizin bunları yapmak için ayarladığı bir eylemi takip ettiğinde, web siteniz bir dönüşüm yaptı. Dönüşümler, bir bültene kaydolmak, bir satın alma işlemi yapmak, bir hesap açmak veya web sitesinde daha fazla içeriğe erişmek gibi herhangi bir şey olabilir.

Etkili web tasarımı, dönüşümleri teşvik etmek için birkaç farklı öğeyi bir araya getirir. Bunlar şunları içerir:

Kullanıcı için açıkça sunulan seçenekler (kullanıcı ne kadar az seçeneğe sahip olursa, bunalmış ve şaşkın olma olasılığı o kadar az olur)

Sınırlı dikkat dağıtıcı ve iyi düşünülmüş bir kullanıcı yolculuğu (yani. sadece sayfadaki konuyla %100 alakalı olan görüntüleri ve metinleri kullanarak, yalnızca istenen eylemlere yol açan düğmeleri kullanarak ve sadece farklı yazı tiplerini göstermek için değil, vurgu ve harekete geçirici mesaj için yazı tipi varyasyonlarını kullanarak)

Duyarlı tasarım (kullanıcının ekranına yeniden boyutlandıran ve yeniden yönlendiren bir tasarım, web sitesinin herhangi bir cihazda kullanımını kolaylaştırır: telefon, tablet, dizüstü bilgisayar veya masaüstü tarayıcı.

Hiyerarşiyi takip eden uygun boyuttaki yazı tipleri (bkz. " sınırlı dikkat dağıtıcı”)

Okuyucularınızın dikkatini çeken alakalı, yüksek kaliteli içerik ve görüntüler

Her sayfadaki metin ve resim miktarı arasında bir denge (çok fazla metin bir ziyaretçiyi ezebilir, çok az metin eşit olarak devre dışı bırakılabilir)

bir Macbook Pro klavyede eller, ekranda renkli bir web sitesi

Yaptığınız her tasarım seçimi, web sitenizin kullanılabilirliğini ve dönüşüm oranını bir şekilde etkileyecektir. Onların hepsi. Rawpixel ile.

Estetik tasarım seçimlerinin dönüşümleri etkilediğini düşünmüyorsanız, tekrar düşünün. Web siteniz çekici olmalıdır—özellikle potansiyel kullanıcınız için, bu yüzden onunla hangi stilin konuşacağını anlamaya çalışın.

Markanızla çalışan göz alıcı görüntülere yatırım yapın. Açık stok fotoğrafçılığından uzak durun. Burada stok görüntüleri kullanma hakkında daha fazla bilgi edinin.

Markanıza sadık kalmak, başarılı bir web sitesi tasarımının anahtarıdır. Markanıza uymuyorsa, en muhteşem web sitesi bile işe yaramaz.

Etkili bir web tasarımının diğer yapı taşları şunlardır:

Düğme

Yazılar

Renk paleti

Her sayfada resimleriniz ve kopyalarınız arasındaki görsel denge

Tabii ki, iyi bir web tasarımı sadece faydacı değildir. Ziyaretçiler, markaların estetiğine ilgi duyan ve uyan web sitelerini sever. Bunu nasıl başardığınıza bakılmaksızın, marka üzerinde, dönüştürülen tasarım öğeleriyle çekici bir görünüm elde etmek, web tasarımında nasıl kazandığınızdır.

Web tasarımı: ne işe yaramıyor

—

İyi tasarımın ne olduğunu inceledik. Şimdi ne olmadığı hakkında biraz konuşalım.

Genel bir kural olarak, ziyaretçiler web sitenizi kullanmak için herhangi bir iş yapmak zorunda olmamalıdır. Web sitenizi kullanmanın tüm deneyimi basit ve sezgisel olmalıdır.

İşte bazı örnekler: açık harekete geçirici mesajlar harika bir web tasarımıdır; karanlık olanlar kötü bir web tasarımıdır. Yüksek kontrastlı yazı tipleri akıllı, etkili web tasarımıdır; okunması zor olan düşük kontrastlı yazı tipleri zayıf web tasarımıdır.

İşte Kaçınılması gereken birkaç unsur daha var:

Dikkat dağıtıcı görüntüler ve arka planlar. Genel bir kural olarak, kiremitli arka planlardan uzak durun. Kiremitli bir arka planın iyi bir seçim olabileceği birkaç seçkin örnek olsa da, çoğu durumda dikkat dağıtıcıdır.

Duyarlı olmayan tasarım. Günümüzde web sitesi sadece mobil uyumlu olmalıdır.

Belirsiz bağlantılar ve düğmeler. Ziyaretçiler bağlantılar ve düğmeler için avlanmak zorunda kalmamalı, hangi Görüntülerin ve metin parçalarının onları yeni sayfalara götüreceğini veya seçimlerini onaylayacağını hızlı bir şekilde görebilmelidirler. Benzer şekilde, kullanıcılar doldurulabilir alanları açıkça tanıyabilmelidir.

Değerli bilgiler olmadan genel veya alakasız stok fotoğrafları ve dolgu metni.

Bu adamların internet tarihinde bir yeri var. Onları orada tut. Aracılığıyla Meme biliyorum.

Izgara düzenleri gibi bazı web tasarım öğeleri doğal olarak iyi veya kötü seçimler değildir. Etkili ve etkisiz yollarla kullanılabilirler, bu nedenle bunları doğru yapmaya özen göstermek bir zorunluluktur.

Bir başka zor web tasarım öğesi animasyondur. Artık 1999 değil, kullanıcının imlecini takip eden bir kuyruklu yıldız kuyruğuna sahip olmamalı veya içeriğinize ulaşmak için bir dizi dans hamsterini kaydırmamalısınız. Ancak, ziyaretçilerin dikkatini sitenize geri getiren ve onları dönüştürmeye zorlayan animasyonlu bir çıkış pop-up'ı mı? Evet.

Web tasarımı nasıl yapılır

—

Web tasarımını doğru yapmak karmaşık bir süreçtir ve dikkat edilmesi gereken çok şey vardır. Neyse ki, bunu tek başına yapmak zorunda değilsin. Profesyonel bir web tasarımcısı ile çalışırken, mükemmel bir sonuç elde etmek için yeteneklerine güvenebilirsiniz.

İhtiyacınız olan web sitesini elde etmenin birkaç farklı yolu vardır. Sizin ve şirketiniz için doğru olan yol, ne kadar karmaşık bir web sitesine ihtiyacınız olduğuna, ne kadar harcamak istediğinize ve ne kadar iş yapabileceğinize bağlıdır.

Doğrudan serbest çalışan bir web tasarımcısı ile çalışabilirsiniz. Sadece tasarımcı portföylerine göz atın ve en çok sevdiğiniz tasarımcıyı seçin ve stilinize ve görünümünüze kimin uyduğunu seçin. Bir serbest tasarımcı mevcut bir şablonu özelleştirebilir veya web siteniz için tamamen yeni bir şablon tasarlayabilir. Web sitenizin sıfırdan oluşturulmasını istiyorsanız, bunu yapmak için gerekli becerilere sahip bir serbest çalışanla çalışabilirsiniz.

Web sitenizin tasarımı için fikirler bulmak için yardıma ihtiyacınız varsa, bir yarışmaya ev sahipliği yapın. 99designs gibi bir platformda, kısa bir açıklama yaparak ve tasarımcıların spesifikasyonlarınıza göre tasarımlar sunmasını sağlayarak bir tasarım yarışmasına ev sahipliği yapabilirsiniz.

Şablon odaklı bir web sitesi oluşturucu (Wix veya Squarespace gibi) ile kendi sitenizi oluşturmak da bir seçenektir. Daha fazla pratik yapmanız gerekecek ve bir tasarımcı değilseniz, bu platformların sunduklarıyla sınırlı kalacaksınız, ancak şablonu sizin için özelleştirmek için her zaman bir tasarımcı kiralayabilirsiniz.

Özel web siteleri oluşturan bir ajansla da çalışabilirsiniz. Sıfırdan karmaşık bir web sitesi oluşturmanız gerekiyorsa bu seçeneği seçin, ancak bu uçtan uca çözümün size daha pahalıya mal olacağını unutmayın.

Yüksek kaliteli web tasarımına yatırım yapmaya hazır olun. Web tasarımınız karmaşıklığına bağlı olarak birkaç yüz ila on binlerce dolara mal olabilir. Harcayacağınız şey, ihtiyacınız olan şeyle orantılıdır.