그 많던 사용자들은 왜 7번째 페이지에 가지 못했을까
스타트업 기술 블로그 모음을 만들며에서 이어집니다.
긴 글을 읽을 시간이 없으신 분들께
페이지를 불러오는 속도를 높이기 위해 다시 만들었습니다 주소는 https://metapost.dev 입니다.
이 글을 작성하는 2월 22일 토요일 11시 30분기준 5일동안 1400여 사용자께서 스타트업 기술 블로그 모음에 방문해주셨습니다. 정말 감사합니다.
다시한번 글을 써주신 스타트업 종사자 분들께 감사를 드립니다.
처음 공개를 한 다음 큰 기대없이 지인분들께 알려드렸는데 건너건너 많은 분들께서 봐주셔서 이를 어떻게 해야하나 고민이 조금 있었습니다. 원래 목적인 꾸준히 “다른 회사의 기술블로그에 관심을 가지자”에 맞게 이번주에도 여러번의 업데이트가 있었습니다.
5일간 총 30건의 새 글이 추가되었고, 여기에는 메일로 기술 블로그를 운영하고 있다고 알려주신 회사 두 곳(원티드랩, 허니비즈)의 글도 포함된 숫자입니다. 연락주셔서 다시한번 감사의 말씀을 드립니다.
사용자는 몇번째 페이지까지 도달할까요?
현재 스타트업 기술 블로그 모음에는 총 1523개의 글이 있습니다. 페이지별로 10개, 152페이지까지 있습니다. 3번째 페이지부터 접속이 줄어들고 7페이지에 다다르면 2%의 사용자만 남습니다.
이렇게 두면 뒷 페이지에 있는 좋은 글들이 묻혀버리게 되어 열심히 작성해주신, 읽을만한 글들이 사람들에게 전달이 안되는 결과가 있을거라 생각했습니다.
스타트업 기술 블로그 모음에 들어와서 페이지를 넘기는 이유를 다음 페이지에 어떤 글이 있을지 궁금해서, 시리즈 다음 글을 찾기 위해서 두가지로 추려보았습니다.
- 다음 페이지에 어떤 글이 있을지 궁금해서
- 읽고싶은 주제의 글을 찾을 수 없어서
“다음 페이지에 어떤 글이 있을지 궁금해서”의 경우에는 현재 방식으로 이미 가능하므로 우선은 해결 방법을 찾지 않습니다.
검색이 가능하다면 좋은 글을 찾을 수 있지 않을까요?
“읽고싶은 주제의 글을 찾을 수 없어서”의 경우는 조금 다릅니다. 궁금한 주제 (예를 들면 Vue)를 찾으려면 페이지를 넘겨가면서 Vue를 다루는 글이 있는지 일일히 눈으로 확인해야합니다. 16개의 글이나 Vue를 다루고 있음에도 페이지를 꽤나 넘겨야 합니다.
그리고 시리즈를 다루는 경우에는 더욱 괴로운 사용자 경험을 주고 있습니다 스타트업 기술 블로그 모음에는 여러 시리즈가 있습니다.
- LINE의 코드 가독성에 대해
- 딜리버리 히어로의 파이썬 전향기 시리즈
- NRISE의 빠르고 안정적인 앱 배포의 노하우
이 밖에도 많은 시리즈들이 있습니다.
한 시리즈글을 처음 보고 다음 글을 찾으려면 현재는 다음 페이지를 넘겨서 일일히 목록을 찾아야합니다. 페이지별로 10개씩 있으니 놓칠 가능성도 많습니다.
이제 검색을 할 수 있으니 시리즈나, 관심있는 주제를 찾는 경우는 해결할 수 있었으면 좋겠습니다. 추후에 데이터를 보고 개선이 되었는지 확인해볼 예정입니다.
더 빠르게 페이지가 열리면 더 많이 볼 수 있지 않을까요?
사용하면서 느꼈던 불편한 부분이 있었습니다. 사용하시는 다른분들도 느끼셨을 수 있는데 페이지간 이동 속도가 매우 느립니다. 1페이지에서 2페이지로 넘어갈 때 약 400ms ~ 700ms 까지 꽤 긴 시간이 걸려 답답함이 느껴집니다. GitHub의 정적페이지 호스팅을 이용하고 있어 느릴 수 밖에 없습니다.
추가로, 새 글이 추가 되었을 때 배포하는 과정이 매우 불편했습니다. 일주일간 아래와 같은 루틴으로 새 글을 업데이트를 하였습니다.
- 오후 6시가 되면 RSS를 확인해서 새 글을 확인
- 데이터베이스에 새 글의 정보를 추가
- API 서버를 켬
- Nuxt.js를 이용해 정적페이지를 만듦 (150여개)
- 만들어진 정적 페이지들을 GitHub에 배포
반복해서 작업을 하다보니 입력하는 것의 불편함, 관리자 페이지의 부재 때문에 새롭게 만든 페이지가 https://metapost.dev/ 입니다.
시간이 많지 않아 2일간 총 5 ~ 6시간 정도가 걸려 최초 버전을 배포하였습니다. 서버가 일본에 있어 네덜란드에 있던 GitHub 정적페이지 호스팅보다 상당히 빨라졌습니다. 상황에 따라 다르지만 약 100ms 안에 다음 페이지를 보여줄 수 있게 되었습니다.
그리고 관리자 페이지를 가지게 되었습니다. 짧은 시간에 원하는 기능들을 만들기 위해 Ruby on Rails를 이용했습니다. 사용자가 많지 않고, 잘 만들어진 라이브러리를 이용해 빠르게 만들 수 있었습니다.
일주일간의 이런저런 통계
- 가장 많이 접속한 브라우저는 구글 크롬입니다.
- 전체 접속 중 약 30%가 인앱 브라우저 입니다.
- 모바일과 데스크톱 비율은 거의 같습니다.
- 가장 많이 사용하는 모바일 해상도는 375x812 (iPhone X 시리즈) 입니다.
- 가장 많이 사용하는 데스크탑 해상도는 1920x1080 입니다.
- 가장 많이 사용하는 운영체제는 iOS 입니다.
- 가장 많이 접속된 지역은 서울입니다.
- 서울에서 가장 먼 접속 지역은 부산이나 접속자수는 30분의 1입니다.
서울의 접속자수는 1044명입니다. - 가장 많이 접속하는 연령은 25세 ~ 34세 입니다.
- 가장 많은 사용자가 접속한 요일은 화요일입니다.
그리고
개선하고 싶은 몇가지가 있습니다.
- 회사별로 글을 묶어서 보여주려면?
- 시리즈 혹은 유사 주제 글을 묶어서 보여주려면?
- UI는 어떻게 개선해야 더 읽기 좋을까?
개선에 많은 도움을 주신 모든 분들께 감사의 말씀을 드립니다.
