Etkileşimli Tasarım Temelleri. Etkileşimler ve Müdahaleler. Tasarım Nedir? Tasarımın Altın Kuralları. Tasarımın Altın Kuralları.

Transkript

1 ETKİLEŞİMLİ TASARIM TEMELLERİ Ezgi Başar Numan Kızılırmak Etkileşimli Tasarım Temelleri Tasarım Tasarım süreci Kullanıcılar Senaryolar Navigasyon Tekrarlama ve Ön ürünler Etkileşimler ve Müdahaleler Etkileşimli tasarım sadece arayüz tasarlama yada bilgisayar programlama değildir Aynı zamanda insanların işlerini nasıl ve ne kadar etkileyeceği ile de ilgilenir Tasarım Nedir? Basit tanımıyla sınırlılıklar içerisinde amaca ulaşmaktır Amaç Kısıtlama Etkileşimli sistemler sadece tasarımla ilgilenmemeli, bununla birlikte programın kullanımı ile ilgili bilgilerde vermelidir Örneğin; online yardım Tasarımın Altın Kuralları Tasarımın en önemli kuralı kısıtlamaları doğru bir şekilde analiz etmektir Örneğin; bize verilen süre içerisinde istenilen ürünü oluşturmak mümkün mü? Bizden istenilen ürünün istenilen dil ve materyal ile oluşturulması mümkün mü? Veya bunlar bizi ne derece kısıtlayacak? Tasarımın Altın Kuralları Bir diğer kısıtlama da donanımdan kaynaklanır Örneğin; bilgisayarlarımızdaki disk alanının yetersizliği, yüksek kapasiteli ekran kartı gereksinimi, istenilen ürünle ilgili donanım eksikliği, Bizden kaynaklanan ve donanımdan kaynaklanan kısıtlamalar dışında birde kullanıcı tabanlı kısıtlamaları da göz önünde bulundurmak gerekir Örneğin; kullanıcının psikolojisi, sosyal görüşü, görsel beğenisi, yapabileceği hatalar, 1

2 Kullanıcı kaynaklı hatalar Tasarladığımız sistem insan hatalarına izin vermemeli, yaptığı takdirde onu uyarmalı ve geri dönme imkanı sunmalı, en az zarar ile bu hatadan dönülmesini sağlamalıdır Kullanıcılar Tasarım yaparken her aşamada kullanıcıyı düşünmeliyiz Çünkü amacımız kullanıcıya ulaşmak ve onun isteklerini karşılamaktır Ne isteniyor? Elimizde ne var? Ne isteniyor? Tasarım Süreci Senaryolar İçerik analizleri Analizler Diyalog işaretlemleri Ön ürün Yönergeler ilkeler Tasarım Kesin belirleme Gerçekleştir ve harekete geçir Tasarım Süreci Basamakları İhtiyaçlar Analiz Tasarım Tekrarlama ve Ön ürünler Uygulama ve Harekete geçirme Bulguların değerlendirilmesi İhtiyaçlar Analiz Elimizde ne var? Ne yapmamız isteniyor? İhtiyaçları belirledikten sonra yapılan çeşitli gözlemler sonucu daha ileri aşamalar için elde edilen bazı istatistiksel veya gözlemsel sonuçlara ulaşma aşamasıdır 2

3 Tasarım İsteklerin toplanması ve analiz aşamalarından sonra toplanan verilerin nasıl kullanılacağı, nasıl bir şekilde sunulacağı adımdır Tekrarlama ve ön ürünler Yapılan değerlendirme tekniklerinden sonra ilk denemelerde başarıya ulaşılamadığı tespit edilebilir ve bunun sonucunda tekrar daha önce anlattığımız aşamalara geçilir Uygulama ve Harekete Geçirme Kullanıcılara Odaklanmak Tasarımımızdan memnun kaldıktan ve değerlendirme tekniklerinden geçtikten sonra artık kodların yazılması, uygun donanımların seçilmesi ve raporların yazılması aşamasıdır Kullanıcılar kim? Onlarla konuşun Onları izleyin Hayal gücünüzü kullanın Senaryolar Senaryolar tasarım yapmak için oluşturulan hikayelerdir Navigasyon Tasarımı Navigasyon gitmek istediğiniz yere en kolay nerden gidebilirsiniz, en kısa yol neresi, hangi yol nereye çıkar gibi sorulara cevap veren bilgisayar sistemidir Navigasyon tasarımı da bu tür sorulara almak için çeşitli araçlar kullanarak yapılan tasarımdır Kısa bir örnek olarak; kullanıcı kaydet butonuna basmak istiyor fakat yanlışlıkla çık butonuna basıyor ve kendi bilgilerini kaybediyor Fakat daha derinlere inmek için daha detaylı senaryolar oluşturulabilir 3

4 Navigasyon için gerekli araçlar Navigasyon tasarım örneği : Web Sitesi Navigasyon Araçları (widget) Ekranlar Navigasyon Araçları : Elemanlar ve taglar <a href= > Navigasyon tasarım uygulaması Bir olayı gerçekleştirince ne olacağını anlamak Örneğin; bir butona bastığımızda ne olacak Ekran Tasarımı : Sayfa tasarımı Ortam Örneğin; kelime işlemci bir program diskten okuma yapmak zorundadır Navigasyon Tasarımı : Site yapılandırması Ortam : web, tarayıcı,dış linkler Yerel navigasyon Bir pencereden bakmak Örneğin nerede olduğumuzu açıklayan bir web sitesi: Ana menü web sitesi İkinci menü Bu sayfa başlangıç hedef Yukarıdaki resimde gösterilen amacı gerçekleştirebilmesi için kullanıcının yeterli bilgiye sahip olması gerekir Bunu da iyi bir navigasyon tasarımı ile gerçekleştirebiliriz Linkleri devam ettirin Örneğin; telefon tuşları Genel Navigasyon Tüm olayların genelini tasarlamak ile ilgilidir Tuş kilidi olamadan yanlış Sistem aramalar yapılabilir Bu da kötü bir navigasyon tasarımı Bilgi ve Yardım Yönetim Mesajlar anlamına gelir Kullanıcı Ekle Kullanıcı Kaldır 4

5 Referanslar rome-ch05doc // kitap //resimler 5