Freecodecamp: اجعل التنقل في "التعرف على كيفية عمل FCC" أسهل (UX)
اسم التحدي
تعرف على كيفية عمل Free Code Camp
وصف المشكلة
يعد الانتقال إلى عرض الشرائح المكون من 12 شريحة أمرًا شاقًا بعض الشيء ، حيث يتعين عليك الاستمرار في الضغط على "الانتقال إلى خطوتي التالية" (بدلاً من الضغط على مفاتيح الأسهم للتنقل بين الشرائح). لا تتناسب أحجام الصور أيضًا مع ارتفاع الشاشة ، لذا إذا كانت نافذتك صغيرة ، فسيتعين عليك التمرير لأسفل في كل مرة لقراءة النص / التبديل بين الشرائح.
لقطة شاشة
oalhait
ال 15 كومينتر
أعتقد أيضًا أن هذا التحدي يمكن أن يحدث مع بعض تحسينات UX. للبدء ، أعتقد أن كل هذه التحديات يجب أن تكون قادرة على التنقل عبر مفاتيح الأسهم. مشكلة التمرير مزعجة أيضًا. من المحتمل أن تكون الصور أصغر.
cc / @ FreeCodeCamp / issue-moderators
ghost
في ٣ أغسطس ٢٠١٦
atjonathanoalhait نعم - نحن نخطط لخفض كبير في طول هذه. إذا استخدمنا ارتفاعًا ثابتًا للصور ونصها ، فيمكننا التخلص من الكثير من التباين في الارتفاع.
أعتقد أن التحسين الفوري سيكون الانتقال إلى التحدي التالي باستخدام السهمين الأيمن والأيسر.
QuincyLarson
في ٣ أغسطس ٢٠١٦
سآخذ في مسألة السهم الأيسر / الأيمن! سؤال واحد: أين أجد html / css / js للتحدي المحدد؟
oalhait
في ٣ أغسطس ٢٠١٦
مرحبًا oalhait ، شكرًا للمساعدة في
التحديات الآن على البنية التحتية للتفاعل ، معظم المشاهدات / وحدات التحكم موجودة في /common/app ، التحديات هي ملفات json الموجودة في الدليل /seed .
الآراء كلها JSX ، والأنماط أقل
هل انظر إلى المبادئ التوجيهية للمساهمة . ، إصلاح سعيد!
وتواصل مع غرفة دردشة المساهمين . للمساعدة.
raisedadead
في ٣ أغسطس ٢٠١٦
oalhait - راجع للشغل - يشير الرابط الموجود في وصف المشكلة الخاص بك إلى المضيف المحلي ؛)
iamrudra
في ٣ أغسطس ٢٠١٦
raisedadead شكرا على النصائح ، أنا الآن على ذلك!
و iamrudra HAHAHA عفوًا ، كان يشاهد على مثلي المحلي
oalhait
في ٤ أغسطس ٢٠١٦
الاقتراحات اللازمة لـ -
- ماذا تفعل عند نهاية التحدي .. انتقل إلى التحدي التالي
- ماذا نفعل عندما نريد أن يفتح المستخدم رابطًا قبل المتابعة إلى التحدي التالي
- ماذا تفعل للنص الذي يوضح ترقيم الخطوات ... أي .. (4/12)
تضمين التغريدة
sachinmour
في ٨ أغسطس ٢٠١٦
sachinmour أوه - عندما قلت مفاتيح الأسهم كنت أعني على لوحة المفاتيح - عدم إضافة عناصر إضافية لواجهة المستخدم.
بدلاً من إضافة أزرار إضافية ، أعتقد أنه سيكون من الأفضل التأكد من أن زر الخطوة التالية وأزرار الخطوة السابقة موجودة دائمًا في نفس المكان (عن طريق تقييد ارتفاع الصور / النص) بحيث يمكنك النقر فوقها بشكل متكرر.
لكننا نريد إضافة بعض مفاتيح الاختصار. توجد مفاتيح الاختصار في main.js
بالنسبة إلى سؤالك حول ما يجب أن يحدث إذا واجهوا خطوة حيث يجب عليهم فتح رابط قبل المتابعة ، حسنًا ، النقر فوق مفتاح السهم ببساطة لن يؤدي إلى تقدمهم وسيجعل زر "فتح الرابط في علامة تبويب جديدة" يتحرك بطريقة ما إلى لفت الانتباه إليه وأخبر المستخدم أنه لا يمكنه التقدم حتى ينقر عليه.
QuincyLarson
في ٩ أغسطس ٢٠١٦
تضمين التغريدة
sachinmour
في ٩ أغسطس ٢٠١٦
تضمين التغريدة
sachinmour
في ١٦ أغسطس ٢٠١٦
هل تم حل التحدي؟
anushreddy
في ٢٩ سبتمبر ٢٠١٦
هذا لا يعمل بعد ؟؟ هل تتطلب بعض المساعدة؟
ktajpuri
في ٧ أكتوبر ٢٠١٦
هذا العدد مفتوح كـ help wanted ktajpuri ، @ anush6533
ghost
في ٢ نوفمبر ٢٠١٦
لقد انتقلنا إلى مجموعة أصغر من التنقل في الإصدار التجريبي ، وأعتقد أنه يمكننا إغلاق
raisedadead
في ٨ ديسمبر ٢٠١٧
raisedadead نعم - لا أعتقد أن الأمر يستحق
QuincyLarson
في ١٢ ديسمبر ٢٠١٧
القضايا ذات الصلة
EthanDavis
·
3تعليقات
ROWn1ne
·
3تعليقات
itsmikewest
·
3تعليقات
raisedadead
·
3تعليقات
danielonodje
·
3تعليقات
التعليق الأكثر فائدة
أعتقد أيضًا أن هذا التحدي يمكن أن يحدث مع بعض تحسينات UX. للبدء ، أعتقد أن كل هذه التحديات يجب أن تكون قادرة على التنقل عبر مفاتيح الأسهم. مشكلة التمرير مزعجة أيضًا. من المحتمل أن تكون الصور أصغر.
cc / @ FreeCodeCamp / issue-moderators