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

ولهذا الغرض سنتناول في هذا المقال أسباب إحياء التمرير ونشير إلى بعض النقاط الإيجابية والسلبية لهذه التقنية.

لماذا يعد التمرير أمرًا حيويًا مرة أخرى.

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

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

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

من هو التمرير المناسب ل؟

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

الجوانب الإيجابية للتمرير:

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

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

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

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

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

تصميم جميل: فيما يتعلق بتجربة المستخدم، أدى عدد النقرات الأقل إلى تفاعلات أسرع.

عيوب التمرير:

​

إصرار المستخدمين : لا يهم السبب، لكن بعض المستخدمين يقاومون التغيير دائمًا. لكن الآن أصبحت هذه التقنية منتشرة بشكل كبير بحيث يمكن القول أن معظم المستخدمين معتادون عليها.

أضرار تحسين محركات البحث:   وجود صفحة واحدة فقط يمكن أن يؤثر سلبًا على تحسين محركات البحث للمواقع.

الارتباك:  يمكن أن يؤدي عدم وجود اتصال بين التمرير والمحتوى إلى الارتباك وانقطاع الاتصال بين المستخدمين.

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

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

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

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

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

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

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

أفضل ممارسات التمرير

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

لا تخف من استبدال اللفائف الطويلة بأخرى قصيرة. دع المحتوى هو الذي يحدد حجم طول التمرير، وليس العوامل الأخرى. لا حرج في استخدام التمريرات القصيرة للصفحة الرئيسية والتمرير الطويل للصفحات المقصودة (مثل الصفحات المتعلقة بالمنتج).

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

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

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

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

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

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

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

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

تصاميم بلا صفحات في المستقبل

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

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