Freecodecamp: Jadikan tantangan "Pelajari cara Kerja FCC" lebih mudah dinavigasi (UX)

Saya juga berpikir bahwa tantangan ini dapat dilakukan dengan beberapa peningkatan UX. Untuk memulai, saya pikir semua tantangan ini harus dapat dinavigasi melalui tombol panah. Masalah dengan pengguliran juga mengganggu. Gambar mungkin bisa dibuat lebih kecil.

cc / @ FreeCodeCamp / moderator masalah

@atjonathan @oalhait ya - kami berencana untuk mengurangi panjangnya secara signifikan. Jika kami menggunakan ketinggian tetap untuk gambar dan teksnya, kami dapat menghilangkan banyak variabilitas ketinggian.

Saya pikir perbaikan yang paling cepat adalah pergi ke tantangan berikutnya dengan panah kiri dan kanan.

Saya akan menangani masalah panah kiri / kanan! Namun satu pertanyaan: di mana saya menemukan html / css / js dari tantangan khusus?

Hai @oalhait terima kasih telah membantu di UX.

Tantangan sekarang ada pada infrastruktur react, sebagian besar view / controllers ada di /common/app , tantangan adalah file json yang ada di direktori /seed .

Semua tampilan JSX, gaya LEBIH KURANG

Lihat Panduan untuk Berkontribusi ., Selamat memperbaiki!

Dan hubungi ruang Obrolan Kontributor . untuk bantuan.

@oalhait - BTW - Tautan dalam deskripsi masalah Anda mengarah ke localhost;)

@raisedadead terima kasih atas tipnya, saya siap sekarang!
dan @iamrudra HAHAHA ups, sedang melihat di instance lokal saya

saran yang dibutuhkan untuk -

• apa yang harus dilakukan saat di akhir tantangan .. lanjutkan ke tantangan berikutnya
• apa yang harus dilakukan jika kami ingin pengguna membuka tautan sebelum melanjutkan ke tantangan berikutnya
• apa yang harus dilakukan untuk teks yang menunjukkan penomoran langkah-langkah ... yaitu .. (4/12)
  @QuincyLarson @atjonathan

@sachinmour Oh - ketika saya mengatakan tombol panah yang saya maksud di keyboard - tidak menambahkan elemen UI tambahan.

Daripada menambahkan tombol tambahan, saya pikir akan lebih baik untuk memastikan bahwa tombol langkah berikutnya dan tombol langkah sebelumnya selalu berada di tempat yang sama (dengan membatasi ketinggian gambar / teks) sehingga Anda dapat mengekliknya berulang kali.

Tapi kami ingin menambahkan beberapa hotkey. Tombol pintas berada di main.js

Adapun pertanyaan Anda tentang apa yang harus terjadi jika mereka menemukan langkah di mana mereka harus membuka tautan sebelum melanjutkan, klik tombol panah tidak akan memajukannya dan sebaliknya akan membuat tombol "buka tautan di tab baru" berpindah entah bagaimana ke tarik perhatian ke sana dan beri tahu pengguna bahwa mereka tidak dapat melanjutkan hingga mereka mengekliknya.

@Quincyon mengerti ..

@Jamur_kejang

Apakah tantangannya sudah terpecahkan?

Ini belum berhasil ?? Apakah itu membutuhkan bantuan?

Terbitan ini dibuka sebagai help wanted @ktajpuri , @ anush6533

Kami telah beralih ke kumpulan navigasi yang lebih kecil pada versi beta, saya kira kami dapat menutup @QuincyLarson ini?

@raisedadead Ya - Saya rasa tidak ada gunanya ditingkatkan pada saat ini. Kami hanya menggunakan beberapa tantangan slide ini, dan mereka pendek - saya pikir yang terpanjang seperti 4 slide.