UXUI 디자인 스터디

[TIL] 44일차 웹코딩강의 & 우체국 디자인시안 본문

UXUI 본캠프

[TIL] 44일차 웹코딩강의 & 우체국 디자인시안

^수빈^ 2024. 2. 21. 21:08
728x90

 

오늘은 웹코딩 3주차 강의를 듣고 실습까지 진행해보았다. 분명 강의를 들을때는 머리로는 이해가 가는데 듣고 혼자서 과제를 진행하려다 보니까 하나도 생각이 나지 않았다. 그래도 주저없이 리액트 튜터님을 찾아가 여쭤봐서 이해를 할 수 있었다. 이해를 한 내용을 바탕으로 초록색으로 메모해놨다. 넘 어려운 코딩...

 

우체국 프로젝트 디벨롭

as is / To be

 

인사이트 도출내용 : 정보입력과정에서의 불편함

근거- “결제카드정보 입력을하고 잠시 해당 창을 닫고자 뒤로 가기 버튼을 눌렀더니아예 서비스 입력
창이 나가지더라고요.”

 

원인찾기 : 왜 결제카드정보 입력을 하고 잠시 창을 닫고자 뒤로가기를 눌렀을까?

문제정의 : 결제카드를 입력할때 새로운 창으로 넘어가서 전에 썼던 내용을 확인하지 못해서 생기는 문제

가설 : 결제카드정보 입력화면을 다음화면으로 넘어가게 하지말고 기존화면에서 바텀시트로 나와서 입력하게하면 이탈률이 줄을 것 같다.

 

개선방향 : 카드를 등록하면 등록했던 카드를 볼 수 있게 개선하였고 카드정보입력부분에서는 다음화면으로 넘어가지 않고 바텀시트로 나와서 한화면에서 볼 수 있게 해보았고 카드스캔하기를 추가해서 정보가 자동입력되게 하는 방안으로 개선해보았다.

 

이제 폰트크기, 정렬, 간격 등 디테일하게 디자인만 보기좋게 수정하면 될거 같다!