اصول طراحی برای معماری اطلاعات

681
-1

Published on

اصول طراحی برای معماری اطلاعات
Design principles for information architecture :
1- Chunking (قطعه‌بندی)
2- Five Hat Racks (پنج راه سازماندهی اطلاعات)
3- Hick’s Law (قانون Hick’s)
4- Hierarchy (سلسله مراتب)
5- Iconic Representation (ارائه آیکونی)
6- Progressive Disclosure (نمایش تدریجی)
7- Serial Position Effects (پدیده موقعیت در ردیف‌ها)
8- Recognition over Recall (تشخیص در برابر یادآوری)
9- Way finding (مسیریابی) 

Published in: Design

اصول طراحی برای معماری اطلاعات

  1. 1. Design principles for Information architecture ‫اصًل طراحی ترای معماری اطالعات‬
  2. 2. ‫ قطعٍتىذی‬Chunking  ‫ پىج راٌ سازماوذَی اطالعات‬Five Hat Racks  Hick’s ‫ قاوًن‬Hick’s Law  ‫ سلسلٍ مراتة‬Hierarchy  ‫ ومایص آیکًوی‬Iconic Representation  ‫ ومایص تذریجی‬Progressive Disclosure  ‫ پذیذٌ مًقعیت در ردیفَا‬Serial Position Effects  ‫ تطخیص در تراتر یادآيری‬Recognition over Recall  ‫ مسیریاتی‬Wayfinding 
  3. 3. ‫‪Chunking‬‬ ‫قطعٍتىذی‬ ‫تکىیکی ترای تکٍ تکٍ کردن اطالعات تسرگ تٍ ياحذَای کًچک ترای پردازش ي تٍ خاطرسپاری آسانتر اطالعات‬ ‫7554743219890‬ ‫755 47 43 219 )890(‬
  4. 4. ‫±4‬ ‫حذاکثر تعذاد تکٍَای قاتل پردازش تًسط حافظٍ کًتاٌ مذت‬
  5. 5. ‫محتًای را قطعٍتىذی کىیم‬
  6. 6. ‫ قطعٍتىذی‬Chunking  ‫ پىج راٌ سازماوذَی اطالعات‬Five Hat Racks  Hick’s ‫ قاوًن‬Hick’s Law  ‫ سلسلٍ مراتة‬Hierarchy  ‫ ومایص آیکًوی‬Iconic Representation  ‫ ومایص تذریجی‬Progressive Disclosure  ‫ پذیذٌ مًقعیت در ردیفَا‬Serial Position Effects  ‫ تطخیص در تراتر یادآيری‬Recognition over Recall  ‫ مسیریاتی‬Wayfinding 
  7. 7. ‫‪Five Hat Racks‬‬ ‫پىج ريش سازماوذَی اطالعات‬ ‫پىج راٌ سازماوذَی اطالعات : دستٍتىذی، زمان، مکان، حريف الفثا، مقذار‬ ‫‪Richard Saul Wurman‬‬
  8. 8. LATCH Location | Alphabet | Time | Category | Hierarchy
  9. 9. ‫ قطعٍتىذی‬Chunking  ‫ پىج راٌ سازماوذَی اطالعات‬Five Hat Racks  Hick’s ‫ قاوًن‬Hick’s Law  ‫ سلسلٍ مراتة‬Hierarchy  ‫ ومایص آیکًوی‬Iconic Representation  ‫ ومایص تذریجی‬Progressive Disclosure  ‫ پذیذٌ مًقعیت در ردیفَا‬Serial Position Effects  ‫ تطخیص در تراتر یادآيری‬Recognition over Recall  ‫ مسیریاتی‬Wayfinding 
  10. 10. ‫‪Hick’s Law‬‬ ‫قاوًن ‪Hick’s‬‬ ‫زماوی کٍ طًل میکطذ تصمیمی را اتخاد کىیم تستگی تٍ تعذاد اوتخابَا دارد‬
  11. 11. ‫تا روگَا ارتثاط ترقرار کىیذ‬ ‫پىل اوتطار محتًای يردپرس‬
  12. 12. ‫محتًای تسرگ‬
  13. 13. ‫ قطعٍتىذی‬Chunking  ‫ پىج راٌ سازماوذَی اطالعات‬Five Hat Racks  Hick’s ‫ قاوًن‬Hick’s Law  ‫ سلسلٍ مراتة‬Hierarchy  ‫ ومایص آیکًوی‬Iconic Representation  ‫ ومایص تذریجی‬Progressive Disclosure  ‫ پذیذٌ مًقعیت در ردیفَا‬Serial Position Effects  ‫ تطخیص در تراتر یادآيری‬Recognition over Recall  ‫ مسیریاتی‬Wayfinding 
  14. 14. ‫‪Hierarchy‬‬ ‫سلسلٍ مراتة‬ ‫سازماوذَی سلسلٍ مراتثی سادٌتریه ساختار ترای تٍ تصًیر کطیذن ي فُم پیچیذگی است‬
  15. 15. Hierarchy ‫سلسلٍ مراتة ساختاری‬ Flat Hierarchy Deep Hierarchy
  16. 16. ‫‪Hierarchy‬‬ ‫سلسلٍ مراتة دیذاری‬
  17. 17. ‫ قطعٍتىذی‬Chunking  ‫ پىج راٌ سازماوذَی اطالعات‬Five Hat Racks  Hick’s ‫ قاوًن‬Hick’s Law  ‫ سلسلٍ مراتة‬Hierarchy  ‫ ومایص آیکًوی‬Iconic Representation  ‫ ومایص تذریجی‬Progressive Disclosure  ‫ پذیذٌ مًقعیت در ردیفَا‬Serial Position Effects  ‫ تطخیص در تراتر یادآيری‬Recognition over Recall  ‫ مسیریاتی‬Wayfinding 
  18. 18. ‫‪Iconic Representation‬‬ ‫ارائٍ آیکًوی‬ ‫استفادٌ از آیکًنَا ترای تُثًد عملیات تطخیص ي فراخًاوی آسانتر‬ ‫‪Similar | Example | Symbolic | Arbitrary‬‬
  19. 19. ‫‪Similar Icons‬‬ ‫آیکًنَای َماوىذ‬ ‫ایست‬ ‫تیس‬ ‫خطر ریسش کًٌ‬ ‫چرخص تٍ راست‬
  20. 20. ‫‪Example Icons‬‬ ‫آیکًنَای ومًوٍای‬ ‫رستًران‬ ‫تسکتثال‬ ‫ترش‬ ‫ًَاپیما‬
  21. 21. ‫‪Symbolic Icons‬‬ ‫آیکًنَای ومادیه‬ ‫ضکستىی‬ ‫تاز کردن‬ ‫آب‬ ‫ترق‬
  22. 22. ‫‪Arbitrary Icons‬‬ ‫آیکًنَای اختیاری‬ ‫مقايمت‬ ‫تطعطع‬ ‫زن‬ ‫اوقراض‬
  23. 23. ‫ قطعٍتىذی‬Chunking  ‫ پىج راٌ سازماوذَی اطالعات‬Five Hat Racks  Hick’s ‫ قاوًن‬Hick’s Law  ‫ سلسلٍ مراتة‬Hierarchy  ‫ ومایص آیکًوی‬Iconic Representation  ‫ ومایص تذریجی‬Progressive Disclosure  ‫ پذیذٌ مًقعیت در ردیفَا‬Serial Position Effects  ‫ تطخیص در تراتر یادآيری‬Recognition over Recall  ‫ مسیریاتی‬Wayfinding 
  24. 24. ‫‪Progressive Disclosure‬‬ ‫ومایص تذریجی‬ ‫تکىیکی ترای مذیریت پیچیذگی اطالعات کٍ تىُا اطالعاتی کٍ تًسط کارتر درخًاست ضذٌاوذ، ومایص دادٌ میضًد‬
  25. 25. Staged Disclosure ‫ومایص مرحلٍای‬ Progressive Disclosure ‫ومایص تذریجی‬
  26. 26. ‫ قطعٍتىذی‬Chunking  ‫ پىج راٌ سازماوذَی اطالعات‬Five Hat Racks  Hick’s ‫ قاوًن‬Hick’s Law  ‫ سلسلٍ مراتة‬Hierarchy  ‫ ومایص آیکًوی‬Iconic Representation  ‫ ومایص تذریجی‬Progressive Disclosure  ‫ پذیذٌ مًقعیت در ردیفَا‬Serial Position Effects  ‫ تطخیص در تراتر یادآيری‬Recognition over Recall  ‫ مسیریاتی‬Wayfinding 
  27. 27. ‫‪Serial Position Effects‬‬ ‫پذیذٌ مًقعیت در ردیفَا‬ ‫رَه اوسان آیتمَای اتتذایی ي اوتُایی یک لیست را راحتر از آیتمَای دیگر تٍ خاطر میآيرد‬ ‫‪Primacy effects‬‬ ‫‪Recency effects‬‬
  28. 28. ‫ قطعٍتىذی‬Chunking  ‫ پىج راٌ سازماوذَی اطالعات‬Five Hat Racks  Hick’s ‫ قاوًن‬Hick’s Law  ‫ سلسلٍ مراتة‬Hierarchy  ‫ ومایص آیکًوی‬Iconic Representation  ‫ ومایص تذریجی‬Progressive Disclosure  ‫ پذیذٌ مًقعیت در ردیفَا‬Serial Position Effects  ‫ تطخیص در تراتر یادآيری‬Recognition over Recall  ‫ مسیریاتی‬Wayfinding 
  29. 29. ‫‪Recognition over Recall‬‬ ‫ضىاسایی در تراتر یادآيری‬ ‫حافظٍ ضىاسایی تسیار تُتر از حافظٍ تٍیادآيری عمل میکىذ‬
  30. 30. ‫گسیىٍَا را ترای کارتران آمادٌ کىیم‬
  31. 31. ‫ قطعٍتىذی‬Chunking  ‫ پىج راٌ سازماوذَی اطالعات‬Five Hat Racks  Hick’s ‫ قاوًن‬Hick’s Law  ‫ سلسلٍ مراتة‬Hierarchy  ‫ ومایص آیکًوی‬Iconic Representation  ‫ ومایص تذریجی‬Progressive Disclosure  ‫ پذیذٌ مًقعیت در ردیفَا‬Serial Position Effects  ‫ تطخیص در تراتر یادآيری‬Recognition over Recall  ‫ مسیریاتی‬Wayfinding 
  32. 32. ‫‪Wayfinding‬‬ ‫مسیریاتی‬ ‫فرآیىذ تحلیل فاصلٍَا ي اطالعات محیطی ترای رسیذن تٍ مقصذ‬ ‫1.‬ ‫جُتیاتی ‪Orientation‬‬ ‫2.‬ ‫اوتخاب مسیر ‪Route Decision‬‬ ‫3.‬ ‫زیروظر گرفته مسیر ‪Route Monitoring‬‬ ‫4.‬ ‫تطخیص مقصذ ‪Destination Recognition‬‬
  33. 33. Route Decision Route Monitoring
  34. 34. ‫يحیذ اتًالحسىیوژاد‬ ‫‪@myvahid‬‬ ‫پایان‬
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×