مسار المستخدم

المسار عايش بمحادثة واتساب. التطوير بيبني المسار المثالي، وأول سؤال بالفحص بيكون شو بيصير لما تكون مش مسجلة دخول.

شو في على لوحة مسار المستخدم؟

لوحة مسار المستخدم صفحة Figma وحدة، مبنية سنة 2026 بـ Auto layout فكل خانة بتكبر وإنت بتكتب، وفيها خمسة أجزاء:

• بداية ونهاية. حبتين سودا بيسكّروا المسار من الطرفين، فما بيصير نقاش وين بيبلش ولا شو بيعتبر خلص.
• كروت الشاشات. عنوان شاشة عريض وسطر تحته بيقول شو موجود فعلاً على هالشاشة. كومبوننت، فتغيير الاسم ما بيعني إعادة رسم.
• معينات القرار. سؤال وطالع منه مسار نعم ومسار لا. فرع “لا” بينزل تحت الخط الرئيسي، بيعمل شغله، وبيرجع، فما بيتقاطع سهمين.
• مسارات مسمّاة. كل مسار عليه لافتته، أخضر لنعم وأحمر للا. خبّي اللافتة على المسارات اللي ما بتحتاجها.
• المفتاح. سطر بيسمّي القطع: بداية أو نهاية، شاشة، قرار، المسار لما الجواب نعم، المسار لما الجواب لا. كل لون متغير، فالوضع الغامق بضغطة.

شو بيتغيّر لما تستخدم قالب مسار المستخدم؟

قالب مسار المستخدم بيبدّل ست عادات شائعة بطريقة شغل الفرق بهاي الخطوة ببنية بيقدر الفريق يتحقق منها. كل زوج بيبيّن العادة، وبعدها شو بيحط القالب مكانها. مثلاً، القالب بيحوّل «مسار موصوف بمحادثة» لـ «لوحة إلها بداية ونهاية».

• قبل: مسار موصوف بمحادثة.
  بعد: لوحة إلها بداية ونهاية.
• قبل: المسار المثالي بس.
  بعد: فرع “لا” من كل قرار.
• قبل: مربعات بترسمها بإيدك كل مرة.
  بعد: شاشات وقرارات ككومبوننتس.
• قبل: ألوان مكتوبة جوا الأشكال.
  بعد: كل لون متغير، والغامق بضغطة.
• قبل: أسهم بتتقاطع فوق بعضها.
  بعد: فرع “لا” بينزل تحت وبيرجع.
• قبل: مسار عربي مقلوب عن الإنجليزي.
  بعد: مسار بيبلش من اليمين وبيخلص عاليسار.

شو في بتحميل مسار المستخدم؟

تحميل مسار المستخدم المجاني هو ملف Figma واحد بأربع صفحات: إنجليزي فاتح، إنجليزي داكن، عربي فاتح، وعربي داكن، على مجموعة متغيرات وحدة، ومعه دليل PDF من 8 صفحات. نسخة Pro بـ 10 دولار بتضيف خمس برومبتات لـ Claude، ودليل لإدارة الجلسة، ومثال ثاني كامل، وسكيل لـ Claude Code.

• FIG القالب. ملف Figma واحد بأربع صفحات: إنجليزي فاتح، إنجليزي غامق، عربي فاتح، عربي غامق، كلهم على مجموعة متغيرات وحدة. Auto layout بكل مكان، فكل خانة بتكبر مع الكتابة.
• PDF الدليل. 8 صفحات: اللوحات الأربع، طريقة الاستخدام بخمس خطوات، وقائمة بكل خانة مع تسميتها العربية جنبها.
• PDF, MD Pro. خمس برومبتات لـ Claude: عبّيها من ملاحظاتي، انتقدها، النسخة العربية، حوّلها لاستنتاجات، ادفعها لـ Figma.
• PDF Pro. دليل الجلسة. نص ساعة: شو تسأل، بأي ترتيب، وكيف تسكّرها.
• FIG Pro. مثال ثاني كامل بسوق تاني، بملف Figma لحاله، عشان تقرا الطريقة مش تخمّنها.
• FOLDER Pro. سكيل Claude Code. وجّهه على مجلد ملاحظاتك فبيعبّي اللوحة، وبعدين بيكتبها بملف Figma تبعك حسب اسم الطبقة.

لمين قالب مسار المستخدم، وإيمتى تشغّله؟

لتسليم الشغل من التصميم للتطوير، وللحظة اللي قبلها لما لسا لازم تقرر شو بيصير بالمسار المش مثالي. ارسمه قبل الشاشات مش بعدها.

نسختين. مجاني: ملف Figma و PDF. Pro بعشر دولار: بيضيف البرومبتات الخمسة ودليل الجلسة والمثال الثاني وسكيل Claude Code.