DB 설계 (혹은 DB 마이그레이션) 관련 업무를 진행할 때, 기획자는 어떤 것들을 챙기면 좋을까요? 막연하게 개발팀에서 알아서 잘 하겠지... 라고 미뤄뒀다가 나중에 큰 고생을 하는 것을 방지하기 위해서 ㅎㅎ 기획 단계에서 챙겨야 하는 것들에 대해 정리한 아티클입니다. 실제로 알라미에서 동기화 기능을 개발하면서, 중간중간 담당자들 머리를 아프게 했던 사례들을 기반으로 쓴 글인데요. 되돌리기 어려운 의사결정들을 초기에 어떻게 잘 할 수 있는지 살펴보시면 좋을 것 같네요.

[다음 분기에 5개월 일하기 vs 지금 5시간 논의하기]

모달(modal) UI는 사용자의 이목을 끌기 위해 사용하는 화면 전환 기법을 의미합니다. 그 안에는 팝업, 바텀 시트, 스낵바 등 여러 가지가 존재해, 어떤 UI를 어떤 상황에 적용하면 좋을지 헷갈릴 때가 있는데요. 저 역시 주니어 PM으로서 UXUI 디자인 용어는 알지만 사용하는 맥락을 알기 쉽지 않았는데 잘 정리된 글이 있어 가져왔습니다.

 1. 팝업(Pop-up)
    * Popup, dialog, alert 등 다양한 이름으로 불림
    * 주로 2가지 상황에 사용
      * 앱/기기상태와 관련된 중요한 정보 전달
      * 사용자의 결정 필요(정보 입력, 승인 등)
    * 팝업 사용시 주의 사항
      * 사용을 최소화해야
        * 앱의 모든 기능 비활성되기에 의도적으로 사용자를 방해하여 피로감을 줄 수 있음
      * 간단한 태스크를 제공해야 함
      * 팝업 타이틀/버튼은 상황을 간결하게 설명

 2. 바텀 시트(Bottom Sheet)
    * 주로 2가지 상황에 사용
      * 기존 화면과 관련 있는 콘텐츠를 제공할 때
        * 기존 컨텍스트에서 벗어나지 않고 관련된 작업을 할 수 있어 더 빠르게 프로세스가 진행되는 느낌 전달
      * 다양한 메뉴를 제공할 때
        * 화면 이동 발생하지 않아 유저에게 신속하고 간편한 느낌 전달
    * 바텀시트 구성요소: Scrim / Handlebar / Header / Contents / Button
    * Scrim의 여부에 따라 Modal과 Non-Modal로 구분
      * 유저가 기존화면을 함께 사용할 땐 Non-Modal 타입 선택
    * Handlebar는 사용자에게 바텀 시트를 확장할 수 있음을 알려줌
      * 있는 경우엔 제스처로 확장과 Pull-to-dismiss가 필수적!

 3. 스낵바(Snackbar)
    * snackbar, toast로 불림
    * 사용자가 수행한 액션에 대한 피드백을 줄 때 사용
    * 별도의 액션을 제공하는 것도 가능
    * 사용 시에는 위치를 항상 고려하고 제한 시간 이후에 사라지기에 짧고 간결하게 표시한다.

https://yozm.wishket.com/magazine/detail/1272/

프로덕트 매니저

모달 UI의 의미와 선택 방법

SEO(Search Engine Optimization)이라 불리는 검색엔진 최적화는 앱/웹 기반 서비스를 운영하면 유저 사용성만큼이나 집중해야할 부분입니다.

쉽게 말하면 네이버나 구글 같은 검색 엔진이 쉽게 이해할 수 있는 형태로 웹페이지를 구성하는 과정이라고 말할 수 있습니다. 이는 대개 마케팅의 영역으로 여겨질 때가 많지만 유저 여정에서 '유입' 단계에 해당하는 중요 퍼널 중 하나입니다!

검색 창에서 검색한 결과
 * 광고가 아닌 자연 검색(Organic Search)
 * 광고로 노출되는 PPC(Pay-per-click)
2019년 자료에 따르면, 전체 구글 검색 유저 중 40%가 오가닉 검색을 활용하며, 불과 3.8%의 유저만 이 광고를 클릭하고 있었습니다.

-> 검색엔진 최적화를 통해 웹페이지의 노출 순위를 높이는 것의 중요성 상승!

검색엔진 최적화를 위한 작업

메타 태그(Meta Tag)
 * <title> 태그 : 웹페이지를 검색 엔진에 검색했을 때 노출되는 제목
 * <description> 태그 : 메타 디스크립션이라고도 부르며, 해당 웹페이지의 설명을 요약한 한 두줄의 문장
 * <robots> 태그 : 웹페이지 별 검색 로봇의 접근 여부를 설정할 때 활용, 검색로봇이 크롤링한 데이터를 기반으로 검색결과 표시될 수 있도록 하기에 중요
 * <canonical> 태그 : 여러 URL을 가진 웹페이지가 있을 때, 해당 페이지의 대표 URL을 설정할 수 있는 태그

오픈 그래프(Open Graph) 태그
: 웹페이지의 링크가 카카오톡이나 기타 SNS에서 공유될 때 어떻게 노출될지를 정의해 주는 역할
 * 단순히 SNS에 효과적으로 공유될 수 있게 하는 목적뿐 아니라, SEO 과정에서 해당 웹페이지가 얼마나 공유되고 있는지 판단하는 기준
 * 검색 상위 노출을 위한 품질 평가에도 영향을 주는 중요한 역할

검색엔진 최적화(SEO)란?

Data Analyst

학부에서 심리학을 전공했고, 데이터를 읽고 분석합니다. 데이터에 담긴 사람들의 마음과 행동에 관심이 많습니다. 그리고 미디어 뉴스레터 어거스트에서 에디터로서 레터를 발행합니다.\n#데이터분석 #뉴스레터

데이터 분석가

유고은

Junior Product Manager\n\n기술을 통한 사회 기여, 엔드 유저의 패인포인트를 바라봅니다.

\b프로덕트 매니저

사호진

데이터 엔지니어

데이터엔지니어

잘하고싶은데데엔

Head of People Division

개발 3년, HR 11년 의 경험을 가진 인사 담당자 입니다. 다양한 스테이지의 기업에서 채용(영입), 인사 기획, 평가/보상, 조직, 퇴직, 인사 리포팅, 프로세스 자동화, 분석 업무를 주로 수행하고 있으며 현재는 HR 전체를 총괄하는 역할을 하고 있습니다

번개장터 피플실장

남동득

ios 개발자

번개장터 iOS 개발자

송서영

브랜드 마케팅 매니저

번개장터 마케팅 매니저

진시내

브랜드디자이너

브랜드다움을 함께 고민해요!\n그래픽 디자이너 경험이 있는 6년 차 BX 디자이너. 현재, 취향을 잇는 중고거래 플랫폼 ‘번개장터’의 Creative Center 소속 BX team의 초기 멤버로 브랜드를 설계하고 더 나은 고객 경험을 만들고 있습니다. ⚡️

번개장터 브랜드디자이너

윤민지

프론트엔드 개발자

번개장터 프론트엔드 개발자

강태훈

박상민

안녕하세요\n#소프트웨어엔지니어 #데이터사이언스 #데이터분석 #데이터엔지니어 #DataEngineering

이동규

컬쳐팀 팀장

번개장터 컬쳐팀

SeoYun

Creative Writer

번개장터 Creative Writer

이유나

안드로이드 개발자

안드로이드 개발자입니다! \n다양한 스터디 및 사이드 프로젝트 환영합니다!\n#Android #개발자

번개장터 안드로이드 개발자

이승준🍊

백엔드 개발자

번개장터 백엔드 개발자

안형욱

Growrh & Insight 팀장

번개장터 그로스팀 팀장

공유현

채용담당자

Sally

마케팅 매니저

방황을 즐긴다고 믿는\n매일 고민하고 또 결심하는\n정답보다는 해답을 찾는\n취향이 없지만 호불호가 뚜렷한\n오늘도 내일을 고민하는\n평범한 노동자입니다.\n

마케터

Daniel Song

매니저

번개장터 매니저

장혜민

프론트앤드 개발자

번개장터 프론트앤드 개발자

진우

UX라이터

번개장터 UX라이터

동진

윤동환

전민재_Gromit

시니어 사업개발 기획

번개장터 시니어 사업개발 기획

유지영

Business Manager

진환

번개장터 md

안현준

퍼포먼스 마케터

윤해미

프로덕트 오너

pm 유망주

성장중

프론트엔드

dev_spring

데브옵스 개발자

번개장터 데브옵스 개발자

박상조

장준희

프로덕트 디자이너

이채영

개발자

번개장터 개발자

디자이너

번개장터 디자이너

뿌미

김경남

앱개발

번개장터 앱개발

김동근

인턴

번개장터 인턴

박선정

김선우

문상민

방재훈

티맵모빌리티 PM

문호연

마케팅

홍보/PR

bholy

Fashion Business Part Lead

번개장터 Fashion Business Part Lead

ㅌㅇ

Product designer

프로덕트 매니저/서비스 기획

권재인

파트장

사업 개발

7pfrpnj252

인사 매니저

번개장터 인사 매니저

슬기

시니어 프로덕트 디자이너

200ema

번개장터 프로덕트 오너

김주희

소프트웨어 엔지니어

Lightscale backend developer

Business development manager

사업 개발 매니저

번개장터

Fashion Business Development

양태오

그래픽 디자이너

박한솔

즌믕

송진웅

언어

백엔드

데이터베이스

데브옵스

javascript

typescript

React

html

React Query

Styled-Components

Jotai

Emotion

Next.js

Angular

Redux

MobX

기술 스택

언어