thumbnail

[25-11-20] 지원자 상세 화면 UI/UX 개편

지원자 상세 화면 UI/UX 개편 및 사용성 개선

주요 업데이트

업무 연관성을 고려한 레이아웃 재구성했습니다. 레이아웃 재구성을 통해 자주 사용하는 기능을 더 빠르게 사용하도록 경로를 단축했습니다.

또, 콘텐츠 영역과 사이더의 탭 이동, 순서 변경 기능을 추가하고, 내 메모와 연락 발송 창의 위치 및 사용성을 개선했습니다.

지원자 상세 화면의 변화와 개선된 사용 경험을 아래에서 바로 확인해 보세요!

Plan : 모든 요금제

가이드 보러가기 ↓

지원자 상세 화면

지원자가 지원서 작성 시에 제출한 모든 정보는 지원자 상세 화면에서 확인할 수 있어요. 이 페이지에서는 지원자 상세화면에서 지원자 정보를 확인하는 것에 대하여 안내합니다.

지원자 상세 화면

“버튼들이 왼쪽에 모여 있다 보니 스크롤을 해야만 기능을 사용할 수 있는 경우가 많아요.”

“지원자 연락 기능과 같이 자주 사용하는 기능도 너무 많은 뎁스를 거쳐야 해서 번거로워요.”

이렇게 바뀌었어요!

위와 같은 아쉬움은 지원자 상세 화면의 왼쪽 사이더에 대부분의 기능과 메뉴가 밀집되어 있었기 때문이었는데요. 이에 기능과 업무 연관성을 기준으로 헤더, 왼쪽 사이더, 중앙 영역, 오른쪽 사이더 총 네 개의 영역으로 레이아웃을 재구성하였습니다.

변경 사항들을 헤더, 왼쪽 사이더, 가운데, 오른쪽 사이더로 구분하여 자세히 살펴볼까요?

이렇게 바뀌었어요!

헤더는 주요 상태와 정보를 한눈에 확인할 수 있도록 개선되었습니다.

그동안 여러 곳에 흩어져 있거나 몇 번의 뎁스를 거쳐야 확인할 수 있었던 정보와 버튼들을 한데 모아, 더 쉽고 빠르게 인지하고 접근할 수 있습니다.

헤더 정보 및 버튼 구성

  • 지원자 이름, 현재 단계

  • 지원 경로, 접수일, 지원자 태그

  • 중복 지원 이력 확인 버튼, 열람/다운로드 권한 설정 버튼, 활동 내역 확인 버튼, 더보기 버튼(지원자 이동/복사, 삭제)

  • 예정된 면접 일정 확인 버튼, 자동화 플로우 실행 내역 확인 버튼

이렇게 바뀌었어요!

왼쪽 사이더에는 지원자 연락 기능처럼 자주 사용하는 주요 기능들을 모았습니다.

이제는 이전보다 훨씬 더 빠르게 지원자에게 연락을 보낼 수 있고, 현업 부서에 평가를 요청할 수 있게 되어 편의성이 크게 향상되었습니다.

왼쪽 사이더 버튼 구성

  • 단계 이동, 불합격 처리 버튼

  • 연락하기, 일정 만들기, 평가표 추가, 면접 질문 추가

  • 내 메모, 더보기 버튼(외부 서비스 사용, 오퍼 레터 만들기, 인쇄, 다운로드)

이렇게 바뀌었어요!

지원자 검토나 평가를 위해서 필요한 정보를 탐색하는 콘텐츠 영역을 가운데에 위치시켰는데요. 기본적으로는 접수 정보(지원서), 자료함, 연락 내역이 위치합니다.

특히, 자료함의 경우 이전에는 지원자 요청 자료, 외부 서비스 관련 자료, 내부 자료 등이 서로 다른 탭에 있어 번거로움이 있었는데, 이제는 모든 자료들을 자료함에서 유형별로 구분해 한눈에 확인할 수 있게 되었습니다.

가운데 영역 탭 구성

  • 접수 정보, 자료함, 연락 내역(기본 구성으로, 순서 이동이나 오른쪽 사이더로의 위치 이동이 가능합니다)

오른쪽 사이더는 가운데 콘텐츠를 보면서 협업 액션을 하기 위한 보조 영역의 개념으로 개선하였습니다. 기본적으로 평가, 면접 질문, 팀 채팅 탭을 이곳에 배치하였는데요.

오른쪽 사이더의 탭들도 필요에 따라 가운데 영역으로 자유롭게 옮길 수 있도록 하여 활용도를 높였습니다.

“지원자 상세 화면 내 탭 이동이 불가능해 지원자 검토나 평가를 편하게 진행하기 어려워요”

이렇게 바뀌었어요!

이제, 원하는 탭을 가운데 혹은 오른쪽 사이더에 자유롭게 배치할 수 있고, 순서도 조정할 수 있어요.

채용 담당자나 평가자(면접관)의 업무 스타일에 맞게 탭을 배치하고, 순서를 조정해 보세요.

활용 팁

  • 모든 탭을 가운데나 오른쪽 사이더에 배치시키면 화면 공간을 최대한 넓게 사용할 수 있어요.

  • 가운데와 오른쪽 사이더의 경계선을 드래그하여 크기를 조정할 수 있어요. 기존과 같은 사용 방식이지만 왼쪽 사이더가 얇아지면서 조정할 수 있는 폭이 더 넓어졌습니다.

“내 메모 기능을 자주 사용하는데, 별도로 창을 띄우거나 위치를 이동시킬 수 없어 다른 정보를 보면서 작성하기 어려워요”

“메시지/메일 발송 창이 연락 내역이나 다른 정보를 가려서 불편해요”

이렇게 바뀌었어요!

내 메모, 메시지/메일 발송 창과 관련된 피드백을 반영하여 사용성을 개선했습니다.

내 메모 기능을 플로팅 창으로 변경하여 접수 정보(지원서)나 면접 질문을 보면서 작성할 수 있도록 개선했어요. 내 메모 창의 위치와 크기를 자유롭게 조정할 수 있어 더욱 편리해졌습니다.

메일/채팅 메시지 발송 창이 연락 내역을 가리던 불편함을 해결하기 위해 발송 창의 위치를 조정했습니다. 더불어, 발송 창을 최소화할 수 있는 기능도 마련하여 사용 편의성을 높였습니다.

  • 면접 질문과 평가 탭 내 항목을 생성일 기준 최신 순 혹은 오래된 순으로 정렬할 수 있는 버튼을 추가했습니다.

  • 지원자 정보 수정 버튼을 접수 정보 화면으로 옮겨, 기능 인지와 사용이 더욱 자연스럽도록 개선했습니다.

  • 지원자 데이터(PDF 및 제출 파일) 다운로드 버튼을 왼쪽 사이더 ‘더보기’ 버튼과 접수 정보 탭 내 두 곳에 배치하여 접근성을 높였습니다.