전체 화면 로그인 및 계정 만들기

간단히 업데이트를 공유합니다. 오늘 또 다른 업데이트가 진행되었습니다 :smile:

1개의 좋아요

점차 목표에 다가가고 있는 것 같습니다:

엣지 케이스(이 중 일부는 실험 부분이며, 단순히 수정이 필요한 이슈들입니다)

  • 라벨 불일치(sign in vs login vs log in) - @pmusaraj의 keypass가 가장 큰 문제입니다
  • 이중 스크롤바: 배경에 콘텐츠가 여전히 남아 있어서 발생
  • 해당 페이지로 이동할 때 URL이 변경되지 않음
  • 확장성에 대한 의문 - 이것이 어떤 영향을 미칠까요?

여기서 실험을 "이 디자인에 따라 적절하게 구현할 것"이라고 넘겨도 될까요?

여기서 Ember 라우팅 변경은 꽤 필수적인 것 같습니다. 우리는 이것이 모달이 아니라 페이지임을 분명히 의도하고 있습니다.

2개의 좋아요

스크롤을 했을 때 닫기 버튼이 텍스트 지우기 버튼처럼 보입니다.

3개의 좋아요

@sam 네, 실험에 관해서는 디자인 측면에서 "이건 충분히 가능하겠다"는 것을 보여줬다고 생각합니다.

이제 엣지 케이스나 이상치는 실행 가능성보다는 현재 구현 방식과 관련된 문제입니다. 실험을 종료하고 제안하신 대로 표시하는 데 동의합니다.

1개의 좋아요

좋은 지적입니다. FIX: Inconsistent login label - Pull Request #24949 - discourse/discourse - GitHub 에서 수정했습니다.

2개의 좋아요

모두가 Chrome이나 Retina 디스플레이를 사용하는 것 같습니다 :smiley:

다음은 Linux에서 FF(파이어폭스)로 1080p 해상도에서 풀스크린 로그인 화면입니다:

아름다운 디자인이므로 몇 가지 개선만 더하면 좋을 것 같습니다. 계속 작업해 주시길 바랍니다.

3개의 좋아요

멋진 업데이트네요! 파란 배경이 사라진 건 조금 아쉽지만, 깔끔하고 중앙 정렬되며 일관된 UI는 사용자 경험(그리고 유지보수)에 중요하다고 생각하기에 높이 평가합니다. 잘하셨습니다! :+1:

제가 본 주요 문제들은 이미 이전에 언급된 바 있습니다.

요약하자면
  • 포럼의 스크롤바는 숨겨야 합니다
    – 모달 뒤로 스크롤할 수 없어야 합니다. 혼란스럽기 때문입니다.

  • 모바일에서 입력 필드가 기본적으로 포커스되지 않아야 합니다(개인 의견)
    – 키보드가 갑자기 화면을 차지하는 것은 좋지 않습니다.
    – 페이지 자체를 먼저 감상하고(첫인상도 중요합니다), 이후 경로(자격 증명, 소셜 로그인 또는 회원가입)를 선택하도록 하는 것이 좋습니다.

  • 패널 높이가 줄어든 경우 폼 패널이 개선되어야 합니다(위 게시물과 동일):
    – 패널 안에서 스크롤해야 하는 것은 꺼림칙합니다. 탐색이 꽤 어렵습니다.
    – 사용자로서는 창 높이를 최대한 활용하여 폼 전체를 보고, 필요하면 페이지를 스크롤하는 방식을 선호합니다.

정성을 다해 주셔서 감사합니다! :smile:

5개의 좋아요

피드백을 남겨주셔서 감사합니다 @Arkshine :smile:

이번 실험을 성공적으로 마무리했다고 판단했습니다. 당분간 해당 기능을 제거할 예정이며, 현재로서는 Discourse가 포럼 로그인을 위한 독립적인 라우트를 가질 수 있도록 할 계획입니다.

독립적인 라우트가 도입되면, 뒤로가기 버튼이 작동하지 않는 문제, 콘텐츠가 표시되지 않을 때 스크롤이 나타나는 문제 등이 해결되며, 컴포넌트를 통한 방식이 아닌 표준화된 방식으로 CSS를 관리할 수 있어 CSS에 대한 제어력이 다소 향상될 것입니다.

6개의 좋아요