○ إلى الجمهورية العربية السورية: تصميم واجهة مشتركة بين الأزياء والأدراج

تطور دراج ودروب على اليباد

وقد قطعت أشواطاً طويلة على الشبكة الدولية (IPPad) منذ إدخالها بنظام iOS 11، وصممت هذه الشبكة التفاعلية بحيث تعكس التلاعب المادي، مما يتيح للمستعملين الحصول على محتوى مع صحافة طويلة ونقله إلى منطقة مستهدفة، وقد تحولت هذه النموذج من جهاز استهلاك إلى أداة إنتاجية خطيرة، وكانت التنفيذات المبكرة تقتصر على أجهزة التلاعب الأولى مثل الأفلام ومنظمة الصور، ولكن الأطراف غير المستثمرة في مشروع " إيبس " .

Core UX Principles for Touch-Based Drag-and-Drop

التلقيم الفوري

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

Lift and Marching Ants Metaphor

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

هبوط المنطقة Affordances

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

إدماج التغذية الرجعية الهاباتية

ويمكن أن توفر نماذج iPad التي تحتوي على محركات هباتية (iPad Pro 11-inch and 12.9-inch, iPad Air 4th gen and later) تأكيداً قاطعاً أثناء عمليات سحب المركبات، وينبغي أن يُستخدم جهاز صنبور فرعي عندما يبدأ الجر، وزجاجة قصيرة عندما يقفز على منطقة قطر صالحة، وضغط تأكيد عندما يكتمل الانقطاع، وأن يُستخدم المغذيات الصوتية المصورة المختلفة.

فهم الهيكل الأيسر للشبكة الدولية للنظم الإيكولوجية

UIDragInteraction and UIDropInteraction in Depth

ويمكن أن يُعد إطار تطبيق المعارف التقليدية و] كبنات البناء للسحب والسحب، ويُدخل تفاعلاً مع أي رأي ينبغي سحبه، وينفذ أساليب المندوبين لتقديم مواد سحب، أما بالنسبة للمناطق التي تسقط فيها، فيُرفق تفاعلاً مع التقارير ويستجيب لتحديثات الدورة، ويعالج النظام التداخل بين المظهر والتفاعل بين مختلف اللغات المُسحبة.

دورات دريج، بنود، ومقدمو الخدمات التمهيدية

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

إسقاط المقترحات والعملية

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

تصميم أثاث ورسومات دراجية ملائمة

The Lift Animation

إن مقياس الرفع هو أول شيء يراه المستخدمون، إذ يستخدمون هدفاً قائماً على الربيع يتراوح بين 0.2 و0.3 ثانية، وينبغي أن يخفض هذا الرأي انخفاضاً طفيفاً (95-90 في المائة) ويرتفع بظل ينمو من صفر ألفا إلى 0.3 في الظلم، وينبغي أن يشعر المستخدم بأن المستعمل يرفع بطاقة من الجدول.

"دراج بريفيو" مع "التايم الحقيقي"

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

منطقة قطر الربيع - السود

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

حشرات متعددة ومتزامنة

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

إمكانية الوصول إلى أوجه الدراج والدوب

VoiceOver and Drag-and-Drop

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

الإجراءات العرفية للوحة الرئيسية ومراقبة التحويل

ولا يستطيع جميع المستعملين القيام بلفتات لمسية، وتوفير مختصرات لوحات المفاتيح لعمليات سحب وسحب، مثل القيادة + جيم/خامات، أو أوامر رئيسية محددة لبدء وإكمال سحب، وبالنسبة لمراقبة التحويل، كسر الجرار والغطاء إلى خطوات منفصلة: اختيار البند، اختيار الإجراء (النسخة/النسخة)، وبحرية الهدف، والتأكيد على أن كل خطوة ينبغي أن تكون مكشوفة.

التغذية الخافضة للارتفاع عن إمكانية الوصول

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

أنماط التفاعل المتقدمة

Drag Between Split View Panes

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

دراج من التطبيق إلى التطبيق

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

قوائم إعادة التنظيم والمظالم

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

دراغ ودروب مع آراء المجموعة والآراء

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

الشلالات المشتركة وكيفية تجنبها

تنشيط التنقيب التلقائي

وإذا كان النقر البسيط أو الصحافة الطويلة يؤدي إلى سحبه، فإن المستعملين سيشعرون بالإحباط، وسيحددون حدا أدنى معقولا للصحافة (0.1 إلى 0.2 ثانية) وعتبة حركية دنيا (5 إلى 10 نقاط) قبل بدء الجر، وينبغي أن تظهر الحركة خارج نطاق السحب.

المناطق المترية الحساسة للغاية

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

عدم وجود دعم غير مكتمل

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

قضايا الأداء في إطار الوحدة الثقيلة

ويمكن أن تؤدي الصور الكبيرة، أو رسومات ناقلات معقدة، أو بيانات متعددة الميغابايت إلى انخفاضات في الإطارات، وتوليد الإبهام الخفيف الوزن عند عملية سحب المركبات، ولا يلتزم سوى بالبيانات الكاملة عند التأكد من الهبوط، واستخدام مع حد أقصى ثابت (مثل 200 نقطة) وتحميل البيانات في شكل أحجام متزامنة.

اختبارات وتهوية على مادة دريج وروب أوكس

اختبار المستخدم على الأجهزة المادية

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

قضايا تصاعدية: ملفات كبيرة، مواد متعددة، وحدة مختلطة

اختبارات مع ملفات حتى 1 GB (فيديو ملفات، وكبير قوات الدفاع الشعبي) للتأكد من أن التطبيق يبين مؤشراً مرحلياً أثناء نقل البيانات، وبالنسبة لأصناف متعددة، فإن الاختبارات التي تتضمن 10 إلى 20 صنفاً في آن واحد لضمان عدم تباطؤ مجموعة المواد التمهيدية، وينبغي أن يعرض المحتوى المختلط (المؤشى والنص معاً) استعراضات منفصلة لكل نوع من أنواع المواد الأساسية، وخطة لعمليات النقل القائمة على الشبكة: إذا كانت البيانات المسحبة على خيار إلغاء حاسوب خدمة نائية.

موجز الأداء بالصكوك

Use the Core Animation, Time Profiler, and Leaks instruments to profile drag-and-drop performance. look for spikes in GPU usage when the drag preview animates. Ensure that each drag item’s preview is rasterized offscreen and cached. Avoid performing expensive layout calculations during the drag-use light weight, pre-cached temps.[FT1] Table

دراسات الحالة: تطبيقات دو دراغ ودروب

The Files app demonstrates standard drag-and-drop behavior: long press to lift, clear drop zone highlights, spring-loaded folders, and multi-item drag. Bear (note-taking) allows users to drag attached attached attached directly into note bodies, reor heder tags

The Future of Drag-and-Drop on iPad

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

خاتمة

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

For further exploration, review Apple’s Human Interface Guidelines on Drag and drop] and study the ]official sample code to see production-ready patterns in action.