Kullanılabilirlik Nedir? Neden Kullanılabilirlik? Kulllanıbilirlik Testi Araçları Kullanıcı Deneyimi Tasarımı Nedir? Neden Kullanıcı Deneyimi Tasarımı? Kullanıcı Deneyimi Tasarımı Araçları

1. Kullanılabilirlik
Testi ve
Kullanıcı Deneyimi
Tasarımı Araçları
www.userspots.com

2. Kullanılabilirlik
Kullanılabilirlik, bir ürünün potansiyel kullanıcıları
tarafından, belirli bir kullanım bağlamı içinde,
amaçlanan kullanım hedeflerine ulaşmak için, ne
derece etkin, verimli ve tatmin edici bir şekilde
kullanılabilmesidir.
1

3. Neden Kullanılabilirlik?2
• İnternet üzerinden kullanıcıların istediği bilgilere
ulaşamaması nedeniyle yapılamayan satış oranı
%50
• Kullanılabilirlik çalışmalarına yapılan yatırım
sonrasında iş metriklerinde yaşanılan artış oranı
%83

4. Kullanılabilirlik Test Araçları2.0
Bir ürünün veya bir web sitesinin kullanılabilirliği
çeşitli araçlarla test edilir. Kullanıcıların dahil
edildiği bu çalışmalar veri elde etmek için
kullanılır. Kullanılabilirlik test araçları işlevlerine
göre farklı özelliklere sahiptir:
• Bilgi Mimarisi
• Online Göz İzleme
• Mouse Hareketi ve Tıklama Haritası
• Yazılım Bazlı Göz İzleme
• İmaj Tıklama Haritası
• Laboratuvar Test Araçları
• Geri Bildirim Testleri
• Online Sezgisel Analiz
• Modere Edilen Online Kullanıcı Testi
• Modere Edilmeyen Online Kullanıcı Testi
• A/B Testi

5. Bilgi Mimarisi2.1.
Bilgi mimarisi; web siteleri, intranetler ve yazılımlarda
kullanılabilirlik ve bilginin bulunabilirlik seviyesini
arttırmak için bilgiyi organize etmek ve etiketlemektir.
Bilgi mimarisi çalışmaları için kart gruplama ve ağaç
testi kullanılır.

6. UX Punk2.1.1.
Kart gruplama ve
navigasyon menüsü
testlerinin yapılabildiği UX
Punk’ta kullanıcılarla online
ortamda test yapabilmek
mümkün.

7. Optimal Sort2.1.2.
Online kart gruplama test
araçlarından olan Optimal Sort’ta
önce elementlerin isimlerini
belirliyor, ardından anketi
oluşturuyor ve son olarak da
katılımcılarla paylaşıyorsunuz.

8. CardZort Zone2.1.3.
Sadece kart gruplama
servisi sunan CartZort
yazılım olarak bilgisayara
indirilerek kullanılabiliyor.

9. XSort2.1.4.
Sadece Mac OS X için
kullanılabilen XSort’u
yazılım olarak indirerek kart
gruplama çalışmanızı
yapabilirsiniz.

10. TreeJack2.1.5.
Bilgi mimarisini oluşturmak
için ağaç testi
yapabileceğiniz Optimal
Workshop’un sunduğu üç
servisten biridir. Site
haritanız için elementleri
belirleme, ardından
görevleri oluşturma ve
katılımcılarınızla paylaşma
ile 3 adımda testi
oluşturabiliyorsunuz.

11. Online Göz İzleme2.2.
Göz izleme kullanıcının ekranda nereye, ne kadar süre
ve kaç kere baktığına, anlık ve geçmiş dikkatinin
nerede yoğunlaştığına, niyetine, zihinsel durumuna
ilişkin bilgi sağlamaktadır.
Sayısal ve görsel şekillerde sunulan bu bilgi sayesinde
kullanıcının arayüz ile etkileşiminin nasıl olduğuna dair
fikir yürütülebilmektedir. Online göz izleme araçlarıyla
da bilgisayar başında oturan kullanıcıların etkileşimleri
ölçülebilmektedir.

12. YouEye2.2.1.
Uzaktan kullanıcı testi
yapabildiğiniz YouEye’da
kullanıcıların nereye
baktıklarını takip ederek
göz izleme testi
yapabiliyorsunuz. Aynı
zamanda kullanıcı ses kaydı
da bulunuyor. Duygularını
da ölçebilen bir servisi olan
test aracında, önce görevler
oluşturuyor, ardından ise
katılımcılarınızla test
yapıyor ve elde ettiğiniz
verileri analiz ediyorsunuz.

13. Mouse Hareketi ve
Tıklama Haritası
2.3.
Amacı belirli sayfalarda kullanıcı hareketlerini takip
etmek, genel sayfalarda kullanıcıların mouse
hareketlerinin ortalamasını almak amacıyla kullanılır.
Mouse hareketlerini ve tıklama haritalarını çıkaran
birçok test aracı bulunmaktadır. Online olarak
kullanıcıların nereye tıkladıklarını gözlemleyebilir ve
analiz edebilirsiniz.

14. Session Cam2.3.1.
Kullanıcıların hareketlerini
izlemeye yarayan bir
kullanılabilirlik test aracı
olarak Session Cam, sıcaklık
haritası, tıklama haritası,
form analizi ve dönüşüm
hunisi oluşturmayı sağlıyor.
Kullanıcıların hareketlerini
kayıt ederek tekrar tekrar
izleme şansı bulunuyor.

15. InspectLet2.3.2.
Web siteye eklenen kod ile
göz izleme ile çıkarılan
sıcaklık haritası, tıklama
haritası, mouse
hareketlerinin izlenebildiği
bir servis sunan Inspectlet
analitik verileri de gerçek
zamanlı olarak görmenize
izin veriyor.

16. ClickTest2.3.3.
Web sitenin tasarım
örnekleri imaj olarak
ClickTest’e eklenir.
Ardından kullanıcıların
hareketleri; görsel
verileştirme, sıcaklık
haritaları ve grafiklerle
incelenebilir. Kullanıcı
etkileşimlerini analiz eden
kullanılabilirlik aracıdır.

17. TryMyUI2.3.4.
Kullanıcıların demografik
olarak profillerini seçerek
kullanılabilirlik testi
uygulanabilir. Ekran ve
mouse hareketleri, sesli
düşünme testleri ve yazılı
geri bildirimler dahil her
kullanıcının verileri video
halinde sunulur. Kendi
veritabanına ait kullanıcıları
kullanmak isteyenler için ise
ayrı bir ücret sunuluyor.

18. ClickHeat2.3.5.
Gerçek ziyaretçilerinizin tıklama
sıcaklık haritasını çıkararak data
toplamanızı sağlayan ücretsiz
kullanılabilirlik test aracıdır.

19. Yandex.Metrica2.3.6.
Web analizi hizmetleri yanı
sıra mouse hareketleri,
tıklama haritaları, bağlantı
haritaları ve kullanıcıların
web sitesinde gezinirken
neler yaptıklarını çıkaran
akış şemasının
incelenebildiği bir ücretsiz
araçtır.

20. SeeVolution2.3.7.
Kullanıcıların web sitede
yaptıkları hareketlerini
yoğunluklara göre çıkaran
tıklama haritaları, sıcaklık
haritaları ve analitik verileri
sunan bir kullanılabilirlik
test aracıdır.

21. Google Analytics2.3.8.
Ücretsiz olarak kullanıcı
hareketlerini takip etmeyi
sağlayan bir araç olarak Google
Analytics, web siteye ait olan
dataların analizini kolayca
yapabilmeyi sağlıyor. E-ticaret
siteleri için dönüşüm oranları,
satış akışı ve istatistikleri
kolaylıkla takip edilebilir. A/B
testi ise İçerik Denemeleri
başlığından yapılıyor. Dezavantajı
ise kullanıcıların etkileşimlerinin
nedeninin belirlenememesidir.

22. Clicktale2.3.9.
Form analizi ve kullanıcı
araştırmaları için üretilmiş
bir kullanılabilirlik test
aracıdır. Kullanıcıların
mouse hareketlerini
kaydederek sıcaklık
haritası oluşturur.
Formlarda zor bulunan
kullanılabilirlik sorunlarını
tespit etmenizi sağlar.

23. CrazyEgg2.3.10
Sıcaklık haritası ve mouse
hareketleri takibi servislerinin yanı
sıra diğer kullanılabilirlik testi
araçlarından farkı sayfadaki her
elementin tıklama analizinin
yapılabiliyor olması, “Confetti”
özelliğiyle web sitesine gelen
trafiğin anahtar kelimelerle de
takip edilebiliyor olmasıdır.

24. LuckyOrange2.3.11.
Sıcaklık haritası, mouse
hareketleri, gerçek zamanlı
ziyaretçi haritası gibi özellikleri
bulunan kullanılabilirlik test
aracıdır. Ayrıca kullanıcılarınızdan
geri bildirim alabileceğiniz bir
sistemi de sunmaktadır. Kolayca
entegre olabilmektedir.

25. Yazılım Bazlı Göz İzleme2.4.
Online göz izleme araçlarından biraz farklı olarak
işleyen yazılım bazlı göz izleme test araçlarında tahmini
olarak kullanıcının bakacağı yerler belirleniyor. Testi
yapılacak olan web sitenin arayüz imajı yüklenir.
Ardından ise belirli bir rapor sunulmaktadır.

26. Visual Attention Service2.4.1.
Web sitedeki ilgi çekebilecek
alanların belirlenmesi için
kullanılır. Web sitesinin imajları
yüklenir. Yükleme sonucunda
kullanıcıların nereye
baktıklarının tahmini olarak
sıcaklık haritasının sunulması
üzerine bir servis sunmaktadır.
Gerçek kullanıcılarla test
yapılmamaktadır.

27. Feng-GUI2.4.2.
Kullanıcı olmadan
algoritmalara dayalı olarak
yüklenen imajların sıcaklık
haritalarının çıkarılması ve
göz izleme analizi
yapılmaktadır. En büyük
dezavantajı kullanıcı
olmaksızın test uygulaması
yapılmasıdır.

28. İmaj Tıklama Haritası2.5.
Tıklama haritaları kullanıcıların web sitesinde hangi
noktalara tıkladıklarının yoğunluklarını net bir şekilde
gösteren bir test çıktısıdır. Online ortamda test edilecek
web sitesinin imajları test aracına yüklenerek
kullanıcının tıklama hareketleri izlenebilmektedir.

29. FiveSecondTest2.5.1.
5 saniye içinde kullanıcıların
web sitesinin ne ile ilgili
olduğu algısını ölçmek ve bir
sonraki aksiyonlarını görmek
adına yüklenen imajların
testini yapan bir
kullanılabilirlik test aracıdır.
Ücretsiz olarak kullanılabilen
araç araştırmacının rastgele
kullanıcıya test yapması ve
kullanıcıyı seçmesine izin
veriyor.

30. Chalkmark2.5.2.
Web sitesinde kullanıcıların nereye
tıkladıklarını yüklenen imajlar ve
belirlenen görevler sayesinde
izlemeyi sağlayan kullanılabilirlik
test aracıdır. Sıcaklık haritası,
tıklama haritaları, ilk izlenim
ölçmeye yönelik servisler
sunmaktadır.

31. Intuition HQ2.5.3..
Web sitenin kullanılabilirlik
testi uygulaması için siteye
yüklenen imajlar ile tıklama
oranları görülebilir,
müşterinin kendi veritabanı
ile kullanıcıların hareketleri
incelenebilir.

32. Usabilla2.5.4.
Ücretsiz uzaktan kullanılabilirlik testi
aracı olarak Usabilla, bir web sitesi
veya bir imaj hakkında
kullanıcılardan geri bildirim
toplamaya yarıyor. Kullanıcıların
nereye tıkladıklarını takip edebilme
özelliği yanında kalitatif data için
araştırmacıların kullanıcılardan
yorumlar almasını da sağlayan bir
yapıya sahiptir. Sıcaklık haritalarının
görsel raporları, tıklama haritaları
sonuçları vermektedir. Kart
gruplama, tıklama yayını kaydı gibi
servisleri de bulunmaktadır.

33. NavFlow2.5.5.
Kullanılabilirlik testi yapılacak olan
web sitenin taslak tasarım
örnekleri yüklenerek işleyen
kullanılabilirlik testi araçlarındandır.
Kullanıcıların hareketlerini akış
olarak görsel verileştirme, sıcaklık
haritaları ve grafiklerle inceleme
şansı veren bir araçtır. Testler gizli
veya açık şekilde
gerçekleştirilebilir. Geri dönüşüm
oranı analizleri kolayca
yapılabilmektedir.

34. Laboratuvar Test
Araçları
2.6.
Kullanıcıların laboratuvar ortamında yapılan testlerde
esas amaç kullanıcı araştırmacısının kullanıcının
davranışlarını gözlemleyerek çeşitli veriler elde edecek
şekilde notlar almasıdır.

35. Morae2.6.1.
Sadece Windows OS için
kullanılabilirlik testi sunan servis,
kullanıcıların sesi, videoları,
klavye tuşuna vuruşları, mouse
hareketleri, ekran hareketleri gibi
etkileşimlerini kaydederek işliyor.
Kullanılabilirlik araştırmaları için
kapsamlı bir hizmet sunuyor.
Kaydedici, gözlemleyici ve
yönetici olarak araştırmalar
yönetilebiliyor.

36. SilverBack2.6.2.
Mac bazlı bir kullanılabilirlik
yazılım aracı olan Silverback, kayıt,
analiz, düzenleme ve oynatma gibi
özelliklere sahip. Düşük fiyatının
yanında birçok servisi kapsadığı
için kullanış açısından oldukça
efektif bir kullanılabilirlik test
aracıdır.

37. Geri Bildirim Testleri2.7.
Kullanıcıların arayüzler hakkında çeşitli yorumlar
yaparak web site/uygulama hakkında
düşündüklerini geri bildirim şeklinde iletmesi
üzerine kurulu test araçları kullanılabilirlik
testlerinde kullanılabilir.

38. iPerceptions2.7.1.
Web site kullanılabilirlik
testi için kullanıcılardan
yorum kartlarıyla geri
bildirim alarak, anketler
düzenleyerek raporlama ve
analiz yapabilmeyi sağlayan
bir araçtır.

39. FeedBack Army2.7.2.
Kullanıcı araştırmacısının bir
web sitesine kullanılabilirlik
testi uygularken
kullanıcılardan yorumlar
alabileceği ve web site
URL’sini paylaşarak bütün
siteyi keşfetmesini
sağlayabileceği bir test
aracıdır.

40. Ethnio2.7.3.
Kullanılabilirlik testi aracı
olmasa da kullanıcılardan
data toplamak üzerine
uygulanan bir platform.
Kullanıcılar doldurdukları
formlar aracılığıyla web
sitenin gelişimine katkıda
bulunarak ödül
kazanıyorlar.

41. Online Sezgisel Analiz2.8.
Sezgisel analiz, arayüzün kullanılabilirlik seviyesini
belirli bir noktaya getirmek amacıyla yapılan arayüz
kontrolüdür. Uzman kişiler tarafından ilk inceleme
sonucunda veriler elde edilir. Online olarak da web site
veya uygulamanın uzman komüniteler tarafından
yorumlanması olarak çalışmaktadır.

42. Userplus2.8.1.
Ücretsiz olarak hizmet veren
kullanılabilirlik test aracında hem
kullanıcılar üzerinden görev bazlı
test uygulanabiliyor, hem de ISO
standartları üzerinden web
sitenin kullanılabilirlik puanlaması
yapılabiliyor. Kullanılabilirlik
testinde tıklama haritaları,
ortalama görev süreleri, görev
tamamlama oranları gibi kriterler
raporlanabiliyor. Uzman
tavsiyeleri içeren servise sahiptir.

43. Concept Feedback2.8.2.
Uzman komüniteye sahip bir site
olarak web sitenizin uzmanlar
tarafından arayüzlerinin geri
bildirimlerini almaya dayanıyor.

44. Modere Edilen Online
Kullanıcı Testi
2.9.
Kullanıcıların, kullanılabilirlik testi sırasında kullanıcı
araştırmacısı tarafından yönlendirilerek testin uzaktan
uygulanması ile gerçekleşir. Çeşitli yönergelerle belirli
senaryoda kullanıcının arayüzü kullanması sağlanır.

45. Skype2.9.1.
Kullanılabilirlik testleri için
alternatif araç olarak
düşünebilecek olan
Skype’ta ses ve ekran
videosu kayıt edilebiliyor,
ekran paylaşımı
yapılabiliyor. Böylece
kullanıcı ekran başındayken
web sitesinde neler yaptığı
kayıt edilerek test
uygulanabiliyor.

46. Modere Edilmeyen
Online Kullanıcı Testi
2.10.
Modere edilmeyen online kullanıcı testinin, modere
edilen online kullanıcı testinden farkı daha önceden
oluşturulmuş senaryoların kullanıcı tarafından adım
adım uygulanarak testin gerçekleştiriliyor olmasıdır.
Böylece kullanıcının yanında kullanıcı araştırmacısının
olmasına gerek yoktur.

47. Loop112.10.1
Gerçek kullanıcıların hareketlerini
ve etkileşimlerini kullanıcı
araştırmacılarının kolayca takip
ederek analiz edebileceği,
raporlarını inceleyebileceği bir
kullanılabilirlik test aracıdır.
Raporlar görev tamamlama oranı,
süresi, genel hata sayfaları ve
kullanıcı haritaları şeklinde detaylı
olarak sunulur. Yazılımsal olarak
herhangi bir koda ihtiyaç yoktur.

48. Mechanical Turk2.10.2.
Amazon.com’un sağladığı
kullanılabilirlik test aracında
iki farklı üyelik bulunuyor:
Kullanıcı araştırmacıları için
web sitesi testini yapmaları
için üyelik ve web sitesi
testine katılarak ödül
kazanmak isteyen kişiler
için üyelikler. Görev
yaratarak web sitesi
kullanılabilirlik testine tabii
tutuluyor.

49. Open Hallway2.10.3.
Tarayıcı bazlı ekran ve ses kaydına
izin veren kullanılabilirlik testi
aracı uzaktan kayıt ile senaryo
üzerinden testi sağlıyor. Analiz
için tekrar izleme şansı bulunuyor.
Kendi sunucusunda videoları
saklama imkanı verdiği için hesap
silindiğinde videolar silinmektedir.
10 dakikalık videoların kaydına
izin veriliyor. Çoklu ekran kaydına
izin vermediği için kısıtlamaları
mevcut. Hesap yükseltiğinde
videoları indirme hakkı da
verilebiliyor.

50. UserTesting2.10.4.
Kullanıcı etkileşimlerinin flash bir
video ile görüntülendiği
Usertesting kullanılabilirlik test
aracı ile, web site hakkındaki
düşüncelerin kullanıcılardan
alınabildiği bir sisteme sahip.
Kullanıcı profiline göre seçim
yapılarak test uygulanabiliyor.
Araştırmacının hazır olan test kitlesi
yerine kendine ait veritabanını da
kullanılabiliyor olması ise bir
avantaj. Ayrıca kullanıcı adaylarını
oylama sistemi ile kaliteli bilgiler
edinmeyi sağlıyor.

51. WhatUsersDo2.10.5.
Kullanılabilirlik testleri ve kullanıcı
deneyimi araştırmaları için online
olarak kullanılabilen bir araçtır.
Seçilen kullanıcıları belirlenen
görevlerle teste tabii tutma üzerine
prosesi sürdürür. Yazılım indirmeye
gerek kalmadan kullanıcıların
hareketleri çekilen kayıtlarla
izlenebilir, kullanılabilirlik hatalarının
neden kaynaklandığı tespit edilebilir.

52. Userlytics2.10.6.
Web site - kullanıcı etkileşimini
ölçmek amacıyla uzaktan
kullanılabilirlik testi uygulamayı
sağlar. Kullanıcı deneyimini
pozitifleştirmek için raporlar halinde
sunulan veriler kullanıcıların
kayıtlarından elde edilir. Prototiplerin
veya canlı web sitesinin
kullanılabilirlik testlerini yaparken
kullanıcılara sorular sorarak anket
yapabilmeyi de sağlıyor.

53. Userzoom2.10.7.
Kullanılabilirlik araştırmaları için
online testler, kart gruplama
çalışması, ağaç testi, ekran
görüntülerinin tıklama testleri,
online anketler araçları
kullanılabiliyor. Sıcaklık ve
tıklama haritaları servisler
arasında yer alıyor. Çıktılarda ise
detaylı analiz raporları ve
davranışsal veriler sunuluyor.

54. A/B Testi2.11.
A/B testleri ile bir sayfanın farklı versiyonlarının
performansını ölçülebilir. Versiyonlar aynı sayfanın farklı
tasarımları olabileceği gibi, aynı tasarım içinde sayfa
öğelerinin yerlerinin değişmesinden de oluşabilir.
Böylece online olarak arayüzler kolayca test edilebilir.

55. Visual Website Optimizer2.11.1.
Kod ve HTML’ e gerek
duymadan A/B testi, çok
değişkenli test, sıcaklık
haritaları, tıklama haritaları,
kullanıcı geri bildirimleri
alınabilen test çeşitleri gibi
servisler sunan
kullanılabilirlik test aracıdır.

56. Optimizely2.11.2.
Bağlılık, tıklama, dönüşüm
ve kayıt gibi aşama ve
kıstaslarda hangi yöntemin
daha iyi işe yaradığını
ölçmeye yarayan bir araçtır.
Hedef takibi ile web sitenin
kullanıcı deneyimi açısından
daha iyiye ulaşması için A/B
testlerinde kullanılır.

57. Kullanıcı Deneyimi
Tasarımı
3
Kullanıcı deneyimi, tasarım sürecine ürünün hedef
kitlesinin dahil edilmesi, doğru araştırma tekniklerinin
kullanılması ve doğru sonuçların tasarım kararı haline
getirilmesiyle birlikte tasarlanır.

58. Neden Kullanıcı
Deneyimi?
4
• Markaların kullanıcı deneyimini geliştirdiklerinde
müşteri sadakati artış oranı
%44
• Markaların kullanıcı deneyimini geliştirdiklerinde
müşteri memnuniyeti artış oranı
%72
*Econsultancy ve WhatUsersDo 2013 yılı araştırması

59. Kullanıcı Deneyimi Tasarımı Araçları4.0
Bir arayüzün taslak tasarımlarını oluştururken
çeşitli araçlar kullanılabilir. Genel anlamda
tasarım araçları ortak özelliklere sahip olsa da
bazı noktalarda birbirinden ayrılan özellikleri
vardır. Farklı işlevlerine göre tasarım araçları:
• Online Tasarım Araçları
• Offline Tasarım Araçları
• Offline ve Online Tasarım Araçları
• Mobil Uygulamalar İçin Tasarım Araçları
• Kullanılabilirlik Testlerine Yardımcı Tasarım Araçları

60. Online Tasarım Araçları4.1.
Kullanıcı deneyimi tasarımı çalışmalarında kullanılan
araçlardan bazıları online bazıları offline olarak
kullanılabilmektedir. Online kullanılanlarda bazı
avantajlar bulunur. Özellikle takım çalışması
yapıyorsanız, bir projeyi eş zamanlı olarak başkalarıyla
da beraber çalışabilme imkanı online araçların öne
çıkan bir özelliğidir.

61. Lumzy4.1.1.
Online wireframe araçlarından
olan Lumzy’de web site veya
uygulamanın fonksyionları
kapsamlı listeden seçilerek taslak
tasarım oluşturulabilir. Ayrıca
mesaj uyarıları, interaktif sayfa
navigasyonları, içeriklere link
ekleme ve daha fazla özelliği
sunmaktadır. Tasarımlar hakkında
takım halinde çalışabilmek adına
sohbet ve editleme gibi
seçenekleri vardır. Ücretsiz bir
uygulamadır.

62. Invision4.1.2.
Invision tasarım yapmak,
paylaşmak ve kullanıcılarla test
için başka bir online araçtır.
Sadece wireframelerden öte, tam
donanımlı ve interaktif mockuplar
yapmayı sağlamaktadır. Takım
arkadaşlarıyla işbirliği içinde
çalışabilmek için projeleri
paylaşma özelliği bulunmaktadır.
Ayyıca mobil desteği de iyi
durumdadır. Prototipler
oluşturabilme imkanı yanında,
imajlar, renkler ve biçimler
konusunda akış halinde detaylı
şekilde görmeyi sağlar.

63. Justproto4.1.3.
Diğer wireframe araçlarında
göremeyeceğimiz az özelliğiyle
Justproto, geniş bir arayüz
elementleri ve araçları
sunmaktadır. Eş zamanlı olarak
diğer tasarımcılarla çalışma
imkanı vermektedir. Geri
bildirimleri de alabileceğiniz
interaktif wireframeler
oluşturmayı sağlar.

64. HotGloo4.1.4.
Kullanıcı etkileşimlerinin uygulama
akışında tasarlanarak, test
edilmesi için kullanılabilen bir
wireframe tasarım aracıdır.
Sürükle-bırak sistemi ile ve geniş
arayüz elementleri kütüphanesi ile
Hotgloo rol bazlı kullanılabiliyor.
Müşterilerle de projeleri
paylaşarak yorumlarını alabilmek
için bir mekanizma bulunmaktadır.

65. ProtoShare4.1.5.
Kolay kullanılabilir, web tabanlı
prototip aracı interaktif projeler
için görselleştirmeyi efektif
şekilde yapmanıza olanak
sağlıyor. Eş zamanlı olarak diğer
tasarımcılarla çalışabilme
seçeneği de sunan ProtoShare,
mobil uygulamaların da
tasarlanması için kullanılabiliyor.

66. Frame Box4.1.6.
Basit bir mockup aracıdır.
Yapılabilir işlem kısıtlığından
dolayı en temel işlemleri
tasarlamak için kullanılabilir.
Ücretsiz online olarak
çalışılabiliyor.

67. MockingBird4.1.7.
Online bir araç olarak
MockingBird kolayca web site ve
uygulamalar için wireframeler
tasarlamayı sağlar. Prototipler
oluşturmak için ise sayfaları
birbirine linklerle bağlayarak
geçişleri görmeyi kolaylaştırır.
PDF ve PNG olarak çıktı alma
seçeneği bulunmaktadır. Takım ile
beraber çalışabilmek için
proejeleri paylaşmaya açıktır.

68. Offline Tasarım Araçları4.2.
Online tasarım araçları gibi olmasa da bilgisayarınıza
yazılım olarak indirip internetin olmadığı zamanlar da
çalışabileceğiniz bir avantaj sunan offline tasarım
araçları wireframe ve mockup oluşturmak için
birebirdir.

69. Axure4.2.1.
Axure web sitelerin ve
uygulamaların wireframelerini,
akış diagramlarını, prototiplerini
oluşturmayı sağlayan bir araçtır.
Birçok lider ajans ve firmalardaki
kullanıcı deneyimi
profesyonelleri, iş analistleri ve
ürün yöneticileri tarafından
kullanılan araçta HTML
prototipleri interaktif şekilde
oluşturabiliyorsunuz. Offline
olarak bilgisaraya indirerek
kullanabiliyorsunuz.

70. FlairBuilder4.2.2.
Web site ve mobil uygulamalar
için wireframeler oluşturmak için
kullanılan tasarım araçlarından
biridir. Prototipler oluşturarak
kullanılabilirlik testleri için de
kullanılmasına olanak sağlar. Basit
arayüzü vardır. Sürükle bırak
özelliği ile çalışmak kolaydır.
Prototipler ile etkileşimleri
görmek için test yapılırken
herhangi bir koda gerek yoktır.

71. Pencil Project4.2.3.
Firefox eklentisi olarak kurulan
Pencil Project, açık kaynaklı ve
ücretsiz olarak prototipler
yaratmayı sağlıyor. Birbirine bağlı
çoklu sayfa arayüz dökümanları
oluşturulabilir. HTML, PNG, Word
dökümanı ve PDF olarak çalışmayı
alma seçeneği bulunuyor. Zihin
haritası desteği de mevcut.

72. OmniGraffle4.2.4.
Sadece Mac ve iPad
sistemlerine kurulabilen
tasarım aracında diagramlar,
işlem grafikleri, sayfa düzeni
ve web site wireframeleri ve
grafik tasarımları
yapılabiliyor. Güçlü tasarım
araçları, içeri aktarma ve
dışarı aktarma seçeneklerinin
kolaylığı dikkat çekiyor.
Offline olarak bilgisayarınıza
indirerek kullanabiliyorsunuz.

73. Online ve Offline
Tasarım Araçları
4.3.
Hem online hem de offline olarak çalışmak isteyenler
için uygun olan tasarım araçları takım olarak çalışma
yaparken paylaşımlara izin verir. Böylece eş zamanlı
çalışma imkanı olur. Ayrıca bu tasarım araçlarının
yazılım olarak bilgisayarınıza indirme seçeneği bulunur.

74. inPreso Screens4.3.1.
Hem offline olarak yazılım indirerek
kullanabileceğiniz hem de online
ortamda çalışabileceğiniz bir prototip
aracıdır. Gerçek ürünün nasıl
gözükeceğine dair çeşitli operasyonel
sistemlerle tema seçerek uygulamaları
giydirebileceğiniz bir özelliği
bulunmaktaıdr. Ücretsiz olan araçta
offline olarak wireframeleri ve
prototipleri kaydedebiliyorsunuz.
Online ortamda ise paylaşmayı ve
arayüz elementlerine daha kolay
erişmeyi sağlamaktadır. Müşterilerinize
sunmak için bir web oynatıcı da
sunmaktadır.

75. Balsamiq4.3.2.
Kullanılabilirlik testleri için
prototipler oluşturmayı sağlayan
en çok kullanılan tasarım
araçlarındandır. Bağlantılarla
demolar arası tıklamalar
oluşturabilme imkanı veriyor. Bu da
kullanılabilirlik çalışmaları için
önemli bir özellik olarak servisin
sağladığı avantajlardan biri. Online
çalışabildiği gibi offline şekilde de
çalışabilme şansı bulunuyor.
Başkalarıyla da projeleri paylaşarak
birlikte çalışmayı sunuyor.

76. Moqups4.3.3.
Moqups wireframe çizmek için
yaygın olarak kullanılan online
tasarım araçlarındandır. PDF ve
PNG formatında taslak tasarımları
çıktı olarak alma şansı bulunuyor.
Projelerde bağlantılarla sayfaları
birbirine bağlamaya izin veriyor.
Böylece prototipler oluşturarak
test yapmayı kolaylaştırıyor.

77. iPlotz4.3.4.
Mac, Windows ve Linux işletim
sistemlerinde çalışan iPlotz, flash
desteğiyle tarayıcılarda
açılmaktadır. Wireframe
tasarlamak için sürükle bırak
mekanizması ile kolayca
çalışabilmeyi sağlamaktadır. PNG,
PDF ve JPG olarak çıktı
alınabilmektedir. Takım çalışması
için paylaşıma açıktır. Böylece
başkalarıyla beraber tasarım
yapılabilme şansını tanır. Görevler
oluşturarak projeyi yürütme
özelliği vardır. Yazılım olarak
bilgisayara indirme seçeneği de
bulunmaktadır.

78. FludIA4.3.5.
İndirilebilir web tabanlı tasarım
aracı olan FluidIA zengin kullanıcı
arayüzleri için prototipleme için
kullanılıyor. Açık kaynak şeklinde
kullanıcı deneyimi tasarımcılarının
kendi prototiplerini üretilmesi
üzerine kurulan araçta projeler
paylaşılarak başka kişilerin de
katkıda bulunması sağlanıyor.

79. MockFlow4.3.6.
Hem offline hem online olarak
kullanılabilen tasarım aracıdır.
Sayfalar site haritaları ile organize
edilerek tıklanabilir prototipler
haline getirilebiliyor. Geniş
wireframe bileşenleri
bulunmaktadır. Proje HTML, PDF,
Powerpoint slaytları, PNG imajları
olarak çıktı alınabilmektedir. Eş
zamanlı tasarım birlikleriyle takım
olarak çalışabilme imkanı sağlar.

80. Mockup Builder4.3.7.
Wireframe çizmek için kullanılan
Mockup Builder’da web sitenin
veya uygulamanın tasarımları
yapılabileceği gibi geri bildirim de
almanızı sağlayan bir
mekanizması mevcuttur.

81. Mobil Uygulama Tasarım
Araçları
4.4.
Web arayüzlerinde kullanılan tasarım araçları haricinde
sadece mobil uygulamaların arayüzlerinde kullanılan
tasarım araçları da bulunmaktadır. Mobil uygulama
arayüzleri için elementleri bakımından zenginlerdir.

82. Justinmind4.4.1.
Zengin interaktif wireframeler
yaratmak için kullanılan Justinmind,
mobil uygulamalarda da ağırlıklı olarak
kullanılmaktadır. Testlerin de kolaylıkla
yapılabileceği araçta HTML olarak da
çıktı alabiliyorsunuz. Ayrıca mobil
olarak daha çok kullanılmasının nedeni
mobilde işe yarayan mimikler için
elementlerin varolmasıdır. Kendinize ait
küçük araçlar da oluşturarak tasarımı
yapabiliyorsunuz. Online içerikleri de
ekleyebileceğiniz araçta projelerinizi
paylaşabiliyor ve geri bildirim
alabiliyorsunuz.

83. Mockabilly4.4.2.
Sadece iPhone uygulamaları için
kullanılan Mockabilly ile lineer
olmayan akışlar tasarlanabiliyor,
Dropbox ile paylaşım yapılabiliyor,
ekran tasarımları ile iPhone
kullanıcılarının davranışlarını
incelemek için dokunma noktaları
geçişleri kullanılabiliyor.

84. iPhone Mockup4.4.3.
Kalem kullanıyormuş hissi veya
ilüstratif tasarım yapmayı sunan
iPhone Mockup, sadece iPhone
uygulamaları için kullanılıyor.
Kolayca diğer insanlarla
paylaşmayı sağlayarak değişikler
yapabilmeyi de sunuyor.

85. Tiggzi4.4.4.
Bulut bazlı uygulama platformu
olan Tiggzi online ortamda
tasarım yapmayı sağlıyor.
JavaScript tabanlı olduğu için
sürükle bırak ile kolayca çalışmak
mümkün. API’ler sayesinde
üçüncü partnerlerle bağlantı
kurabiliyor. Tiggzinin özelliği mobil
uygulamalar için kullanılabiliyor
olması.

86. Kullanılabilirlik Test
Destekli Tasarım Araçları
4.5.
Kullanılabilirlik test araçları dışında bazı tasarım araçları
da prototipler oluşturarak test gerçekleştirmenize
olanak sağlar. Burada oluşturulmuş olan wireframe
görselleri çalışıyormuş gibi yaparak çeşitli linklerle
bağlanır ve kullanıcı karşısında uygulamadan farksız
hale gelir.
Bir de bilgi mimarisi için kullanılabilecek olan tasarım
araçları mevcuttur. Menü yapısını oluşturmak için
kullanılırlar.

87. Naview4.5.1.
Navigasyon menülerini
oluşturmak için kullanılan Naview,
kodlamaya gerek kalmadan web
sitenin bilgi mimarisini ortaya
çıkarmayı sağlar. Ardından ise
kullanıcılarla test yapmayı
kolaylaştırır. Hem bilgi mimarisini
çıkarmak için tasarım
oluşturulabilen araçta aynı
zamanda kullanıcılara sorular
sorarak anket sonuçlarıyla veri
analizi yapmanıza olanak sağlar.

88. Jumpchart4.5.2.
Web site navigasyonları için
site haritasını çıkarmaya
yardımcı olan, wireframe ve
mockuplar oluşturmayı
sağlayan tasarım aracıdır.
CSS tabanlı çıktılar almanızı
sağlar. Takım olarak
çalışmaya olanak sağlar.
Web site biçimini kolaylıkla
tasarlamanızı sağlar.

89. Proto.io4.5.3.
En yaygın kullanılan tasarım
araçlarından biridir. İnteraktif
prototipler üreterek test
yapabilmek için çok uygundur.
Animasyon desteği ve gerçek
cihazlarda test yapabilme gibi
özellikleri bulunuyor. Paylaşım ve
yorumlar ekleme gibi sosyal
faaliyetleri de yapabilmeye olanak
sağlıyor. HTML halinde çıktı
alabilme imkanı bulunuyor.

90. Pidoco4.5.4.
Tıklanabilir wireframeler üretmeyi
sağlayan Pidoco ile hızlı ve kolay
prototipler oluşturabiliyorsunuz.
İndirmeye gerek duymadan online
olarak çalışan Pidoco, uzaktan
kullanılabilirlik testleri için
kullanılabiliyor. Online çalışılabildiği
için de takım çalışması şeklinde
işbirliğinde projeyi
tasarlayabiliyorsunuz. Diğer tasarım
araçlarından farkı video kaydı, ekran
paylaşımları gibi kullanılabilirlik
testlerinde kullanılan özelliklerdir.

91. Creately4.5.5.
Daha çok diyagramlar için kullanılan
Creately tasarım aracında aynı
zamanda web sitelerin taslak
tasarımlarını yapabilmek için arayüz
elementleri katılmış olan mockup
servisi de bulunuyor. Aynı proje için
eş zamanlı değişiklikler yapılabilecek
şekilde başkalarıyla da tasarım
yapılabiliyor. Hem online olarak
kullanılırken aynı zamanda
bilgisayara yazılım indirerek de
çalışma seçeneği bulunuyor.

92. Teşekkürler
www.userspots.com
Bizi takip edin
facebook.com/userspots
twitter.com/userspots
linkedin.com/company/userspots
gplus.to/userspots
pinterest.com/userspots