كيف تتناسب WebMCP مع رحلات المستخدمين

Alexandra Klepper
Alexandra Klepper
GitHub Bluesky

تاريخ النشر: 18 مايو 2026

شرح الويب الإضافات حالة Chrome النيّة بالشراء
Github مرحلة التجربة والتقييم مرحلة التجربة والتقييم العرض النية في إجراء تجربة

يمكن استخدام WebMCP في العديد من الحالات. يوضّح هذا المستند كيفية تنفيذ WebMCP لدعم المستخدمين ووكلاء المستخدمين. يمكنك الاطّلاع على هذه العملية من منظور المستخدم والوكيل، مع اقتراحات بشأن الأدوات التي يمكنك توفيرها لدعم رحلة المستخدم المهمة (CUJ).

مساعدة المستخدمين في إجراء عمليات شراء

يُعدّ مطوّرو تطبيقات متاجر البيع بالتجزئة من المرشّحين المناسبين لاستخدام WebMCP، ففي حين أنّ هناك بعض الحالات التي يريد فيها المستخدم على الأرجح اختيار سلعة معيّنة، مثل العثور على قطعة مفقودة من مجموعته، هناك حالات أخرى يحتاج فيها إلى إنجاز المهمة فقط، مثل قائمة التسوّق الأسبوعية أو التخطيط لحفلة أو إعادة طلب مشتريات مفضّلة.

المستخدم الذي سنستعرض رحلته في هذه الحالات هو "جيسي". لا يريد "جيسي" إضاعة الوقت في البحث في الفئات للعثور على ما يبحث عنه بالضبط. بدلاً من ذلك، يعتمدون على وكيل المتصفّح لتلبية احتياجاتهم المتعلقة بالتسوّق، ما يتيح لهم العثور على المنتجات التي يريدونها بشكل أسرع وإكمال عملية الدفع بسرعة أكبر.

دعم رحلة التسوّق

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

يطلب "جيسي" من وكيل المتصفّح: "أريد العثور على أفضل الأسعار للمنتجات في قائمة التسوّق في متجرَين أو ثلاثة متاجر محلية، وإنشاء قائمة أمنيات لي كي أتمكّن من إكمال عملية الدفع، وإخباري إذا كانت هناك منتجات لا يمكن العثور عليها".

لقد وضع "جيسي" بعض الافتراضات عند طرح هذا السؤال. ويشمل ذلك عدم إضافة الوكيل المنتج نفسه إلى سلات تسوّق متعددة. إذا كان متجران يقدّمان المنتج نفسه، سيحدّد المساعد المتجر الذي يقدّمه بسعر أقل ويضيفه إلى سلة التسوق. تفترض جيسي أيضًا أنّ المتاجر المحلية قريبة منها في سبرينغفيلد.

سواء كنت مطوّرًا في شركة محلية، مثل Space Shoppe، ولديك مجموعة كبيرة من لوازم الحفلات التي يمكنك اقتراحها على الأطفال، أو كنت مطوّرًا في سلسلة متاجر بقالة ضخمة، يمكنك إنشاء أدوات لدعم وكيل "جيسي".

  • search_products() للعثور على سلع محتملة في فئة تتوافق مع توقعات قائمة التسوّق. على سبيل المثال، productType="wall-decorations" وcategory="planets" وage="child".
  • add_to_wishlist() لمراجعة كل العناصر قبل إضافتها إلى سلة التسوّق.
  • إذا طلب "جيسي" أن تكون تكلفة جميع المنتجات أقل من مبلغ معيّن، يمكنك تقديم أداة لتحسين البحث، مثل refine_search(priceRange = "0-49.99").

إتاحة عمليات الشراء المتكرّرة

يحب "جيسي" أصابع الجبن من شركة Example Grocery، لكنّه لا يتذكّر اسم العلامة التجارية. يسأل "جيسي" وكيله: "هل يمكنك إعادة طلب أصابع الجبن التي اشتريتها الشهر الماضي؟"

إذا كنت لا تقدّم خدمة متوفرة من خلال اشتراك، يمكنك مع ذلك مساعدة العملاء في طلب المنتج نفسه مرة أخرى من خلال وكيلك. بصفتك مطوّرًا في شركة Example Grocery، قد تريد توفير الأدوات التالية:

  • get_order_history(startdate="",enddate="",) الذي يعرض تفاصيل المنتج مع تاريخ الطلب وحالة التسليم.
  • add_to_wishlist(productId="XYZ", quantity = 1) لمراجعة كل السلع قبل إضافتها إلى سلة التسوّق
  • delivery(method="pickup")

يردّ الوكيل على "جيسي" قائلاً: "لقد عثرتُ على طلبك لشراء رقائق Cheddar Peelers في 7 آذار (مارس). لقد أضفتُ حزمة واحدة إلى سلة التسوّق. هل تريد الانتقال إلى صفحة الدفع؟" يمكن لجيسي بعد ذلك إكمال عملية الدفع بسرعة من شركة Example Grocery Company لطلب منتج Cheddar Peelers فقط، أو مواصلة التصفّح وشراء منتجات أخرى.

مساعدة المستخدمين في ملء النماذج

الملء التلقائي هو ميزة مفيدة للغاية في المتصفّح، وعند استخدامها بشكل صحيح، يمكنها خفض معدّل التخلي عن النماذج بنسبة%75. وننصحك بإنشاء نماذج تتضمّن ميزة الملء التلقائي، ولكن يمكننا تحسين معدّلات الإكمال بشكل أكبر بمساعدة WebMCP.

تتيح WebMCP لبرامج المستخدمين ملء النماذج الطويلة بسرعة وبشكل صحيح. في الأقسام التالية، سنساعد "علي" في ملء نماذج معقّدة مختلفة.

إدارة العمل

يعمل "شارلي" في قسم تكنولوجيا المعلومات في شركة محاماة، وقد استعان بمقاول لتصميم موقع إلكتروني جديد للشركة. كانت إدارة النفقات وجداول الدوام أمرًا صعبًا للغاية، خاصةً أنّ التوقعات تختلف عن جداول الدوام الخاصة بالمحامين.

تعمل في شركة لتطوير برامج إدارة العمل، وتريد تسهيل عملية إدخال المورّدين والمحامين لبطاقات الدوام مع السياق الصحيح، حتى تتمكّن الشركة من تحصيل المبلغ المناسب من القسم المناسب. يمكنك إضافة أداة WebMCP لمساعدة المتعاقدين والمحامين في شركة "تشارلي" على استخدام وكيل لإدخال مهام بطاقة الدوام اليومية.

<form toolname="add-to-timesheet"
  tooldescription="Report billing task and time to add to the timesheet."
  toolautosubmit>

  <fieldset>
    <label for="date">Date</label>
    <input name="date" type="datetime-local" toolparamdescription="Date of work.">

    <label for="task_category">Task category</label>
    <select id="task_category" name="task_category"
    toolparamdescription="Type of task completed per time block">
      <option value="admin">Admin</option>
      <option value="billing">Billing</option>
      <option value="client">Client meetings or communication</option>
      <option value="development">Development</option>
    </select>

    <label for="minutes_worked">Minutes working on the task</label>
    <input type="number" id="minutes_worked" name="minutes_worked" min="30" max="600"
      toolparamdescription="Minutes worked on this date and task, with a minimum of 30 and maximum of 600."
      placeholder="60">

    <label for="work_details">Details</label>
    <input name="work_details"
      toolparamdescription="Additional details of work completed, for managerial review.">

  </fieldset>
  <button type="submit">Update timesheet</button>
</form>

شراء سيارة

يبحث "علي" عن شراء سيارة مستعملة. يهتمّ ببعض الميزات، مثل نوع السيارة وعدد المقاعد ونوع الوقود المفضّل. أما الميزات الأخرى، مثل لون السيارة ووسائل الراحة مثل كاميرا احتياطية، فهي أقل أهمية. يسأل "شارلي" وكيله: "هل يمكنك مساعدتي في العثور على سيارة عائلية؟ يجب أن تتضمّن 7 مقاعد، وأن تعمل بالبنزين العادي، وأن يكون طرازها من آخر 10 سنوات".

إذا كان موقعك الإلكتروني يتضمّن نموذجًا يتضمّن حقولاً مطلوبة واختيارية، لن يستغرق تحويل النموذج إلى أداة WebMCP سوى خطوتَين.

HTML

<form toolname="search_cars"
  tooldescription="Search for cars based on various criteria such as type, seats, year, fuel, and features."
  toolautosubmit>

  <fieldset>
    <label for="car_type">Car Type</label>
    <select id="car_type" name="car_type" toolparamdescription="Type of car">
      <option value="">Any</option>
      <option value="family">Family Car</option>
      <option value="suv">SUV</option>
      <option value="sedan">Sedan</option>
    </select>

    <label for="seats">Min Seats</label>
    <input type="number" id="seats" name="seats" min="1" max="9"
      toolparamdescription="Minimum number of seats required"
      placeholder="7">

    <label for="min_year">Minimum Year</label>
    <input type="number" id="min_year" name="min_year" min="1900" max="2026"
      toolparamdescription="Find cars made after a specific year"
      placeholder="2016">
  </fieldset>

  <fieldset>
    <legend>Preferences</legend>

    <label for="fuel_type">Fuel Type</label>
    <select id="fuel_type" name="fuel_type" toolparamdescription="Preferred fuel type">
      <option value="">Unleaded regular</option>
      <option value="">Unleaded premium</option>
      <option value="diesel">Diesel</option>
      ...
    </select>

    <div>
      <input type="checkbox" id="has_ac" name="has_ac" value="true"
        toolparamdescription="Check if air conditioning is required">
      <label for="has_ac">Air Conditioning (AC)</label>
    </div>
  </fieldset>

  <button type="submit">Search Cars</button>
</form>

JavaScript

search_cars({car_type, seats, min_year, fuel_type, has_ac, ... })

مطالبة بموجب الضمان

يريد تشارلي تقديم مطالبة بموجب الضمان بشأن التلفزيون. يصل إلى الصفحة الرئيسية للموقع الإلكتروني الذي طلب منه التلفزيون. يُعلن على الفور عن نيته لموظف الدعم:

انتقِل إلى صفحة الدعم وقدِّم مطالبة بموجب الضمان لجهاز التلفزيون الخاص بي. الشاشة لا تعمل. الرقم التسلسلي هو XYZ-987. استخدِم التفاصيل المحفوظة لإكمال بقية الطلب.

يبدأ الوكيل الذي يستخدم أدوات WebMCP عملية تقديم المطالبة ويملأ جميع المعلومات المطلوبة. وإذا كان الوكيل بحاجة إلى مزيد من المعلومات، يمكنه أن يطلب من المستخدم تقديمها إليه أو ملء النموذج يدويًا وإرساله.

  • start_claim_process() للانتقال إلى النموذج الصحيح.
  • انقر على populate_product_details(serial_number, purchase_date) لإدخال معلومات المنتج والتاريخ المحدّدة.
  • describe_issue(issue_description) لملء حقل النص الطويل بوصف الخطأ من طلب المستخدم.
  • populate_contact_info(name, email, phone)

من خلال توفير أدوات WebMCP في هذه الحالة، نساعد المستخدمين في التنقّل في الموقع الإلكتروني باستخدام الوكلاء بدون الحاجة إلى معرفة مكان العثور على نموذج مطالبة بموجب الضمان. تمكّن &quot;شارلي&quot; من إكمال رحلة المستخدم بنجاح بدون الحاجة إلى فهم تفصيلي لبنية الموقع الإلكتروني.

طلب الحصول على خدمات الفعاليات

سيحتفل "منير" و"جيسي" بزفافهما في أيلول (سبتمبر)، ويريدان استئجار شركة لتقديم الطعام. تتوفّر عشرات شركات تقديم الطعام في منطقتهم، ويريدون التأكّد من أنّ كل طلب يتضمّن المعلومات المطلوبة ويطلب نوع الخدمة نفسه.

يسأل "شارلي" وكيله:

"هل يمكنك إرسال استفسار إلى مقدّمي خدمات الطعام المقيمين في Springfield بشأن حفل زفافنا في 8 أيلول (سبتمبر) 2026؟ نريد قائمة طعام نباتية لـ 100 ضيف، علمًا أنّ ضيفَين من بين المدعوّين لديهما قيود غذائية وسيحتاجان إلى وجبات خاصة، بما في ذلك وجبة كوشر ووجبة خالية من الغلوتين. نريد أن تشمل القائمة البيرة والنبيذ فقط".

ساعد وكيل &quot;تشارلي&quot; في إرسال استفسار إلى شركة تقديم الطعام الخاصة بك، وذلك من خلال إضافة الأدوات التالية:

  • start_event_request()
  • create_wedding_reception(guests=100,date="September 8, 2026")
  • add_dietary_restrictions(restrictions=["kosher","gluten-free"], guests = 2)
  • select_drink_package(package = "Light")
  • submit_event_request()

مساعدة المستخدمين في فلترة المعلومات

هناك العديد من أنواع المواقع الإلكترونية التي تضم مجموعات كبيرة من العناصر التي تحتوي على فلاتر معقّدة. قد تتضمّن القائمة مئات أو آلاف الأنشطة التجارية، ولكلّ منها مجموعة فريدة من الميزات التي قد يبحث عنها المستخدم. على سبيل المثال، يمكن أن يشمل ذلك المواقع الإلكترونية لتأجير المساكن ومصادر حجز الفنادق ومواقع بيع التذاكر.

في هذا القسم، نساعد "دانا" في العثور على خيارات مناسبة لإعداداتها المفضّلة المحدّدة.

العثور على منازل معروضة ذات صلة

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

تطرح "دانا" السؤال التالي على وكيلها:

"أريد شققًا متاحة للاستئجار في بروكلين على بُعد أقل من 10 دقائق سيرًا على الأقدام من محطة قطار A، وأقل من ساعة واحدة من حي تريبيكا، ويجب أن تحتوي الشقة على ثلاث غرف نوم على الأقل وغسالة أطباق، ويفضّل أن تحتوي على غسالة ملابس ومجفّف ملابس في الوحدة أو في المبنى، وميزانيتنا هي 4500 دولار أمريكي".

يمكنك مساعدة وكيل دانا في العثور على أماكن مناسبة للاستئجار من خلال إضافة فلترة مناسبة للوكلاء إلى موقعك الإلكتروني الذي يعرض الأماكن المتاحة للاستئجار:

search(
  max-price=4500,
  location="Brooklyn",
  features=["dishwasher"],
  rooms=3,
  optionalFeatures=["washer-dryer"]
)

تطبيق الفلاتر

apply_filters(
  transit="train",
  max_time="1 hour",
  destination="Tribeca"
)

يستخدم الوكيل هذه الدوال لتحليل البيانات الوصفية الخاصة بالمكان المخصّص للاستئجار والتأكّد من أنّ النتائج تستوفي جميع المتطلبات (بما في ذلك 3 غرف نوم وغسّالة أطباق). في المقابل، يعرض الوكيل خريطة تتضمّن دبابيس تربطها ببطاقات بيانات معيّنة، بالإضافة إلى المسافة الإجمالية من حي "ترايبكا". تظهر الدبابيس بلون مختلف إذا كانت تتضمّن الميزة الاختيارية، أي غسالة ومجفّف، في البطاقة.

حجز سفر

تخطّط "دانا" وزوجتها "روزاريو" لقضاء عطلة في برلين، ألمانيا. تريد دانا العثور على خيارات فنادق تستوفي معاييرها وتوفّر إقامة مريحة بتكلفة تناسب ميزانيتها. تطلب "دانا" من وكيلها: "أريد بعض الفنادق في برلين، ألمانيا، بسعر أقل من 300 دولار أمريكي في الليلة، على أن تتضمّن مسبحًا ووجبة فطور".

أنت مطوّر خدمة حجز سفر، وتهدف إلى مساعدة المستخدمين في العثور على صفقات سفر رائعة:

بحث

search_hotels(location = "Berlin", guests = 2)

تطبيق الفلاتر

filter_search_results(max_price=300,amenities=["pool","restaurant"])

يعرض وكيل دانا ثلاثة فنادق تستوفي المعايير، ويسأل: "هل تريدين أن أعرض لك المزيد من الخيارات؟ أم أنّ هناك معايير إضافية يجب مراعاتها؟"

مشاركة ملاحظاتك

ما هي أنواع رحلات المستخدمين التي تعتقد أنّها يمكن أن تستفيد من WebMCP؟ هل هناك ميزات إضافية يمكن إضافتها إلى واجهات برمجة التطبيقات لتلبية توقعاتك؟ إذا جرّبت واجهات برمجة التطبيقات هذه وكانت لديك ملاحظات، يسرّنا تلقّيها.