Görsel Tasarım Yöntemleri

gorsel tasarim

Renk Temelleri:

renk

Renk tekerleği; renk tonlarının daire üzerinde tanımlandığı bir modeldir. Ana ve ikincil renkler ile orta ve üçüncül renkler arasındaki ilişkiyi göstermekte, renk sıcaklığını açıklamaya yardımcı olmaktadır. Dijital ekipler, renk iletişiminde hex kodlarını kullanmaktadırlar.


Paralel Tasarım:

paralel tasarim

Paralel tasarım tekniğiyle, aynı ihtiyaçlar doğrultusunda birkaç kişi birden ön tasarımı oluşturmaktadır. Her bir tasarımcı birbirinden bağımsız olarak çalışmakta ve çalışmaları bittiğinde konseptlerini grupla paylaşmaktadır.

Etkileşim Tasarımı Yöntemleri

etkilesim tasarimi

Kullanım Şekli (Use Case):

use case

Kullanım şekli; kullanıcıların, web sitenizdeki görevleri nasıl gerçekleştireceğini gösteren yazılı bir açıklamadır. Kullanıcının bakış açısından, sistemin taleplere yanıt verme şeklini belirlemektedir.


Kart Sıralama (Card Sorting):

card sorting

Kart sıralama, bir sitenin bilgi mimarisi tasarımını yapmak ya da değerlendirmek için kullanılan bir yöntemdir.


Prototipleme (Prototyping):

prototip

Prototip; bir ürüne zaman, para ya da geliştirme yatırımı yapmadan önce, ürünle ilgili fikirlerinizi inceleyip soruşturmanızı ve bir özelliğin ya da tüm tasarım konseptinin arkasında yatan amacı göstermenizi sağlayan taslak üründür.

Kullanıcı Arayüzü Tasarımı Yöntemleri

kullanici arayuzu

Organizasyon Şemaları:

organizasyon semasi

Organizasyon şemaları ile içeriğinizi nasıl sınıflandıracağınızı ve her bir parçayla kuracağınız ilişkinin farklı yollarını belirleyebilirsiniz. Çoğu içerik, birçok farklı yöntemle sınıflandırılabilir.


Organizasyon Yapıları:

organizasyon yapisi

Organizasyon yapısı, içeriğe ait parçalar arası ilişkileri nasıl tanımlayacağınızdır. Başarılı organizasyon yapıları; kullanıcıların sitedeki bilgiyi nasıl bulabileceklerini öngörmelerini sağlamaktadır.


Kullanıcı Arayüzü Elementleri:

arayuz elementleri

Arayüzünüzü tasarlarken, arayüz elementlerinin seçimi konusunda tutarlı ve öngörülebilir olmaya çalışın.


Şema Tasarımı (Wireframing):

wireframe

Şema tasarımı (wireframe); bir sayfanın arayüzünün iki boyutlu illüstrasyonudur. Şema tasarımı özellikle; boşluk dağılımı, içerik önceliklendirmesi, mevcut fonksiyonellikler ve planlanan davranışlar üzerine odaklanmaktadır. Bu nedenle şema tasarımlarında çoğunlukla herhangi bir tarz, renk, grafik gibi unsurlar bulunmamaktadır.

Bilgi Mimarisi Tasarımı Yaparken Kullanılan Yöntemler

bilgi mimarisi

Organizasyon Şemaları:

organizasyon semasi

Organizasyon şemaları ile içeriğinizi nasıl sınıflandıracağınızı ve her bir parçayla kuracağınız ilişkinin farklı yollarını belirleyebilirsiniz. Çoğu içerik, birçok farklı yöntemle sınıflandırılabilir.


Organizasyon Yapıları:

organizasyon yapisi

Organizasyon yapısı, içeriğe ait parçalar arası ilişkileri nasıl tanımlayacağınızdır. Başarılı organizasyon yapıları; kullanıcıların sitedeki bilgiyi nasıl bulabileceklerini öngörmelerini sağlamaktadır.


İçerik Envanteri:

icerik envanteri

İçerik envanteri, sitenizdeki tüm içeriğin bir listesidir. İçerik envanteriniz temel olarak; metin, imaj, belge ya da uygulamalardan oluşmaktadır. İçerik envanterinden fayda sağlayabilmeniz için, içeriğinizin her parçasını detaylıca incelemeniz gerekmektedir.


Şema Tasarımı (Wireframing):

wireframe

Şema tasarımı (wireframe); bir sayfanın arayüzünün iki boyutlu illüstrasyonudur. Şema tasarımı özellikle; boşluk dağılımı, içerik önceliklendirmesi, mevcut fonksiyonellikler ve planlanan davranışlar üzerine odaklanmaktadır. Bu nedenle şema tasarımlarında çoğunlukla herhangi bir tarz, renk, grafik gibi unsurlar bulunmamaktadır.

Kullanılabilirlik Değerlendirmesi Yöntemleri

Kullanilabilirlik degerlendirmesi

Kullanılabilirlik Testi Sonuçlarının Raporlanması:

raporlama

Bir kullanılabilirlik testinin sonuçlarını raporlarken, öncelikli olarak zorluk derecesine göre birbirinden ayrılan bulgu ve tavsiyelere odaklanmanız gerekmektedir. Yöntemin tanımlanabilir olması için raporunuza test planından uygun bilgileri de dahil ederek yeteri kadar detay sunmanız gerekir.


Kullanılabilirlik Testinin Yönetilmesi:

kullanilabilirlik testi

Testinizi planlayıp katılımcıları seçtikten sonra, testi başlatmak için hazırlanmanız gerekir. Bunun için; hangi moderasyon tekniğinin testiniz için uygun olduğuna karar vermeniz, çalışma alanı ve ekipmanınızı hazırlamanız ve gerçek katılımcılarla yapılan test öncesinde, bir pilot test uygulaması yapmış olmanız gerekmektedir.


Kullanılabilirlik Testi Katılımcılarının Toplanması:

katilimcilar

Kullanılabilirlik testi için site kullanıcılarınızla benzer özelliklerde katılımcılar bulmanız hayati önem taşır. Site ya da ürününüze bağlı olarak farklı potansiyel kullanıcı gruplarını bir araya getirebilirsiniz. Tüm bu grupların temsilcilerini de işin içine dahil etmeye çalışın. Görev bazlı bilgi ve fonksiyonelliğe odaklanmak istiyorsanız, ideal olan; testi her bir grupla ayrı olarak gerçekleştirmektir.


Kullanılabilirlik Testinin Planlanması:

planlama

Kullanılabilirlik testinin her evresindeki ilk adımlardan biri, test için bir plan geliştirmektir.


Kullanılabilirlik Testi:

kullanilabilirlik testi

Kullanılabilirlik testi; bir ürün ya da hizmetin, temsili kullanıcılar ile test edilerek ölçümlenmesini ifade etmektedir.


İlk Tıklama Testi:

first click testing

İlk tıklama testi; katılımcının, planlanan görevi tamamlamak için arayüzde ilk olarak tıkladığı şeyi ifade etmektedir. İlk tıklama testi; çalışan bir web sitesi, bir prototip ya da wireframe üzerinde uygulanabilir.


Sistem Kullanılabilirlik Ölçeği:

sistem kullanilabilirlik

Sistem Kullanılabilirlik Ölçeği (SUS); kullanılabilirliği ölçmek için faydalanılan “basit ve özensiz” ama güvenilir bir araçtır. SUS; katılımcıların ‘kesinlikle katılıyorum’ seçeneğinden ‘kesinlikle katılmıyorum’ seçeneğine kadar dereceli olarak 5 farklı yanıttan oluşan, 10 soruluk bir anketten oluşmaktadır. 1986 yılında John Brooke tarafından oluşturulan SUS; yazılım, donanım, mobil cihazlar, web siteleri ve uygulamalar gibi çeşitli pek çok ürün ve hizmetler üzerinde ölçümleme yapmanızı sağlamaktadır.


Sezgisel Analiz ve Uzman Değerlendirmeleri:

sezgisel analiz

Sezgisel analizde kullanılabilirlik alanındaki uzman kişiler, sitenizin arayüzünü incelemekte ve kabul görmüş kullanılabilirlik prensipleriyle uyumluluğunu karşılaştırmaktadır. Analiz, potansiyel kullanılabilirlik konularının bir listesi ile sonuçlanmaktadır.


Göz İzleme Tekniği (Eye Tracking):

eye tracking

Göz izleme tekniği ile bir web sitesinde gezinmekte olan kişinin gözünün nereye odaklandığı ya da göz hareketleri ölçümlenebilmektedir. Göz izleme tekniği, ziyaretçileriniz göz izleme yazılımına bağlandığında size aşağıdaki verileri sağlamaktadır:

  • Ziyaretçilerinizin nereye bakıyor?
  • Ne kadar süreyle bakıyorlar?
  • Web sitenizde bulunan öğeler arası odaklanma hareketleri nasıl? 
  • Arayüzün hangi bölümleri gözlerinden kaçıyor?
  • Sayfa uzunluğunu nasıl yönetiyorlar?
  • Mevcut sitenizde yer alan öğelerin boyutu ve yerleşimi ya da önerilen tasarımlar dikkatleri nasıl etkiliyor?

İçerik Mülakatı:

icerik mulakati

Bu mülakatlar süresince araştırmacılar; kullanıcıları, bir laboratuvar ortamının aksine kendi doğal ortamlarında çalışırken gözlemleyip dinlemektedirler. Bunun bir sonucu olarak içerik mülakatları, daha doğal ve gerçekçi olmaya meyillidir.


Focus (Odak) Gruplar:

focus group

Focus grup, genellikle 5-10 kişiden oluşan katılımcıların yönetildiği görüşmelerdir. Hedef grup çalışması vasıtasıyla; kullanıcı davranışlarını, inançlarını, isteklerini ve konseptlere olan tepkilerini öğrenme fırsatını bulursunuz.


Uzaktan Test (Remote Testing):

uzaktan test

Uzaktan test ile katılımcılar; kendi doğal ortamlarında, ekran paylaşım yazılımları ya da çevrimiçi uzaktan kullanılabilirlik hizmetleri vasıtasıyla incelenerek, kullanıcı araştırmasının yönetilmesi sağlanmaktadır. Genelde testler; 3-5 görevden oluşan, 15-30 dakika uzunluğunda olmalıdır.


Mobil Cihaz Testi:

mobil test

Telefon, tablet ve e-kitap okuyucu gibi mobil cihazların test edilmesi için özel ekipman ve yöntemler gerekmektedir. Geleneksel masaüstü ekran görüntüsü yakalama yazılımları, dokunmatik etkileşimleri yeterli düzeyde yakalayamadığı için; kullanılabilirlik uzmanları, kullanılabilirlik testi etkileşimlerini kaydedebilmek için bu mobil cihazlar üzerine kameralar yerleştirmektedir.


Senaryolar:

senaryo

Senaryolar; belirli bir kullanıcı ya da kullanıcı grubunun, sitenize gelmelerinin arkasında yatan sebepleri gösteren hikaye ve içeriklerdir. Senaryolar vasıtasıyla ulaşılması gereken hedefler ve sorular tanımlanmakta, bazen de kullanıcıların site içerisinde bu hedeflere nasıl ulaşabileceklerini belirlemektedir.