سپنتا پویا — طراح محصول

ENفا
بیایید گفتگو کنیم

مسیرهای یادگیری - معمار اطلاعات

معمار اطلاعات

میانیInformation Architect

محتوا را طوری سازمان بدهید که آدم‌ها چیزی را که دنبالش هستند پیدا کنند: دسته‌بندی، ناوبری، جست‌وجو و جریان کاربر.

شامل زیرمسیر: مبانی تجربه کاربری

  • ۱۹ گام
  • ۱۹ تمرین + پروژهٔ پایانی
  • ۱۵٫۷ ساعت مطالعه و تمرین

۰٪ از این مسیر را گذرانده‌اید

شروع از گام اول

بعد از این مسیر

  • ساختار یک محصول را بر اساس مدل ذهنی کاربرانش می‌چینید
  • دسته‌بندی را با کارت‌سورتینگ و درخت‌آزمایی محک می‌زنید
  • الگوی ناوبری مناسب هر موقعیت را انتخاب می‌کنید

هر مقاله را بخوانید، تمرینش را انجام دهید و دکمهٔ «انجامش دادم» را بزنید. درصد هر گام بر اساس زمان مطالعه و تمرین حساب شده است. پیشرفتتان فقط در همین مرورگر ذخیره می‌شود.

  1. مرحلهٔ ۱ پیش‌نیاز

    زبان مشترک و اصول پایه.

    1. زیرمسیر مبانی تجربه کاربری ۸ گام

      این گام‌ها از مسیر مبانی تجربه کاربری می‌آیند. اگر قبلاً آن را گذرانده‌اید، پیشرفتتان اینجا هم حساب می‌شود.

      1. طراحی تجربهٔ کاربری (UX Design) چیست؟

        مطالعه: ۱۱ دقیقه · تمرین: ۱۵ دقیقه

        تمرین: سه محصولی را که هر روز استفاده می‌کنید بنویسید و برای هر کدام یک لحظهٔ خوب و یک لحظهٔ آزاردهنده را در یک جمله توصیف کنید.

        با این گام: ۳٪ مسیر

      2. طراحی کاربرمحور (UCD) چیست؟

        مطالعه: ۱۲ دقیقه · تمرین: ۱۵ دقیقه

        تمرین: یکی از آن لحظه‌های آزاردهنده را انتخاب کنید و بنویسید طراح احتمالاً چه فرض نادرستی دربارهٔ کاربر داشته است.

        با این گام: ۶٪ مسیر

      3. کاربردپذیری (Usability) چیست؟ راهنمای جامع

        مطالعه: ۱۲ دقیقه · تمرین: ۲۰ دقیقه

        تمرین: یک کار ساده، مثل خرید شارژ، را در دو اپ مختلف انجام دهید. زمان، تعداد لمس و جاهایی را که مکث کردید یادداشت و مقایسه کنید.

        با این گام: ۹٪ مسیر

      4. مدل ذهنی (Mental Model) چیست؟

        مطالعه: ۱۱ دقیقه · تمرین: ۲۰ دقیقه

        تمرین: از یک نفر بخواهید بدون نگاه کردن توضیح دهد پیام‌رسانش پیام‌ها را کجا نگه می‌دارد. توضیح او را با واقعیت مقایسه کنید.

        با این گام: ۱۲٪ مسیر

      5. افوردنس (Affordance) چیست؟ راهنمای کامل قابلیت کنش

        مطالعه: ۱۲ دقیقه · تمرین: ۱۵ دقیقه

        تمرین: از خانه یا محل کار از پنج شیء عکس بگیرید که شکلشان به‌وضوح می‌گوید با آن‌ها چه کنید، و از یکی که گمراه‌کننده است.

        با این گام: ۱۵٪ مسیر

      6. بار شناختی (کاگنیتیو لود) چیست؟

        مطالعه: ۱۲ دقیقه · تمرین: ۲۰ دقیقه

        تمرین: فرم ثبت‌نام یک سایت را بردارید و هر فیلدی را که می‌شود حذف کرد، به بعد موکول کرد یا خودکار پر کرد علامت بزنید.

        با این گام: ۱۹٪ مسیر

      7. سلسله‌مراتب بصری (ویژوال هایرارکی) چیست؟

        مطالعه: ۱۱ دقیقه · تمرین: ۱۵ دقیقه

        تمرین: از یک صفحه اسکرین‌شات بگیرید، چشمتان را تار کنید و سه چیزی را که اول دیده می‌شوند شماره بزنید. آیا همان سه چیز مهم‌ترین‌اند؟

        با این گام: ۲۱٪ مسیر

      8. دسترس‌پذیری (Accessibility) چیست؟

        مطالعه: ۱۱ دقیقه · تمرین: ۲۵ دقیقه

        تمرین: یک صفحه از محصول خودتان را فقط با صفحه‌کلید پیمایش کنید و هر جایی را که فوکوس گم می‌شود یا دکمه‌ای در دسترس نیست یادداشت کنید.

        با این گام: ۲۵٪ مسیر

  2. مرحلهٔ ۲ ساختار

    بفهمید کاربران محتوا را چطور دسته‌بندی می‌کنند.

    1. معماری اطلاعات (Information Architecture) چیست؟

      مطالعه: ۱۴ دقیقه · تمرین: ۳۰ دقیقه

      تمرین: نقشهٔ سایت یک فروشگاه اینترنتی را تا سه سطح بکشید و جاهایی را که یک کالا می‌تواند در دو دسته باشد علامت بزنید.

      با این گام: ۳۰٪ مسیر

    2. کارت‌سورتینگ (Card Sorting) چیست؟

      مطالعه: ۱۱ دقیقه · تمرین: ۴۵ دقیقه

      تمرین: سی کارت از محتوای یک سایت بسازید و با سه نفر کارت‌سورتینگ باز اجرا کنید.

      با این گام: ۳۶٪ مسیر

    3. آزمون درختی (Tree Testing) چیست؟

      مطالعه: ۱۲ دقیقه · تمرین: ۴۰ دقیقه

      تمرین: ساختاری را که از کارت‌سورتینگ بیرون آمد، با پنج کار پیدا کردن روی همان سه نفر آزمایش کنید.

      با این گام: ۴۱٪ مسیر

  3. مرحلهٔ ۳ ناوبری

    الگوی درست را برای جابه‌جایی در ساختار انتخاب کنید.

    1. ناوبری (Navigation) در طراحی رابط چیست؟

      مطالعه: ۱۲ دقیقه · تمرین: ۲۰ دقیقه

      تمرین: ناوبری اصلی دو اپ رقیب را مقایسه کنید: چند گزینه، با چه برچسبی، و کدام گروه‌بندی منطقی‌تر است.

      با این گام: ۴۵٪ مسیر

    2. تب‌ها (Tabs) در طراحی رابط چیست؟

      مطالعه: ۱۱ دقیقه · تمرین: ۲۰ دقیقه

      تمرین: یک صفحهٔ محصول را یک بار با تب و یک بار بدون تب طراحی کنید و بنویسید کدام برای این محتوا بهتر است.

      با این گام: ۴۸٪ مسیر

    3. خرده‌نان (Breadcrumbs) در ناوبری چیست؟

      مطالعه: ۸ دقیقه · تمرین: ۱۵ دقیقه

      تمرین: برای سه صفحهٔ عمیق یک سایت مسیر راهنما بنویسید و ببینید ساختار پشتش منطقی است یا نه.

      با این گام: ۵۱٪ مسیر

    4. مگا‌منو (Mega Menu) چیست؟

      مطالعه: ۸ دقیقه · تمرین: ۳۰ دقیقه

      تمرین: منوی اصلی یک فروشگاه بزرگ را به شکل مگامنو بازطراحی کنید، با گروه‌بندی و عنوان برای هر ستون.

      با این گام: ۵۵٪ مسیر

    5. افشای تدریجی (Progressive Disclosure) چیست؟

      مطالعه: ۱۳ دقیقه · تمرین: ۲۰ دقیقه

      تمرین: یک صفحهٔ تنظیمات پرگزینه را به دو لایهٔ ضروری و پیشرفته تقسیم کنید.

      با این گام: ۵۸٪ مسیر

  4. مرحلهٔ ۴ پیدا کردن و حرکت

    مسیر کاربر را از ورود تا هدف بکشید و موانع پیدا کردن را بردارید.

    1. جریان کاربر (یوزر فلو) چیست؟ راهنمای جامع

      مطالعه: ۱۲ دقیقه · تمرین: ۳۰ دقیقه

      تمرین: جریان کاربر برای بازیابی رمز عبور را با همهٔ شاخه‌های خطا بکشید.

      با این گام: ۶۳٪ مسیر

    2. یافت‌پذیری (Findability) چیست؟

      مطالعه: ۸ دقیقه · تمرین: ۲۰ دقیقه

      تمرین: پنج چیزی را که کاربران معمولاً در سایتتان دنبالش می‌گردند فهرست کنید و بشمارید رسیدن به هر کدام چند کلیک است.

      با این گام: ۶۶٪ مسیر

    3. کادر جست‌وجو (Search Box) چیست؟

      مطالعه: ۸ دقیقه · تمرین: ۱۵ دقیقه

      تمرین: جعبهٔ جست‌وجوی یک سایت را با یک غلط املایی، یک مترادف و یک عبارت فارسی‌انگلیسی امتحان کنید.

      با این گام: ۶۸٪ مسیر
پروژهٔ پایانی

بازسازی ساختار یک سایت

ساختار یک سایت واقعی را با کارت‌سورتینگ بازطراحی کنید، با درخت‌آزمایی محکش بزنید، و ناوبری جدید را همراه یک جریان کاربر کامل ارائه دهید.

حدود ۵ ساعت · با این پروژه: ۱۰۰٪ مسیر

مطالعهٔ تکمیلی

این فهرست خودکار است. هر مقالهٔ تازه‌ای که در همین حوزه منتشر شود، اینجا اضافه می‌شود. ترتیب: از قدیمی به جدید.

نمایش ۴۳ مقاله
طراحی خدمات (Service Design) چیست؟ مدل مفهومی (Conceptual Model) چیست؟ نقشهٔ مفهومی (Concept Map) چیست؟ اضافه‌بار اطلاعاتی (Information Overload) چیست؟ تحلیل وظیفه (Task Analysis) چیست؟ طراحی وب (Web Design) چیست؟ اسکرول بی‌نهایت (Infinite Scrolling) چیست؟ تفکر سیستمی (Systems Thinking) چیست؟ صفحه‌بندی (Pagination) چیست؟ کشف‌پذیری (Discoverability) چیست؟ منوی کشویی (Dropdown Menu) چیست؟ فلوچارت (Flowchart) چیست؟ روش‌های صوری (Formal Methods) چیست؟ جلوی صحنه و پشت صحنه (Frontstage and Backstage) چیست؟ نیازمندی‌های کارکردی (Functional Requirements) چیست؟ هوش عمومی مصنوعی (General AI) چیست؟ هوش مصنوعی مولد (Generative AI) چیست؟ رابط گرافیکی کاربر (Graphical User Interface) چیست؟ رابط لمسی‌بازخوردی (Haptic Interface) چیست؟ تصویرسازی دادهٔ سلسله‌مراتبی (Hierarchical Data Visualization) چیست؟ تحلیل سلسله‌مراتبی وظیفه (Hierarchical Task Analysis) چیست؟ تعامل انسان و هوش مصنوعی (Human-AI Interaction) چیست؟ هوش مصنوعی انسان‌محور (Human-Centered AI) چیست؟ تعامل انسان و ربات (Human-Robot Interaction) چیست؟ اینترنت اشیا (Internet of Things) چیست؟ شبکهٔ ارزش (Lattice of Value) چیست؟ قانون پیوستگی (Law of Continuity) چیست؟ قانون مجاورت (Law of Proximity) چیست؟ قانون پیوندیافتگی یکدست (Law of Uniform Connectedness) چیست؟ فهرست (Lists) چیست؟ رایانش همراه (Mobile Computing) چیست؟ رایانش فراگیر (Ubiquitous Computing) چیست؟ نقشهٔ خدمت (Service Blueprint) چیست؟ نقشهٔ ذی‌نفعان (Stakeholder Map) چیست؟ سافاری خدمت (Service Safari) چیست؟ دادهٔ شبکه‌ای پیچیده (Complex Network Data) چیست؟ نمودار درخت مخروطی (Cone Tree Diagram) چیست؟ رابط‌های کاربری شیءگرا (Object-Oriented User Interfaces) چیست؟ ساختار صفحه (Page Structure) چیست؟ جست‌وجوی پالایش‌شده (Refined Search) چیست؟ سئو (Search Engine Optimization) و تجربهٔ کاربری چیست؟ فوتر نقشهٔ سایت (Sitemap Footer) چیست؟ شناخت فضایی (Spatial Cognition) چیست؟