13 Tasarım İlkesi Apple89

Benzeşik şekillerin kullanımı Direkt Manipülasyon Görünürlülük Tutarlılık WYSIWYG Kullanıcı Kontrolü İpuçları Affedici Olma Standart Algılama Estetik Uyum 2006’da eklenen +3 Modsuzluk Karmaşık Yapıları Anlaşılır Kılma Kullanıcı Düşünme Mantığını Yansıtma İlkeler

Benzeşik şekillerin kullanımı

Direkt Manipülasyon

Görünürlülük

Tutarlılık

WYSIWYG

Kullanıcı Kontrolü

İpuçları

Affedici Olma

Standart Algılama

Estetik Uyum 2006’da eklenen +3

Modsuzluk

Karmaşık Yapıları Anlaşılır Kılma

Kullanıcı Düşünme Mantığını Yansıtma

Kullanıcıya ekran üzerindeki fonksiyonların ne işe yaradığını kolaylıkla algılatmak için gerçek hayattaki simgelerin kullanımı.. Ör: Sisteme giriş (Login) için anahtar kullanılması yada arama için büyüteç kullanmak gibi 1.Benzeşik Şekillerin Kullanımı Use of Metaphors

Kullanıcıya ekran üzerindeki fonksiyonların ne işe yaradığını kolaylıkla algılatmak için gerçek hayattaki simgelerin kullanımı.. Ör: Sisteme giriş (Login) için anahtar kullanılması yada arama için büyüteç kullanmak gibi

Kullanıcıların ekrandaki objelere doğrudan müdahale etmeleriyle gerçek hayat metafor hissi yaratan yöntem ve tekniklerin uyarlanması. Ör: iPhone multi-touch screen.. veya başka bir örnek: http://www.youtube.com/watch?v=WcIy9O344bI&feature=related 2.Direkt Manipülasyon Direct Manipulation

Kullanıcıların ekrandaki objelere doğrudan müdahale etmeleriyle gerçek hayat metafor hissi yaratan yöntem ve tekniklerin uyarlanması.

Ör: iPhone multi-touch screen.. veya başka bir örnek: http://www.youtube.com/watch?v=WcIy9O344bI&feature=related

İnteraktif tasarımın “hatırla ve kullan” değil “gör, algıla ve tıkla” prensibine uygun olarak hazırlanması Ör: subtree menüler.. 3.Görünürlülük Visibility

İnteraktif tasarımın “hatırla ve kullan” değil “gör, algıla ve tıkla” prensibine uygun olarak hazırlanması Ör: subtree menüler..

Tasarımın her parçasında tutarlı olması (Ana sayfa, alt sayfalar v.b.). Grafik Görünüm, menülerin gruplanması, yerleştirme şekli, görsel bilgilendirme v.b. 4.Tutarlılık Consistancy

Tasarımın her parçasında tutarlı olması (Ana sayfa, alt sayfalar v.b.). Grafik Görünüm, menülerin gruplanması, yerleştirme şekli, görsel bilgilendirme v.b.

Kullanıcının seçenekleri seçmeden önce seçeneğin neler içerdiğini çok iyi tahmin etmesini sağlamak. Kütüphane 5.WYSIWYG

Kullanıcının seçenekleri seçmeden önce seçeneğin neler içerdiğini çok iyi tahmin etmesini sağlamak.

Kişiselleştirilebilir ayarlar bulundurma Ör: Blog web siteleri.. 6.Kullanıcı Kontrolü User Control

Kişiselleştirilebilir ayarlar bulundurma Ör: Blog web siteleri..

İyi bir tasarım teoride hiç yardım gerektirmeyecek şekilde açık ve fonksiyonel olmalı. Pratikte ise mümkün olan en az yardımla kullanımı öğretilmeli, yanlış yapılmaması için uyarı ve yardım mesajları içermeli ? ! Balon Yardım Açıklama 7.İpuçları Feedback

İyi bir tasarım teoride hiç yardım gerektirmeyecek şekilde açık ve fonksiyonel olmalı. Pratikte ise mümkün olan en az yardımla kullanımı öğretilmeli, yanlış yapılmaması için uyarı ve yardım mesajları içermeli

Kullanıcı hata yaptığında ona tekrar geri dönüş yada yolunu bulma olanağı sağlama. Ör: In progress.. aşamasındaki bir işlemin iptaline olanak sağlamak, önceki ekranlara dönüş sağlamak v.b. 8.Affedici Olma Forgiveness

Kullanıcı hata yaptığında ona tekrar geri dönüş yada yolunu bulma olanağı sağlama. Ör: In progress.. aşamasındaki bir işlemin iptaline olanak sağlamak, önceki ekranlara dönüş sağlamak v.b.

Alışılagelmiş sözcükler, yöntemler, simgeler ve düğmelerin kullanımı Ör: Vazgeç ve iptal için “CANCEL”, çıkış için “EXIT/Logout”.. Login, Try, Join, Run, Enter, Browse, Next v.b. Jargonların kullanımı = Play = Search 9.Standart Algılama Perceived Stability

Alışılagelmiş sözcükler, yöntemler, simgeler ve düğmelerin kullanımı Ör: Vazgeç ve iptal için “CANCEL”, çıkış için “EXIT/Logout”.. Login, Try, Join, Run, Enter, Browse, Next v.b. Jargonların kullanımı

Davet edici, çekici her türlü estetik çözüm barındırma.. Gürültülü ve yorucu karmaşık düzenlemeler yerine, kolay kullanılır olduğu imajını veren basit, açık düzenlemeler yapılmalı.  10.Estetik Uyum Aesthetic Integrity

Davet edici, çekici her türlü estetik çözüm barındırma.. Gürültülü ve yorucu karmaşık düzenlemeler yerine, kolay kullanılır olduğu imajını veren basit, açık düzenlemeler yapılmalı.

Kullanıcıya tek tip kullanım yerine birden fazla seçenek sunmak Ör: Amazon arama.. 11.Modsuzluk Modellesness

Kullanıcıya tek tip kullanım yerine birden fazla seçenek sunmak Ör: Amazon arama..

Ör: Çok yoğun içerikli web sitelerinde tek sayfaya erişir gibi kolay kullanılabilen bir dolaşım yapısı kurma  12.Karmaşık olanı anlaşılır kılma Manage Complexity

Ör: Çok yoğun içerikli web sitelerinde tek sayfaya erişir gibi kolay kullanılabilen bir dolaşım yapısı kurma

Web sitesindeki eylemleri kullanıcı düşünme mantığını yansıtacak şekilde kurgulamak. Ör: E-posta arayüz tasarımları. Eposta gönderimi, gönderildiğinin bilinmesi, gelinen epostadan haberdar olunması v.b. 13.Kullanıcı Düşünme Mantığı Reflect User Mental Model

Web sitesindeki eylemleri kullanıcı düşünme mantığını yansıtacak şekilde kurgulamak. Ör: E-posta arayüz tasarımları. Eposta gönderimi, gönderildiğinin bilinmesi, gelinen epostadan haberdar olunması v.b.