مفهوم · نموذج أولي يعمل على الويب · 2026

Leeway

يساعد Leeway المسافرين على تخطيط وصولهم إلى مطار بن غوريون: يحجزون موعدًا للفحص الأمني مسبقًا، ويتابعون تقدّمهم داخل المطار.

  • بحث وتصميم وكود
  • 12 شاشة
  • 4 لغات
  • نموذج أولي يعمل

مشروع مفاهيمي. يعمل النموذج الأولي في أي متصفح، لكنه غير متصل بأنظمة الحجز أو الأمن في المطار.

01 التحدّي

الدور
عمل فردي: بحث، تصميم UX/UI، نظام تصميم، نموذج أولي بالكود
السياق
مشروع تخرّج، دورة UX/UI وتصميم المنتجات، John Bryce
الأدوات
Figma، FigJam، HTML/CSS/JS، مساعد برمجة بالذكاء الاصطناعي
المُخرَجات
حزمة بحث، نظام تصميم في Figma، نموذج أولي من 12 شاشة بأربع لغات

لا أحد يعرف كم سيستغرق المطار

في بن غوريون، يمرّ المسافرون المغادرون بمقابلة أمنية قصيرة عند مدخل المبنى، قبل تسجيل الوصول. يصعب توقّع مدّتها، لذلك يصل معظم الناس قبل ثلاث ساعات ببساطة. يستبدل Leeway هذا التخمين بموعد محجوز.

«أصل دائمًا إلى المطار قبل الرحلة بثلاث ساعات تقريبًا».المُشارِكة 4 (مترجم عن العبرية)

02 البحث والاتجاه

مشكلة تخطيط، لا مشكلة طابور

أشارت أربع مقابلات إلى الشيء نفسه: لا يستطيع المسافرون معرفة كم سيستغرق المطار، فيصلون مبكرًا احتياطًا.

  1. 3/4مُشاركين

    يصلون في وقت ثابت مهما كان الازدحام

    قبل الإقلاع بساعتين ونصف إلى ثلاث ساعات ونصف، في كل رحلة.

    الاستجابة في التصميمتُبنى المواعيد انطلاقًا من موعد إقلاع الرحلة.

  2. 3/4مُشاركين

    عنق الزجاجة يتنقّل

    الأمن في رحلة، وتسجيل الوصول في الرحلة التالية.

    الاستجابة في التصميميُحجز الأمن فقط. يظهر تسجيل الوصول دون أن يُوعَد بموعد له.

  3. 3/4مُشاركين

    التعريف بالوثائق الورقية

    جواز السفر وبطاقة الصعود عند المكتب.

    الاستجابة في التصميميُعرض رمز QR بجانب الوثائق، لا بدلًا منها.

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

عيدو كرملي

الشخصية الرئيسية

خسر مرةً أكثر من ساعة عندما أُغلق أحد المكاتب. منذ ذلك الحين يصل دائمًا قبل ثلاث ساعات. ينقصه التحكّم، لا الصبر.

ميخال أبراهامي

الشخصية الثانوية

تخطّط بأدواتها الخاصة. أطول انتظار لها كان عند تسجيل الوصول، لذلك يخدمها Leeway أقل من غيرها.

رحلة المسافر في المطار، مرحلة بعد مرحلة

رحلة المسافر في المطار، مرحلة بعد مرحلة
    –

    –

    الدرجات (1 = إحباط، 5 = دافعية) تقديرات سيناريوهية من تمرين خرائط الرحلة، مبنية على بحث الشخصيات. لم تُقَس لدى مشاركين.

    نحجز مرحلة واحدة. ونرافق الباقي.

    يحجز Leeway الفحص الأمني ويرافق المسافر حتى نهاية تسجيل الوصول. يظهر تسجيل الوصول كمرحلة تالية دون موعد محجوز، لأن مدّته تعتمد على أمور لا يمكن حجزها.

    03 تصميم Leeway

    ثلاثة قرارات تشكّل المنتج

    اختيار واحد عند الحجز، وشاشة رئيسية تتبع الرحلة، وتأكيد يعمل تحت الضغط.

    A · الحجز

    قرار حجز واحد وواضح

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

    تعرض الشاشة الآن تسعة مواعيد مدّة كلٍّ منها 20 دقيقة، تُبنى من موعد الإقلاع. آخرها ينتهي قبل الإقلاع بساعتين.

    شاشة اختيار الوقت: تسعة مواعيد من 16:00 إلى 19:00، اثنان ممتلئان، والموعد 18:40–19:00 مختار
    لرحلة تقلع في 21:10، تمتد المواعيد من 16:00 إلى 19:00.

    B · المتابعة

    شاشة رئيسية تبدأ من الحالة

    تحافظ الشاشة الرئيسية على تخطيط واحد، لكن بطاقة الحالة تتغيّر مع حالة المسافر، فتكون الخطوة المفيدة التالية واضحة دائمًا.

    C · الإتاحة

    تأكيد يعمل تحت الضغط

    عند المكتب، يُفتح رمز QR بملء الشاشة بلمسة واحدة، وغلاف التطبيق محفوظ مؤقتًا فيعمل حتى دون إشارة.

    كثير من المسافرين لا يقرؤون العبرية، لذا تعمل الواجهة بالعبرية والإنجليزية والعربية والروسية، مع اتجاه من اليمين إلى اليسار حيث يلزم. مبدّل اللغة موجود في الشاشة الرئيسية، حيث يجده من لا يستطيع قراءة الواجهة.

    بطاقة دخول بملء الشاشة مع رمز QR للمسح عند البوابة السريعة
    الشاشة الرئيسية بالعبرية
    עברית
    الشاشة الرئيسية بالإنجليزية
    English
    الشاشة الرئيسية بالروسية
    Русский

    اللغة البصرية

    هادئة وعملية، للحظات التي يضيق فيها الوقت

    • إجراء رئيسي واحد في كل شاشةالمواعيد المناسبة للرحلة فقط.
    • الحالة بكلمات بسيطة«قيد التنفيذ»، «في الانتظار»، «مكتمل».
    • ألوان مقتصدةأزرق واحد، والأحمر للمشكلات فقط؛ رموز للوضعين الفاتح والداكن بتباين AA.

    من بين أربعة اتجاهات طوّرتها، استبعدت الأكثر مرحًا: لم تناسب النبرة المرحة أكثر لحظات الرحلة توترًا.

    04 التفاعل والنموذج الأولي

    كيف يتصرّف الحجز

    نموذج أولي يعمل بـ HTML وCSS وJavaScript. تصفّح المسار الرئيسي، ثم جرّبه بنفسك.

      لقطات من النموذج الأولي. بطاقة الرحلة مبنية على سجل إقلاع تجريبي؛ توفّر المواعيد محاكاة.

      جرّب النموذج الأولي

      أدخل رحلة حقيقية تغادر بن غوريون في الأيام القريبة، وستُحسب المواعيد من موعد إقلاعها.

      الشاشة الرئيسية لـ Leeway

      مُنفَّذ

      • مواعيد مبنية من موعد الإقلاع
      • تحقّق فوري من الحقول وحالات الخطأ
      • الحالة وبطاقة الدخول ورمز QR بملء الشاشة
      • العمل دون اتصال، أربع لغات، فاتح وداكن

      بيانات عامة

      • تاريخ الرحلة ووقتها ومبناها من لوحة المغادرة المفتوحة لسلطة المطارات (data.gov.il)

      محاكاة

      • توفّر المواعيد وحالة «ممتلئ»
      • الحجز نفسه (في الذاكرة، دون خادم)
      • أوقات المراحل في شاشة الحالة

      يتطلّب ربطًا بالمطار

      • السعة والحجوزات الحقيقية
      • التقدّم الحي في الأمن وتسجيل الوصول

      05 النتائج والتأمّل

      ما الذي تغيّر بعد أن استخدمه الناس

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

      أخطاء تشرح نفسها

      كان الحقل الفارغ يفتح شاشة خطأ كاملة، فيتجمّد الناس. الآن يحدّد النموذج ما ينقص في مكانه.

      قبل: شاشة خطأ كاملة «عذرًا… حدث خطأ ما» بعد: نموذج التسجيل مع تعليم كل حقل فارغ بالأحمر

      بعد: الحقول المطلوب تصحيحها معلَّمة في مكانها.

      من يوم كامل إلى تسعة مواعيد

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

      قبل: إطار رمادي مع شريط تواريخ واثني عشر موعدًا لنصف ساعة بعد: تسعة مواعيد مبنية من إقلاع في 21:10

      بعد: مواعيد مبنية من موعد الإقلاع.

      إرشاد من ثلاث خطوات

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

      أربع لغات

      بعض المختبِرين لا يقرؤون العبرية. كان لهذا التغيير الأثر الأكبر.

      جوازات سفر دولية

      يقبل الحقل الآن صيغ جوازات السفر غير الإسرائيلية.

      منطق الجدولة

      ثبّتت النسخة الأولى مواعيد المثال من Figma؛ فحصلت رحلة الساعة 21:10 على موعد في 6:40. القاعدة الآن في مكان واحد في الكود.

      ما الذي نجح

      حجز مرحلة واحدة أبقى المسار قصيرًا وسهّل حذف الشاشات غير الضرورية.

      ما الذي تعلّمته

      القيمة في ملف التصميم قد تكون مثالًا أو قاعدة. الآن أحدّد أيّهما قبل بناء أي شيء.

      الخطوات التالية

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

      ملحق

      مواد العملية

      لوحات البحث الكاملة والمنهجية وملاحظات التنفيذ، لمن يريد التعمّق.

      منهجية البحث 4 مقابلات حقيقية، 4 سيناريوهات محاكاة

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

      الاستنتاجمقابلات حقيقيةسيناريوهات محاكاةالاستخدام
      وصول مبكر ثابت مهما كان الازدحام3/43/4دليل
      عنق الزجاجة يتنقّل بين الأمن وتسجيل الوصول3/42/4دليل
      التعريف يتم بالوثائق الورقية3/41/4دليل
      قد لا يكفي الاسم ورقم الرحلة للتعريف0/41/4فرضية
      قد يترك المسافرون الأقل تقنيةً التسجيل الرقمي المسبق0/41/4فرضية

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

      كان الاختبار ملاحظة غير رسمية لما يصل إلى سبعة أشخاص، دون تسجيل ودون مهام محدّدة. ثُبّتت أدوات تحليل لكنها لم تسجّل الزيارات بشكل موثوق، لذا لا توجد بيانات كمّية.

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

      الشخصيات وخرائط الرحلة لوحات FigJam الأصلية
      معمارية المعلومات خريطة الموقع بعد مراجعتين

      راجعت كل مرحلة في خرائط الرحلة مقابل خريطة الموقع مرتين. حُذفت الشاشات التي لا مرحلة لها في الرحلة (الأسئلة الشائعة، اتصل بنا، سجل الرحلات)، وكذلك موعد تسجيل الوصول عند الحجز. تتضمّن البنية النهائية حالتين مع انتقالات تلقائية بينهما. اختبار القبول للشخصية الرئيسية معلَّم على اللوحة كناجح جزئيًا: التطبيق لا يتنبّأ بعد بازدحام تسجيل الوصول.

      الاستكشاف التصميمي إطارات، اتجاهات، شاشات الجولة الأولى
      ملاحظات التنفيذ كيف بُني النموذج الأولي

      النموذج الأولي مكتوب بـ HTML وCSS وJavaScript خالصة ومستضاف على GitHub Pages. بنيته بمساعدة مساعد برمجة بالذكاء الاصطناعي، انطلاقًا من ملف Figma الخاص بي، وراجعت النتيجة شاشةً شاشة. يستخدم البحث عن الرحلة مصادر عامة بلا مفاتيح: لوحة المغادرة المفتوحة لسلطة المطارات الإسرائيلية للتاريخ والوقت والمبنى، وقاعدة بيانات مسارات كبديل. لا يغادر الاسم ولا رقم الجواز الجهاز.

      السلوكالنسخة الأولىبعد التحسين
      المواعيدقيم مثال منسوخة من إطار Figmaتسعة مواعيد بمدّة 20 دقيقة تُبنى رجوعًا من الإقلاع، معرّفة في مكان واحد
      رحلة غير معروفةكان يعود إلى مسار العرض التجريبييعرض الرقم المكتوب فعلًا في بطاقة محايدة
      مسافرون إضافيونيمكن إضافتهم دون حذفهمإجراء حذف مع إعادة الترقيم

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

      قيود معروفة نطاق المفهوم
      • لا ربط بالمطار: التوفّر والحجوزات والتقدّم بين المراحل محاكاة.
      • شاشة الحالة لا تتنبّأ بازدحام تسجيل الوصول. هذا هو السؤال المفتوح الأهم للشخصية الرئيسية.
      • العودة إلى «حجز جديد» بعد تسجيل الوصول معرّفة في معمارية المعلومات لكنها غير منفّذة في النموذج الأولي.
      • الأدلة نوعية: أربع مقابلات وملاحظة غير رسمية.