شريط تمرير تحميل أفقي

@david ربما نقوم بتعطيل جميع النقرات أثناء تحميل الصفحة الجديدة وعرض المحتوى القديم؟ يبدو وكأنه حالة هامشية، لكنها معقولة

@awesomerobot هل أنت راضٍ عن سمك الشريط المنزلق على سطح المكتب؟ الرأي غير متفق عليه في قسمي، وسنعمل بهذا لمدة بضعة أيام. على الهاتف المحمول، أشعر أننا حققنا التوازن الصحيح.

7 إعجابات

يعتمد ذلك على ما تسعى إليه، أعتقد. إذا كان أحد أهدافك الرئيسية هو «يعمل (تقريبًا) بنفس طريقة باقي الإنترنت»، فقد لا ترغب في القيام بذلك. في المواقع «العادية»، إذا نقرت بسرعة على رابط ثانٍ بعد النقر على الرابط الأول، سيتم تحميل محتوى الرابط الثاني.

8 إعجابات

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

متى يمكننا دمج هذا في النواة الأساسية @david؟

9 إعجابات

نعم، أعتقد أنك محق… أعتقد أنني أدعم دمجها في النواة الأساسية تمامًا كما هي اليوم.

يمكننا دائمًا تحسين هذا الأمر مع تقدمنا، لكن ما لدينا الآن متقن جدًا ويعمل بشكل ممتاز.

8 إعجابات

يبدو لي ذلك مقبولاً عند السمك الحالي، وأعتقد أنه إذا تلقينا شكاوى بأنّه غير ملحوظ بما يكفي، ربما حينها يمكننا زيادته بمقدار 1 بكسل آخر. متحمس لرؤيته في النواة!

7 إعجابات

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

دعنا نلقي نظرة على بعض تطبيقات الويب التقدمية (PWAs) الشائعة الأخرى:

الخدمة تغيير كامل للصفحة فورًا شريط تمرير مؤشر تحميل نص بديل مخصص
فيسبوك :white_check_mark: :white_check_mark:
تويتر :white_check_mark: :white_check_mark:
لينكد إن (في بعض الصفحات) :white_check_mark:
يوتيوب :x: :white_check_mark:
جيت هب :x: :white_check_mark:
:discourse: ديسكوس القديم :white_check_mark: :white_check_mark:
:discourse: ديسكوس مع شريط تمرير :x: :white_check_mark:

إذن، هذا التغيير سيجعلنا أشبه بيوتيوب وجيت هب، اللذين يبدوان -بحسب رأيي- أكثر مثل المواقع الإلكترونية من التطبيقات. هل هذا هو الاتجاه الذي نرغب في اتباعه؟ :thinking:

15 إعجابًا

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

أعجبني حقًا أن هذا التغيير يقلل من عدد البكسلات التي تتغير على الشاشة.

أعتقد أن Gmail تستخدم نمطًا مشابهًا (تعرض التحميل في مربع، ثم تبدل المحتوى).

8 إعجابات

لقد قمنا بإعداد شريط التمرير لدينا على النحو التالي (أدناه). الأمر يتعلق بالذوق الشخصي، لكنني أعتقد أن 4 بكسل على الأجهزة المحمولة أجمل من 3 بكسل؛ ومع ذلك، فإن 3 بكسل مقبولة تمامًا. ولكن، على شاشات سطح المكتب الكبيرة، يبدو أفضل، من الناحية الذاتية، عند 6 بكسل؛ ومع ذلك، أنا شخصيًا أفضل 7 بكسل لأنني أريد أن يلاحظ المستخدمون شريط التمرير والتقدم النسبي عند تحميل الصفحة، بغض النظر عن ألوان خلفية السمة؛ ولكن إذا قللنا القيمة إلى 6 بكسل على شاشات سطح المكتب الكبيرة، فهذا مقبول جدًا أيضًا. أي قيمة أقل من 6 بكسل على شاشات سطح المكتب الكبيرة تجعل الشريط بالكاد ملحوظًا على شاشات 27 و34 بوصة (بعض ألوان خلفيات السمات)؛ وبما أن الشريط يشير إلى “التحميل”، فأنا أرى أنه من الأفضل المبالغة في الوضوح؛ ولكن مرة أخرى، الأمر بالطبع ذاتي للغاية.

height: 4px;
 
@media only screen and (min-width: 960px) {
        height: 7px;
  }
8 إعجابات

تقييمي (المتأخر) لهذه الميزة:

قبل زيارتي لهذا الموضوع، لم ألاحظ حتى التغيير، وهو أمر… جيد! في رأيي، الميزات الجيدة هي تلك التي تندمج بسلاسة مع التجربة الحالية.

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

تهانٍ للفريق على التصميم الدقيق والتفكير العميق الذي أولوه لهذا التغيير! :slight_smile:

13 إعجابًا

مرحبًا،

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

6 إعجابات

ربما ضاع تقريري وسط الفوضى (أو ربما لم يكن لديهم الوقت للبحث عنه بعد).

3 إعجابات

شكرًا لك @cosdesign و @seanblue - لا يزال إصلاحها قيد نظري. لقد بدأت قائمة بـ ‘المشاكل المعروفة’ في المنشور الأصلي هنا حتى نتمكن من تتبع ما هو قيد الانتظار.

10 إعجابات

تم حل مشكلة القائمة المنسدلة الآن:

8 إعجابات

أحب هذا المكون حقًا، لقد كان عليّ تثبيته في منتدى discourse الخاص بي أيضًا. شكرًا لك!

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

4 إعجابات

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

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

7 إعجابات

لقد عدت للتو بعد غياب عدة أيام، وكان أول ما لاحظته هو مدى بطء الشعور هنا الآن.

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

إعجابَين (2)

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

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

قديم

نقرة → شاشة بيضاء → محتوى

جديد

نقرة → محتوى

أدرك أن بعض الأشخاص قد يحبون شاشة بيضاء مع مؤشر تحميل، لكن هذا رأي أقلية.

11 إعجابًا

الأمر لا يتعلق بحب الشاشة البيضاء من عدمها يا سام، بل يتعلق بإحساس السرعة.

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

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


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

4 إعجابات

أتفق تمامًا معك بشأن تصور السرعة.

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

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

إذا كان المنتدى سريعًا، فإن شريط التمرير ليس فكرة جيدة.

4 إعجابات

كلما استخدمت Meta أكثر، كلما زادت تفضيلي للمؤشر القديم. فالشريط المنزلق غير ملحوظ بما يكفي، مما يجعل الموقع يبدو غير متجاوب.

إعجابَين (2)