디자인카타(3) 250124

최문·2025년 1월 24일

디자인카타

목록 보기
3/20
post-thumbnail

[출처 디자인나스]

A : "이름을 입력해주세요" B : "ex. 홍길동"

1.회원가입 뷰에서의 힌트 텍스트 어떻게 입력하시겠어요?

B

  • 입력해야하는 예시를 보여줌으로, 쉽게 입력할 수 있다.
  • 사용자가 입력하기 위해 생각하는 단계를 "이름을 입력해주세요 > 이름 > 최문경" 의 단계가 아니라 "홍길동 > 최문경" 바로 대입할 수 있다.
  • 휴대폰 번호에 "-"를 넣어야한다는 예시를 보여줌으로 사용자도 그대로 입력할 수 있다.
  • 생년월일 입력의 경우, 서비스 내에서 8글자와 6글자 중 어떤 방식을 택했는지 예시로 바로 확인할 수 있을 것 같다.

2. 나머지 하나의 UI는 왜 별로인 지, 왜 선택하지 않았는 지 작성합니다.

  • A는 라벨과 중복된 내용으로 불필요한 내용이라고 생각한다.

3. 내 의견을 뒷받침 할 수 있는 실 사례가 있는지 찾아봅니다.

  • 회원가입 화면 구성에 따라 다양한 방법이 존재한다.
    결론은 회원가입은 사용자가 서비스를 이용하기 위한 중요한 시작점이기 때문에,사용자가 회원가입을 하는데 쉽고 불편하지 않도록 가이드를 주는 방법이 제일 좋은 것 같다.

    • 서비스의 성향과 회원가입 페이지 구성에 따라 A,B 둘 다 사용할 수 있을 것 같다. 재밌는건 유아이볼에서 로그인/회원가입 화면을 확인했을 때 A를 적용하는 앱이 많았다.

4. 팀원 의견 정리

[인아님]

[조은님]

  • 나의 답변이 어떻게 생겼을 것인지에 대한 예시를 제공하는 것이 더 직관적이다.
  • 주의해야 할 점은 입력하면서 까먹을 수 있는 조건에 대한 문구는 플레이스홀더가 아니라 텍스트 필드 밑에 헬퍼 텍스트에 적어야 한다고 한다.

[윤정님]

  • 피그마기초 3주차 내용을 접목시켜서 분석하심.

[소라님]


[느낀점]

  • " 헬퍼 텍스트"의 유무

  • A는 디지털 환경이 익숙하지 않은 사람들에게 유용 > 인풋컨테이너를 인식하기 위해.

  • B는 디지털 환경이 익숙한 사람에게 유용 > 빠르게 회원가입 단계 진행

  • 어떤 방식이든 방향성에 따라 적절히 이용하면 된다.

  • 팀원들 다들 전문적이시다...나는 언제 저런 견해를 가질 수 있을까...멋지면서도 스스로 조급해진다.

profile
취준생의 일기

0개의 댓글