위어드섹터 공식 블로그

진행 중인 프로젝트에서 cohort 그래프의 tooptip의 위치를 마우스의 위치에 따라 변하게 하는 작업을 진행했습니다. 이때 다음과 같은 2가지 문제를 직면하게 되었습니다. 1. 화면 사이즈에 따라 cohort 분석 그래프의 크기가 변하면서 tooptip이 보여지는 위치가 상대적으로 다르게 보이는 문제가 발생했습니다. 2. 특정 사이즈가 되면 cohort 분석 그래프의 레이아웃이 변하면서 그래프의 크기가 커졌습니다. 이때 tooptip 의 위치를 전에 세팅해놓은 값으로 하였을 때 tooltip의 위치가 다르게 보이는 문제가 발생했습니다. 1번 문제에 대한 시도는 tooltip이 보여지는 위치가 cohort 그래프의 크기에 비례하게 거리를 조정하는 방안으로 문제를 해결했습니다. 아래는 그 코드 예시입니..

얼마 전 웹사이트 ‘래빗’의 신규 추가 페이지를 맡아 기획하게 되었습니다. 매일 소비자 입장에서 사용만 했던 웹사이트를 생산자 입장에서 구상하고 만들어 보는 것은 신기하고도 흥미로운 일이었습니다. 하지만 처음 맡는 일이다 보니 시행착오도 있었습니다. 하지만 이 시행착오들을 통해 배운 점이 많다고 생각합니다. 이렇게 배운 내용들을 기록으로 남겨두기 위해 이곳에 몇 자 적어보겠습니다. 보다 이해가 쉽도록 순서대로 나열했습니다. 1. 사용자 입장에서 플로우를 그려보자 플로우 차트란 을 말합니다. 레이아웃만 먼저 추가하다 보면 세세하지만 꼭 필요한 페이지나 기능들을 빼먹기 쉽습니다. 그래서 유저의 입장에서 사이트의 처음 입장부터의 행동 흐름을 상상하며 따라가 봅니다. 이것을 한눈에 보기 쉽게 정리한 순서도가 플..

새로운 서비스가 어느 정도 완성되고, 이제 이 서비스를 알려야 하는데.. 홍보하는 일만 남았을 때. 어디서부터 시작해야할지 생각이 많아졌습니다. 그렇게 해서 제가 스터디한 한정된 예산과 불안한 눈빛을 뒤로하고 광고 효율 극대화를 이루는 방법! 주어진 예산은 한정적입니다. 그래서 이 예산을 어떻게 ‘잘’ 쪼개써야 할지 계획이 필요합니다. 그 방법들을 제가 스터디한 내용을 합쳐 정리해 보았습니다. 1. Consumer Decision Journey (이하 CDJ) 설계 일반적인 고객의 구매 여정을 아래와 같이 정리해 보았습니다. 인지 -> 인식 -> 고려 -> 구매 -> 재구매 2. CDJ와 우리 브랜드 연결 다음 질문들을 던져보고 답을 생각해봅니다. (1) 우리 브랜드의 타겟층은 CDJ중 주로 어느 단계에..

많은 온라인 플랫폼에서 ‘그로스 해킹’을 솔루션으로 채택하고 있고 그 수는 증가하고 있습니다. 하지만 온라인 플랫폼의 서비스 제공 형태는 매우 다양하기에 이런 질문이 떠오릅니다. ‘그로스 해킹이 만능열쇠처럼 모든 비즈니스에 딱 맞는 해결책이 될 수 있을까?’ 결론부터 말하면 ‘그로스 해킹이라는 열쇠가 딱 들어맞는 서비스는 따로 있다’고 말할 수 있습니다. 그로스 해킹은 모든 서비스에 솔루션으로 적용이 가능하지만, 이 솔루션이 비교적 미미한 효과가 나타날지도 혹은 간단한 방법이었지만 굉장한 효과를 발휘할 수도 있다는 이야기죠! 온라인 서비스는 명확하게 칼로 자르듯 종류를 나눌 수는 없지만, 사용자 경험 측면에서 봤을 때 ‘(1) 주요한 사용자 경험이 오프라인에서 이뤄지는 서비스’ 와 ‘(2) 주요한 사용자..

광고는 어떤 식으로 기획이 되고 실행이 되는지 아시나요? 페이스북 광고의 실행 과정은 크게 4가지로 나뉩니다. 이 중 광고의 뼈대가 되는 광고 기획을 세우는 법에 대해 정리해 보았습니다. I 광고 기획 모든 작업에는 기획 단계가 존재합니다. 광고에도 당연히 기획이 존재하는데요, 어떤 내용을 정해야 할지 정리해보았습니다. 광고기획에서 가장 중요한 3가지는 아래의 3가지입니다. 타겟 목적 컨셉 우리가 광고를 할 때 누구를 타겟으로 하느냐에 따라 광고의 컨셉과 메세지를 어떤 이미지로 전달해야 할지가 정해집니다. 예를 들면 타겟이 20대라면 지루한 내용보단 최신 유행어나 짤 등을 이용하여 흥미를 유발하는 게 우선시 됩니다. 40,50대 사장님이라면 이벤트나 내용을 강조하는 방향으로 기획이 정해집니다. 저희 데이..

UI에서 색상이 주는 의미와 중요성에 대해 공부해보았습니다. UI에서 색상이란 사용자에게 디자인을 직관적으로 이해시킬 수 있는 강력한 시각 요소입니다. 색상이 잘못 사용된 디자인은 사용자에게 혼란을 주고 서비스의 집중도를 떨어트립니다. UI에서 색상만 제대로 사용해도 사용자를 원하는 방향으로 이끌어 줄 수 있습니다. I 색상의 용도와 해석 색상은 어떠한 이미지와 의미를 같이 동반합니다. 문화에 따라 색을 해석하는 경우가 다를 수는 있지만 공용적으로 색이 나타내는 의미가 있는데 이를 안전색채라고 부릅니다. 안전색채란 색으로부터의 연상과 상징을 이용해 위험을 제거하거나 예방하기 위해 만들어진 색입니다. 표준에 따르면 빨강은 오류, 금지 위험을 노랑은 주의, 녹색은 진행, 안전을 의미하는 것으로 정해져 있습니..

firebase에 앱 연동을 하던 중, SHA 인증서를 입력하는 부분이 있었다. firebase 에서는 선택사항이었으나, 나는 Google Play Console에 올려야 하기 때문에 필수사항으로 입력해야 했다. 이번 글에서는 android studio와 cmd 에서 SHA 확인하는 방법을 기록하겠다. 1. android studio 1-1. 안드로이드 스튜디오에서 우측의 코끼리 아이콘(초록색 박스)을 누른다. 만약 코끼리 아이콘이 없으면? ** 제일 우측에 Gradle(빨간색 박스)이라고 되어있는 것을 누른다 ** View - Tool Windows - Gradle 을 누른다 1-2. gradle signingReport 입력 1-3. 하단 Run 부분에서 결과가 나온다 2. cmd 2-1. cmd 를..