آموزش طراحی تعامل برای وب

سرفصل ها و درس ها

مقدمه Introduction

• خوش آمدی Welcome

1. چگونه مغز کار می کند 1. How Brains Work

• طراحی در حدود محدودیت های انسانی Designing around human limitations

• اضافه بار حافظه Memory overload

• قانون 7 +/- 2 The 7 +/- 2 rule

• گفتن داستانها Telling stories

• حواس پرتی Distractions

• اعلان ها و هشدارها Notifications and alerts

2. چگونه چیزها را می بینیم: اصول ادراک 2. How We See Things: Perception Principles

• جریان و اسکن Flow and scanning

• چگونگی گروه بندی چیزهایی که می بینیم How we group the things we see

• ثبات Consistency

• چگونه (ما نمی خوانیم) بصورت آنلاین How we (don’t) read online

• مسائل مربوط به چشم انداز Vision issues

3. استعاره های دنیای واقعی: مفاهیم بدنی 3. Real-World Metaphors: Physical Concepts

• میزهای رومیزی در صدر جدول نیستند Desktops aren’t desk tops

• قانون Fitts Fitts’ Law

• سرعت تعامل Interaction speed

• سرعت ورودی Input speed

• کنترل صدا Voice control

• اختلافات بین المللی International differences

4- گفتن یک داستان: مفاهیم گردش کار 4. Telling a Story: Workflow Concepts

• هموار سازی جریان کار Smoothing out the workflow

• پیش فرض های هوشمند Smart defaults

• کنترل در مقابل سرب Control versus being lead

• افشای مترقی Progressive disclosure

• رابطهای القایی Inductive interfaces

• رابط کار دانش Knowledge work interfaces

5- برقراری ارتباط از طریق UI 5. Communicating through the UI

• راهنما کمک نمی کند Help doesn't help

• کمک در UI Assistance in the UI

• جعبه های گفتگو Dialog boxes

• پیغام خطا Error messages

• با استفاده از گرافیک Using graphics

6. طراحی برای لذت 6. Designing for Delight

• کارهای جذاب بهتر کار می کنند Attractive things work better

• دلخوری های کوچک را برطرف کنید Fix small annoyances

• اختلافات بزرگ ایجاد کنید Create big differences

• طراحی برای لذت Design for delight

نتیجه Conclusion

• مراحل بعدی Next steps