Web Tasarım

Kurumunuza Ait Bilgiler Düzenli Bir Merkezde Bir Araya Gelsin

Bir müşteri, sunduğunuz hizmeti anlamak ya da daha önce paylaşılan bir dosyaya ulaşmak istediğinde çoğu zaman dağınık kaynaklar arasında dolaşır. Kurumsal siteniz, bu bilgileri toplu ve güncel biçimde barındıran yer olabilir. Hazırlığa, işletmenizle ilgili en sık sorulan konuların nerede yer alacağını netleştirerek başlıyoruz.

Bir web tasarım çalışması, yalnızca göz alıcı bir açılış ekranı üretmekle sınırlı kalmamalı. Şirketinizi tanıtan bölüm, sunduğunuz işin açıklaması ve ziyaretçiyi doğru yere ulaştıran bağlantılar bir arada anlam kazanır. Örneğin bir imalatçının ürün kılavuzlarıyla teknik servis iletişimini tek çatı altında toplaması, yapının nasıl kurgulanacağını doğrudan etkiler.

Sahip olduğunuz metinlerin hangi ortamlarda durduğunu ve ziyaretçilerin en çok hangi konularda size başvurduğunu birlikte ele alalım. Kurulacak sayfa, bu başvuruların ilgili kısmına karşılık verebilsin. Böylece tasarımı yalnızca renk tercihine indirgemeden, kurumunuza dair bilginin doğru anlaşılmasını ve yerinde kullanılmasını gözeten bir çalışma ortaya çıkarabiliriz.

  • Kurum bilgisini tek çatıda tutan güncel alan
  • Tanıtım bölümüyle bağlantılı hizmet metinleri
  • Ziyaretçinin sık aradığı belgelere ulaşım
  • Somut kullanım gereksinimiyle kurulan planlama

Yayına Hazırlık Aşaması İçin Anlaşılır Bir Döküm Oluşturalım

Başlangıçta elde bulunan yazılar, dökümanlar ve görüntüler tek tek gözden geçirilir. Bunların tümünün olduğu gibi yayımlanabileceği düşünülmez. Zamanı geçmiş ifadeler ya da birbiriyle uyuşmayan kayıtlar ortaya çıkabilir. Kullanılacak malzemeyi baştan seçmek, tasarım sürerken aynı içeriği defalarca arama zorunluluğunu ortadan kaldırır.

Bir web sitesi hazırlığında her sayfa için ayrı bir gereksinim dökümü çıkarılır. Hangi yazının kaleme alınacağı, hangi görselin temin edileceği ve hangi bilginin sizin tarafınızdan onaylanacağı böylece belirginleşir. Bir dosyanın nihai hâline karar veren yetkili kişidir; ekip, bilmediği teknik ayrıntıyı kendi tahminiyle doldurmaz.

Bazı bölümler henüz tamam değilse tüm hazırlığı askıya almak şart olmayabilir; yine de eksiklerin son yerleşimi nasıl etkileyeceği konuşulur. Yer tutucu malzemeyle ilerleyen taslak, asıl içerik ulaştığında yeniden gözden geçirilir. Onay aşamasında geçici yazılarla kesinleşmiş bilgiler ayrıştırılır ve böylece her kısmın hangi durumda olduğu net biçimde izlenir.

  • Gözden geçirilen dosya ve metinler
  • Her sayfa için saptanan içerik gereksinimi
  • Bilgiyi onaylayacak kişilerin belirlenmesi
  • Yer tutucudan ayrışan yayıma hazır malzeme

Sayfaları Kurumunuzun Paylaşacağı Bilgi Çeşitlerine Göre Bölelim

Bir hizmetin tanıtımı, yapılan bir duyuru ve indirilmeye açık bir belge aynı türden içerik sayılmaz. Her biri farklı sıklıkta yenilenir ve okuyucuya farklı bir bilgi taşır. Sayfa düzenini bu ayrımları göz önünde tutarak kuruyoruz. Böylece bütün malzeme ne tek bir upuzun sayfaya sığdırılır ne de kopuk dosyalara dağılır.

Sağlam bir web tasarım yapısında hangi kısımların uzun süre sabit kalacağı, hangilerinin zamanla genişleyeceği önceden ayrılır. Söz gelimi verdiğiniz hizmetlerin kapsamı uzunca bir süre değişmezken teknik belgeleriniz sıkça tazelenebilir. Yönetim düzenini de buna göre kurgulayarak, gündelik içerik işlerinin tüm yapıyı baştan kurmayı gerektirmemesini hedefliyoruz.

Menüde yer alan başlıklar, tıklayan kişinin ne bulacağını duraksamadan anlatmalıdır. Kurum içinde alışılmış bir kısaltma, dışarıdan gelen birine çoğu zaman bir şey ifade etmez. Kategori adlarını gerçekte karşıladıkları içerikle birlikte ele alıp, siteye ilk kez giren bir okuyucunun bile aradığı bölüme rahatça varabileceği yönlendirmeler kuruyoruz.

  • Amacına göre bölünmüş içerik çeşitleri
  • Değişmeyen ve genişleyen kısımların ayrımı
  • Yenileme sıklığına göre kurulan yönetim düzeni
  • Ne içerdiği belli olan menü ve kategoriler

Hizmet Metni Görüşme Öncesinde Temel Merakları Karşılasın

Bir hizmeti salt adıyla anmak, karşı tarafın neyle karşılaşacağını ortaya koymaz. Bu işin hangi gereksinim için sunulduğu, kabaca nasıl yürüdüğü ve görüşmede sizden nelerin isteneceği önceden aktarılabilir. Metni, okuyanın kendi durumuna uyup uymadığını tartabilmesini sağlayacak somut anlatımlar üzerine kuruyoruz.

Size özel bir içerik oluştururken temel aldığımız şey, gerçekten verdiğiniz hizmetin sınırlarıdır. Başka bir kuruluşun tüm faaliyetlerini sizmişsiniz gibi sıralamak yerinde olmaz. Uygulamadığınız yöntemleri ya da kanıtlanmamış kazanımları listelemek yerine, işin sizde nasıl işlediğini doğru ve rahat okunur bir dille anlatıyoruz.

Başlık ve kısa özetler okumayı rahatlatır; ayrıntılar ise ait olduğu bölümde toplanır. Bir teknik ifade kullanmak gerekiyorsa çevresi anlaşılır biçimde bırakılır. Hazırlanan taslak, hizmeti yakından bilen yetkilinizle beraber incelenir; yazının rahat akması ile verdiği bilginin doğruluğu aynı anda gözetilir.

  • Hizmetin hangi gereksinimi çözdüğünü anlatan yazı
  • Asıl kapsamdan üretilen kendine özgü metin
  • İçeriği bölümleyen başlık ve kısa özetler
  • İşi bilen yetkiliyle yürütülen doğruluk denetimi

Dosyalar ve Belgeler Kaybolmadan Bulunabilir Kalsın

Bir kullanım dökümanı, tanıtım belgesi ya da başka bir kaynak paylaşılacaksa öncelikle hangi konuyla bağlantılı olduğu saptanmalıdır. Ne anlama geldiği belirsiz dosya isimleri okuyanı yorar. Bağlantının üzerindeki yazıda tam olarak neyin ineceğini belirterek, dosyanın durduğu yeri ilgili hizmet veya ürün bilgisiyle eşliyoruz.

Belge bölümü kurulurken sürüm numarası, dil veya dosya türü gibi ayırt edici bilgiler gerekebilir. Eskimiş bir dosyanın yeni bir açıklamanın altında sunulması istenen bir durum değildir. Hangi dosyayı geçerli saydığınızı öğreniyor ve yayın düzeninde bu farkı okuyanın kolayca göreceği bir yapı kuruyoruz. Aynı belgenin birden çok dilde karşılığı bulunuyorsa, ziyaretçi bunları hızlıca birbirinden ayırabilmelidir. İndirme alanında tek ve genel bir düğme bırakmak yerine, ilgili dili ve belge türünü belirten notlar eklenebilir. Bir düzenleme yapıldıktan sonra dosyanın gerçek adı ile sayfada görünen bağlantı etiketi birlikte gözden geçirilir.

Her dosyanın herkesçe görülebilir olması gerekmez. Sınırlı bir erişim isteniyorsa bunun ayrıca kurgulanması gerekir; bir bağlantıyı yalnızca menüden çıkarmak erişim denetimi anlamına gelmez. Dosyanın nasıl indirileceği, tarayıcıda açılıp açılmayacağı ve gerektiğinde kimlere açılacağı, işin kapsamına bakılarak tek tek ele alınır.

  • Konusuyla eşleştirilmiş dosya bağlantıları
  • Ne işe yaradığını belirten dosya adı
  • Geçerli sürümü gösteren ayırt edici notlar
  • Gereksinime göre belirlenen erişim sınırı

Marka Kimliğinizi Rahat Okunan Bir Arayüzle Buluşturalım

Kurumsal renkleriniz ve logonuz, ziyaretçinin sizi tanımasına katkı sağlar. Bununla birlikte yazının boyutu, öğeler arasındaki boşluk ve görsellerin kullanımı da en az onlar kadar belirleyicidir. Arayüzü içerikle beraber biçimlendirerek, okuyanın gözünü nereden başlayacağını ve hangi bölümün öncelikli olduğunu sezebildiği bir düzen kuruyoruz.

Web tasarım arayüzünde vurguların nerede kullanılacağı özenle kararlaştırılır. Her başlığın iri, her alanın kıpır kıpır olması içeriği kavramayı kolaylaştırmaz. Hizmeti anlatan fotoğraflar, ne yaptığı belli olan düğmeler ve rahat okunan bölümlerle marka görünümünüzü kullanımı destekleyen tek bir bütüne dönüştürmeyi amaçlıyoruz.

Tasarım denemelerine bakarken boş bir kalıpla yetinmeyiz. İçine uzun başlıklar, gerçeğe yakın açıklamalar ve değişik oranlarda fotoğraflar yerleştiririz. Görüşlerinizi tek tek bölümler üzerinden konuşarak, benimsenen yaklaşımın kurumunuzun asıl içerikleriyle gerçekten örtüşüp örtüşmediğini beraberce değerlendirebiliriz.

  • Neyin önce geldiğini belli eden görsel düzen
  • İşlevi netleşmiş düğme ve vurgular
  • Asıl yazılarla sınanan tasarım denemeleri
  • Marka görüntüsüyle bağdaşan okunur yerleşim

Dar Ekranda Bilgiye Erişim Güçleşmesin

Telefondan giren biri, bir belgeye ya da iletişim bilgisine ulaşmak için ekranı durmadan büyütmek zorunda kalmamalı. Geniş ekranda kurulan düzenin küçük ekrana ne biçimde taşınacağını daha tasarım aşamasındayken ele alıyoruz. İçeriğin sırasını, yazının kapladığı genişliği ve dokunulabilir alanları mobil kullanımı esas alarak yeniden gözden geçiriyoruz.

Telefona uyumlu bir sayfada başlıkların satır sonunda nasıl kırıldığı ve görsellerin oranı asıl içerikle sınanır. Menü açıldığında bütün bağlantılara parmakla erişilebilmeli, form kutuları rahatça doldurulabilmelidir. Geniş ekranda yan yana duran öğeler telefonda doğru sırayla alt alta dizilebilir; var olan düzeni yalnızca daraltmak çoğu zaman çözüm olmaz.

İncelemeye tabletler ve birbirinden farklı telefon genişlikleri de dahil edilebilir. İndirilen bir dosyanın açılışı, uzunca bir bağlantı yazısı ya da birden çok iletişim seçeneği ekranda ayrı ayrı davranabilir. Sonuçta yalnızca taşma olup olmadığına değil, kullanıcının aradığı bilgiye kaç adımda vardığına da bakmak gerekir. Bir form doldurulurken ekran klavyesinin belirmesi de görünümü değiştirebilir. Kişinin yazdığı alanı ve işlemi bitireceği düğmeyi görebilmesi, telefonda yapılan denemenin gerçekten değerli bir yanıdır.

  • Telefonda zorlanmadan okunan yazı genişliği
  • Asıl içerikle sınanan görsel oranları
  • Açılan menü ve formun kullanımının denenmesi
  • Değişik ekranlarda sonuca ulaşan bilgi arayışı

İletişim Kanalını İşinize Göre Doğru Alanlarla Kuralım

Bir satın alma sorusu ile teknik bir destek talebi çoğu zaman aynı kişiye düşmez. Sitedeki iletişim alanlarını bu ayrıma göre biçimlendirebiliriz. Yazan kişinin konusunu belirtmesi ve sizin de uygun karşılığı hazırlamanız kolaylaşsın diye hangi alanların isteneceğini birlikte kararlaştırıyoruz.

Bir form kurgulanırken istenen her bilginin gerçekten bir işe yarayıp yaramadığı sorgulanır. İlk temasta gerekmeyen ayrıntılar formu boş yere uzatır. Yanlış doldurulan bir alan ve başarıyla iletilen bir gönderi için ayrı ve anlaşılır uyarılar hazırlanarak kişi işleminin nerede olduğunu görebilir; ulaşmamış bir talep alınmış gibi gösterilmez.

Web tasarım sürecinde dosya yükleme ya da başka bir sistemle bağlantı isteniyorsa bu kapsam ayrıca ölçülür. Formun görüntüsü ile iletinin karşı tarafa ulaşması birbirinden ayrı denetlenir. Deneme amaçlı bir gönderiyle ilgili ekibe ulaşım sınanır; gelen başvuruların sizin tarafınızda nasıl karşılanacağı da teknik ayarlardan bağımsız biçimde konuşulur.

  • İstek çeşidine göre ayarlanan iletişim kanalları
  • Karşılık verebilmek için istenen form alanları
  • Süreci bildiren hata ve tamamlanma uyarıları
  • Görüntüyle beraber sınanan ileti ulaşımı

Teknik Altyapının Neye Yaradığını Açıkça Söyleyelim

Sitenin teknik temeli, üzerinde çalışacak içerik ve işlevlerle beraber belirlenir. Hazır bir eklentinin var olması, onun her projede gerekli olduğu anlamını taşımaz. Dosya boyutları, sayfa yerleşimi ve eklenti gereksinimleri tartılarak kurumunuzun işine yarayan, boş yere karmaşık hâle gelmeyen bir altyapı oluşturulur.

Arama motorlarına uygun bir web tasarım çalışmasında sayfa başlıkları, açıklamalar, adres kurgusu ve içeriğin önem sırası denetlenir. Bu hazırlık, sayfayı doğru anlatmayı hedefler; sonuç ekranında belirli bir konum vaat edilmez. Görünürlüğü ileri taşımak istediğinizde SEO işleri ayrıca konuşulabilir.

Üye girişi eklemek, belgeleri yalnızca yetkili kişilere göstermek ya da kurumsal bir veri kaynağıyla haberleşmek için ek geliştirme çalışmaları istenebilir. Böyle hâllerde özel yazılım kapsamı ayrı bir kalem sayılır. Olağan sayfa hazırlığına giren işlerle bağımsız bir teknik uğraş gerektirenleri birbirinden ayırarak teklifin anlaşılır kalmasını sağlıyoruz.

  • İhtiyaç duyulan işleve göre teknik bileşenler
  • İçeriği doğru tanıtan sayfa ayarı
  • Kendi kapsamıyla anlatılan SEO işleri
  • Ayrı yazılım isteyen bölümlerin saptanması

Yayın Denetimini İçerik ve Kullanımla Beraber Bitirelim

Bir sitenin erişime açılması, hazırlığın tümüyle bittiği anlamına gelmez. Menüdeki bağlantılar, dosyalar, görseller ve formlar gerçek kullanım yollarından geçirilerek denenir. Sizin içerik onayınız da alınır; böylece teknik denetimin yanı sıra yazılanların güncel ve doğru olup olmadığı da değerlendirilmiş olur.

Web tasarım yenileme işinde mevcut site elden geçiriliyorsa eskiden kullanılan adresler de gözden kaçırılmaz. Değişen sayfalar yüzünden daha önce yapılmış paylaşımların boşa gitmemesi için gerekli yönlendirmeler önceden kurgulanabilir. Hangi içeriğin taşınacağı, hangi bölümün baştan hazırlanacağı en başta saptanarak geçişin sınırları görünür kılınır.

Yayına az kala gelen yeni isteklerin etkisi de ayrıca ele alınır. Onaylanmış bir yazıyı düzeltmek ile sıfırdan bir işlev eklemek birbirinden farklı işlerdir. Bitmiş işler ile hâlâ açık duran konular ayrıştırılınca teslimin neye dayandığı belirginleşir; son denetim, belirsiz bir genel beğeni ifadesiyle sınırlı kalmaz.

  • Asıl kullanım yoluyla sınanan menü ve dosyalar
  • Kurum bilgileri için alınan içerik onayı
  • Önceki adresleri gözeten geçiş planı
  • Kalan işleri ortaya koyan teslim denetimi

Yönetimi ve İşin Kapsamını En Baştan Ele Alalım

Site teslim edildikten sonra hangi bilgilerin değişeceğini önceden bilmek, yönetim alanını yerinde kurmayı kolaylaştırır. Bir hizmet yazısını yenilemek, bir belge yüklemek veya görsel değiştirmek birbirinden ayrı işlerdir. Panelden yapabileceğiniz düzenlemeler ile teknik destek isteyen değişiklikler örneklerle ayrı ayrı gösterilir. Yeni bir içerik eklemenin sayfadaki sıralamayı değiştirip değiştirmeyeceği de kullanım anlatımı sırasında somutlaştırılır.

Bir web tasarım bütçesi konuşulurken içeriğin hazırlanması, tasarımın kurulması, eski verinin aktarılması ve varsa özel işlevler bir arada tartılır. Sayfa sayısını söylemek tek başına yapılacak işin tümünü anlatmaz. Fiyata dahil olan görevleri ve sonradan gelecek değişikliklerin nasıl ele alınacağını açıkça ortaya koyarak neyi değerlendirdiğinizi tam olarak görmenizi sağlıyoruz.

Teslim sırasında giriş bilgileri ve kapsama giren kullanım anlatımları sizinle paylaşılır. Sonraki dönemde verilecek desteğin neleri karşıladığı da ayrıca belirtilir. Elinizdeki içerikleri ve yeni sitede aşmak istediğiniz sıkıntıları bize aktarın; hazırlanacak sayfaları, toplanması gereken malzemeleri ve gerçekçi bir çalışma sırasını hep birlikte netleştirelim.

  • Yenileme sıklığına göre kurgulanan panel
  • İçerik işiyle teknik desteğin ayrıştırılması
  • Fiyata giren görevleri belirten kapsam
  • Giriş ve kullanım anlatımıyla biten teslim

Web Tasarım Sürecine Dair Sık Sorulan Sorular

Elinizdeki tanıtım yazıları, hizmet anlatımları, kullanıma uygun görüntüler ve paylaşmayı düşündüğünüz dosyalar başlangıçta değerlendirmeye alınabilir. Her malzemenin eksiksiz olması ilk görüşmeyi yapmanın ön koşulu değildir. Yine de hangi içeriğin kimin elinden çıkacağı ve kimin onaylayacağı belirlenmelidir. Gereksinimleri sayfa sayfa çıkarıp eksik kalanları görünür kılarak, hazırlık işinin tasarımla eşzamanlı yürütülmesini sağlıyoruz.

Hangi dosyaların gerektiği ve bunlara nasıl ulaşılacağı belli olduğunda uygun bir alan tasarlanabilir. Belgelerin hangi hizmete bağlı olduğu, geçerli sürümün nasıl seçileceği ve kimin güncelleyeceği baştan konuşulur. Herkese açık bir paylaşımla yalnızca yetkili kişiye tanınan erişim, birbirinden ayrı kapsamlar ister. Gereksinim doğrulandıktan sonra izlenecek teknik yol ve teslim edilecek iş açıkça yazılır.

Satış ve destek gibi istek türleri için ayrı iletişim yolları kurulabilir. Hangi bilginin isteneceği ve talebin kime düşeceği en baştan kararlaştırılır. İletinin gerçekten karşı tarafa vardığı örnek bir kullanımla sınanır. Kendiliğinden kayıt oluşturma ya da başka bir sisteme veri taşıma gibi ek istekler varsa, bunlar olağan iletişim formundan ayrı tutularak değerlendirilir.

Kapsama giren yönetim panelinin hangi alanları düzenleyebileceği sizin ihtiyaçlarınıza göre saptanır. Yazı, fotoğraf ya da belge değiştirmek gibi gündelik işlemler örneklerle gösterilebilir. Ancak her tasarım veya altyapı değişikliğinin aynı panel adımıyla çözüleceği düşünülmemelidir. Teslim anında kendi başınıza halledebileceğiniz işlerle teknik uğraş isteyen değişiklikler arasındaki fark, açık biçimde ortaya konur.

Eski yapı gözden geçirilerek hangi adreslerin kullanımda kalacağı ya da nereye yönlendirileceği planlanır. Yeni içerik kurgusu bazı sayfaların yerini değiştirmeyi gerektirebilir. Ancak geçmişteki paylaşımların ve dosya bağlantılarının etkisi tartılmadan hiçbir adres gelişigüzel değiştirilmez. Saklanacak erişim yolları ile taşınacak içeriğin sınırı belirlenir; yayından sonra da örnek bağlantılar tek tek denetlenir.

Bir sayfanın başlığını, açıklamasını ve temel teknik düzenini hazırlamak ile aralıksız yürüyen SEO çalışması aynı kapsamda değildir. Tasarım işi sırasında hangi hazırlıkların yapıldığı açıkça belirtilir. İçeriği geliştirmek, ayrıntılı çözümleme yapmak veya düzenli takip gerekiyorsa bunlar ayrı olarak planlanabilir. Herhangi bir arama sırası taahhüt edilmeden, yapılacak işler ve izlenecek kontrol yöntemi üzerinden açık bir hizmet çerçevesi çizilir.