Apple Tasarım İlkeleri

15
13 Tasarım İlkesi Apple89

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

Page 1: Apple Tasarım İlkeleri

13 Tasarım İlkesi

Apple89

Page 2: Apple Tasarım İlkeleri

İ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

Page 3: Apple Tasarım İlkeleri

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

Page 4: Apple Tasarım İlkeleri

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

Page 5: Apple Tasarım İlkeleri

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

Page 6: Apple Tasarım İlkeleri

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.

Page 7: Apple Tasarım İlkeleri

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

Page 8: Apple Tasarım İlkeleri

6.Kullanıcı KontrolüUser Control

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

Page 9: Apple Tasarım İlkeleri

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

Page 10: Apple Tasarım İlkeleri

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.

Page 11: Apple Tasarım İlkeleri

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

Page 12: Apple Tasarım İlkeleri

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

Page 13: Apple Tasarım İlkeleri

11.ModsuzlukModellesness

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

Page 14: Apple Tasarım İlkeleri

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

Page 15: Apple Tasarım İlkeleri

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.