SkillLens 온보딩 8판 고침5(흐름 화면 다듬기) 261106-1856
시안, 온보딩(입구 → 초대) PC 1366폰 390회사 조회 연출 다시 보기예시 회사 가온에듀, 숫자는 모두 예시, 2026-11-05

검토 기록 네 장 (3판에 반영)

내부 1, 등록표 대조등록표 2판 ①~⑧, ⑰의 상태를 2판 시안과 하나씩 대조해 빠진 화면 상태를 찾았어요.
  1. 로딩 화면 4장: 회사 찾는 중, 직무 읽는 중, 스킬셋 만드는 중, 초대 보내는 중(렌즈 + 진행 단계 3개 + 점 애니메이션, 창을 닫아도 계속)
  2. 직무: 직무 찾기 칸, 직군 단위 체크, 직무시트, 직무 더하기 메뉴
  3. 스킬: 스킬셋 시트 머리에 진단 체크, 요구레벨 풀이, 스킬시트(Lv 1~5), 직무 찾기 칸
  4. 명단: 직무별 인원 요약, "1,248명을 읽었어요" 결과 시트, 줄 체크 손잡이
  5. 로그인: 실무자 안내 시트, 세션 만료, 확인: 메일 미리 보기 시트, 전부 실패 상태, 목적: 미리 채워 둠 상태
내부 2, 디자인 결정, 자동 검사색 9벌, 글자 두 층, 로고, 온보딩 틀 결정과 금지 말, 시작선, 디자인 기초 검사를 다시 돌렸어요.
  1. 색은 9벌만 씀(보라 = 선택, 진행, 먹색 = 확정 버튼, 코랄 = 확인 필요 하나만, 라임 = 하드스킬)
  2. 안내 화면 제목 32, 작업 화면 글 14, PC 모드 글 13 이상, 로고 한 벌(겹친 렌즈 둘 평행)
  3. 버튼은 이전 + 주 버튼 둘만, 폰은 주 버튼 하나 + 왜 안 눌리는지 한 줄
  4. 금지 말 0, 시작선 33화면 통과, 디자인 기초 92화면 통과(제목 비율, 간격, 뱃지 끝선, 카드와 바탕)
외부 1, HR 담당자 시선규칙 없이 "처음 쓰는 HR 담당자"로 보게 했어요. 고친 것 10개.
  1. 명단: 45명 못 맞춰도 "45명 빼고 계속하기"로 넘어갈 수 있게, 그룹별 직무 한 번에 지정 손잡이
  2. 이메일 오류, 중복 줄에 고치기, 합치기, 직무 고르기 손잡이(폰 포함)
  3. 목표점수: "현재 SRS 64" 예시 삭제, SRS 풀이를 제목 바로 아래로, "지금은 평균 75로 두고 결과 본 뒤 고쳐도 돼요"
  4. 직무: "우리 이름 → 표준"으로 라벨, 확인 필요 n개만 보면 넘어갈 수 있다고 버튼 옆에
  5. 스킬: "46개 다 안 열어도 돼요" + 렌지가 짚은 2개만, 시트 머리에 진단 체크, 요구레벨 풀이
  6. 확인: 잠기는 것과 계속 고칠 수 있는 것 분리, 메일 미리 보기
  7. 독려일: 주말이면 평일로 옮김을 표시, 시작일 = 오늘이면 "보내기 누르면 바로"
  8. 목적: 필터를 결과로 설명("43개는 꼭 물어요, 나머지는 3단계에서 켜고 끌 수 있어요")
  9. 편집 범위 이름을 "실무자 스킬 고치기"로 통일, 고른 뒤 관리자 후속 일 한 줄
  10. 최대인원(계약), 프리셋(준비된 목적) 뜻 붙임, "영수증" → "요약"
외부 2, 디자인 리드 시선규칙 없이 "제품 디자인 리드"로 보게 했어요. 고친 것 10개.
  1. 입구, 마침의 흐린 글자 제거(렌즈만), 로고 머리 한 벌
  2. 주 버튼 = 먹색 알약 52px + 화살표 + 동사 라벨 통일
  3. PC 카드 880, 내용만큼만 높이(빈 하단 없음)
  4. 제목 32/800 두 줄 안, 부제 16
  5. jobs, people 숫자 3개 한 줄, 코랄은 "확인 필요" 하나만, 행 2줄
  6. 회사: 그라데이션 띠 삭제, 회사명 큰 먹색 글자, 숫자 4칸, 출처 한 줄
  7. 목적, 편집 범위: 선택 카드 라벤더 면 + 체크, 높이 줄임
  8. 목표점수: 슬라이더 + 눈금 50~100, −/+ 44px
  9. 렌지 안내 띠를 검정에서 라벤더로, 카드 속 카드 없앰
  10. 폰: 칩 한 줄 가로 스크롤, 숫자 3열 한 줄, 안내 문장은 버튼 바로 위

8판: 디자인 시스템 0.7 반영. 제목 키움(입구 56, 작업 40, 폰 28, 폰 입구와 마침 36)과 핵심 구절 하나만 보라, 카드 안 카드 없앰(시작선 둘), 체크박스 24px, 첫 줄 맞춤, 로고 위치 한 줄(72), 입구 제목을 패널 밖으로, 흰 카드 + 1px 링, 이전 = 흰 바탕 보라 글자, 목적 카드 선 아이콘, 호버(큰 카드만 떠오름, 행은 배경색, 화살표 3px, 빛 스침은 초대 보내기만), 등장, 시차, 숫자 세기, 단계 전환 0.36초(폰 0.3초), 진행 점 미끄러짐, 마침 합침 + 라임 체크, 입구 배경이 마우스를 따라 24px, 폰은 숨쉬기. 아래 띠의 이전, 다음을 누르면 다음 화면으로 넘어가요
7판: 로고를 디자인 시스템 재구성본(두 렌즈, 28°)으로 교체, 입구, 마침 배경을 이미지로, 입구 렌즈 인트로 1.2초 한 번, 로딩은 두 렌즈가 모였다 벌어지는 반복, 회색을 보라 쪽 회색으로, 카드, 선택 카드, 입력 칸은 선 없이 면으로, 위, 아래 띠는 유리, 이전 버튼은 회색 면, 주 버튼은 보라 알약 그대로
6판: 주 버튼 렌즈 보라 알약 한 벌(색 결정 고침), 완료 표시 라임, 입구 렌즈 인트로 1.7초 한 번, 정할 것: 카드 880, 안내 제목 32, 독려일 평일 이동, "나에게 테스트 메일" 유무