분류 전체보기

이전 포스팅에서는 기획자가 알림톡 앱 푸시 기획 시 알아두어야 할 것의 '기획 항목 및 마케팅 활용동의와 광고성 정보 동의에 대해 알아보았다. 이번포스팅에서는 카카오톡 알림톡과 친구톡의 차이점에 관해 포스팅해보겠다. 비즈메세지란? 기업고객이 자사의 카카오톡 채널을 통해 카카오톡 이용자에게 비즈메시지를 발송할 수 있는 상품이다. 대표적인 것으로 알림톡과 친구톡이 있다. 알림톡? 친구톡? 무슨차이점이 있을까? 알림톡 친구톡 발송 방식 기업 고객사 API 연동 후 자동 발송 발송 내용 정보성 메시지 (고객의 행동에 따라 즉각적으로 발송하는 정보성 내용으로 "주문/예약 확인, 결제내역, 배송 현황 메시지" 등이 해당된다.) 광고성 메시지 (전송자가 경제적 이득을 목적으로 전송하는 전송자에 관한 정보, 전송자가 ..

알림톡을 기획하고자 한다면 알림톡의 정의와 알림톡 기획, 법률상식에 대해 정리해 보았다. 기획자가 알림톡 기획 시 체크해야 할 것들을 담았으니 작업 시 참고하여 진행하면 좋겠다. 알림톡이란 기업 고객이 카카오톡으로 사용자에게 정보성 메시지를 발송할 수 있는 서비스로써, 기업고객은 공식딜러사(알림톡 제공업체)를 통해 API를 제공받아 연동하여 개발할 수 있다. 1. 알림톡 업체와 계약이 완료되어 있어야 한다 우선적으로 진행되어야 하는 것은 " 알림톡 업체와 계약이 완료되어 있어야 한다는 점"이다. 아래는 카카오톡 알림톡/친구톡 공식 딜러사 업체 정보이다. 업체 소개 관련해서는 아래 공식 딜러사를 고민해 보는 것을 추천한다. - 알림톡 개발 요청 시 개발자에게 제공되어야 하는 정보 (계약)_ 알림톡 API ..

이전포스팅에서는 User Flow에 대해 알아보았다. 이번포스팅에서는 Flow Chart의 기본 개념과 작성방법, 기호의 의미까지 알아보자. Flow Chart (플로우 차트) 플로우 차트(Flow Chart)란 프로세스를 수행하기 위해 필요한 일련의 단계와 결정을 다이어그램으로 표현한 자료이다. 쉬운 말로 "순서도"라고 할 수 있다. 예를 들어 사고대차 서비스에서 '현재 이용가능한 대차차량 검색'을 하고자 할 때, 사용자는 '회원가입 → 로그인 → 대차차량검색' 순서대로 진행할 것이다. 이처럼 플로우 차트란 서비스의 흐름을 전체적으로 시각화 한 자료이다. ✔ 플로우차트, 왜 필요할까? 디자이너, 개발자와 함께 전체 시스템의 프로세스를 점검하고, 작업 시 참고할 수 있다. 미리 정의해 놓은 플로우차트를 ..

User Flow, Task Flow, UX Flow 등 다양한 용어들이 시스템과 현업에서 사용되면서 모호하고 헷갈렸던 기본 개념에 대해 정리해보고자 한다. 차이점과 더불어 Flow char, User Flow를 작성하는 방법까지 이번 포스팅에서 다뤄보겠다. User Flow (사용자 흐름) 유저 플로우(User Flow)란 사용자가 의미 있는 목표를 달성하기 위해 거쳐야 하는 단계로써, 사용자의 활동을 설명하고 시작점에서 최종 상호 작용에 이르기까지 사용자가 수행하는 모든 단계를 의미한다. Task Flow는 User Flow에 속해있는데, Task Flow는 포괄적인 단계를 작성하고 User Flow는 조건(분기)을 포함한 상세한 단계를 작성하여 사용자 흐름을 파악하고자 한다. User Flow 작성..

첫 번째 포스팅은 컴포넌트, 두 번째 포스팅 스왑인스턴스에 이어 이번 포스팅은 피그마 프로퍼티에 대해 알아보겠다. 프로퍼티(figma property)란? 프로퍼티는 "속성, 성격"이라는 의미를 가진다. 이미 완성된 컴포넌트에 속성을 더해주는 기능이다. 컴포넌트에 옵션을 주고 컴포넌트의 경우의 수를 줄여줄 수 있다. 컴포넌트 프로퍼티의 4가지 종류와 사용방법 컴포넌트 프로퍼티별로 각각 다른 특성을 가지고 있으며, 각각의 사용법도 다르다. 1. '텍스트, 불리언, 인스턴스 스왑' 프로퍼티는 옵션처럼 추가해서 적용하는 방법이며 2. '베리언트' 프로퍼티는 커스텀해서 사용하는 방법이다. 아래에서 자세하게 확인할 수 있다. - Text properties(텍스트) ✔ 텍스트 프로퍼티 컴포넌트텍스트 레이어에 속성..

메뉴구조도(Menutree)란? 메뉴구조도란 앱/웹 사이트의 메뉴와 구조를 한눈에 파악하여 볼 수 있도록 정리해놓은 문서이다. 웹사이트의 사이트맵을 생각하면 쉽게 이해할 수 있다. 메뉴구조도는 언제 작성할까? 메뉴구조도 작성은 주로 신규 서비스 구축, 서비스 고도화 시 초기단계에서 진행하는 작업으로써, 메뉴를 목적에 맞게 분류하고 추가, 수정, 삭제하여 메뉴의 구조를 한눈에 파악하는데에 목적이 있다. Depth가 뭔지 알려줘! Depth란 "깊이"라는 뜻을 가진 용어로, 화면의깊이를 뜻한다. 메인화면은 0depth가 될 것이고, 서비스 화면의 깊이에 따라 1 Depth, 2 Depth, 3Depth 순으로 정의한다. 1Depth는 그룹핑한 메뉴의 대표메뉴이다. 그렇기에 1Depth 메뉴의 이름은 하위 메..

이전 편에서는 피그마 컴포넌트 기초와 사용방법에 대해 알아보았다. 이번 포스팅에서는 피그마 인스턴스 스왑에 대해 알아보고, 사용하는 방법까지 익혀볼 수 있도록 하자. 스왑 인스턴스(swap instance)란? Swap(바꾸다) +Instance(복사본) 인스턴스(복사본)를 다른 인스턴스로 바꿔주는 기능이다. 왜 사용해야 할까? 인스턴스는 마스터 컴포넌트에 없는 요소를 추가할 수 없기 때문에 이 방법을 활용해서 아이콘, 이미지 등을 바꾸어 줄 수 있다. (단, 바꾸어줄 아이콘 이미지 등 모두 컴포넌트로 만들어 놓아야 한다.) 어디에 적용될 수 있는데? Web/Mobile을 디자인 혹은 기획 시 공통부분을 제작할 때 유용하게 사용된다. 예로 들면 header, List에서 아이콘을 변경하려 할 때 스왑 인..

1. 컴포넌트(figma component) Component는 가장 작은 단위, 부품, 요소로써 화면에서 반복적으로 사용되는 가장 작은 단위이다. 화면을 구성하거나 디자인 할 때, 요소를 합쳐 모듈 > 템플릿 > 페이지로 구성한다. Component 언제든 재사용이 가능한 요소로써 원본으로 복사본까지 한번에 수정할 수 있다. 🏷 아이콘 : 더이상 쪼갤 수 없는 가장 작은 단위 🏷 모듈 : 아이콘 + Text 등 최소 단위의 조합 🏷 템플릿 : 모듈 + 모듈 + 모듈 등 여러 모듈로 조합한 요소 🏷 페이지 : 템플릿 + 템플릿= 화면으로, 모듈 조합으로 구성된 아웃풋 컴포넌트 생성시, 객체와 레이어가 보라색으로 변경된다. 2. 마스터 컴포넌트와 인스턴스 만들기 📌 마스터 컴포넌트(Master Compon..