[강의학습일지] UXUI 디자인 입문 3주차 숙제 - 테스트케이스 작성 + 디자인 QA로 발견한 이슈 공유하기

1. 테스트케이스 작성하기 (뱅크샐러드)

뱅크샐러드

 

화면	조건	테스트케이스	입력값	기댓값	테스트환경
휴대폰 본인인증	정상	모든 텍스트 필드에 정상 값 입력	name:'홍길동'	입력완료 후 다음단계 진행	iOS
	에러	형식에 맞지 않는 값 입력 (특수문자)	name:'??'	텍스트필드 아래에 오류 메시지 노출 '한글 또는 영문으로 입력해주세요'
	정상	모든 텍스트 필드에 정상 값 입력	number:'주민등록번호'	입력완료 후 다음단계 진행
	에러	형식에 맞지 않는 값 입력 (주민등록번호 앞 7자리)	number:'주민등록번호' 아닌 값	텍스트필드 아래에 오류 메시지 노출  입력한 정보를 확인해 주세요'
	정상	모든 텍스트 필드에 정상 값 입력	number:'000-0000-0000'	입력완료 후 다음단계 진행
	에러	형식에 맞지 않는 값 입력 (휴대폰 번호)	number:'000-0000-0000' 핸드폰번호가 아닌 값	텍스트필드 아래에 오류 메시지 노출  입력한 번호를 확인해 주세요'

 

뱅크샐러드

화면	조건	테스트케이스	입력값	기댓값	테스트환경
인증번호 입력	정상	모든 텍스트 필드에 정상 값 입력	number:'인증번호 6자리'	입력완료 후 다음단계 진행	iOS
	에러	형식에 맞지 않는 값 입력 (인증번호 6자리)	number:'인증번호 6자리' 아닌 값	'인증번호 오입력, 잘못된 인증번호입니다. 인증번호를 다시 입력해주세요. (최대 3회 입력 가능' 팝업창 노출
계좌번호 입력	정상	모든 텍스트 필드에 정상 값 입력	number:'계좌번호'	입력완료 후 다음단계 진행
	에러	형식에 맞지 않는 값 입력 (계좌번호 10~14자리)	number:'계좌번호' 아닌 값	'계좌를 찾을 수 없습니다. 기관명 또는 계좌번호를 확인해주세요' 팝업창 노출
계좌번호 인증	정상	모든 텍스트 필드에 정상 값 입력	name:'입금자명 4자리'	입력완료 후 다음단계 진행
	에러	형식에 맞지 않는 값 입력 (입금자명 4자리)	name:'입금자명 4자리' 아닌 값	'입금자명 불일치, 입금자명이 일치하지 않습니다. 계좌내역에서 뱅크샐러드가 보낸 1원의 입금자명을 확인 후 다시 입력해주세요.' 팝업창 노출

2. 디자인QA로 발견한 이슈 공유하기

Fail	기대결과
텍스트를 길게 작성 시 텍스트필드 이후로 텍스트가 넘어갑니다.	텍스트 필드 이후로 글자가 길어길 경우 말줄임표로 변경 후 텍스트 필드 우측에 X 표시해주세요.

3. 사내 메신저로 @엔지니어 에게 발견한 이슈 공유하기

[휴대폰 본인인증 텍스트 박스]

@엔지니어

안녕하세요.

디자인 QA 이후 발견한 이슈에 대해 공유드립니다.

 

참고문서

- Figma

- Prototype

 

작업내역

• 텍스트 필드 이후 텍스트는 말줄임표로 변경
• 텍스트 필드 우측에 X 표시로 삭제할 수 있는 버튼 삽입
• 텍스트 필드에 텍스트 커서 삽입

배경 및 솔루션 의도

1. 휴대폰 본인인증에서 이름을 입력하는 란에 텍스트가 길어지면 텍스트 필드 밖으로 텍스트가 넘어감
2. 텍스트 필드보다 길어질 경우 줄임표로 변경하고 텍스트 필드 우측에 X 표시로 삭제할 수 있는 버튼 삽입
3. 텍스트 필드에 커서를 넣어 쉽게 위치를 수정할 수 있게 변경

피드백 포인트

• 텍스트 필드 이후 텍스트가 길어질 경우 말줄임표로 바뀌는지
• 삭제 버튼을 클릭하면 텍스트 필드에 있는 텍스트가 한꺼번에 지워지는지
• 텍스트 필드에 텍스트 커서가 잘 위치해있는지

피드백 기한

6월 4일 화요일까지

 

혹시 일정이 촉박하시면 말씀해주시고, 궁금하신 점이 있으시면 연락주세요!

감사합니다.