Figma를 활용하여 UI를 설계했다.
수정 전
수정 후
생각보다 화면이 많이 나와서, 최대한 효율적이고 알차게 쳐냈다.
각 기능에 맞춰 조금 수정이 예상 되기도 하다.
개선된 약식 화면 설계서
늘 느끼지만 개발보다 설계 단계가 더 머리아픈 것 같다. . . ㅎㅎ
코테 준비와 프로젝트를 같이 하니까 조금 벅차지만, 시간을 효율적으로 쓰는 것 같아서 괜찮다.
2025.06.15
UI/UX 개선
1. 문항 결과 유형 단일 선택으로 변경
-
질문, 문항 생성 시 하나의 문항에 결과 유형을 2가지 연결 해야 하는데, 사용자 경험을 위해서 하나의 문항에 한가지 결과 유형만 체크하도록 수정
- 기존: 하나의 문항에 2가지 결과 유형 선택 가능 - 변경: 사용자 경험 개선을 위해 문항당 1개의 결과 유형만 선택 가능하도록 수정
2. AI 질문·문항 자동 생성 방식 개선
-
결과 유형 등록 후 AI가 12가지의 질문과 48가지의 문항을 제작해주지만, 너무 번잡하고 많기 때문에 원할 때 비동기적으로 추가하는 방법으로 수정
- 기존: 결과 유형 등록 시 AI가 자동으로 12개 질문, 48개 문항 생성 → 복잡함 - 변경: 사용자가 원할 때 비동기적으로 생성 및 AI 활용 요청할 수 있도록 변경
전 :
후 :
3. 결과 유형 등록 방식 개선
-
결과 유형 등록 시 6가지의 결과를 추가해야하지만, 너무 번잡하고 많기 때문에 비동기적으로 추가하는 방법으로 수정
- 기존: 한 번에 6가지 결과를 모두 입력 - 변경: 비동기 방식으로 하나씩 추가할 수 있도록 UI/UX 개선
4. 공식 / 사용자 테스트 등록 구분 없애기
-
사용자가 테스트를 등록하였을 때, 공식/ 사용자 테스트 분할하여 진행하지만, 서비스의 복잡도를 가중하다고 느껴져서 통일
- 기존 : 테스트 등록 시 공식 테스트와 사용자 테스트로 분리하여 관리 - 변경 : 테스트 유형을 통합하여 동일한 방식으로 등록 및 운영
전 :
후 :
정진 또 정진