Sitede tasarımlarınızda kullanabileceğiniz birbirinden güzel background seçenekleri bulunuyor. Kategoriler halinde ayrılmış backgroundlardan istediğinizi bilgisayarınıza indirebilirsiniz.

http://www.joserico.com/fondos/

1. Son zamanlarda çıkan javascript kütüphaneleri çok başarılı. Ayrıca bir çok platformda sorunsuz çalışıyor.

Özetle; seçim yaparken bunlara dikkat edin.

sanalkurs

Web tasarımı alanındaki yazımızın 2. bölümü kaldığı yerden devam ediyor.

2. Uygulama

Tasarım sürecinde bir sonraki adım müşteri ile görüşmelerinizden elde ettiğiniz materyalleri toparlamak ve bunlardan adamakıllı bir tasarım ortaya çıkarmaktır. Projeniz ne olursa olsun, en azından bir kez, web sitesi ile ilgili bilmeniz gereken hususları tekrar gözden geçirmeye çalışın. Bu noktada, sitenin düz HTML filan içermesi önemli değildir, içerik yönetim sistemi için basit bir şablon kullanabilirsiniz, ama sonuç olarak tasarıma bir arayüz ve boş kâğıtlar gerekiyor. "Kâğıt mı?" dediğinizi duyar gibiyim. Evet, doğru, bir düzine kâğıt gerekiyor.

Müşteri ile görüştükten hemen sonra öylece bilgisayarın başına oturabileceğinizi mi sandınız? Kurtuluş yok henüz. Niçin mi? Eğer bilgisayar karşısında arayüz hakkında düşünmeye başladıysanız, olaya tam olarak odaklanamayacağınızı bilmelisiniz. Eğer kâğıt üzerinde çalışmaya başladıysanız, tarayıcınızın ve kodların teknik sınırlamalarını yok sayabilirsiniz. Gerçi bu kişiden kişiye değişen bir durumdur. Ben her zaman böyle yapmam, kimi zaman da Photoshop veya Fireworks’te boş bir tuval ile başlarım çalışmaya. Ama siz iyisi mi, elde edeceğiniz nihai ürünü nasıl istediğinize odaklanın. Gerisini boş verin.

Bütün iyi tasarımcıların web sayfalarını tasarlarken aynı şekilde hareket ettiklerini söylemek mümkün değildir ama yine de çalışmalarınız için masanızda spiral ciltli bir defter ve ona ilaveten çeşitli kalemlerin bulunması sizin yararınıza olacaktır.
Birkaç muhtemel arayüz çalışmasıyla başlayalım. Birkaç taslak çizdikten sonra beğendiğim birine karar veriyorum ben ve hemen Photoshop’u açıyorum. Ve rectangle (dikdörtgen) çizim aracını kullanarak kâğıdımda işaretlediğim kısımları çiziyorum. Taslağımı belli bir şekle getirmeden önce foreground ve background (arkaplan ve önplan) renklerini uyumlu bir şekle getirene kadar denemeler yapıyorum. Bir takım eklemelerden sonra Photoshop içindeki tasarımım müşteriye gösterebilecek hale geliyor.

Kolay değil mi? Tamam belki, o kadar uzun boylu ve net anlatmadım Photoshop kısmını, birkaç belirli adım ifade ettim sadece. Aslında insanlar bana neyi nasıl yaptığımı sorduklarında da genelde benzer cevaplar alıyorlar. Çünkü burada yaptıklarım geçmişte elde ettiğim tecrübelerimden sonra, bilinçaltımda oluşmuş bilgilerin paketlenmiş bir şekli ve bunlar hemen elde edilmesi mümkün olmayan şeyler. İnsan bunları birçok çalışmadan sonra gayriihtiyarî olarak kazanıyor zaten. Ressamın "bir resmi bir dakikada bu kadar çabuk nasıl çiziyorsunuz?" sorusuna verdiği "30 yıl+1 dakika" cevabını vermesi gibi.

Tasarımın nasıl yapıldığını öğrenmek programın nasıl kullanıldığını öğrenmek gibidir. Birçok insan, bir parça beceriye ve yeteneğe sahiptir, fakat herkes bunu iyi kullanmayı bilmiyor olabilir. İyi program yazmak vardır, kötü program yazmak vardır; iyi tasarım yapmak vardır, kötü tasarım yapmak vardır. Tasarımla ilgili gerekli bilgilerin ve eğilimlerin birazını öğrenmek, iyi ile kötü arasındaki farkı anlamaya yardım edecek ve kendi tasarım sürecinizi tesis etmeye doğru size yol gösterecektir.

sanalkurs

Bu yazı ile birlikte sıfırdan başlayarak web tasarımı noktasında birlikte bir adım atacağız. Elimizde hiçbir şey yokken başladığımız bir tasarımı, en son aşamasına kadar takip edeceğiz.

Bana gelen birçok e-mail, birçok mesaj bu yönde bir yazı dizisi hazırlanması yönündeydi. İnşallah yaptığımız bu çalışmalar sayesinde birçok insan arzu ettiği hedeflere ulaşacaktır. Herkese kolay gelsin.

BAŞLANGIÇ

BİRÇOK web geliştiricisi için, ben de içinde olmak üzere, tasarım sürecinin en çok göz korkutan kısmı ona başlayabilmektir.

Bir dakika için hayal edin, masanızda oturuyorsunuz, elinizde bir fincan kahve var, bir yandan onu içmeye çalışıyorsunuz. Önünüzde ise bir iş; web sitesi yapacaksınız: Bir müşteriniz şirketi için esaslı bir site yapmanızı istiyor. Oysa ortada o müşterinin kartvizitinden başka bir şey yok. Ve bu kartvizit az çok şirketin kimliği hakkında bilgi veriyor gibi ve adam bunu sizden ilham amaçlı kullanmanızı bekliyor. Haydi bakalım!

Maalesef, şekilde gördüğünüz "Soner Elektrik" firmasının kartı ile bu mümkün değil. Siyah beyaz, hepsi yazı, hiç karakter yok… zemin boş… Şu durumda buradan ne çıkarılabilir? ben nasıl bir ilham alabilirim bundan? (Tabi ki kartviziti ben uydurdum. Böyle bir firma yok, benzerlikler raslantıdır.)

Bir plan lazım. Ve Nizamettin Soner ile hemen irtibat kurmalı. Müşteriden birkaç bilgi daha alınmalı, bu şirket ne iş yapar, olmasını istediği içerik nedir? Gerekiyorsa biraraya gelip konuşmak lazım. Başarılı bir taslak ve tasarım ancak bu şekilde ortaya çıkabilir.

Elbette ki, herkes, sanatsal yeteneğinin seviyesi ne olursa olsun, erkek ya da kadın fark etmez, iyi görünen veya gerçekten iyi olan bir tasarım üretecektir, hepsi biraz deneyim gerektirir ve bazı temel yerleşim prensiplerini bilmek üzerine kuruludur.

Madem öyle, önemli noktalarla başlayalım o zaman. Bu yazı dizini takip ederseniz, yakında kaliteli web siteleri yapmak için gerekli bilgilere ulaşmış olacağınıza inanıyorum.

TASARIM SÜRECİ

Geçenlerde bir web programlama kitabında okumuştum, insanların neden bir web sayfasına ihtiyaçları olduğunu anlatırken yazar bize hayali bir senaryo sunarken, sanki tasarımcıların ilham alamazlarsa iş yapamayacaklarını söylüyor, bazen işlerin bu nedenle gereksiz yere uzadığından şikayet ederek web tasarımcılarının işlerine güven olmayağını belirtiyordu.

Evet, yazar işin kolayına kaçmış. Ancak ben sizlere kazın ayağının hiç de öyle olmadığını göstereceğim ve aynı senaryoyu önünüze bu kez ben koyacağım.

Bu senaryonun hayali detayları şu şekilde: Soner Elektrik’in sahibi olan Nizamettin Soner’e bir web sitesi gerekiyor. Elimizde bu adamın bir tek kartviziti var ve Nizamettin Soner işe hemen başlanması için sizi sıkıştırıyor ve adam internette web sitesini görmek için adeta sabırsızlanıyor. Şimdi adama "tamam yaparız" dediniz diyelim, işi aldınız. Adam bir süre size bir şey demeyecek, bunu biliyorsunuz. Yani bu süre içinde kendi kendinesiniz. Öyleyse nereden başlarsınız?

HADİ SİTE YAPMAYA BAŞLAYALIM.

Bütün bir siteyi ya da web uygulamasını geliştirmenin gerçek süreci birçok adım içerir, fakat başlangıç olarak ele alınması gereken iki unsur vardır:

1. Keşif
2. Uygulama.

1. Keşif

Tasarım sürecinin keşif unsuru müşterileri tanımak ve ne yaptıklarını tam olarak araştırmakla ilgili bölümdür. Bunu "tasarımsı" bir görev gibi hissetmeyebilirsiniz, fakat müşterilerinizin kim oldukları, işlerini nasıl yürüttükleri hakkında bilgi toplamak, uygun ve etkileyici bir tasarım yapmanın tek yoludur.

Müşterilerinizle ilk görüşmenizi ayarlamadan önce onların neyi nasıl yaptıklarını anlamak için birkaç dakika ayırın. Onlar sizden kendileri için bir web site tasarlamanızı istedilerse, mevcut bir web siteleri varsa ordan bakın, siz her halükarda Google’dan onları bir araştırın. Eğer yaptıkları iş hakkında herhangi bir bilgiye ulaşamazsanız, ilk tanışmanızdan önce mutlaka onların iş sahaları hakkında az çok bir bilgi edinin.

Mümkün olursa müşteriyle ilk tanışmanızı yüz yüze gerçekleştirin. Bazı zamanlar, mesafeden kaynaklanan bir sebeple tanışmanız telefon üzerinden olabilir, ancak eğer müşteri sizin bulunduğunuz şehirde ise, birebir görüşmek için kesinlikle bir randevu ayarlamalısınız.

Şunu aklınızdan çıkarmayın, bu tanışma müşteriyi etkilemek, kendinizi pazarlamak ya da bir web sitesi satmak amaçlı değildir. Bu ilk aşama müşteri ile iletişim kurma maksatlıdır. Bu görüşme esnasında konuşmaktan çok dinlemeye çalışın ve notlar alabileceğiniz bir not defteri bulunsun. Önünüzde bir laptop olmasın. Bilgisayar ekranları insanların dikkatini dağıtırlar. Eğer müşteri bütün bakışlarını ekrana yoğunlaştırmazsa siz de notlarınızı rahatlıkla alabileceksiniz. Eğer görüşmenize biraz teknoloji katmak isterseniz, bir ses kayıt cihazı getirin. Yine de tecrübelerimde gördüğüm kadarı ile, müşterinin gözünü korkutmamanın ve kendini rahat hissetmesinin en iyi yolunun bir not defteri olduğunu ifade etmeliyim.

Aşağıda bir takım sorular yazdım. Bunlar ilk görüşmede müşteri ile konuşurken sorulabilecek sorulardan bazıları. Görüşmelerim esnasında mutlaka sormuşumdur bu soruları. Siz de, karşınızdaki potansiyel müşterinize bu soruları sormayı ihmal etmeyin:

- Şirketiniz ne iş yapar?
- Sizin şirketteki pozisyonunuz nedir?
- Şirketinizin bir logosu ya da markası var mı?
- Web sitesini yaptırmaktaki amacınız nedir?
- Online olarak elde etmek istediğiniz bilgi nedir?
- Hitap ettiğiniz hedef kitleniz kimlerdir? Üyeleriniz yaş, cinsiyet, adres gibi genel bilgileri paylaşırlar mı? Bunların istatistiği sizde var mı?
- Rakipleriniz kimler ve onların web siteleri var mı?

Bu kısımda dikkatle dinlemeye özen göstererek sağlam ve çarpıcı sorular sormak gerekiyor. -Siz de hayal gücünüzü kullanın ve yaratıcı sorgulamalar üretmeye çalışın. Bunun için müşteri ilişkilerini ve organizasyonlarını tam manası ile anlamaya çalışın. Eğer bir programcı iseniz, teknik bir jargon kullanmaktan kaçının. Eğer bir tasarımcı iseniz tasarım hakkında özel olarak konuşmaktan sakının. Emin olun, düşündüğünüz her şey olabilir, fakat resolution, layer, header, footer, fluid, fixed layout, color schemes gibi tabirler muhtemelen müşteri için çok fazla bir anlam ifade etmez. Daha kötüsü, bu tür sohbetler kendi tasarımınız hakkında özgür olma şansınız varken müşterinizin tasarım görüşlerini yanlış bir yola sevk edebilir.

Tasarım sürecinin ikinci unsuru olan UYGULAMA kısmını da bir sonraki yazımıza bırakıyorum. Daha sonra kaldığımız yerden devam edeceğim ve adım adım web tasarımı derslerimiz devam edecek. Herkese başarılar…

sanalkurs

Web sitenizin içeriğini ya da grafiklerini kaç kez yenilediniz? İki? Bir? Hiç mi?

Pek çok işletme hala yeni binyıla girerken kullanılan birinci nesil siteleri barındırıyor. Bu sitelerin büyük çoğunluğu artık günümüzün "yararlılık" standartlarına göre geçmişte kaldı. Bazen bunu sahiplerini utandıracak şekilde belli ediyor. Internet kullanan işletmeler, web sitelerindeki içeriği düzenli olarak güncelleştirir. Geçen yıldan beri yenilenmeyen bir sitenin ziyaretçiler üzerinde bırakacağı etkiyi bir düşünün.

Ziyaretçiler için az miktarda eski bilgi bile, çıkmaz sokağa girdiklerine karar vermeleri için yeterli olur. Dahası, önemli bir müşteri yakın gelecekteki seminere katılması için gönderdiğiniz "acil" davetiyesini tıklattığında ve olayın bir yıl önce olup bittiğini öğrendiğinde, kendini ne kadar kötü hissedip sinirleneceğini tahmin edersiniz.

İPUCU:
Web sayfalarını Microsoft Office FrontPage 2003 ile oluşturduğunuzda, açılmamış bir dosyaya tarayıcıda önizleme uygulayabilirsiniz. Klasör Listesi’nde dosyayı seçin ve ardından F12 tuşuna basın.

Siteye Özgü Öneriler

İşletme siteleri doğal olarak farklılık gösterir. Ancak site görünümü değişiklikleri açısından incelendiğinde, değişikliklerin ne sıklıkta yapılması gerektiği farklı olacaktır. Danışmanlık hizmetleri, yalnızca üç ayda bir ya da yıllık olarak siteleri güncelleştirebilir. E-ticaret siteleri veya araştırma şirketleri için ise saatlik güncelleştirme gerekebilir.

Gereksinimleriniz ne olursa olsun, şimdi artık bu işi yapmak için uygun ve hesaplı olarak satılan yazılımlar ve diğer servis sağlayıcılar bulabilirsiniz. Örneğin, herhangi bir işlevi kesintiye uğratmadan eski sitenize yeni bir görünüm kazandırabilirsiniz.

İşte, size web pazarlamacılarından ve geliştiricilerinden derlediğimiz sitenizi fazla masraf çıkarmadan modernleştirecek 11 fikir.

1. Sitedeki Sayfa Sayısını Azaltın
Web tasarım hizmetleri şirketi olan Zeeo Interactive’in üst düzey yöneticisi Matt Greer’in önerisi, yalnızca en önemli 10-15 sayfaya odaklanmanız. Ardından, diğer çok tutulan veya sık ziyaret edilen sayfaları karşıdan yüklemek için uygun olan Adobe PDF veya Microsoft Word belgesi biçiminde arşivleyebilirsiniz.

2. Siteyi Bir Pazarlama Aracı Haline Getirin
Henüz ziyaretçilerin hangi sitelerden ve arama motorlarından geldikleri, hangi sayfaların en çok ziyaretçiyi çektiği gibi temel verileri toplamıyorsanız, şimdi başlayabilirsiniz.

Site ziyaretçileri hakkında ayrıntılı bilgileri yakalamak için önceden paketlenen yazılım veya bir web hizmetleri sağlayıcısı kullanın. Bir çevrimiçi bellek yükseltme sağlayıcısı olan Crucial Technology sözcüsü Erin Duckhorn, "Sorulacak ilk soru şudur: Ziyaretçiler sitenize geldiğinde ne yapmalarını istersiniz?’ " diyor. Bunu yanıtladıktan sonra izleme ölçüm değerlerini tanımlayabilir ve hedeflediğiniz ziyaretçileri tatmin edecek içeriği, gezinme koşullarını ve yapıyı geliştirebilirsiniz.

3. E-posta Programı Ayarlayın
Ziyaretçilerin kayıt olmaları veya e-posta adreslerini size vermeleri için özendirin. Adresleri aldıktan sonra, yararlı e-postalar gönderin. Ancak bunu yapmak için gerekli izni açıkça aldığınızdan emin olun ve çok sık e-posta göndererek yarar yerine zarar vermeyin.

4. Değer Verdiğiniz Müşterileriniz için Çevrimiçi Ödül Oluşturun
En iyi müşterilerinize özel kampanyalar ve indirimler sağlayın. Bir web danışmanı olan Wally Bock "Onlara herhangi bir özel teknoloji olmadan sitede kendi alanlarını verebilirsiniz" diyor. Ayrıca özel e-posta teklifleri de sunabilirsiniz.

5. Yükleme Zamanını Kısaltın
Süslü grafikler ve animasyonlar, bilgiye ulaşma yolundaki engellerdir. Ziyaretçilerinizin aradıklarını kolayca bulabilmesini sağlayın.

6. Ziyaretçilere Daha Fazla Kendi Yönetimlerinde Olan Denetim Verin
Fairmont Hotels & Resorts, fairmonthotels.com sitesi üzerinde yeniden çalışarak çevrimiçi rezervasyon özelliklerini genişletti. Şimdi, konuklar artık çevrimiçi oda rezervasyonlarına ek olarak akşam yemeği ya da şifalı su terapisi hizmetlerini önceden ayırabiliyorlar. Site, ayrıca bir "Fairmont Planlayıcısı" ekleyerek, bireysel dinlenme özelliklerini konuk profilleri veya gereksinimleriyle eşleştirebiliyor, aynı zamanda bir "sanal otel görevlisi" sunulan hizmetler hakkında ek ayrıntılar sunuyor.

7. İçerik Yönetim Sistemine Yatırım Yapın
Statik HTML’ye güvenmeyi bırakın. Bunun yerine güvenilir bir İYS (CMS - İçerik Yönetimi Sistemi) kullanarak işin içine geliştirici girmeden kendi web sitenizi kendiniz güncelleştirin. İçeriği çok fazla güncelleştiriyorsanız, bu, maliyetini daha çabuk karşılayacaktır.

8. Arama Motorlarında Görünürlüğü Sağlayın
Gönüllü bir bilgi grubu olan BreastCancer.org’nin eski giriş sayfası, kuruluşun büyük bir logosu tarafından kaplanmıştı, Polly adı verilen bu çizim karakter arama motorlarının siteyi bulmasını engelliyordu. "Yapılan düzenlemede, küçültülen Polly giriş sayfasında sağ üst köşeye taşındı ve özellikle web’e alışkın olmayan bu sitenin kullanıcıları için aradıkları bilgilere kolay ulaşabilmelerini sağlayan uygun metin ve metin bağlantıları kullanıldı" diyor Ilise Benun.

9. Siteyi Kuruluşa Uygun hale Getirin
Geçtiğimiz birkaç yıl içinde pek çok kez işinizi yeniden keşfetmiş olabilirsiniz. Siteniz bu durumu şu anda ne kadar yansıtıyor? İkincil kanallar ve sayfaların durumu nedir? "Pek çok işletme sitelerini parça parça oluşturmaktadır" diye belirtiyor bir halkla ilişkiler firması olan Public/i’den Kevin McLaughlin. "Zamanla yeni bölümler eklendiğinde, aynı mesajlar veya konumlandırma şirketin web sitesinin tamamında her zaman aynı şekilde yansıtılmıyor." Sitenizin verdiği mesajın, her zaman için çevrimdışı pazarlama öğeleriyle uyumlu olmasını sağlayın.

10. Övgüler veya Başarı Öyküleri Ekleyin
"Bunu yapan çok az site var ve alıcılar açısından önemli bir güvenilirlik sağladığına hiç şüphe yok" diyor bir web stratejisi danışmanı olan Philippa Gamse. Uzun süredir müşteriniz olan kişilerden görüş alın ya da kendi geçmişlerini ya da sunduğunuz hizmetlerden duydukları tatmini yayınlama izni alın.

Bu önerilerin herhangi biri çevrimiçi varlığınızı güncelleştirmenizi destekleyecek. Ancak asıl ana fikir yalnızca tembelleşmemek. Gittiğiniz yönü değiştirdiğinizde veya işinizi önemli ölçüde büyüttüğünüzde web sitenize dikkat edin. Tüm pazarlama ve mesajlar açık, tutarlı ve benzer olmalı, birçok ortam ve kanalda yer almalıdır.

Kaynak: Microsoft.com.tr