Tasarım ve Belgeleme BBY256 Bilgi Mimarisi. Plan Tasarım aşamasında diyagramların rolü En yaygın Bilgi Mimarisi diyagramları olan taslak ve çerçeveler.

... konulu sunumlar: "Tasarım ve Belgeleme BBY256 Bilgi Mimarisi. Plan Tasarım aşamasında diyagramların rolü En yaygın Bilgi Mimarisi diyagramları olan taslak ve çerçeveler."— Sunum transkripti:

1 Tasarım ve Belgeleme BBY256 Bilgi Mimarisi

2 Plan Tasarım aşamasında diyagramların rolü En yaygın Bilgi Mimarisi diyagramları olan taslak ve çerçeveler niçin, ne zaman ve nasıl kullanılır? Bir sitenin içeriğinin haritalanması ve envanterinin yapılması Sitedeki çözünür içeriği ilişkilendirmek ve yönetmek için içerik modelleri ve denetimli söz dağarcıkları Tasarım takımının diğer üyeleriyle işbirliğini artırmanın yolları Eski kararları kayıt altına almak ve gelecekteki kararlara rehberlik etmek için stil rehberleri

3 Bilgi Mimarisinin Belgelenmesi Araştırma ve stratejiden tasarıma geçiş Yaratıcı süreç Teslim edilecek çıktılar Bilgi mimarileri soyut Bilgi mimarisi belgelenirken – Hem çoklu “görüş” sağlanacak – Hem de farklı kullanıcı grupları ve ihtiyaçlar için bu görüşler geliştirilecek

4

5

6 Görsel iletişim İçerik bileşenleri İçerik bileşenleri arasındaki bağlantılar

7 Görsel söz dağarcıkları (J.J. Garrett) Sayfa, dosya ve sayfa/dosya yığıtları Kaynak: http://www.jjg.net/ia/visvocab/

8 Görsel söz dağarcıkları (J.J. Garrett) Bağlantılar ve oklar Kaynak: http://www.jjg.net/ia/visvocab/

9 Görsel söz dağarcıkları (J.J. Garrett) Etiketler ve dipnotlar Kaynak: http://www.jjg.net/ia/visvocab/

10 Görsel söz dağarcıkları (J.J. Garrett) Yarım daire: Bir kullanıcı eylemi birden çok, eş zamanlı sonuç yarattığında kullanılır Kaynak: http://www.jjg.net/ia/visvocab/

11 Görsel söz dağarcıkları (J.J. Garrett) Devam noktaları Kaynak: http://www.jjg.net/ia/visvocab/

12 Görsel söz dağarcıkları (J.J. Garrett) Alanlar ve tekrarlı alanlar Kaynak: http://www.jjg.net/ia/visvocab/

13 Görsel söz dağarcıkları (J.J. Garrett) İş akış alanları ve referanslar Kaynak: http://www.jjg.net/ia/visvocab/

14 Görsel söz dağarcıkları (J.J. Garrett) Karar noktaları Kaynak: http://www.jjg.net/ia/visvocab/

15 Görsel söz dağarcıkları (J.J. Garrett) Şartlı bağlantılar ve oklar (kesikli çizgi): Belli şartı sağlayan (örneğin personel) kullanıcılar görebilir Kaynak: http://www.jjg.net/ia/visvocab/

16 Görsel söz dağarcıkları (J.J. Garrett) Birden çok seçenek: Şartlı dallar (Üçgen): Kullanıcı eyleminden önce gerçekleşir. Sistem hangi seçeneği göstereceğine karar verir (sadece bir seçenek gösterilir) Kaynak: http://www.jjg.net/ia/visvocab/

17 Görsel söz dağarcıkları (J.J. Garrett) Birden çok seçenek: Şartlı seçenekler (Yamuk): Seçenekler birbirini dışlamıyor. Koşulu sağlayan birden fazla seçenek kullanıcıya gösterilebilir. Kaynak: http://www.jjg.net/ia/visvocab/

18 Görsel söz dağarcıkları (J.J. Garrett) Tek karar, birden fazla seçenek: Kümeler (daire): Örneğin x seçildiğinde B, ama y seçildiğinde C ve D’nin gösterilmesi Kaynak: http://www.jjg.net/ia/visvocab/

19 Görsel söz dağarcıkları (J.J. Garrett) Şartlı alanlar (kesikli çizgi): Örneğin sadece güvenli bağlantı ise gösterilecek Kaynak: http://www.jjg.net/ia/visvocab/

20 Örnek görsel diyagram (http://www.jjg.net/ia/visvocab/files/metafilter_ia.pdf)

21

22

23 Görsel Söz Dağarı – Özet http://www.jjg.net/ia/visvocab/files/garrett_ia_quickref.pdf

24 horizontal gluedot is attached to the end of this arrow vertical gluedot is attached to the end of this arrow

25 Tasarım planları (Sitemaps)

26

27

28

29

30

31

32

33 Çerçeveler (Wireframes)

34

35

36

37

38 İçerik Modelleri, İçerik Haritalama ve Envanter

39

40

41 İçerik envanteri

42

43

44

45 Denetimli söz dağarları

46

47 Tasarım Taslakları

48 Kaynaklar Rosenfeld, Morville ve Arango, Bölüm 13 http://www.jjg.net/ia/visvocab/ http://www.jjg.net/ia/visvocab/files/garrett_i a_quickref.pdf http://www.jjg.net/ia/visvocab/files/garrett_i a_quickref.pdf