Freecodecamp: "FCC 작동 방법 알아보기"문제를보다 쉽게 ​​탐색 (UX)

나는 또한이 도전이 UX 개선과 관련이 있다고 생각합니다. 시작하려면 이러한 모든 문제를 화살표 키를 통해 탐색 할 수 있어야한다고 생각합니다. 스크롤링 문제도 성가시다. 이미지를 더 작게 만들 수 있습니다.

cc / @ FreeCodeCamp / 이슈 중재자

@atjonathan @oalhait 예-이 길이를 크게 줄일 계획입니다. 이미지와 텍스트에 고정 높이를 사용하면 높이의 많은 변동성을 제거 할 수 있습니다.

가장 즉각적인 개선은 왼쪽 및 오른쪽 화살표를 사용하여 다음 도전으로 이동하는 것입니다.

왼쪽 / 오른쪽 화살표 문제를 맡을 게요! 하지만 한 가지 질문 : 특정 챌린지의 html / css / js는 어디에서 찾을 수 있습니까?

안녕하세요 @oalhait UX를 ​​도와 주셔서 감사합니다.

이제 문제는 반응 인프라에 있으며 대부분의보기 / 컨트롤러는 /common/app 있으며 문제는 /seed 디렉터리에있는 json 파일입니다.

뷰는 모두 JSX이고 스타일은 적습니다.

기여에 대한

그리고 Contributors Chat room에 연락하십시오 . 도움을 요청합니다.

@oalhait -

@raisedadead 팁 주셔서 감사합니다, 나는 지금 그것을하고 있습니다!
@iamrudra HAHAHA 죄송합니다. 로컬 인스턴스에서보고있었습니다.

필요한 제안-

• 도전이 끝났을 때해야 할 일 .. 다음 도전으로 이동
• 다음 챌린지를 진행하기 전에 사용자가 링크를 열도록 할 때해야 할 일
• 단계 번호 매기기를 표시하는 텍스트에 대해 수행 할 작업 ... ie .. (4/12)
  트윗 담아 가기

@sachinmour Oh- 내가 키보드에서 의미하는 화살표 키라고 말했을 때 UI 요소를 추가하지 않았습니다.

버튼을 추가하는 것보다 다음 단계 버튼과 이전 단계 버튼이 항상 같은 위치에 있도록 (이미지 / 텍스트의 높이를 제한하여) 반복해서 클릭 할 수 있도록하는 것이 좋습니다.

그러나 우리는 몇 가지 단축키를 추가하고 싶습니다. 핫키는 main.js에 있습니다.

진행하기 전에 링크를 열어야하는 단계를 만나면 어떻게해야하는지에 대한 질문에 대해서는 화살표 키를 클릭해도 단순히 진행되지 않고 대신 "새 탭에서 링크 열기"버튼이 어떻게 든 이동하게됩니다. 관심을 끌고 클릭 할 때까지 진행할 수 없다는 것을 사용자에게 알립니다.

@QuincyLarson 이 가져

안녕하세요.

문제가 해결 되었습니까?

아직 작동하지 않습니다 ?? 도움이 필요합니까?

이 문제는 help wanted @ktajpuri , @ anush6533로 열려 있습니다.

베타에서 더 작은 탐색 세트로 전환했습니다. @QuincyLarson ?

@raisedadead 예-이 시점에서 개선 할 가치가 없다고 생각합니다. 우리는 이러한 슬라이드 챌린지 중 몇 가지만 사용하며 짧습니다. 가장 긴 것은 4 개의 슬라이드와 같습니다.