Apple Tasarım İlkeleri

Post on 20-Jun-2015

2.535 views 5 download

description

Apple'ın 89 yılında belirlediği ve 2006 yılında güncellediği tasarım ilkelerinin web geliştirme için derlediğim sunumu..

Transcript of Apple Tasarım İlkeleri

13 Tasarım İlkesi

Apple89

İlkeler

1. Benzeşik şekillerin kullanımı2. Direkt Manipülasyon3. Görünürlülük4. Tutarlılık5. WYSIWYG6. Kullanıcı Kontrolü7. İpuçları8. Affedici Olma9. Standart Algılama10. Estetik Uyum

2006’da eklenen +311. Modsuzluk12. Karmaşık Yapıları Anlaşılır Kılma13. Kullanıcı Düşünme Mantığını Yansıtma

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

2.Direkt ManipülasyonDirect 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

3.GörünürlülükVisibility

• İ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..

4.TutarlılıkConsistancy

• 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.

5.WYSIWYG

• 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

6.Kullanıcı KontrolüUser Control

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

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

?

!

Balon YardımAçık

lam

a

8.Affedici OlmaForgiveness

• 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.

9.Standart AlgılamaPerceived 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ı

= Play = Search

10.Estetik UyumAesthetic 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ı.

11.ModsuzlukModellesness

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

12.Karmaşık olanı anlaşılır kılmaManage Complexity

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

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.