운영팀 킥오프 미팅 22/12/24
장장 2개월간의 아이디 비밀번호 찾기 기능개선이 끝마무리 지었습니다! 너무 오래 잡고있던 탓에 기억이 잘 안나지만 인사이트 공유를 위해 기억을 뒤집어 엎어서라도 공유를 드리겠습니다 ㅎㅎㅎㅎ
<왜? 꼭? 아이디/비밀번호 찾기였을까?>
운영팀과 협업으로 유지보수할 내용 업데이트를 리스트업 하면서 굳이 아이디 비밀번호 찾기를 우선적으로 한 이유가 있었습니다!
•
현재 로그인 / 회원가입 페이지는 리뉴얼 완료 디자인 통일성 필요
•
비밀번호 설정 시 이메일 인증 단독으로만 인증 가능 > 운영팀 CS문의 10% 차지
•
현 KFO 내 휴대폰 인증 가능 여부에 대한 테스트
•
메일 활용 가능 여부 테스트
해당 이유들로 인해서 우선적으로 아이디 비밀번호 찾기를 진행하기로 했어요.
현재 KFO 기준으로 전혀 없던 기능을 새로 넣고 설계부터 디자인까지 진행해야하는 상황이었기때문에 초반 도출과정에서 다른때보다 더 세세하게 진행할 필요가 있었어요!
기존에 유지보수 관련해서는 정확한 프로세스가 없었고 우리 디자이너 둘다 유지보수 부분에서 초짜였기때문에…
진행하면서 희수매니저와 함께 간단한 프로세스와 문제점 도출에 대해 고민했고 어느 정도의 양식을 통해서 문제점을 도출하기로 했습니다!
<참고자료>
<마음인지 머리인지 어쨌든 아팠던 현 상황>
PC 아이디/비밀번호 찾기
MOB 비밀번호 찾기
MOB 아이디 찾기
이제 기억에서 지우고 싶은 아이디 비밀번호 찾기
•
아이디 찾기 시 별도 인증없이 등록된 이메일 인증으로 아이디 팝업에 그대로 노출
•
이메일 인증 하나의 수단으로만 인증 및 찾기 가능
•
비밀번호 찾기 시에만 이메일을 통해 비밀번호 전송 임시 비밀번호가 아니라 사용자가 사용하던 비밀번호 그대로 노출 (이메일만 알면 비밀번호를 알 수 있던…보안성 최악….)
•
별도 페이지에서 운영중인 아이디/비밀번호
점점 보안에 대한 관심이 늘어나고 있는 가운데 사용자의 사용성 개선 및 KFO 보안성 향상을 위해서 플로우 자체를 바꿀 필요가 있었어요!
<새로 만든다는 생각으로 문제점 및 개선사항 도출>
현상황을 토대로 문제점 및 개선사항을 리스트업하기로 했어요!
UX 고려 안된 디자인
이메일 인증 하나의 인증 수단
문제점 도출을 했고 개선사항을 리스트업 이후에는 확실한 목표가 필요했어요! 확실한 목표설정으로 플로우 및 설계 시 확실한 개선 방향성을 수립하도록 했어요!
<잃어버릴까 품안에 쓰윽 품어 넣어놓은 목표 설정 >
CS 개선
유저 경험 및 브랜딩 고취
신규구축 페이지 동일 디자인 반영 전 테스트
이제 현상황도 파악했고… 현상황을 토대로 문제점 및 개선사항도 파악했고 이제 목표를 확실하게 잡고 작업을 진행하기만 하면 되겠네요… 참 아픈 손가락 같은 KFO
<이제부터 작업을 시작하지>
요청사항과 화면설계서를 확인한 연구소…
연구소 개발 확인 요청 (01/30)
check point!
협업시에는 우리가 원하는 니즈를 정확하게 전달하는게 중요하다!
우리는 디자인/기능만 신경쓰면 되지만 연구소는 개발코드가 가능한지 다른 DB를 정확하게 불러오고 반영시킬 수 있는지 일하는 방식이나 고려해야하는 사항이 다르기에 때문에 명확한 의사소통이 중요하다고 느꼈습니다!
(디자이너의 뇌, 마케터의 뇌, 기획자의 뇌, 개발자의 뇌 뇌구조가 모두 다르다!)
어느 순간 광기로 연구소를 괴롭히고 있는 자신의 모습을 발견할 수 있습니다.
검수 확인 리스트 (02/01)
확실히 리스트업을 해놓으니 예상하지 못한 사항 제외하고 중복으로 검수하는 시간을 줄일 수 있었어요!
<메일폼은 싸비쓰 >
•
KFO 메일폼 제작 및 양식 제작이 필요해요! > 개인정보 관련 안내 사항 고지 필요해요!
•
메일폼은 브랜딩을 할 수 있는 최적의 요소
•
필수적으로 정보를 전달하고 앞으로 메일 활용을 위해 메일폼을 제작하기로 했어요!
메일폼 유의사항
메일폼은 HTML 기반으로 만들기때문에 최대한 디자인 요소를 배제하고 제작해야해요!
폰트나 디자인이 제작할때 반영이 불가할 가능성이 높기 때문에 우리가 말하고자 하는 것을 간단하게 하는게 제일 중요해요!
<현 상태>
메일 제목/내용 등 별도 메일폼 디자인 없어요…!
<변경사항>
•
메일 제목 변경 요청 > 요즘 메일 스미싱이 많기때문에 정확하게 소속과 이유를 밝히는 메일 제목과 이름 변경이 필요했어요!
◦
메일 타이틀 : 문의하신 비밀번호입니다. > [KFO 한국직업개발원] 이메일 인증 번호 안내드립니다.
◦
메일 보낸사람 이름 변경안 : 한국직업개발원 > KFO 한국직업개발원
<시안>
최종.jpeg
최최최종.jpeg
최최종.jpeg
최최최최종! 당첨!
<이슈사항>
KFO 컬러인 블루컬러를 박스형태로 했으나 우리는 인증메일을 받았을때 드래그해서 대부분 복사 붙혀넣기를 하잖아요… 드래그 컬러가 블루라서 드래그의 유무가 확인되지 않았어요!
<최종>
그래서 박스에 테두리를 두른 형태로 최최최최최종 시안이 완성되었습니다!
드래그 시 블루 컬러가 노출되면서 KFO 메인 컬러가 두번 보이는 것처럼 기획했습니다!
<제발… 제발… 이슈사항>
언제나 연구소와 협업을 하거나 KFO와 함께라면 이슈사항은 따라오는 법이죠…
<네? G메일이 안된다구여…?>
<16px 미만은? 자동 확대?>
<라이브 마음 놓고 있었지?>
<우여곡절 끝에 라이브! 02/28>
•
기존 얼럿 형태 문구 모달 형태로 노출 > 모바일 웹에서도 어플의 향기를 느낄 수 있어요!
•
아이디 찾기 이후 비밀번호 찾기로 이어지는 플로우!
•
비밀번호 찾기 이후 비밀번호 재설정으로 이어지는 플로우!
•
깔꼼한 메일폼까지 적용 완료! 인증시간 10분으로 연령층이 다양한 KFO 고려해서 충분한 시간 적용!
<한번씩 맛들 보셔유… 페이지가 많아서 작업물을 올릴 수 없어요… 감사함다…>
<느낀점 및 인사이트>
느낀점
하나의 페이지 내에서 두가지 기능을 넣으려다 보니 페이지가 너무 많아져서 고려해야할 사항들이 많았습니다!
그만큼 검수를 한단계 한단계 꼼꼼하게 체크해야 했어요! 허나 현 상황 파악부터 문제점 도출 > 개선사항 > 목표 지정으로 확실한 방향성을 정해서 가니 작업을 진행하거나 소통할때 더욱 편했던 것 같습니다!
기존에는 기획자가 설계부터 디자인까지 고려해서 작업을 진행했었으나 해당 건은 운영팀과 미팅을 통해 실질적인 문제를 들을 수 있었고 해결방안에 대한 고민을 실무자와 함께 고민할 수 있어 더 목표설정을 확실하게 할 수 있었습니다!
하지만 일정이 너무 딜레이되면서 기록을 남겨놓는게 얼마나 중요한지 깨달았습니다… 퍼블리셔분이 한분이기 때문에 마감일정을 확실히 파악하는데 어려움이 있었어요! 기록을 남겨놓으니 언제 시작해도 바로 스탠바이 할 수 있어 도움이 많이 되었던 것 같습니다!
유지보수를 진행하면서 매번 새로운 인사이트를 배우고 적용할 수 있어 너무 좋았습니다!!
인사이트 체크
1. 연구소에 요청할때는 명확한 언어와 요구사항이 포함되어야 작업이 수월해요!
- 그러지 않으면 처음 기획하고 설계했던 내용이 달라질 수 있어요!
2. 아이폰/안드로이드 꼭 검수 필수!
지영 연구원님 > 안드로이드 / 나 > 아이폰
서로 보이는 화면이나 구현되는 기능이 달라요! 꼭 다른 운영체제도 함께 확인해보세요!
3. 기획/설계 전 현 상태에 대한 자세한 리서치 필요해요! 그에 맞는 기획과 설계를 진행할 수 있어요!
4. 각자가 가진 사이트에 대한 사용 패턴이 다르기 때문에 여러 의견을 들어보고 기획 및 설계 전 하나의 스타일과 플로우를 명확하게 가져가는게 좋아요! > 일관된 디자인이 사용성을 향상시켜요!
