2018/09/10 - [블록체인/블록체인 서비스 기획 일기] - [블록체인] 서비스 기획자가 알아야 할 기본적인 상식-Part3

2018/09/10 - [블록체인/블록체인 서비스 기획 일기] - [블록체인] 서비스 기획자가 알아야할 기본적인 상식-Part2

"아하 블록체인, 넌 누구냐" 서비스 기획자의 고충을 알리는 1화.

 본 닝겐은 서비스 기획자가 블록체인 플랫폼 서비스를 기획시 경험한 내용을 정리 해보고자 글을 작성합니다.

서비스 기획자들이 블록체인을 어떻게 해야 하는지 몰라서 난감한 사항이 많이 발생하는 아픔을 공유합니다.

참고로 저는 Web, App 서비스 기획자이며, 각 종 스토리보드, O2O,LBS,IOT 등등과 같은 Native APP 개발 기획도 두루두루 갖추고 있는 5년차 기획자 입니다. 블록체인을 경험하기 전까지는 자신감 뿜뿜!

닝겐 이력사항

6년 경력자 서비스 기획, 서비스 운영 및 런칭

 ● 통신회사

 ● 웹에이전시

 ● 스타트업 창업 법인 대표

 블록체인 기반의 서비스라는 다소 생소하고도, 트렌드적인 내용에 있어서 서비스 기획자가 알아야할 내용이라 판단하고 한 단계씩 껍질을 벗겨(!!!?) 봅시다. 

자 그럼! 먼저, 블록체인에 대해 설명하자면, 간단하게 설명이 안됩니다.. (ㅜㅜ)

용어부터가 일반적으로 기획자가 알고 있는 개발 상식에서 범주가 너무 커져 버렸습니다.

그렇다고 여기서 포기할 순 없으니, 한단계식 정리해 봅시다.

내부 블록체인 개발자 분이 추천해 주신 책을 열심히 보고 있습니다. 서비스 기획자가 보기 좋은 책이라고 하더군요.

공부하는 마음으로 하나씩 배워봅시다.

 서비스 기획자가 블록체인에 대한 깊이 있는 탐구가 필요하지만, 방대한 블록체인 기술에 대해서 서비스 기획자의 습득은 매우 어려 울 수 있습니다. 개발적 지식 습득으로 접근 하는 것이 아닌, 서비스 기획과 접목하는 방법에서 꼭 필요하다고 생각하는 부분을 공부해 봅시다.

 기본적으로 용어로 접근하기 전에 서비스 기획자로써 블록체인 애플리케이션의 다양한 형태를 알아보자. 

블록체인 애플리케이션도 웹처럼 인터넷을 기반으로 서비스를 진행한다.

● 블록체인 애플리케이션은 인터넷 기반의 서비스를 진행한다.

● 블록체인 서비스는 인터넷을 필요로 하지만 웹은 거치지 않아도 된다.

● 그렇기 때문에 공정하고 탈중화된 환경을 제공할 수 있다.

● 블록체인 애플리케이션을 구축하는 방법은 다양하다.

● 블록체인위에 구축할 수도 있고, 기존의 웹 애플리케이션과 혼합할 수도 있다.

● 기존 웹과의 혼합은 하이브리드 블록체인 애플리케이션이라 부른다.

기획자의 머리가 아퍼올 것이다. 아래와 같이 이해하자.

 ● Android, OS 기반의 APP을 만들려고 한다.    ( Java )

 ● IOS, OS 기반의 아이폰 APP을 만들려고 한다.   ( Object-C )

 ● 둘다는 Native 개발이 아닌 하이브리드 형태의 앱을 만들어야 시간과 물질적인 부분을 해소할 수 있다.

조금 이해가 되는가? 그럼 블록체인 기반의 서비스를 빗대어 설명 하자면,

 ● 우리가 만드려고 하는 이더리움 기반의 (OS) 애플리케이션을 Dapp(Decetralized Applications) 이라 한다.

● Front 서비스 형태를 개발하는 것은 JS로 한다. 블록체인에 바로 담을 수 있기 때문이다.

일반 애플리케이션과 DAPP의 차이가 무엇인가?

● 오픈소스 기반이며 자율적으로 운영됨

● 퍼블릭 블록체인 위에 데이터를 저장 (한번 블록체인 위에 올라가면 데이터를 다시 되돌리거나 변형 불가)

● 암호화화폐에 가치를 부여함

● 알고리즘 기반에 의한 토큰 생성

기본적인 형태를 알아 보았습니다.

다음번에는 용어부터 정책서비스 진행까지 알아보는 시간을 갖도록 합시다.

2018/09/10 - [블록체인/블록체인 서비스 기획 일기] - [블록체인] 서비스 기획자가 알아야 할 기본적인 상식-Part3

2018/09/10 - [블록체인/블록체인 서비스 기획 일기] - [블록체인] 서비스 기획자가 알아야할 기본적인 상식-Part2

안녕하세요

박연구원입니다. 오늘은 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)
• 노트 번호는 프로토 타입에 표시됩니다.
• 음표 번호는 동적 패널을 통해 연속적입니다.
• 마스터 노트가 프로토 타입에 생성됩니다.

안녕하세요.

닝겐입니다. 오늘은 블록체인 서비스 기획시 참고사이트를 소개해 드리겠습니다.

흡사 안드로이드 OS 기반의 서비스를 모아두는 사이트와 흡사합니다.

이 사이트에 대해서 다음과 같은 응용계층에 대한 설명과 Dapp에 대한 간단한 소개를 드리겠습니다.

이더리움 기반 Dapp서비스 참고 사이트

 이더리움은 비트코인 같은 암호화폐 구현을 위한 플랫폼을 지향하는 것이 아니라 암호화폐와 블록체인 기술을 사용하여 현실 세계의 다양한 문제를 해결하는 서비스들을 개발하고 운영할 수 있는 플랫폼을 목표로 한다. 이를 위해 이더리움은 스마트 컨트랙트에 기반을 둔 탈중앙화 응용 앱인 DAPP(Decentralized App)을 지원한다. 현재 집필 시점에 추진 중인 Dapp의 목록을 정리하고 있는 State of the Dapps(http://www.stateofthedapps.com)에 따르면 천여 개 이상의 Dapp 프로젝트가 추진 중에 있다.

 사이트 주소 : State of the Dapps(http://www.stateofthedapps.com)

  채권, 주식, 파생상품, 보험, 복권, 도박 등 금융 분야를 비롯하여 토큰, 쿠폰, 네임코인, 투표 등 현실 세계의 다양한 분야의 DApp들이 개발 중이다. 특히, 급여, 금전거래, 회계장부 기획, 지분표시 등 회사나 조직 운영에 필요한 데이터를 블록체인에 올려서 운영하는 탈중앙화 조직/회사와 블록체인의 알고리즘으로 자율적으로 의사를 결정하여 영업, 회계, 구매, 판매 및 수익 분배 등을 실현하는 탈중앙화 자율 조직/회사(DAO/DAC)는 미래의 조직과 회사 운영 방법으로 관심을 끌고있다.

  Dapp 외에도 P2P 파일 시스템인 스웜과 휘스퍼는 설계를 검증하기 위한 Poc 개발 상태로 개발 중이다. 스웜은 별도의 앱으로 제공되고 있고, 휘스퍼는 Geth의 옵션으로 제공 중이다.

 사이트 주소 : State of the Dapps(http://www.stateofthedapps.com)

Dapp 서비스에 대한 랭킹 순위와 DAU, MAU 등과 같은 서비스를 보여주고 있습니다.

아마, 블록체인 서비스 기획시 참고 될 수 있을 거라 생각 됩니다. 

Dapp에 대한 사전적 정의를 간편하게 설명드리면,

Dapp이란?

Dapp(Decentralized App, 댑)은 스마트 컨트랙트 기반의 웹 서비스다. 스마트 컨트랙트를 개발한 후 블록체인에 배포하면 스마트 컨트랙트의 어카운트 주소와 ABI(Application Binary Interface)등이 생성된다. ABI는 스마트 컨트랙트의 바이트 코드를 일반 프로그램에서 호출하고 실행시킬 수 있는 정보와 인터페이스를 제공한다.

 [코어 이더리움 프로그래밍 참조]

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

- 정보 구조설계 (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