Kullanıcı arayüz planlaması (UI Design), adı altında temel mantık ve yöntemlerin yarattığı, çekici bir stil ve estetiğe sahip bir sanat dalıdır ve aynı zamanda da bir bilimdir.

En basit olarak  kimi ışık ve renk kontrastları kullanımı bile, kullanıcıların ilgisin ve odak noktalarını belirlemede önemli rol oynar.

Işık: Işık ve gölge kullanarak derinlik yaratmaya çalışın

Işık derinlik yaratmak için kullanabileceğiniz etkili bir öğedir. Parlak, aydınlık ve renkli elementler size yakın, koyu, gölgeli görsel elementler ise uzak görünürler, en azından bu hissi verilmiş olurlar.

Bir butonu ele aldığınızı düşündüğünüzde bir çok tasarımcının bu butonun basılı halini daha koyu yaptığını fark ederiz. Nedeni ise oldukça basittir, çünkü butonlar her zaman  kullanıcı tarafında olanlar 3 boyutlu ve basılabilir objeler olarak tıklanırlar.

 

Her ne kadar tasarımlarınızda gerçek dünya kriterlerine uygun objeler yaratmak zorunda olmasanız bile özellikle Windows, MacOS gibi işletim sistemlerinin arayüzlerinde bu prensibe sıkı sıkı bağlı kalındığını görmeniz mümkün.

Renkler: Odaklanmak için sıcak renkler bulmaya çalışın

Renkler her zaman bilindik şekilde davranamazlar, mesela mavi ve yeşil soğuk renkler olarak adlandırılır, kırmızı ve sarıda sıcak renkler olarak. Görüldüğü üzere, belli bir noktaya odaklanmak için sıcak renkleri kullanmanız daha doğru olacaktır

 

Özellikle de kırmızı rengin hemen hemen her yerde kontrolü ele aldığını göreceksiniz. Dikkat çekici buton yada düğmelerin pek çoğunda kırmızı renk kullanılır ve oldukça etkili sonuçlar elde edilir.

Kontrast: Yüksek kontrast ile dikkatleri çekin

Kullanıcı arayüz tasarımındaki en önemli ayrıntılardan bir tanesi de kontrast renk kullanımıdır. Müşterilerinizin dikkatini çekmek ya da belli bir noktaya odaklanmasını sağlamak istiyorsanız kontrast renkler kullanmanız gerekir.

 

Basit mantıksal yöntemler sayesinde sizde yapmış olduğunuz tasarımların, kolayca amacına ulaşmasını sağlayabilirsiniz. Unutmamalısınız ki aslında tasarımlarınızı sizin için değil, onları kullanacak geniş kitleler için tasarlanır. Bu sebeple her seviyede insan için en kolay şekilde anlaşılabilecek tasarımları yapmak tasarımcıların görevidir.

Kötü Font Kullanımaaya Özen Gösterin

Tasarımlarınızda kullanacağınız gerek imaj gerek text fontlarını iyi seçmeniz gerekir. Kullanıcının okumasını zorlaştıracak fontlar kullanmanız web sitenin kullanılabilirliğini, erişimini direkt olarak etkileyecek önemli detaylardır. Text fontların kullanımında dikkat etmeniz gerekiyor tabii. Kullanıcı tarafında yüklü olmayan bir fontu kullanmak yine başınıza olumsuz yönde iş açabilir. En iyisi web safe (Arial, Georgia, Verdana vb) fontlardan hiç bir zaman şaşmamak olacaktır.

Resimsiz Metinler

Yazı metinlerinin arasına resim serpiştirmek hem kullanıcının algısını kolaylaştırmak için bir teknik, hem de tasarım, açısından bir güzellik olarak değerlendirilebilmekte. Tamamen yazıdan oluşan ve içerisinde resim olmayan yazılar, bir süre sonra kullanıcıyı sıkacak ve okumasını zorlaştıracak bir etkendir.

Paragrafsız Uzun Metinler

Yukarıdakine benzer bir sorun da uzun metinlerin tek düze olarak bir sayfada yığılması. Eğer web sitede uzun metinler kullanılacaksa bunları mutlaka paragraflandırmanız veya sayfalara bölmeniz gerekir.

Küçük Fontlar

Tasarımlarınızda kullanacağınız küçük fontlar ne okuyana fayda sağlar, ne de size bir fayda sağlar!  Siz ortalama bir font boyu bulup onu uygulayın tasarımlarınıza.

Ağır Flash Uygulamalar

Web sitenizde kullanacağınız flash uygulamaların oranını iyi ayarlamanız gerekir. Tamamen flash sitelerde ise optimizasyon iyi yapılmış olmalı. Bağlantı hızları her ne kadar artsa da uzun uzadıya flash yüklemek için kimse beklemeyecektir.

Renkli Arkaplan Resmi Üzerinde Yazı

Sık ve düşüncesizce yapılan hatalardan biri de budur hiç şüphesiz. Arkaplan resimleri üzerine bindireceğiniz text metinler, iyi hesap etmezseniz başınıza iş açabilmektedir. Kötü bir görüntüyü kullanıcılar görmek istemeyecektir.

Çok Fazla Reklam

Bilinen bir gerçek var ki kullanıcı sık sık girdiği web sitelerdeki reklamları bir süre sonra otomatik olarak görmez oluyor ve reklam körlüğü denen durum oluşuyor. Oysa ki iyi dengelenmiş iyi ve düzenli dağıtılmış reklam panoları, hem sizin hem de reklam veren için çok verimli olacaktır.

Pop-up Pencereler

Kullanımı artık iyice bırakılan pop-up pencere, kötü kullanıcı deneyimine yol açan en önemli hususlardan biri. Mümkünse kullanmamaya çalışın. Onun yerine gelişen teknolojileri analizleyin ve modal pencereler ile işinizi görmeye çalışın.

Planlama yapmak sadece iş yerinde değil hayatınızın her alanında gerekli bir durumdur. Planlı ve organize işler yaparsanız, her zaman sizin için işleriniz daha kolay ve düzenli olacaktır. Önünüzdeki günleri, elinizdeki projelere göre ayarlayıp, yeni müşterilinizi de mağdur etmemek için eşit zamanlar yaratmaya özen göterin.

2 Blog veya Site Sahibi Olun

Piyasadaki bilinirliğinizi üst seviyeye çıkarmak, ciddiyetinizi ortaya koymak için siz de bir web sitesi sahibi olmalısınız. Yaptığınız işleri ve referanslarınızı kolayca gösterebilir, aynı zamanda  kendinizi daha iyi anlatabilirsiniz. Eğer imkanınız yok ise en azından bir portföy sayfası oluşturmayı ihmal etmemelisiniz. Sitenizi gerektiği zamanlarda güncelleyin ve ücretsiz içeriklere önem verin. (Ücretsiz indirilebilecek fontlar, art’lar, kimi grafik çalışmaları gibi içerikler)

3 Sosyal Medyayı Kullanın

Sosyal medyada mutlaka kaydınız bulunsun, bu alanda paylaşımlarınızı eksik etmemeye çalışın. Facebook, FriendFeed, Twitter vb. sosyal medya siteleri ile hem takipçi sayınızı artırırsınız, hem de isminizi ve markanızı binlerce kişiye duyurma imkanı kazanmış olursunuz.

4 Ekonomik Hesapları Dengeleyin

Ödeme/Tahsilat dengenizi güzel kurun, zor zamanlar için para biriktirmeye özen gösterin. Tahsilat ve prodüksiyon konusunda prensipler oluşturun. Diyeli ki, bir miktar avans almadan yeni bir işe ya da projeye başlamamanız gerekir.

5 Donanım ve Yazılım

Ekonomik olarak dengeye geldiğiniz zaman bilgisayarınızı yenileyin. İyi bir bilgisayar size kuşkusuz hız ve performans olarak geri dönüş yapacaktır. Bütçeniz elverdiğince bu konuyu ihmal etmemenizi öneririz. Yazılım olarak  ücretsiz yazılımları tercih etmeniz mümkün, ülkemizde durum biraz farklı işlediği için serbest çalışan kişi kendi için doğru yolu bulmak zorunda kalıyor.

6 Yaratıcı Olun

Serbest çalışmanın avantajlarını kullanmaya çalışın. Yaratıcı olun, web adreslerinde  sörf  yapın, farklı sitelerden ilham alın, yeni şeyler üretin ve bunları ekrana dökün. Yaratıcılığınızı ve yeteneğinizi esas noktaya odakladığınız zaman eşsiz işler çıkarmamanız hiç sebep olmadığını unutmayın.

7 Müşteri İlişkilerinizi Düzenleyin

Müşteri ilişkilerinizi sıcak tutmayı ihmal etmemelisiniz, her bir müşterinize onun için çalışıyormuşçasına ilgi gösterin ve bunu hissettirin. Profesyonel davranın, onların fikirlerini önemseyin, sizin ürettiğiniz çözümlere odaklı olarak bu fikirleri birleştirmeye çalışın.

 

Yeni bir işyeri ve çalışma hayatı her zaman bireylerde çekingenlik yaratır. Bunu aşın ve merak etiğiniz her şeyi mutlaka sorun.

9 – Notlar alın

Bir web tasarımcı olarak bir çok kişi ya da kurum ile muhatap olmak zorunda kalacaksınız. Herkesin size söylediklerini hatırlamak her zaman kolay olmaz. Bu yüzden anlayacağınız notlar tutun.

8 – Geri bildirim isteyin

Çalışmalarınızdaki durumunuz hakkında geri bildirimler alın. Kişilerin sizin ve işleriniz hakkındaki düşüncelerini dinleyin ve bunlardan kariyerinize olumlu etki edecekleri seçerek kendinize dersler çıkarın.

7 – Sizinle birlikte çalışanları tanıyın

Departman ve çalışan sayısı olarak farklı firmalarda görev almayı düşünün.

6 – Sosyal olun

Eğer bir tasarımcı iseniz muhtemelen iş hayatına henüz atılmış yeni mezun olmuşsunuzdur. Sizin gibi genç birinin  ilgi alanları firmanızda bulunan sizden büyük iş arkadaşlarınızla uyum göstermez. Yine de uyumlu biri olmaya dikkat edin.

5 – Düzenli olun

Bir web tasarımcı olarak, büyük olasılıkla Photoshop ve Illustrator veya başka bir tasarım programı ile çalışıyorsunuzdur. Dosyalarınızı hatta katmanlarınızı bile organize bir şekilde düzenlemeniz gerek. Hem çalışma alanınızı hem de işlerinizi düzenli bir şekilde ayarlayın.

4 – Araştırmacı olun

Web tasarımcılar aslında hiç bir zaman tasarımla ilgilenemezler. Web teknolojileri ve sektördeki yenilikleri takip etmek bir tasarımcının her zaman görevi olmalıdır. Bu yenilikleri yeni yapacağı projelere uygulayarak daha güncel ve yeni model işler çıkarmayı bilen tasarımcılar mutlaka kariyerlerinde daha hızlı yükselirler.

3 – Malzeme ve araçlarınızı toparlayın

Kullandığınız tasarım malzemelerini düzgün klasörlerin içerisinde kolayca ulaşabileceğiniz şekilde saklayın. Resimler, ikonlar vb. tasarımlarınızda kullandığınız elementleri biriktirip arşivleyin. Bunları derli toplu tutmanın ne kadar işe yaradığını siz de göreceksiniz.

2 – Eleştiri ve anlaşmazlıklara açık olun

Sizin görevinizin size gelen eleştirilerden ders alarak daha iyisini yapmak olduğunu unutmalısınız. Eğer ortada bir anlaşmazlık var ise işi neden ve nasıl yaptığınızı, neden bu şekilde tasarladığınızı sağlam temellere dayandırarak anlatmaya çalışmanız gerekir.

1 – Görüşlerinizi ifade edin

İş konusunda fikirlerinizi belirtmekten çekinmemelisiniz. Fakat haddinizi de bilmelisiniz tabi ki. Genç bir tasarımcı olarak taze fikirlerinize ihtiyacınız olacaktır.

Dijital Medyaya yedek almak

CD, DVD, Blu Ray vb. yazılabilir medya üzerinde alınan yedeklerin kalıcılığı konusu oldukça dikkate alınması gereken bir konudur. Araştırmalar CD için oldukça kısa bir kullanım ömrü biçmektedir. Yazılan bu medyanın kalitesi ve kullanım yoğunluğu ile de doğru orantılı olarak bu miktar 2-6 yıl arasında değişmektedir. Buradan da anlaşılacağı gibi sonsuza dek saklamak istediğiniz verileriniz için çok mantıklı bir yol olmayacaktır.

Aynı konu DVD ve Blu Ray’ler için de geçerlidir. Bir DVD’nin ömrü CD ile eş değer olsa da 10 yıla kadar uzayabilir. Fakat bu tür yazılabilir medya üzerine alınan verilerin en etili saklama şartlarında bile en az okunabilirlik süresi  50 yıldır.

Elbette işlerinizi 50 yıl boyunca saklamayacaksınız ama telaffuz edilen süreler oldukça yetersiz ve çalışmalarınızı saklama konusunda alınabilecek bir risk değil. Bu açıdan optik medya üzerine yedek alıp saklama fikrini yapmanızı tavsiye etmeyiz.

Sabit Sürücülere yedek almak

Elinizde bulunan diskiniz üzerine, veya harici bir disk alanı  kullanarak yedeklerinizi saklamak hem daha az maliyetli hem de daha mantıklı bir çözüm yolu olacaktır. Mümkün olduğu kadar farklı diske, farklı yedekler almalısınız, böylece veri kaybı riskinizi de minimuma indirmiş olacaksınız. Sandisk’in Vault’u gibi bazı özel disk alanları ise size verileri bozulmadan 100 yıl üzerinde saklamayı vaat etmekte.

Bulut’a yedeklemek

Belki en mantıklı yol işlerimizi, çalışmalarımızı bulut yöntemi ile yedeklemek. Dropbox, Box.com gibi ücretli ama daha güvenilir servislerin yanında Yandex Disk, Google Drive, Microsfot Skydrive gibi ücret gerektirmeyen uygulamalarla işlerinizi ve çalışmalarınızı güvenilir bir şekilde uzun süre saklamak mümkün. Böyle bir yöntem ile kafanızda soru işaretleri kalmasını engelleyebilir ve tüm çalışmalarınız üzerinde rahatlıkla oynamalara yapabilirsiniz.

Göreceli de olsa bu yöntemler ne kadar güvenilir derseniz ortaya çıkan sonuç bu şekilde oluyor.

[progress length=”95″ color=”#3bd2f8″]Bulut[/progress] [progress length=”85″ color=”#ffcc00″]Sabit Sürücü[/progress] [progress length=”60″ color=”#f16f8d”]Optik Medya[/progress]

Bizim kişisel olarak kullanıyor olduğumuz çözümümüz ise bulut ve sabit sürücüyü aynı anda kullanabilmek. Yıl içinde en az bir kez  çalışmaları toparlayıp farklı iki diske kopyalamaktadız.

Herkes Mobil Olarak Gezinti Yapıyor

Güncel yaşamın bir parçası haline gelen telefonların yaygınlaşması sayesinde mobil internet kullanım oranları da artış gösterdi. Dünya çapında internet kullananların yarısından çoğu mobil cihazlar oluştururken, ülkemizde de yüzde 37’lik oranla bir önceki yıla göre bir artış vardır.

Olumlu Kullanıcı Deneyimi İçin Mobil

Web siteniz masaüstü versiyonu ile göz kamaştırsa bile, aynı performansı mobil versiyonda göstermiyor oluşu ciddi bir kullanıcı problemi olarak karşımıza çıkıyor.

Kullanıcılarınızın masaüstünde değişik, mobil platformlarda değişik deneyimler yaşamaması için web siteniz mutlaka mobil uyumlu halde olmalıdır.

Her Cihaz İçin Tek Tasarım

Mobil cihazların artışıyla birlikte bir çok farklı ekran boyutu da tasarımcıların sorunu olmaya başlamıştı ki, responsive tasarım ortaya çıktı.

Size de bu kavramın avantajlarını kullanması kalıyor. Tek bir tasarımı kullanarak onlarca farklı ekran boyuna hitap edebilmeniz mümkün.

Google Mobil Sever

Google arama sonuçları için kullandığı algoritmada mobil uyumlu olmayan web sitelere yer vermemeye başladı. Aslında işin özü mobil uyumlu olmayan web siteler artık ilgi görmüyor.

Google Mobil Uyumluluk Testini siz de web siteniz için uygulayabilirsiniz.

Üstelik Google bir yana, genel istatistikler de mobil uyumlu olmayan sitelerin yüzde 45 oranında ziyeretçi kaybı yaşadığını söylüyor. Mobil uyumlu bir web siteniz yok ise hemen düzeltmek için bir sebep daha!

Markanızın Prestiji İçin Mobil

Hareket halinde elinde küçük bir ekranla sizin web sitenizi ziyaret eden kullanıcınıza ne kadar etkili bir deneyim sunarsanız bu durum markanızın prestiji açısından da faydalı olacaktır.

Masaüstü versiyonla yapabildiği her şeyi web sitenin mobil versiyonuyla yapabilen bir kullanıcının yaşadığı artı yönde tatmini,  markanız bunu hak ediyor!

Sadece Bugüne Değil Geleceğe de Yatırım

Mobil uyumlu web siteler, özellikle responsive tasarıma sahip projeler sadece günlük çözüm sunmayacaktır.  Ayrıca geleceğe de yatırımdır. Böylece web sitenizi bugün piyasada olan mobil cihazların yanında gelecekte çıkacak yeni tip cihaz ya da ekran boyları için tasarlamış olursunuz.

Özetleyecek olursak modern dünyada herkesin elinin altında olabilmek,  cebine girebilmek için web sitelerinizin mobil uyumlu responsive tasarımlara sahip olması gerekir.

Web arayüzü tasarımı yaparken bazen kendimizi kaptırdığımız, bazen de müşterinin baskıları yüzünden bezginlikle eski usul yöntemlere başvurduğumuz olabilir. İzmir Web Tasrım olarak arayüz tasarımı yaparken dikkat etmemiz gereken 8 konuya değineceğiz.

1. Amerika’yı Yeniden Keşfetmeyin!

Bir çok web arayüz tasarımında işletmenizi zorlayan fonksiyon ya da istekler olabilir. Daha önce nasıl yapıldı ise o şekilde yapın. Alışılagelmiş kullanıcı deneyimlerini farklılık yaratmak üzere keşfedilmez ve anlaşılmaz hale getirmektense bilindik yöntemleri yeniden kullanmanızda bir sakınca olmayacaktır.

2. Zengin Medya

Daha da hızlanan internet bağlantıları ile (optimize olmak şartıyla)  zengin medya türünü kullanabilirsiniz. Videolar, animasyonlar, özgün görseller. Tasarımlarınıza estetik katacak bu fırsatları deneyin ve uygulayın!

3. Tasarım Kullanıcılarınız İçindir, Sizin İçin Değil

Sırf sadece sizin hoşunuza gidiyor diye tasarımlarınıza ekleyeceğiniz içerikler ileride büyük baş ağrılarına sebep olabilir. Kullanıcı talepleri  size gösterdiği yolların dışına çıkmadan, yaratıcı ve fonksiyonel işler ortaya çıkarmak için çabalamanız gereklidir.

4. Kullanıcı Deneyimini Boş Vermeyin

Güncel arayüz tasarımı projelerinde müşteri deneyimi artık her zamankinden önemli ve rolde bulunuyor. Bu hususu es geçmeyin ve kullanışlı, özgün tasarımlar üretmenin derdinde olun. Kendinizi kullanıcı deneyimi konusunda mümkün olduğu kadar geliştirmeniz, yapacağınız projeler için oldukça büyük avantajlar sağlayacaktır.

5. Sosyal Medya Entegrasyonu

Web tasarım projelerinizin içerisine sosyal medya unsurlarını eklemediğiniz sürece başarıya ulaşmanız kolay olmayacaktır. Özel projeler dışında ticari web siteleri için olmazsa olmaz sosyal medya etkileşimleri için mutlaka arayüzlerinizde yer ayırmanız gerekir.

6. Taze İçerikler

İyi bir arayüz kullanım kolaylığı sağlayacaktır. Fakat kaliteli ve özgün içeriğin yerini hemen hemen hiç bir şey tutamaz. Projeniz yayına girdikten sonra iyi bir içerik desteği alıyor olmalı yoksa tüm tasarım eforunuz boşa gidecektir.

7.  Aksiyon Butonları

Kullandığınız renk skalasına bağlı kalarak üreteceğiniz fark yaratacak aksiyon butonları, hedefe kolay ulaşmak isteyen müşteriler için yararlı olacaktır. Butonları hızlı ve anlaşılır bir şekilde tasarlamız gerekir. Fakat aksiyon butonlarının üzerindeki kelimelerin de çok önemli olduğunu unutmamalısınız.

8. Açık Mesaj ve 5 Saniye Kuralı

Esas önemli olan tasarımını yaptığını projenin ilk sayfasında vermek istediği mesajı net ve açık bir şekilde iletiyor olmanız. Unutmayın ki hızlı tüketim dünyasında ekran üzerinde gerekli mesajı vermek için maksimum 5 saniyeniz var ve hepsi o kadar. Gerek görsel gerekse metin ile derdinizi hızlı bir şekilde anlatmanız gerek.