안녕하세요

박연구원입니다. 오늘은 Axure(액슈어)RP-9에 대해 알아 보도록 하겠습니다.

지금은 현재 블록체인기반 플랫폼 설계 기획서를 PPT로 작성하다가 Axure라는 프로그램 툴을 확인하고 Axure로 기획서 작업을 진행하였습니다.

처음에 고생을 많이 했는데요. 하다보니 익숙해지고, 점점 더 다양한 서비스를 기획해 볼 수 있지 않을까라는 생각이 드네요. 이 블로그를 통해 저도 정리가 필요 할거 같아서 이렇게 작성하게 되었습니다.

Axure 은 말그대로 기획자가 작성할 수 있는 스토리보드를 조금더 프로토타입으로 보여줄 수 있는 효과적인 툴이라고 생각됩니다. 물론 PPT보다 답답한 부분이 있긴 하지만, 제가 조금더 익숙해 지면 이러한 문제를 해결할 수 있지 않을까 생각됩니다.

Axure 다운로드 주소 : https://www.axure.com/blog/axure-rp-9-beta/

<axure rp-9 Main 화면>

 간단하게 화면의 레이아웃에 대해 정리를 해보자면, 아래와 같은 레이어로 구분할 수 있습니다. 포토샵, PPT등 툴에 대해 능숙하게 다룰 수 있다면, 한눈에 보기에도 어느정도 감이 생기고, 답답한 표현법에 부분적으로 여러 사이트를 찾아다니며 기능적용을 하고 싶어 합니다. 

전체 레이아웃은 그림과 같습니다. 또한, Axure-RP9에서는 다음과 같은 기능이 추가 되었습니다.

Axure RP 9의 특징

환경 및 캔버스

• 창 맞춤 설정
• 페이지 측정 기준
• 네거티브 영역
• 거리 안내
• 눈금자 가시성 토글
• 핀치로 확대 / 축소
• 바로 가기에 맞게 확대 / 축소
• 가운데 선택 단축키
• 동적 패널 및 리피터의 인라인 편집

프로토 타입 플레이어

• 터치 커서와 모바일 스크롤바가있는 모바일 모드
• 확장 옵션 (뷰포트 설정 대체)
• 다음 및 이전 페이지에 대한 단축키
• Axure 공유의 Google 글꼴 용 웹 글꼴 자동 포함

도형

• 모양 그리기 도구
• 그리기 도구의 단축키 단축키
• 스케치에서 붙여 넣기 (플러그인 포함)
• 테두리를 두 번 클릭하여 벡터 점 편집
• 도형의 배경 이미지
• 펜 도구 개선
• 모양은 프로토 타입의 SVG로 생성됩니다.

이미지

• 색조, 채도, 밝기, 대비를위한 색상 조정
• 더 나은 압축
• 수평 / 수직 뒤집기

동적 패널

• 인라인 편집
• 테두리
• 코너 반경
• 바깥 쪽 그림자

도서관

• 라이브러리 창에 이미지 폴더 추가
• 라이브러리 자동 새로 고침
• 라이브러리를로드하거나 편집하려면 .rplib를 두 번 클릭하십시오.

양식 위젯

• 사용자 정의 스타일링
• 스타일 효과 (마우스 오버, 비활성화 등)

상호 작용

• 인라인 상호 작용 작성기
• 상호 작용 작성 도구에서 검색
• 활성화 / 비활성화 조건
• Show / Hide 액션에 대한 완화 옵션
• 이동 동작을 위해 호를 따라 애니메이션하는 옵션

텍스트 서식 지정

• 문자 간격
• 취소 선
• 최고 / 아래 첨자
• 사례 변환
• "lorem ipsum"생성
• 들여 쓰기가있는 글 머리표 목록
• 완전한 정당화

색상 선택기

• 컬러 휠
• 저장된 색상
• 방사형 그래디언트
• 추천 색상

스타일

• "집중된"스타일 효과
• 스타일 복사 및 붙여 넣기 (포맷 페인터 대체)
• 테두리를 임의의 두께로 설정하십시오.

석사

• 마스터보기 (마스터의 적응보기 대체)
• 마스터에서 텍스트 덮어 쓰기
• 마스터의 이미지 재정의

적응 형 뷰

• 페이지는 다양한 적응 뷰를 가질 수 있습니다.
• 페이지는 적응 형 뷰 세트를 공유 할 수 있습니다.
• 프로토 타입은 조건에 맞는 가장 큰 뷰를 보여줍니다.

노트

• 한 페이지에있는 모든 메모보기
• 여러 노트를 위젯에 지정
• 메모를 할당 해제하고 다시 할당 할 수 있습니다.
• 메모에 위젯 텍스트 포함
• 메모에 위젯 상호 작용 포함
• 노트는 계층 적으로 구성 될 수 있습니다 (1, 1.1, 1.1.1)
• 노트 번호는 프로토 타입에 표시됩니다.
• 음표 번호는 동적 패널을 통해 연속적입니다.
• 마스터 노트가 프로토 타입에 생성됩니다.

웹 기획자라는 직업을 가지고 있는 동안 절대로 손에서 놓지 못할 문서가 두 가지 있다.

- 정보 구조설계 (I.A. Information Architecture)

- 화면 설계 (스토리보드 = Story Board = S/B = User Interface = U.I. = WireFrama)

문자인증업체선택

안녕하세요. 박연입니다.

오늘은 모바일 인증업체에 대해 소개시켜 드리겠습니다.

서비스 기획을 할때 인증업체를 검색하는 시점이 오는데요. 인증은 총 2가지로 구분할 수 있습니다. 본인인증, 번호인증입니다.

서비스를 기획할 경우 다음과 같은 고민에 직면하게 됩니다. 

회원 가입시 어느정도의 인증절차를 거쳐야만 하는 걸까?

아이디, 비밀번호, 이름, 등과 같은 개인정보를 입력 받고 가입을 시키는지 아니면 "인증" 절차까지 완료할 것인지가 중요합니다.

본인인증

 본인인증은 개인정보 보호의 종류이며, 본인임을 인증하는 절차로 이름, 성별, 생년월일, 통신사등을 선택하고 모바일로 번호를 전송 후 입력된 인증번호를 입력하여, 본인임을 인증하는 절차입니다. 주로 1인 1계정의 가입을 목적으로 하는 사이트에서 사용하며, 개인정보를 활용하여 서비스를 제공해주는 플랫폼에서 주로 본인인증 절차를 두고 있습니다.

번호인증

 번호인증은 이 또한 개인정보 보호의 한 종류입니다. 본인인증과는 다른 종류의 인증 절차로 번호만을 확인하는 절차 입니다. 주로 본인인증까지 진행하면, 회원가입시 이름, 성별, 생년월일, 전화번호 등과 같은 개인정보보호법에 따라 수집된 정보를 관리할 수 있지만, 회원가입시 그정도 만큼이 필요 없다고 판단되면, 다음과 같은 번호인증을 주로 사용합니다.

말 그대로 A라는 사람이 국가/000-0000-0000 임을 확인 하는 절차 입니다. 성별, 나이 등과 같은 본인임을 확인 할 수 는 없습니다.  SNS, 일반적으로 가벼운 서비스를 기획할 때 이메일 인증 다음으로 사용하는 인증절차 입니다.

비용은 본인인증보다는 저렴하며, 주로 가벼운 서비스에 많이 사용되고 있습니다.

위 인증업체 목록을 참고해서 본인 서비스에 올바른 선택을 하시면 됩니다.

이상입니다.

웹개발-웹접근성-정책

웹 접근성정책
모든 인터넷 사용자(장애인, 고령자 등이 포함된)가 웹 사이트에서 제공하는 정보에 접근하고 이해할 수 있도록 웹 접근성정책을 준수하고 있습니다.

바로 접근(Accessibility) 링크
서비스 문서 시작부분에 반복되는 링크가 많은 페이지를 효율적으로 이용하기 위한 스킵 네비게이션(바로가기) 링크를 제공하고 있습니다.
문서 제목(title태그)
모든 문서마다 문서의 제목(<title>)을 제공하고, 문서의 제목은 문서의 특성을 잘 나타내도록 간단명료하게 기술하고 있습니다.

문서의 구조화
문서는 논리적인접근 및 키보드 접근이 가능하도록 헤딩(<h1>~<h6>), 문단(<p>), 목록(<ul>,<ol>, <dl>) 등의 태그를 사용하였습니다. 
또한 디자인요소를 css를 사용하여 분리하고 있으며 스타일시트를 제거하더라도 콘텐츠를 이해할 수 있습니다.

이미지 정보
텍스트가 아닌 콘텐츠에는 모두 대체 텍스트가 제공되고 있으며, 대체 텍스트 제공이 어려운 도형이미지는 별도의 텍스트정보를 제공하고 있습니다.

키보드 사용방법
다음 링크로 이동하실 때는 Tab키를 누릅니다.
이전 링크로 이동하실 때는 Shift+Tab키를 누릅니다.
메뉴나 항목의 선택 또는 첨부파일 다운로드를 하실 때는 Enter키를 누릅니다.
이전 페이지로 이동하실 때는 백스페이스(←)키를 누릅니다.

지원 가능한 OS 및 브라우저
대한민국정부포털에서는 마이크로소프트사 윈도우, 애플사 맥 OS 등의 운영체제와 인터넷익스플로러, 파이어폭스, 사파리 등의 다양한 브라우저에서 동일한 서비스 화면을 제공하고 있습니다. 단, 일부 운영체제와 브라우저에서는 기능의 제한이 있을 수 있습니다.

운영체제(기준)
윈도우 XP sp3 / 윈도우 7, 8, 8.1
OS X
브라우저
인터넷 익스플러 8.0 ~ 11 / 크롬 / 파이어폭스 / 오페라
사파리 / 크롬 / 파이어폭스 / 오페라

안드로이드 줄간격 조절하기

● lineSpacingExtra

● lineSpacingMultiplier

1. lineSpacingExtra

고정 간격 값이라고 생각하면 된다. CSS로 비교를 해보자면, line-height : 10px; 값을 준 것과 같다. 기본 단위는 dip이며 텍스트가 기본적으로 가지고 있는 높이 값에 입력받은 값을 더하면 그것이 한 줄의 높이 값이 된다.

[텍스트의 높이 값] + [입력받은 간격 값] = [한 줄의 높이 값]

이 설정으로 조정하게 되면 텍스트 사이즈가 커지더라도 간격 값은 고정이기 때문에 텍스트 크기에 따라 값도 변동되어야 한다.

2. lineSpacingMultiplier

가변 값이라고 생각하면 된다. 마찬가지로 CSS로 비교를 해보자면, line-height : 135%; 값을 준 것과 같다. 1이 텍스트의 높이 값 100%를 말한다. 1.3을 입력하면 현재 텍스트 높이의 130% 값을 가지게 된다.

[텍스트의 높이 값] x [입력받은 값] = [한 줄의 높이 값]

이 설정으로 조정하게 되면 텍스트 사이즈가 커짐에 따라 간격 값도 늘어나고 작아질 수록 간격 값도 상대적으로 줄어든다.

다시 한번 말하지만 lineSpacingExtra, lineSpacingMultiplier 이런 것을 기억할 필요가 전혀 없다. 프로그램별로 같은 속성이라도 명령어가 다르므로 다 기억할 수가 없을 뿐 아니라 디자이너가 굳이 알 필요는 없다고 생각한다. 다만 고정 값으로, 비율 값으로 줄 간격을 조정할 수 있다는 것만 기억하면된다.

 안녕하세요. 박연입니다.

 금일은 구글 애널리틱스에 대해 소개시켜 드리겠습니다.

 구글 애널리틱스(Google Analytics)는 사이트의 트래픽과 그 트래픽이 이끄는 방문자들의 행동을 측정하는 데 최고의 툴입니다. 이를 통해 마케터는 데이터에서 의미있는 인사이트를 도출함과 동시에 마케팅 활동에 대한 ROI를 산출할 수 있습니다. 뿐만 아니라 향후 마케팅 전략 수립에 있어서도 어떻게 나아가야 할지 방향을 제시해 줍니다.
무엇보다 가장 큰 장점은 무료라는 점인데요, 만약 구글 애널리틱스를 처음 접하는 사람이라면, 다양한 메뉴나 네비게이션, 그래프, 시각화, 그리고 용어들에 둘러싸여 겁부터 내기 십상일 것입니다.
오늘은 구글 애널리틱스를 처음 접하는 입문자들을 위해 주요 용어 몇 가지를 소개하고자 합니다. 아래 순번은 알파벳 순에 따라 정리되었습니다.

주요 키워드(A ~ Z까지)

• Bounce: 이탈, 오직 한 페이지에서의 로딩에 관련된 사이트 사용자(Users)의 활동

• Conversion: 전환, 해당 웹페이지의 목적을 달성하기 위해 마케터의 의도대로 사용자에 의해 수행되는 활동

• Entrances: 방문자수, 특정 페이지 혹은 일련의 페이지 세트에 들어온 총 사이트 방문 횟수

• Entry (혹은 Landing) Page: 랜딩 페이지, 웹사이트 방문자가 보게 되는 첫 번째 페이지

• Exit Point: 웹사이트 방문자(Visitors) 마지막으로 보게 될 페이지

• Page Impression: 웹사이트 사용자에 의한 페이지 로딩 혹은 재로딩 횟수

• Sessions: 세션, 1회 웹사이트 방문시, 고유 사용자(Unique User)의 활동

• Visits: 방문자수, 고유 혹은 반복 방문자의 총 사이트 방문 횟수

• Unique Visitors: 고유 방문자수, 지정된 기간 동안 중복 방문을 제외한 웹사이트 방문 횟수

• 용어에 대한 정의가 명확하게 이해가 되었다면, 이 용어가 구글 애널리틱스에서 사용되는지 알아볼 차례입니다.

잠재 고객 개요

 아래는 구글 애널리틱스에 접속하게 되면 가장 처음 만나게 되는 페이지입니다. 이곳에서는 일곱 가지의 주요 메트릭스를 확인할 수 있습니다.

• Sessions(세션): 고유 사용자의 웹사이트 1회 방문시 활동

• Users(사용자): 사이트에 접속한 별개 디바이스(사용자)의 총합

• Pageviews(페이지 뷰 수): 페이지 조회수의 총 합, 개별 페이지의 반복 방문도 포함됨

• Pages/Session(페이지/세션): 사이트 방문 간 평균 페이지 뷰

• Avg. Session Duration(평균 세션 시간): 세션의 평균 지속 시간

• Bounce Rate(이탈률): 단일 페이지에서 비율(랜딩 페이지(entrance page)에서 사이트를 이탈하는 방문자 수)

• New Sessions(새로운 세션 %): 이전에 사이트를 방문한 적이 없이, 처음으로 사이트에 접속한 신규 방문자의 비율

참고자료 

원문 : Digital Marketing Curation

참고자료 : 참고 자료: A beginner’s dictionary of Google Analytics

불필요한 객체의 생성을 피하자.

불필요한 객체의 생성을 피하자.

-기능적으로 동일한 객체를 필요할 때마다 매번 새로 생성하기보다는 하나의 객체를 재사용하는 것이 좋을 때가 많다.
재사용을 하면 객체 생성에 소요되는 비용(시간과 자원)이 절감되어 실행 속도가 더 빨라지고 코드도 보기 좋게 작성할 수 있다.
불변(immutable) 객체는 항상 재사용이 가능하다.


-불필요한 객체 생성을 막기 위한 첫번째 좋은 방법은 static 팩토리 메소드를 사용하는 것
-불변객체가 아닌 가변객체더라도 상태가 변경되지 않는 것이 보장되면 재사용 가능하다.


-재사용을 막기 위한 static 팩토리 메소드에서 늦 초기화 ( lazy initialization ) 을 하는 경우가 있는데, 후에 다루겠지만 두드러진 성능 개선이 나타나진 않고, 오히려 코드가 꼬일 가능성이 높다.

-자바 1.5 이상 버전에서는 오토박싱( autoboxing ) 을 통해 불필요한 객체를 의도치 않게 생성한다.기본형(primitive) 데이터를 박스화(boxed primitive) 클래스로 자동변환 하는 것을 오토박싱이라고 하며,반대의 경우를 오토언박싱 ( autounboxing ) 이라고 한다.

오토박싱이나 오토언박싱이 생길 때는 성능 측면을 잘 고려해야 한다.
즉 의도하지 않은 오토박싱이 생기지 않도록 해야 한다.

-우리가 직접 객체 풀 (object pool) 을 만들고 유지하여 객체 생성을 피하려는 방법은 좋지 않다. 풀에 유지할 객체들이 대단히 무거워 생성 비용이 많이 드는 것이 아니라면 복잡한 코드가 된다. 덧붙여 메모리 할당과 해지가 늘어나며 성능 저하가 나타나기 쉽다.
생성 비용이 많이 드는 대표적인 객체들은 데이터베이스 연결(connection)이다.

-반대로 방어복사 ( defensive copying) 가 필요한 경우도 있다.
단, 방어복사를 잘못 사용했을 때 불이익은 중복 객체를 생성하여 받는 불이익보다 훨씬 크기 때문에 주의하자.


-Summary
가급적 객체들을 불변객체로 만들어 재사용하라.
static 팩토리 메소드를 이용하여 쓸데없이 객체를 계속 만들지 말아라.
의도치 않은 오토박싱과 오토언박싱을 주의하라.
데이터베이스 연결과 같이 init 타임이 오래걸리는 경우를 제외하고는 가급적 object pool 을 스스로 만들고 관리하지 말아라.

 안녕하세요. 박연입니다.

오늘은 앱 마케팅에 대한 이해를 돕고자 다음과 같은 자료를 공유합니다.

전세계적으로 스마트폰, 태블릿, PC 등모바일 기기의 확대에 따라 모바일 앱 마켓이 급속도로 성장하고 있습니다. 

 앱 마케팅에 대한 이해를 돕기전에 다음과 같은 광고 프로세스에 대해 간단하게 설명하고 시작해보겠습니다. 마케팅을 하기 전 중요한 내용이라 정리해 보았습니다.

1. 광고 프로세스

광고주의 광고가 고객에게 전달되는 과정입니다. 에이전시에서도 1단계 대형 에이전시가 수주를 하고 2단계 에이전시로 외주로 진행 3단계..4단계 등으로 광고를 외주를 주거나 직접 광고를 진행합니다. 여기서 간단하게 설명하자면, 다양한 플랫폼에서 고객으로 전파되는 것이죠. 기본적으로 우리가 알고 있는 여러 플랫폼 매체가 있을 것입니다. 

• 지식정보 전달 : 뉴스, 컨텐츠등의 플랫폼 ( 직접 or 에이전시를 통한 광고진행)

• 종합포탈 플랫폼 : 직접 광고주와 체결 (ex 네이버 직접 광고 등록 배너 하단 리스트 등.)

• 앱(어플리케이션) : 직접 광고주와 체결 (배너, 전면광고, URL 등등)

▲광고주의 광고가 고객에게 전달되는 구조도

2. 앱 마케팅 계획 구조

▲ 사용자 리텐션을 만들어 내는 3가지 기본 사이클 

 왜? 위와 같은 마케팅 계획 전략을 세워야 하는 것일 까요? 라고 물어 보신다면 다음과 같은 자료를 보시면 이해가 가실 내용입니다.

▲ 앱 설치 후 모바일 APP유저 월별 유지율

 레드오션인 앱스토어에서 생존하기 위해서는 점차 마케팅이 차지하는 중요도는 더욱 높아지고 있으며, 공격적인 마케팅은 선택이 아니라 생존을 위한 필수 전략입니다. 그래서 다양한 마케팅 중에 광고를 어느시점에 어떻게 전달하는 지도 중요합니다.

점차 월별 유지율이 감소하는 경향은 일반적인 앱 사용 형태입니다.

▲ 모바일 앱 마케팅 요소

• 마케팅 비용을 집행한다고 해서 수익이 정비례로 증가하는 것은 아니다. 

• 전략 없이 무작정 사용자를 늘이기 위한 광고 집행은 효과가 없다.

• 마케팅을 집행하는 목표는 일차적으로 앱의 수명(Life Cycle)을 늘리는 것이다.

• 앱 수명이 증가하는 만큼 이용자의 Retention이 증가한다.

• 앱 수명이 2배 증가하면 매출은 약 1.5배가 증가한다.

• 바이럴을 통한 유입이 많다고 매출이 직접적으로 증가하는 것은 아니지만 광고비 지출이 줄어 순수익이 증가하게 된다.

• 수익을 극대화하기 위해서는 ARPDAU를 높이는 전략을 세우는 것이 중요하다.

3. 마케팅에 대한 이해

 온라인 대비 모바일은의 특수성과 제약을 고려하여 광고를 진행하기 전에 여러 사항을 고려해야 합니다. 출시 후 30일 동안 집중적인 마케팅 리소스를 투입하여 초기 사용자 반응을 확인해야 합니다.

1. 텍스트를 많이 넣지 마라.

 -모바일 광고 영역이 작아진다.

2. 소재를 최적화 하라.

-작은 화면상에서 선명한 이미지가 노출될 수 있도록 하라.

3. 적용 가능 포맷에 대해 고려하라

-Flash의 경우 IOS 적용 불가.

-Gif 포맷의 애니메이션 경우 매체 별 적용 가능 여부 확인 필요.

4. 모바일 캠페인은 간소하게 진행하라

-이벤트를 간소화 하라.

(모바일 네트워크의 한계 / 장시간 집중할 수 없는 환경 등)

5. 모바일에 최적화 된 이벤트를 기획하라

● CPI(Cost per install) : 앱을 다운받은 유저에게 일정한 리워드(보상) 지급, 앱 다운로드를 유도함

4. 앱 마케팅 도구의 이해

 과금 형태 및 월별 다운로드 가능 수에 따라 적정 매체 설정을 하고 리워드 매체에 따른 조건을 고려하여 집행해야 함

▲ 앱 마케팅 도구의 이해 [그림-1]

 광고 목표에 따라 매체 선택을 고려해야 하며, 매체 커버리지, 타켓접근성 등을 고려대상.

▲ 앱 마케팅 도구의 이해 [그림-2]

 과금 형태 및 월별 다운로드 가능 수에 따라 적정 매체 설정을 하고 리워드 매체에 따른 조건을 고려하여 집행해야 함

5. 목적 별 마케팅 활동계획

▲ 목적 별 마케팅 활동 계획

마케팅 진행계획(제휴 마케팅 예시)

▲ 마케팅 진행계획(제휴 마케팅 예시)

*앱 마케팅시 참고사례*

구글 플레이 검색 순위 올리기 : http://aroundck.tistory.com/1936

마켓에 앱을 등록 할 때도 SEO가 중요하다. : http://androidhuman.tistory.com/entry

구글 플레이 내부 검색 순위를 올리기 위해 실행해야 할 13 가지 방법 : http://likelink.co.kr/26595

원문 : http://www.find-job.net/startup/factor-of-google-play-ranking

구글 마켓 키워드 검색 순위 높이기 : http://www.androidpub.com/2468346

미국 마케팅 앱 네이밍 & 앱 설명 사례 : http://www.androidpub.com/2389877

앱 다운로드 수 늘리는 기본적인 팁 몇 가지 : http://www.androidpub.com/2592873#0

SEO Best Practices for Android Apps : http://www.fiksu.com/blog/seo-best-practices-android-apps

검색엔진 최적화 가이드 : http://static.googleusercontent.com/media/www.google.co.kr/ko/kr/intl/ko/webmasters/docs/searchengine-optimization-starter-guide-ko.pdf

구글 검색엔진 최적화(SEO) : https://support.google.com/webmasters/answer/35291?hl=ko

구글 검색트렌드 : http://www.google.com/trends

구글 인기 검색 순위 : http://www.google.com/trends/hottrends

 안녕하세요. 박연구원입니다. 오늘은 대학교 시절에 PPT를 열심히 만들면서 얻은 노하우를 소개시켜 드릴까 합니다.

 참고로 2014년 건축문화대상 - 특선 한 PPT 참고해 주세요.

건축학과를 다니다 보니 주로 PPT로 작업을 많이 했는데요.

간편하면서도 만들기 용이한 템플릿을 소개시켜 드리겠습니다. 무엇보다 내용이 가장 중요합니다. 그렇지만 그 내용을 어떻게 표현해야 하는지 궁금해 합니다. 그래서 보통 PPT로 작업할때 디자인 작업에 최소한의 시간을 써야 합니다. 그것이 내용을 더욱 알차게 만들 수 있는 방법이라 생각합니다. 제가 작업한 건축학과 졸업 PPT 를 참고해 주세요.

1. Slideshare : www.slideshare.com

 ■ 회원가입 필요 (이메일로 간편가입)

 ■ 슬라이드쉐어는 프리젠데이션 기획, 제작, 디자인을 배울수 있습니다.

 ■ PPT 소스를 얻기에 좋습니다. (다운로드 소스 보관 및 PPT 재편집가능)

2. Gliffy :  www.gliffy.com

  ■ 회원가입 필요 (이메일로 간편가입)

  ■ 다이어그램을 무료로 만들기 좋다. (Process도 그리기가 좋다)

  ■ Jira와 연동성이 좋다. 

  ■ 서비스 기획자가 쓰면 좋다.

3. Subbtle Patterns : https://www.toptal.com/designers/subtlepatterns

  ■ 회원가입 필요없음.

  ■ 디자인 패턴을 무료로 선택해서 다운로드가 가능하다.

  ■ 무료 강추

  ■ 퀄리티가 좋기 때문에 기획자 뿐만아니라 디자이너도 사용하기 좋다.

  ■ PPT에 디자인 패턴으로 넣기 좋다.