-
[Data-Driven UX] 뷰저블 히트맵 알아보기 (feat. 초보자)
안녕하세요.서비스 기록자입니다:) 오늘은 뷰저블 핵심 기능인 히트맵을 알아보고,뷰저블 웹사이트 UX를 사례로 분석해 보겠습니다. 데이터 분석 초보자의 UX 분석 과정과 내용을 공유해 관심 있는 uXer분들에게 도움이 되었으면 합니다. 그럼 시작해 보겠습니다!! 히트맵(Heatmap) 이란?먼저 히트맵이란 히트(Heat) + 맵(Map)의 합성어입니다. 용어의 이미지에서 유추할 수 있듯이 열 분포 그래프와 같은 형태를 띠고 있습니다.사용자의 마우스 움직임을 열 분포도로 변환해 분석 대상 웹사이트 화면 위에 그래프를 겹쳐 보여줍니다. 이렇게 사용자가 분석 대상 웹사이트 화면에서 어떤 마우스 움직임이 있었는지실제 사용자의 이용행태를 직관적으로 파악하고 분석할 수 있어요. 히트맵을 통해 기획, 디자인의 ..
2023.07.31
-
절판도서 구하는 법 국회도서관 우편복사 서비스 후기
안녕하세요! 서비스 기록자입니다. 최근 절판된 책을 구하는 좋은 방법을 알게 되어 공유하고자 합니다. 방법은 '국회도서관 우편복사' 서비스를 이용하는 것입니다. 이름만 보면.. 국회라는 단어에서 굉장히 벽이 느껴지는 것 같지만.... 실제 사용법은 매우 간편했습니다!! 국회도서관 우편복사 사용법 1. 국회도서관 사이트에 접속하여 '우편복사' 서비스를 찾는다. https://www.nanet.go.kr/main.do 국회도서관 초대합니다. 국민여러분! www.nanet.go.kr 2. 신청 주문서에 책 정보를 기입한다. 3. 신청자 정보를 기입한다. 4. 신청서에 기입한 이메일, 전화번호로 수신한 주문서 정보를 확인한다. 우편복사 진행 순서 & 주의사항 참고할 점은 저작권 있는 책은 전체분량으로 신청해도 ..
2023.02.06
-
[미션캠프] 5주간 에디터 되어 보기 (1)
작년 말, 평소 듣고 싶었던 컨셉진의 에디터 캠프 수강 신청을 했다. 2024년 새해를 맞아 1월부터 시작하는 에디터 캠프 수강 신청 완료! 과제 피드백 혜택 때문에 오프라인 강의를 신청했었지만.. 편집장님의 건강 문제로 오프라인 수업이 불가하다는 안타까운 소식이 전해졌다. 기다렸던 만큼 아쉬움도 컸지만.. 그 마음을 아셨는지 온라인 에디터 캠프 수강권을 무료로 주셨고, 추가 적립금까지 쏴주셨다! 모로 가나 기어 가나 목적지로만 가면 된다. 오프라인 커리큘럼에 맞추어 주말 동안 온라인으로 수업도 듣고 과제도 해보기로 다짐!! 그렇게 1주 차 강의를 듣고, 과제를 진행 중이다. 1주 차 강의 내용은 OT부터 시작하여 에디터와 콘텐츠, 기사 기획을 주제로 한 강의였다. 첫 강의인만큼 기본적인 내용으로 꽉 차..
2024.01.14
-
동영상 강의 기록 끝판왕? 기록 덕후의 Slide 슬리드 사용후기
요즘 유튜브 영상과 클래스 강의 영상으로 공부하시는 분들이 많습니다. 열심히 배운 내용을 디지털 노트에 정리하는 분들, 혹시.. 그런 경험 있으세요? 한쪽에 동영상 강의, 한쪽은 디지털 노트로 화면 분할하여 중간중간 영상을 멈추고, 캡처하고, 그대로 노트에 붙여 넣고, 열심히 타이핑하기를 반복.. 마치 로봇이 된 듯, 강의가 끝나는 동안 계속되는 이 행동들.. 어딘가 익숙하지 않으신가요? 기록 덕후인 분들은 아마 매우 익숙한 풍경일 겁니다. 그런데 이때..! 이 문제를 해결할 동영상 강의 기록 끝판왕이 나타났습니다. 기록 로봇 늪에서 구원해 줄 똑똑한 플랫폼, Slide 슬리드입니다! 유튜브 광고를 통해 플랫폼을 접하게 되었는데요, 기록 덕후이자 UX를 공부하는 필자는 그냥 넘어갈 수 없었습니다. 슬리드..
2022.03.05
-
토스 15,800 시간 절약한 디자인 툴, 프레이머(Framer) 사용후기
오늘 주제는 토스가 도입한 디자인 툴, 프레이머(Framer) 사용후기입니다. 이 툴에 대해서 알게 된 계기는 토스 디자이너이신 강수영 님의 인터뷰 영상입니다. 꼭 디자인뿐만이 아닌, '효율적으로 일하는 법'에 많은 영감을 주는 내용이었습니다. 일 잘하고 싶다면? 유튜브 영상 한번 확인해보시는 것을 추천드려요! 토스가 도입한 새로운 디자인 툴, 프레이머를 소개해볼까요? 프레이머(Framer)란 무엇인가? 프레이머는 강력한 디자인 도구입니다. 화면 드로잉부터 애니메이션, 페이징, 스크롤 등 다양한 제스처 기능까지 디지털 화면의 디자인에 필요한 모든 기능을 제공하며, 코딩 없이 빠르게 화면 구현이 가능한 디자인 툴입니다. 프레이머의 기술 스택 프레이머는 리액트(React), 타입 스크립트(Typescript..
2022.02.15
