스토리 홈

인터뷰

피드

뉴스

조회수 1941

서비스 단계별로 개선하기

안녕하세요. 스포카 UX 디자이너 남유정입니다.서비스를 만드는 회사나 팀에서는 많은 경우 애자일, 린 등의 방법론을 실천하기 위해 노력합니다. 하지만 실무를 진행하다 보면 여러 가지 상황들로 인해 길을 잃습니다. 추정시간은 이미 예측을 벗어났고, 목표했던 배포 날짜도 한참 지나가 버립니다. 특히 서비스 대규모 업데이트를 앞둔 경우, 이러한 문제는 더욱 심화됩니다.이번 포스팅에서는 서비스 개선을 위해 대규모 업데이트를 목표했다가, 단계별로 서비스를 최적화하는 방식으로 전략을 선회하면서 이를 위해 어떤 과정을 거쳤는지를 실사례를 들어 소개합니다.스프린트 단위로 일하는데, 서비스는 워터폴한 아이러니실무를 하다 보면 서비스 배포 주기를 늘어지게 하는 요인은 여러 가지가 있습니다. 특히 저희의 발목을 잡았던 주된 요인은 다음과 같았습니다.기존 코드로 인해 기능 추가 및 디자인 개선이 어려워 새로 만드는 결정을 함별도의 제품 라인을 만들어서 신규 서비스를 선보여야 하는 비즈니스 상황이 발생함요구사항을 모아보니 서비스 설계가 비대해졌음서비스 사용 환경상 잦은 배포가 쉽지 않은 경우가 있음때로는 잦은 업데이트로 인한 고객이 피로감을 호소함이런 일들을 겪으면서, 업무는 매주 스프린트 단위로 진행하면서도 서비스 배포 주기가 짧게는 1달, 길게는 6개월을 넘기기도 하는 기형적인 상황이 발생했습니다. 버그를 고치거나 사소한 요구사항을 반영하는 이슈들은 그나마 스프린트 주기와 일관성을 가졌지만, 새 기능을 업데이트 하거나 신제품을 선보이는 프로젝트를 진행할 때에는 일정이 엿가락처럼 늘어지곤 했습니다.신기능이나 신규 서비스는 운영 중인 제품이 아니라 사용하는 고객이 없음사용하는 고객이 없으니 피드백이나 인입이 없어, 타임라인에 둔감해짐특히 기존 제품을 리뉴얼 하려고 할 때코드 유지보수가 어렵고, 크고 작은 빚이 많아서 새로 만드는 선택을 함멀쩡히 돌아가는 기존 기능을 똑같이 새로 만드는 비용이 추가됨릴리즈 시기가 미뤄지면서 그간 수집된 요구사항이 더 추가됨미뤄짐의 무한 반복이런 문제를 반복하던 중, 저희는 전환점이 되는 사건을 맞이했습니다.가장 많이 쓰는, 개선점이 산처럼 쌓인 서비스 개선을 시작하다저희는 2017년 3분기에, 도도 포인트 어시스트라는 프로그램을 개선하고자 마음먹었습니다. 결제 후 점원이 매장 POS나 컴퓨터에서 결제 금액을 입력하면 적립할 포인트를 계산해주는 프로그램이며, 다음과 같은 특징을 갖고 있습니다.도도 서비스 라인업 중 유일한 윈도 설치형 프로그램구형 POS가 많은 한국 매장 환경상, 윈도 XP까지 동작을 커버해야 하는 제품홀로 분리된 개발환경, 회사 내 윈도 개발인력 많지 않음상기한 이유로, 2012년경부터 메이저 업데이트 없이 유지보수만 하던 제품덕테이핑된 코드와 서비스 설계, 디자인이 매우 많이 남아있는 제품그럼에도 POS를 주로 쓰는 한국 특성상 고객이 가장 많이 사용하는 프로그램이 서비스를 개선하기로 결정한 만큼, 몇 년 동안 쌓여있던 요구사항을 모아서 신기능을 추가하고 전체 설계를 개편하면서 최신 디자인도 반영하는 거대한 목표를 세웠습니다. 더불어 신기능 설계와 디자인을 진행하는 동안 POS 기기와 도도 포인트 프로그램 간 통신 환경 안정화까지 도모하는 큰 마일스톤도 함께 진행하기로 했습니다. 그래서 통신 환경 안정화를 우선 진행하는 약 3주간, 리뉴얼할 서비스의 전체 기능 설계와 디자인 작업을 완료했습니다.01. 배포 전략을 재고하다프로젝트를 한창 진행하던 중, 사소한 요구사항 응대를 위해 결제 금액을 편하게 입력할 수 있도록 00 버튼을 추가하는 간단한 이슈를 진행했습니다. 그런데 이 기능을 업데이트하고 나서 매장의 항의가 빗발쳤습니다. 00 버튼을 추가하는 김에, 숫자 패드 배열을 최신 버전으로 변경하고 중복으로 있는 액션 버튼을 하나로 줄인 간단한 이슈였습니다. 하지만 업데이트를 진행한 날, 강도 높은 여러 매장의 피드백을 듣고 급하게 00 버튼을 제외한 모든 변경사항을 롤백해야만 했습니다.제품 변경 후 강한 피드백을 받고 하루만에 롤백롤백 후 검토해보니, 이 변경사항은 문제가 있을 수밖에 없었습니다. 결제 금액을 입력하여 적립 포인트를 계산하는 행위는 매우 간단한 행동처럼 보이지만 다음과 같은 특징이 있었습니다.이 행동의 수행 횟수는 매장의 일일 결제 횟수와 같으며, 매우 빈번하게 수행됩니다.행동의 수행 시간은 짧은데, 클릭 이벤트가 매우 많이 일어나는 행동입니다.하루 200번의 결제가 일어나고, 평균 결제 금액이 12,350원이라고 가정할 경우, 각 결제당 6회(숫자 패드 5회, 적립 버튼 1회)의 클릭, 하루 총 1,200번의 클릭 이벤트가 발생합니다.하루 1,200번의 클릭이 발생하는 화면의 배열을 하루아침에 바꿈으로써, 매장의 혼란이 극대화될 수밖에 없었습니다.특히 이 행동은 수행할 때의 집중도가 상대적으로 얕고, 화면의 배열을 거의 외우다시피 하여 순간적으로 수행하는 것이라 더욱 문제가 되었습니다.집중도가 높고 여러 화면을 넘나들어야 하는 전체 흐름이 긴 행동은, 버튼 배열과 디자인의 변경사항에 상대적으로 혼란을 덜 겪습니다. (예, 목록에서 고객을 찾아 선택하여 메시지를 작성하고 발송함)이 일을 겪은 후 제품 개선 진행에 대한 팀 내 불안감이 커졌습니다. 큰 규모의 업데이트를 생각하며 일을 진행하고 있었으나, 더욱 신중하게 접근하지 않으면 나중에 더 큰 반발이 있을 수도 있겠다는 사실을 뼈저리게 느꼈습니다.02. 고객이 부담스러워하지 않는 단위로 배포하자이 문제를 해결하고자, 부분 배포 전략을 수행하는 것을 제안했습니다. 제안한 내용은 다음과 같습니다.우리가 가장 중요하게 해결하고자 하는 문제가 무엇인가?리뉴얼 자체가 목적이 아니다. 해결하려는 문제를 다시 분명히 하자.고객이 최대한 자연스럽게 업데이트 내용을 받아들일 수 있는 순서와 단위로 배포하자.‘이번 업데이트의 개선사항은 무엇입니다.’를 한 마디로 설명할 수 있는 단위로 나누자.기존의 행동 흐름에서 자연스럽게 연결되는 시나리오를 가진 기능을 먼저 배포하자.새로운 기능을 추가한다면, 기존의 행동, 디자인과 공통 속성이 있는 것을 먼저 배포하자.몇 년간 고객이 학습한 부분을 계승하면서 최신 디자인 기조를 담을 수 있도록 하자.각 단위는, 작업부터 실 배포까지 추정 기준 2주일 내로 가능한 단위인지 점검하자.이에 따라 리뉴얼할 사항들을 쪼개서 전체 리스트업 하고, 새롭게 단위를 나누어 우선순위를 배열했습니다.리뉴얼할 사항을 적절한 단위로 쪼개서 배포 순서를 결정03. 배포 단위에 맞게 중간 전략을 설정하다우선순위를 재배열한 후, 이상적인 상태의 설계와 디자인을 쪼개서 현 버전에 부분적으로 신기능이 들어가도 전체 서비스 사용 흐름과 디자인에 문제가 없도록 중간 단계를 재설정했습니다. 또한 기능을 구현하고 있는 동안에는, 바로 다음에 구현될 기능만 잘라 워킹 프로토타입을 만들어서 내부 테스트를 다시 수행했습니다.이상적인 상태에서 한 단계 정도 수준을 낮춘 중간 전략을 설정04. 검증 단계를 더 추가하다기능 구현 이후에는 로컬에서 QA를 하는 것이 아니라, 나이틀리 빌드1 배포 버전으로 실 서버에서 동작하는 제품을 사용하면서 QA를 진행할 수 있도록 했습니다. 이 과정에서 서비스 교육팀, CS팀 등과도 함께 QA를 진행하여, 변경사항에 대한 사내 공유를 강화했습니다.QA가 완료된 후에는 전체 고객에게 바로 배포하지 않고, 부분 배포 기간을 1주일 두어 적어도 30명의 고객이 1주일간 사용해보고 크리티컬한 문제가 없다고 판단된 후 전체 배포를 진행했습니다.효과신규 기능이 올라갈 때의 프로세스를 전체적으로 변경한 후, 다음과 같은 장점을 경험했습니다.1. 예측 가능한 작업 추정추정 기준 2주일 이내로 배포할 단위를 설정했기 때문에, 추정 예측이 훨씬 높아졌습니다.2. 업데이트 내용에 집중된 고객 피드백 수집하루 수십 번~수백 번을 사용해야 하는 제품이기 때문에 고객이 업데이트로 인한 변경사항을 학습해야 하는 피로도가 지나치게 높으면, 개선된 부분에 대한 피드백을 듣기 어려웠습니다. 최악의 경우에는 새로운 기능에 대한 피드백을 듣기도 전에 손에 익은 예전 버전으로 롤백해달라는 요구를 듣기도 했습니다. (실제로 릴리즈의 형태로 업데이트를 강행한 제품은 지금도 종종 이런 문제가 있습니다.)하지만 배포전략 변경 이후에는 한 번의 업데이트에 고객이 집중할 수 있는 하나의 변경 사항을 제공함으로써, 고객은 업데이트된 하나의 기능에만 집중하여 사용할 수 있고, 저희도 업데이트한 기능에 집중된 피드백을 들을 수 있었습니다.3. 활발한 사내 공유부분 배포하기로 전략을 수정한 것은, 고객뿐 아니라 사내에서도 효과를 발휘했습니다.처음 진행한 내부 테스트는 리뉴얼할 제품의 전체 설계와 디자인을 완료하여 제품 전체를 워킹 프로토타입으로 만들고, 약 20분 동안 1명당 10여 개의 과업을 수행하게 하여 피드백을 받는 방식으로 진행했습니다. 사내 직원이라 해도 개편 내용을 그날 처음 확인하는 것이라 변경사항이 지나치게 많기 때문에, 다소 분산된 의견이 수집되었습니다. 또한, 과업 수행 시간이 길어 테스트의 집중도가 저하되는 문제도 있었습니다.그러나 배포 전략 변경 이후에는 배포될 단위별로 워킹 프로토타입을 다시 쪼개서 만들고, 한 번에 하나의 내용에 대해서만 테스트를 진행한 후 피드백을 수집했습니다. 덕분에 훨씬 몰입이 높은 환경에서 테스트가 진행되었고, 한 내용에 대한 심층적인 피드백을 수집할 수 있었습니다.단계별 배포 전략 수행 이후 cafe study 리서치 방식의 변화또한 내부 테스트 자체가 제품 변경사항에 대한 사내 홍보 역할을 하는 부차적인 효과도 있었습니다. cafe study 형식으로 내부 테스트를 진행하니, 곧 배포를 앞둔 신기능이 무엇인지 사내에 자연히 홍보가 되어, 타 부서에서도 여러 채널로 배포 일정을 먼저 물어오기도 했습니다.특히 서비스 교육팀이나 CS팀에는 얼마 전에 눈으로 확인하고 피드백을 준 내용이 업데이트된다는 안정감을 줌과 동시에, 고객이 한 번에 이해할 수 있는 단위만큼 업데이트되기 때문에 업데이트로 인한 인입량이 감소하여 해당 부서의 부담도 줄였습니다.염두에 둘 것어떤 업데이트 안내 문구가 친절하게 느껴지는가?1. 어떤 점이 개선되었는지 고객에게 쉽게 안내해야 합니다.고객이 업데이트를 실행한 전/후 어떤 점이 개선되는지, 또는 어떤 기능이 추가되는지 안내하는 것은 매우 중요합니다. 설명이 필요 없을 정도로 서비스 설계를 잘 했다 하더라도 아무런 안내가 없다면, 시간을 들여 업데이트를 진행한 고객에게 개선점을 스스로 찾으라고 하는 꼴이 됩니다. 사소한 버그를 수정했다 하더라도, 어떤 부분을 수정하고 개선한 것인지 간결하고 구체적으로 안내되면 고객에게 기본적인 신뢰감을 줄 수 있습니다.2. 업데이트를 기꺼이 수행한 고객을 실망하게 하지 않아야 합니다.업데이트 이후 ‘이상하다. 버그 없네’ 할 수 있다면 좋겠지만, 대개 예상치 못한 문제가 발생할 확률은 항상 존재합니다. 이때 자칫 단계별 배포 작업에만 집중하면 다음 스텝에 배포할 내용을 구현하는 것만 계획하고, 업데이트 직후 모니터링을 소홀히 하기 쉽습니다.최신 업데이트 버전을 바로 설치한 고객은 우리 서비스를 가장 활발히 사용하고 있는 고객일 것입니다. 하지만 업데이트를 일찍 진행한 고객일수록 문제를 빨리 밟을 확률은 더 높습니다. 특히 단계적으로 배포하여 업데이트 횟수를 늘린다면, 서비스를 활발히 쓰는 고객이 문제를 겪게 될 빈도는 더욱 늘어납니다.따라서 단계별로 배포 횟수를 늘릴수록 테스트 코드를 추가하고 QA 프로세스를 강화해야 합니다. 그럼에도 문제가 발생했다면 빠르게 문제를 해결할 수 있도록, 업데이트 직후에는 모니터링과 문제 상황에 대응할 여유 슬롯을 두는 것을 잊지 않아야 합니다.여담1. 이상적인 시나리오와 디자인 작업의 필요성에 대하여이번에는 약 3주간의 기간을 거쳐, 리뉴얼할 제품의 이상적인 전체 시나리오와 디자인 원칙을 먼저 확립하고 이를 팀 내에 공유한 후, 최종 목표로 가기 위한 쿠션 역할을 하는 중간 전략을 다음에 설정하는 방식으로 프로젝트를 진행했습니다. 중간에 전략을 변경한 것이긴 하지만, 최초에 작업한 이상적인 상태의 제품 설계는 중간 전략을 설정할 때 ‘기준선’의 역할을 함과 동시에, 팀 내에 제품의 전체 방향성을 공유하는 매개의 역할을 했습니다.이러한 효과를 체험했으므로 다음에도 프로젝트 수행시 제품 설계와 디자인의 최종 목표에 대한 작업을 선행하려 합니다. 하지만 이때 작성하는 이상적인 시나리오와 디자인은 ‘반드시 그렇게 되어야 하는 목표’가 아닌, 공유와 매개, 중간 전략을 위한 기준이 되는 역할을 해야 합니다. 또한 이번에는 이 작업에 3주가량 시간을 썼는데, 보다 최적화할 수 있는 방향을 모색하고 있습니다.2. ‘레거시’라는 단어의 제한적인 사용에 대한 팀 내 논의서비스를 오랜 기간 운영하다 보면, 자연히 팀 내에서 ‘레거시(legacy)’라는 단어를 자주 사용하게 됩니다. 하지만 현재 고객이 사용하고 있는 서비스를 받치고 있는 코드나 디자인을 습관적으로 레거시라고 이야기하는 것은, 서비스를 ‘뜯어고쳐야 할 대상’으로만 바라보게 되는 부작용이 있어, 이 단어를 최대한 자제하여 사용하자는 팀 내 논의가 있었습니다.4. 함께 읽으면 좋은 아티클 소개Things You Should Never Do, Part I 트렐로 서비스를 개발한 것으로 유명한 프로그래머 Joel Spolsky의 글입니다. 이미 돌아가는 서비스의 코드가 엉망이라고 생각한다고 하여, 섣불리 재작성을 시도하는 것을 ‘절대 하지 말아야 할 일’이라고 이야기합니다. 코드 뿐 아니라 서비스 설계와 디자인에도 적용되어야 할 내용입니다. 이 아티클이 수록된 책은 한국어로도 번역되어 있습니다.마치며저희는 아래와 같은 상황에서 많은 시행착오를 겪으며, 안정적으로 기존 서비스의 개선 프로젝트를 실행하는 방법을 이번에 배웠다고 생각합니다.서비스를 운영한 지 7년 차. 제품 설계와 디자인, 코드 모든 것에 많은 빚이 남아있었습니다.그러다보니 전체 서비스를 개편하는 설계를 하고, 디자인을 전면 개편하고, 코드도 뒤엎는 시도를 2016년부터 지속하여 수행했습니다.그 과정에서 제품을 만드는 사람과 이를 받아들여야 하는 고객 모두가 매우 힘들다는 것을 경험했습니다.여러 해 동안 서비스를 유지보수 해온 팀이라면, 제품 개선에 자연히 많은 욕심이 생깁니다. 하지만 기존의 시나리오와 디자인, 코드 베이스로 오랜 기간 서비스를 해왔다면, 현재의 서비스 또한 어느 정도 ‘고객이 이해하고 사용할 수 있는 상태’라는 믿음을 가져야 합니다. 또한, 서비스를 무조건 대규모로 개선하려고 하는 시도가 자칫 이를 사용하는 고객을 더욱 괴롭게 하는 일이 되어서는 절대로 안 될 것입니다.이번 경험을 계기로 크리에이터 팀 내에서는 이 내용을 백서처럼 공유하고 프로세스를 정하여, 다른 프로젝트를 수행할 때에도 최대한 비슷한 방식의 프로세스를 밟기 위한 정규화를 진행하고 있습니다. 읽어주셔서 감사합니다.#스포카 #UX #디자인 #디자이너 #사용성개선 #인사이트 #일지 #후기
조회수 306

이런, 박쥐같은!

B.A.T는 매달 한 번씩 돌아오는 노마드데이에서진행되고 있는 프로젝트별 상황 공유와 함께 조직 가치를 상기시킨다.하지만 우리는 꽤나 인간미 넘치는 사람들인지라 막상 그때뿐,눈에 보이지 않고 시간이 지나면 잊는 것이 인지상정 아닌가 하는자연스러운 현상(...)에 그동안 매우 충실해왔다.그래서 우리 스스로가 일할 때마다 조직 가치를 되새기고 인지할 수 있도록포스터를 만들어 사무실에 붙여놓아야겠다는 갑작스러운 대표의 근엄스러운,다짐 같은 의뢰로부터 이 프로젝트는 시작되었다.(고백하건대, 처음엔 학교 다닐 때 칠판 위에 떡하니 붙어있던 급훈 정도라고 생각했...)하지만 어느새 여기포스터 작업을 맡게 된 디자이너들의 크리에이터와 의지가,이 매력적인 작품들로 재미있는 작업을 해보고싶다는 모션 디자이너의 추가 의견이,그리고 우리 디자이너들의 멋진 작품들을 자랑 좀 해야겠다는 글쓴이의 욕심이 더해져이렇게 본격 셀프-자랑 브런치 포스팅이 나오게 된 것이었다.어쩌면 판만 깔아주면 일을 알아서 더 벌리는 우리의 습성을너무나도 잘 알고 있었던 대표의 빅피처였을지도. (대표님... 리..리스펙!)자, 서론은 여기까지 하는 걸로 하고본격적으로 B.A.T의 네 가지 조직가치 포스터에 대한 이야기를 해보자.왼쪽부터 나하나, 주영진, 이건용, 임철규 디자이너 작품 순1. 놀라운 고객 경험 (Amazing Customer Experience)우리는 단순한 고객 만족을 넘어 그 이상으로 고객의 감탄을 나아내는 것을 지향합니다.1) 새롭고 차별화된 것을 추구2) 고객 원츠가 아닌 고객 니즈를 파악2. 끊임없는 성장 (Constant Growth)우리는 개인적으로나 조직적으로나 끊임없이 성장하기를 원하는 사람들이 모여있는 조직입니다. 단기간의 오버페이스가 아닌 장기적인 관점에서 끈기를 가지고 성장을 추구해야 합니다.1) 빠른 러닝커브와 성장지향형 마인드2) 철저한 자기관리3. 압도적인 성과 (Overwhelming Achievement)우리는 매우 탁월하고 압도적인 성과를 추구하는 사람들입니다. 매우 뛰어난 한 명이 보통의 여럿보다 훨씬 낫다고 믿는 우리는 개개인이 압도적인 성과를 만드는 전문가가 되어야 한다고 생각합니다.1) 중요한 것에 집중하기2) 더 높은 퀄리티와 완성도에 집착하기3) 철저하게 타임라인 지키기4) 집요하게 파고들어 결과를 만들기5) 똑똑하고 효율적으로 일하기4. 유기적인 협업 (Organic Collaboration)우리가 만드는 결과물은 결국 한 명의 힘으로 이뤄지지 않습니다. 전에 없던 브랜드를 만들기 위해서는 상황에 맞게 변화하는 유기적인 협업이 필요합니다.1) 투명한 커뮤니케이션2) 수평적인 문화+수직적인 의사결정3) 동료들의 성장을 지원 (이타심)4) 장기적인 조직 성장에 기여이렇게 힙하고, 세련되고, 감각적인 조직가치를 본 적 있던가!어떻게 보면 조직가치 요소만 덜렁 주어진 꽤 불친절한 상황일 수도 있었지만,네 명의 디자이너는 자신만의 크리에이티브와 스타일을 뽐내는 작품들을 척척 만들어냈다.(심지어 각자 맡은 분야의 디자인 작업을 위한 스케치 설명 덱까지 직접 기획.. 대단한 분들...)각자의 다른 매력들이 드러나서, 그리고 그 다름들 속에서도 B.A.T의 성향이 공통적으로 묻어난다는 점이 묘하면서도 좋은 것 같다. 일종의 B.A.T 유대감 같은 걸 지도. 그리고 각자의 작품이 모션으로 어떻게 표현될 것인지에 대해 모션 디자이너와 의견을 충분히 나눴고,모션 디자이너 역시 생각지도 못했던 아이디어를 끊임없이 제안하며 퀄리티를 높이는데 공을 들였다.그러니 이런 대단한 작품들이 나올 수밖에!실컷 멋진 작품을 선보였는데 글이 더 길어지면 힙한 무드가 깨질 수 있으니 이만 쓰려 한다.그러니까 결론은,B.A.T 디자이너와 모션 디자이너는 욕심 많고 멋지고 크리에이티브하며(비주얼에 속았을 수도 있지만) B.A.T 조직가치는 만만치 않게 빡세다는 것...!
조회수 3053

사용자 경험(UX)은 기획자, 디자이너가 이끌지 않는다

오랜만에(처음인가?) 조금 더 실무적인 글을 써보고자 한다. UX에 대한 내용이다.사용자 경험(UX)과 인간-컴퓨터 상호작용(HCI), 이 단어를 처음 들은 것은 아직 군인이었던 2010년이었다. 군대에서 생물학과 심리학에 큰 관심이 생겨 여러 권의 책을 읽었는데, 그 모든 학문적인 영역이 하나로 합쳐질 수 있다는 생각이 들어 매우 흥분됐던 기억이 난다. 그 이후로 지금까지 6년 동안, 사용자 경험에 대해 공부해왔고 창업을 한 이후에는 비캔버스의 사용자 경험 향상을 위해 2년째 달리고 있다.실무적으로나 학문적으로나 아직도 부족한 것이 많지만, 비캔버스라는 툴을 2년째 서비스하며 해온 고민들을 생각해보면 툴에 대한 사용자 경험만큼은 우리 팀만큼 전문성을 가진 사람이 많이 없을 것이라 생각한다. 비캔버스는 웹에서 동작하는 애플리케이션으로 포토샵과 같은 툴이다.TOOL이라는 서비스 특성상 사람들의 인식에서 정해진 영역이 강하지 않기 때문에, UI를 완전히 새롭게 설계하고 그것을 표준으로 만들 수 있다는장점이자 단점이 있다. 즉, 우리가 독특하게 UI와 UX를 설계하여 사용자에게 제시후, 익숙하게 만드는 '닻 내리기(Anchoring effect)식 전략'이 가능했다는 것인데 이 때문에 처음 비캔버스를 접하는 사용자들이 서비스를 어려워하는 경우도 많았다.올 초, 우리는 이러한 한계를 효과적으로 극복할 수 있는 모형을 찾았는데, 이 것이 우리의 전체적인 개발 프로세스에 큰 영향을 미쳐오고 있다. 오늘 이것을 공개하고자 한다.포스트잇 메모 기능을 개발한다고 가정해보겠다.참고로, 나는 인터페이스 관점의 UX를 '기능'과, 그 기능까지 찾아가는 '내비게이션'으로 분리하여 생각한다. 가령, 내가 여행지에 고깃집을 창업하기로 결심했다면, 고깃집 자체를 어떻게 운영할 것인지에 대한 것은 '기능'차원이다. 반면, 어떻게 사람들이 거리적인 동선이나 심리적인 흐름에 의해 내 고깃집에 도달할 지에 대해서 고민하는 것은 '내비게이션'에 대한 고민이다. 이번 예시는 포스트잇 메모 기능이라는 '기능'에 대한 내용으로 국한되어 있지만 이 모델 자체는 '내비게이션' 성격의 UX에도 사용할 수 있다.이런 UX/UI 개발에 대한 프로세스를 정립하는 일은 우리 팀의 특성상 반드시 필요한 것이었다. 비캔버스는 지금까지 2년간 디자이너 없이 순수 개발팀으로만 이뤄져 왔다. 즉, 주요 커뮤니케이션 상대인 내가 기획과 디자인뿐 아니라 마케팅 업무와 회사 대표일까지 하고 있는 상황에서 나와의 커뮤니케이션이나 토론이 아주 잦게 진행되는 것은 시간적으로 불가능했다. '이게 왜 이렇게 만들어지냐?', '이건 어떻게 만드냐'에 대한 질문이 잦을수록 내가 다른 업무를 볼 시간이 매우 적어졌고 개발팀도 수동적으로 일하는 것 같아서 매우 싫었다.그래서 올 초부터 이 프레임(모형)을 만들어서 개발 프로세스에 적용해왔는데, 결과는 매우 효과적이다. 서론이 길었다. 본론으로 돌아와서 내가 "포스트잇 메모 기능을 개발하자!"라고 개발팀과 이야기할 때는 이런 모델을 제시한다. 물론 이건 예시다. 실제로 적용할 때는 더 복잡하게 설계될 수 있다.기능 개발 커뮤니케이션에 활용되는 모델 1단계.1단계 - 고객 입장에서의 감정이입 단계보통 '새로 생길 기능은 이렇게 생겼고, 이렇게 동작한다'는 식으로 이야기하면 개발팀으로부터 '이럴 때는 어떻게 해? 저럴 때는 어떻게 해? 이거 누르면 뭐 나와?' 등 질문이 쏟아진다. 내가 기능 설계를 0부터 100까지 정확하게 다 설명하면 이런 내용으로 회의하는데 온종일 시간을 낭비하게 되며, 개발팀의 창의성과 고객에 대한 감정이입 능력을 말살시키는 것이라 생각한다.위 사진에서 볼 수 있듯, 포스트잇 메모 기능이 있기 전과 후가 어떻게 다른 지에 대해 먼저 설명한다. 이 기능이 사람들에게 어떻게 선물처럼 다가갈 수 있는지 말해주고, '사용자의 기능 사용 목적'을 추정하여 알려준다. 즉, '우리 팀', '내 의도'는 아직 등장도 하지 않는다. 내 이야기를 하는 것이 아니다. 내 머릿속의 기획을 이야기하는 것이 아니다. 우리 고객이 어떻게 이 기능을 사랑하게 될 것이고, 이 기능을 어떤 목적으로 활용하게 될 것인지 고객 사이드로 설명한다.나는 개인적으로 페르소나 분석을 싫어한다. 본래 페르소나의 목적은 특정 인터페이스에 대해 각기 다른 사람들이 어떻게 다른 패턴을 보이는지 파악하여 그 패턴을 바탕으로 UX를 개선시키는 게 목적이라 보는데, 지금 사람들이 하고 있는 것은 마케팅 차원의 인류 통계학적 고객이 누군지 파악하려 하는 건지, 서비스 UX를 개선시키려는 것인지 분간이 잘 안 간다. UX/UI 개선을 위해서는 페르소나 분석이 아니라, 우리 고객이 우리 제품을 사용하는 고객들의 패턴을 세부적으로 분류하고 그 분류된 특정 패턴의 고객들이 기능에 어떻게 다르게 반응하는지 등을 파악하는 것이 중요하다 생각한다.각설하고, 2단계로 돌입할 때가 됐다. 이제 고객에 대해 이해하고, 이 기능이 어떻게 작동하면 좋을 지에 대해 개발팀들도 머릿속에 생각과 아이디어가 생겼을 것이 분명하다. 내가 고객이라고 눈을 감고 상상하면 제품을 직접 돌려볼 수도 있는 그런 경지에 조금이라도 빠져든 것이다. 그럼 이제 2단계 논의가 가능해진다.2단계.2단계 - 고객을 위한 우리의 움직임을 결정이제 어떻게 움직일지 고민하는 단계다. 그전에 우리는 이미 고객이라는 상상 속에 빠져있으니, 고객 입장에서 포스트잇 기능을 사용해볼 때다. 포스트잇 기능을 사용할 때 외부적인 간섭이나 방해는 무엇이 있을까? 포스트잇이라는 게 액셀처럼 멋지게 구조화된 형태가 아니라서 상사가 내가 노는 줄 알고 눈치를 줄지도 모르겠고, 내 10년 된 17인치 모니터에서는 포스트잇 글자가 조금 작아 보일지도 모르겠다. 서비스 내부적인 간섭 요인도 이런 식으로 상상이 가능하다.이렇게 간섭 요인까지 봤으면 드디어 '우리 이야기', '내 기획'이 나올 때다. 아까 이야기했던 고객의 목적에서 외/내부 간섭 요인을 제거하면 우리의 기능 개발 목적을 손쉽게 설정할 수 있다. 어떻게 '이 기능을 만들지'에 대해서까지 불필요한 브레인스토밍 시간 필요 없이 단기간에 빠르게 도달할 수 있다. 이렇게 한 번 우리끼리 합의를 보고 나면 불필요한 질문과 회의가 매우 줄어든다. 스스로 이 모델을 참고하면서 '고객은 이런 목적을 달성하는 것이니 버튼은 이렇게 동작해야겠지?'라는 개발팀의 상상력이 작용하기 때문이다. 그런 뒤에 논의를 시작하면 발전적이면서도 짧고 굵은 토론이 가능하다.이렇게 목적까지 설정했으면, 이 기능을 음악으로 한 번 표현해보면 아주 재미있다. 가령, 이 기능을 쓸 때 사용자들의 머릿속에서 어떤 음악이 흘러나올 것 같은지 상상해본다. 이게 좀 어렵다면 이 기능을 사용하는 영상을 만든다면 무슨 음악이 어울릴지를 찾고 그 이유를 적어보면 된다. 그렇게 하면 단순히 논리적인 차원의 어떤 딱딱한 객체로써 기능을 보는 것이 아니라, 사용자와 우리를 호흡하게 만들어주는 살아있는 중간 매개자로서 바라볼 수 있다. 즉 서비스가 생명력을 갖는다고 생각하게 되는 순간이 찾아온다.3단계, 마지막 단계다.3단계 - 일할 때 항상 자신에게 묻기. '이것이 고객의 목적을 달성하는 길인가?'2단계에서 목적까지 다 세웠으니 이제 기획자는 기획을 하고, 디자이너는 디자인을 하면 되고 개발자는 개발을 하면 된다. 보통, 이때 커뮤니케이션에 항상 큰 문제가 생기곤 한다. 기획이 다 끝나서 개발팀에게 전달하면 싸움이 나거나, 개발자가 개발을 하다가 디자이너의 욕심을 발견하면 또 싸운다거나..이 모델을 활용하면 그러한 일이 줄어든다. '고객의 목적 달성'외에는 모든 팀원들이 오버를 하지 않게 된다. 나도 개발을 하면서 느꼈지만, 아무리 안중요한 기능이라도 쉬울 줄 알았는데 막상 안 풀리면 거기에 엄청나게 많은 시간을 할애하게 된다. 개발자의 욕심이 작용하는 것이다. 디자이너도 마찬가지다. '적합한 사이즈의 포스트잇을 만들어주자'에 많은 고민을 해야 할 디자이너가 포스트잇 색깔에 지나치게 많은 고민을 한다던지, 폰트 생김새나 여백 같은 것에 고민하는데 큰 시간을 할애하게 된다. 그것 또한 욕심인 셈이다. 서로 욕심부려서 결과물이 좋은 꼴을 본 적이 없다.우리가 고객의 입장에서 감정 이입하여 만들어낸 '고객의 목적'을 달성시켜주는데만 집중한다면 커뮤니케이션 시간이 월등하게 줄어들고 자기방어적인 입장으로 점철된 회의 또한 크게 줄어든다.즉, UX라는 것은 그저 디자인팀이나 기획자의 전유물이 아니다. 전체 팀이 일하는 프로세스가 오롯이 사용자 경험에 크게 영향을 미치며 기능 딜리버리 속도에도 크게 영향을 미친다. 물론, 우리 팀에서 이것이 가능했던 이유는 고객을 진심으로 사랑하고 낮에는 고객지원을, 밤에는 개발을 하는 고된 상황 속에서도 고군분투하는 개발팀이 있기에 가능한 것이었다. 이 기회를 빌어 우리 개발팀(경병현 이사님, 심중섭 팀장님)에 감사한다.수동적인 조직에서는 이러한 프로세스가 불가능할 수 있지만 이런 프로세스를 적용하기 위해 노력한다면 개발자가 하루 종일 코드만 보고 불평하고 있는 일은 줄일 수 있다. '이 거지 같은 걸 왜 만들어야 돼'라는 생각으로 개발을 하게 되면 개발 결과물도 후지고 일정도 늦어지며 자기 자신에게도 악영향을 미치게 된다. 그리고 그 부정적인 에너지는 고객도 무의식적으로 느낄 수 있게 된다.마치, 음식점에 갔는데 주인장이 성질을 내며 음식을 만들면 아무리 맛있는 음식도 아무런 맛이 느껴지지 않는 것과 같은 것이다. 화가 난 어머니가 차려주신 밥상의 밥은 왠지 잘 넘어가지 않는다. 우리가 개발을 하거나 서비스를 만들 때도 똑같다. 부정의 에너지가 서비스를 덮고 있으면 그 에너지는 우리가 모르는 새에 고객의 인식 속에 들어가 서비스의 사려 깊은 에너지를 말살시키게 된다. 실컷 부정적인 에너지 다 투여해서 고객의 입맛을 다 망쳐놓고 사용자 경험이 어떻고 버튼을 어디에 배치해야 되고 고민하는 것은 매우 이상해보인다.따라서, 우리에게는 이런 모델이 매우 중요했고 앞으로도 쭉 활용하게 될 것이다.어떻게 보면 무식하고 후져 보이는 전략이자 모델일 수 있겠지만, 유용하다 생각하는 사람들은 이를 잘 활용해 보기를 바란다. 막상 해보면 매우 좋은데, 순서가 가장 중요하니 순서를 바꾸면 안된다.1. 고객에게 감정 이입하기 (이 기능이 있기 전, 있고나서 고객의 행동 변화)2. 고객을 위한 우리의 움직임을 결정하기3. '이거 진짜 고객의 목적을 위한 길인가? 이 토론은? 이 회의는? 쓸데없는 시간낭비 아닐까?' 생각하기
조회수 1020

부동산 서비스의 데이터 기반 UI/UX 반영하기

아래 이야기는 실제 예비 신혼부부가 오피노의 고객사 부동산플래닛의 서비스를 사용하는 과정을 조금의 각색을 더해 재구성하였으며 이미지에 첨부된 지역은 임의로(하지만 희망이 담겨...) 캡처되었음을 미리 알려드립니다. #집 검색 예랑: 내가 낮에 xx 지역에 집 보고 카톡으로 공유 해 줬거든, 그 집 한번 볼래?. 내부는 괜찮은거 같던데.우측 상단의 공유버튼신부: 잠깐만…데스크탑 좀 키고... 집 볼때 로드뷰 봤어? 주차 공간은? 예랑: 로드뷰 봤지. 아이폰으로 볼 땐 지도 위쪽에 작은 크기로 있으니까 놓치지 말고 . 보고나서 일단 관심매물 등록 해놨어.빨간맛...아니 빨간색 관심매물 버튼이  사용자를 유혹한다신부: 그래? 데스크탑에선 로드뷰 메뉴 찾기 쉽게 되어있는데. 우선 옵션이랑 쭉 살펴볼게~주변 편의시설과 로드뷰 외에도 다양한 매물 정보를 확인할 수 있다# 실거래가 검색 신부: 오빠, 이제 전세자금 대출 준비도 해야겠다. 예랑: 그러게, 요즘 xx 지역 전세자금 대출 얼마나 받을 수 있으려나.신부: 전세자금 대출도 대출인데, 건물 종류가 뭔지에 따라 전세자금 대출 조건이 달라지니까 건물 종류를 같이 따져야 돼예랑: 집 종류는 아파트 아니면 빌라 같은거 아닌가? 신부: ......예랑: 바로 알아볼게 어떤 종류가 있는지! 다양한 부동산 종류에 압도되지 말자. 각자의 목적에 맞는 종류를 선택하면 된다예랑: 아파트 오피스텔은 알겠는데 연립/다세대랑 단독/다가구는 처음보네.신부: 우선 우리가 전세 계약한 집 볼거니까 아래쪽에 상가~토지 까지 전부 해제해 봐.예랑: 그럼 주거용만 보기 누를게.신부: 그리고...우리가 전세 계약한 단독/다가구... 34억 이거 클릭해봐.예랑: 역시. 로또 된거 맞네. 34억 지금 사면 얼마나 더 오를려나??? 신부: 쓸데 없는 소리하다 혼난다. 전세자금 대출 받으려고 건물가격 확인 하는 거야~예랑: 네...신부: 우선 건물주 몇명인지 정보 볼래? 예랑: 그건 왜 보는거야? 신부: 하나의 건물이라도 소유주가 여러명일 수 있어서 이런 요소를 다 알아야 전세자금 대출을 제대로 받을 수 있어. 여기 상세 정보 있네. 아 건물 주인이 한명이네. 아...나도 건물주 하고 싶다신부: 지금 이 건물의 시세랑 소유주가 왜 중요하냐면, 만약에 이 건물 주인이 잘못되면 ~~~$%^&* ~~~먼저 빼주고 우리 보증금을 줄거란 말이야. 그래서 건물 실거래가 정보가 중요해.예랑: ......?신부: 그래...우선 이 실거래가 정보도 일단 내 카톡으로 공유해줘..익선동 맛집 추천 받습니다#부동산 인사이드예랑: 나 부동산 공부 좀 해야겠다...방금전에 설명해 준 내용 하나도 이해 못했어신부: 우선 뉴스 보면서 부동산 용어를 우선 익혀봐. 여기 부동산 인사이드 눌러봐바구독을 유도하기 위한 팝업창예랑: 오호...이 기사 좀 봐….전셋값은 하락하는데 집주인이 보증금을 안준데. 이 기사 한번 읽어볼까? 우리도 나중에 보증금 못받으면 어떡하지? 신부: 응 그 기사 클릭해봐. 오 여기 구독도 되네. 이거 구독신청하고 계속 봐 틈날때 읽어. 나중에 제대로 봤는지 안봤는지 검사한다. 예랑: Yes, Sir! 글을 읽으면서 눈치채신 분들도 계실지 모르겠으나 볼드체로 표시한 기능과 행동들은 우리 서비스에 고객들이 다시 방문하게 유도하거나(관심매물 등록, 구독하기), 다른 사람도 쉽게 서비스로 유입시키는 기능(공유하기), 그리고 사용자들이 서비스를 사용하며 기대하는 정보(로드뷰, 매물 종류, 실거래가 정보 등)들과 이로 인해 발생하는 행동들이다.관심매물 등록, 공유하기, 로드뷰, 구독하기와 같은 버튼들이 고객들이 의식적으로 찾지 않아도 쉽게 인지할 수 있는 위치에 있고 고객의 사용 과정에 자연스럽게 녹아있다면, 혹은 다른 정보들보다 한눈에 돋보이는 색상과 디자인을 가지고 있다면, 고객들이 더 오랜시간 서비스에 머무르며 중요한 기능을 사용 할 것이라 추측할 수 있다. 그렇지만 이 기능이 얼마나 유효한 기능인지, 어떻게 바꿔야 고객들의 편리를 더 증가시키는 유의미한 결과를 유도할 수 있는지는 변경하고 시도하기 전까진 아무도 모른다. 설상가상으로, 만든 사람이 중요하다고 생각하는 기능과 고객이 사용하는 기능이 일치하는지, 모바일과 웹 환경에서 사용자의 행동이 얼마나 다른지 수치적으로 확인하지 않는다면? 내가 의도한 기능을 왜 사용하지 않는지, 어떻게 행동을 변화시킬 수 있을지 고민하는 것이 애초에 불가능하지 않을까?그래서 이 글을 읽고 계시는 분들에게 감각에 기반해 의사결정을 내리기에 앞서, 나의 서비스는 제대로 측정하고 있는지 먼저 파악해 보시기를 추천드립니다.퍼포먼스 마케팅 에이전시, 오피노 바로가기부동산 투자의 시작과 끝, 부동산플래닛 바로가기
조회수 3631

스포카 한 산스2.0에 관한 몇 가지 단편적 사실들

안녕하세요. BX디자이너 김동휘입니다.스포카에서 했던 프로젝트 중 가장 애착이 가는 프로젝트를 꼽으라면, 스포카 한 산스 프로젝트를 첫째로 꼽을 것입니다. 몇번 이와 관련된 글을 남기려고 했지만, 2.0버전이 나오고서야 글을 쓰게 되었네요.이 글에선 스포카 한 산스 새 버전 공개를 앞두고 스포카 한 산스 공식 웹에 다 담을 수 없었던 자잘한 업데이트 이야기, 스포카 한 산스에 관한 몇 가지 흥미로운 사실, 그리고 작업자의 소회 등을 단편적으로 기록해보려고 합니다.1) 영문 대문자 롤백애초에 스포카 한 산스의 영문 대문자를 커스텀 한 이유는 한글과 영문을 함께 썼을 때 영문의 자간과 자폭이 유독 좁아 보이는걸 보완하고자 함이였습니다.하지만 실제로 스포카 한 산스로 영문을 타이핑했을 때, 대문자만 쓰면 자간이 너무 벙벙해졌고 소문자와 함께 쓰면 자간이 부조화스러웠습니다. 또한 강제로 넓힌 자폭 및 자간을 다듬는 것은 아마추어가 건들기엔 더 전문적인 지식과 많은 시간을 필요로 하는일이었음을 깨닫고 원래 상태로 돌리기로 했습니다.2) 대문자 Q의 모양모든 대문자를 원래 상태로 돌린 건 아니였습니다. 대문자 Q는 디자인에 큰 변화를 겪었습니다.소문자 y의 꼬리 또한 마찬가지 이유로 커브를 쫙 펴주는 작업을 해주었습니다. 노토산스 CJK KR에 심긴 영문은 한글과의 어울림을 고려하여 디자인된 게 아니고 기존에 있던 오픈산스를 그대로 가져와 옮겨심은 것이기 때문에 완벽하게 매칭된 상태는 아닙니다. 그래서인지 개인적으로도 한글은 다소 딱딱한 느낌인데 반해 영문은 비교적 둥글둥글하다는 첫인상이였습니다. 또한 라토 서체에서 커스텀해 옮겨온 숫자 글리프도 쭉쭉 뻗은 모양새입니다. 이전 스포카 한 산스 작업당시 소문자 l의 꼬리 끝을 과감히 잘라낸 이유 중 하나도 한글 및 숫자 글리프와는 어울리지 않는다 판단했기 때문입니다.스포카 한 산스 2.0 작업을 하면서 스포카 한 산스의 기존 커스텀 방향을 좀 더 충실히 따르기로 했고 Q와 y도 대세를 따라 둥근 꼬리를 버리고 단호한 꼬리를 달게 되었습니다.숫자와 함께 쓰인 영문 예시 도판을 보시면 의도가 더 설득될지도 모르겠습니다.4) “,”와 “?”, ? 모양도 마찬가지로 대세를 따릅니다. 참고로 쉼표 모양을 변경하면서 참고했던 Apple 산돌고딕 Neo의 경우 , . ? “ ” ‘ ’ 모두 획의 끝을 각진 스타일을 맞춰줬으나 스한스는 그렇게까지는 안 하기로 했습니다.내가 만약 서체 디자이너라면 각진 스타일을 모두 맞춰주었겠지만, 스포카 한 산스 프로젝트의 최종 목표는 완벽한 서체를 만드는 것이 아니라 우리 서비스에 최적화된 서체를 (빨리) 커스텀하는것이였으므로 타협을 하기로 했습니다. 아래 Apple산돌고딕 Neo 소문자 i와 j의 점 모양을 보시면 타협한 이유가 보이실 텐데요, 이걸 고치기 시작하면 고칠 게 너무 많아지기 때문입니다.5) 소문자 a물론 이 모든 변화는 디자이너와 리뷰어들의 취향 또한 반영합니다. 이 변화의 경우 다른 이유보다 취향 탓이 더 큰 듯합니다. 오픈산스의 a는 사발(bowl) 부분이 다소 처진 느낌입니다. 이 사발 윗면의 경사 또한 부드러운 인상에 한몫한다고 판단, 경사를 완만하게 만들었습니다.노토산스CJK KR 소문자 a과 스포카 한 산스 2.0 소문자a6) 숫자폭과 숫자 1, 4 글리프서비스 특성상 숫자가 잘 읽혀야 하며 숫자의 단위를 가급적 빨리 인지할 수 있게 해야 했습니다. 특히 여러 수치를 리포트 형식으로 보여주는 페이지가 많으며 각각의 데이터값을 쉽게 비교해야 하는 서비스 특성을 반영해 개선했습니다.노토산스의 숫자를 보면 한글이나 영문 속에서 섞여 있을 땐 글줄이 매끈하게 썩 잘 어울리지만 숫자만 쓰였을 땐 그 장점이 단점으로 작용합니다.스포카 한산스 2.0과 노토산스CJK KR, 영문과 숫자를 함께 썼을 경우스포카 한산스 2.0과 노토산스CJK KR, 숫자 형태 비교기존 스포카 한 산스는 형태에 대한 커스텀은 라토를 가져옴으로 해결했지만 자폭에 대한 고려는 하지 못했습니다. 왜냐하면 각 숫자 글리프의 형태가 단순한 1부터 양옆으로 빵빵한 8에 이르기까지 다양했기 때문에 각 숫자의 공간을 동일하게 주기 어려웠기 때문입니다. 특히 1의 공간을 해결하기 너무나 어려웠는데요, 이번엔 라토 1의 모양대로 밑에 받침을 넣어주고 상단의 삐침을 길게 빼줘서 고정폭이 되더라도 어색해 보이지 않게 개선했습니다.스포카 한 산스 1.0의 1과 2.0의 1 모양 비교라토 4 획의 끝을 각지게 바꾸면서 다소 생뚱맞은 특징이 하나 생겼는데, 이를 반듯하게 다듬어주었습니다. 위의 숫자 1의 변화와 함께 놓고 보면 훨씬 안정적으로 바뀌었음을 느낄 수 있습니다.스포카 한 산스1.0과 2.0, 각각의 숫자14 글리프 모양 비교8) ☃ 글리프 교체단순히 귀여움을 위해 눈사람 글리프도 스포카 캐릭터로 심어주었습니다.스포카 캐릭터 포포, 푸이 캐릭터 원형9)_, - 수정.한글, 일본어 및 숫자를 주로 사용하는 서비스 특성에 맞춰, 숫자와 관련된 기호를 영문 소문자 디센더를 상대적으로 덜 고려한 위치로 옮겼습니다.수학 공식의 마이너스 부호는 너비를 늘리고 커스텀한 숫자에 맞춰 높이를 약간 낮췄습니다. 고객이 태블릿 입력창에 기입한 휴대폰 번호의 가독성이 높아야만 했기 때문에 너비를 충분히 넓혀주어 앞뒤 숫자들이 명확히 구분되게끔 했습니다.이런 변화는 숫자의 변화와 마찬가지로 인쇄를 위한 매끈한 글줄을 조판하고자 할 땐 거슬릴 수 있습니다. 키보드에 있는 마이너스 부호는 수학 공식에 쓰이기도 하지만 하이픈이나 구간을 나타내는 엔대시와도 혼용하고 있기 때문입니다. 엔대시가 포함된 글 한 단락을 조판한다고 가정했을 땐, 이런 변화는 글줄이 다소 끊겨 보일 테니 말입니다.10) <, >키보드에 ‘<’, ‘>’는 사실 수식의 부등호란 사실 알고 계셨나요?(…) 나 또한 스포카 한 산스 커스텀 하면서 알게 된 사실입니다. 허나 이미 수많은 사람이 이를 괄호처럼 사용하고 있으므로, 이게 괄호처럼 쓰여도 과히 이상해 보이지 않았으면 했고 이를 반영한 결과가 다음과 같습니다. 물론 수학 부등호와 괄호를 분명히 구분해주는 것이 맞지만, 많은 사람들이 귀찮고 특수문자를 찾아 넣기 힘들다는 이유로 혼용하고 있기 때문에 이를 무시할 수 없다고 생각했습니다.1참고로 과거의 나와 많은 사람이 <, >와 혼용하는 이 부호의 명칭은 꺾쇠괄호 혹은 홑화살괄호 〈 〉라고 합니다.11) |, \, /, (, ), {, }, [, ] 위치 및 길이 수정노토산스CJK KR의 경우 영문의 어센더 디센더를 모두 고려한 길이와 위치로 설정되어있었습니다. 그래서 한글이나 숫자, 그리고 디센더가 없는 영문 글리프와는 좀 어색한 모양새입니다. 모두 고려해주면 좋겠지만, 당장은 한글과 숫자 사용이 월등히 많으므로 한글과 숫자에 어울리는 길이와 위치로 변경해주었습니다. 단 완벽하게 한글과 숫자에 최적화를 한 건 아니며, 어쩌다 영문 소문자와 함께 쓰여도 이상하지 않을 정도로 타협을 보았습니다.참고로 산돌 네오고딕의 경우, 노토산스 CJK KR과 달리 영문서체도 모두 산돌에서 제작을 했음을 생각하면 영문의 디센더와 어센더의 높이를 한글에 맞게 길들인 것으로 짐작이 됩니다. 따라서 버티컬 라인의 위치와 길이가 별다른 조정 없이도 한글, 영문, 대소문자 숫자 모두 잘 어울립니다.(, ), {, }, [, ]도 디폴트값이 영문을 기준으로 되어있던 위치를 한글과 숫자 위주로 조절해주었습니다.12) ※, 〶, ‹, ›, «, », 『, 』, 「, 」, 『, 』, 「, 」, 《, 》, 〈, 〉각종 글리프 중 자주 쓸만한 글리프들의 굵기를 웨이트에 맞아 보이게 조절습니다.『, 』, 《, 》, 「, 」, 〈, 〉의 경우 사실 유니코드 표준상으로는 전각이 맞습니다.2 하지만 한글 조판 방식의 특성이 고려가 안 된 표준이라 글자 사이를 엄청나게 띄워놓아 가독성을 해치고 글줄에 구멍을 만듭니다. 물론 어도비 프로그램에서는 몇 가지 설정으로 쉽게 미세조정이 가능하나 디자인 툴이 갖춰져 있지 않거나 웹앱 등에서는 미세조정이 불가능하므로 강제로 반각으로 고쳤습니다.3 그러고 보니 스포카 한 산스의 커스텀 내용 중 많은 수가 디자인툴에서만 수정 가능한, 하지만 범용 애플리케이션에서도 니즈가 있던 부분들을 적용해주는 작업이네요.13) ¥ $ ₩ %숫자 글리프를 전면 수정하면서, 숫자와 주로 함께 쓰이는 통화기호도 숫자 외형 변화에 발맞춰야 했습니다.퍼센트 기호의 경우, 스한스 버전 1 때는 단독으로 예뻐 보이는 방향으로 취향껏 고치는 바람에 똥글똥글한 모양에 세로획이 다소 두꺼운 모양이었으나, 숫자 0과 영문 Oo과 잘 어울리지 않는다고 판단, 기존 모양으로 돌아가 획 굵기만 재수정하였습니다.14) 각종 글리프 패스 정리다소 부끄러운 고백이나, 폰트랩이 익숙지 않아서 처음 스포카 한 산스 작업할 땐 수정하고픈 글리프를 모두 일러스트레이터로 그려서 폰트랩에 옮겨오는 식으로 작업했습니다. 이 과정에서 패스가 일그러지는 부분들이 다수 생겼고, 2.0작업하면서 거의 모두 폰트랩으로 다시 그리거나 패스를 정리하였습니다. 웹에서 보면 그리 티 나지 않지만 디자인툴인 일러스트레이터나 인디자인으로 써놓고 크게 확대해보면 일그러진 패스들이 보입니다.스포카 한 산스1.0 글리프 ?, 숫자 4의 패쓰 찌그러진 것을 스한스 2.0에서 개선한 모습 비교15)“스포카”를 검색하면 가장 먼저 뜨는 연관검색어는 스포카의 서비스인 “도도 포인트”가 아니고 “스포카 한 산스”입니다. 스포카에서 진행한 오픈소스 프로젝트 중 가장 흥한 프로젝트는 스포카 한 산스 프로젝트라고 내부적으로 평가하기도 합니다.16)처음 스포카 한 산스를 공개했을 땐 피드백과 문제를 받기 위한 메일주소를 공개했었습니다. 덕분에 유익한 피드백을 받기도 했었지만 한편으론 우리도 끝내 해결 못 한 문제나 노토산스 자체 버그를 해결해달라는 문의도 많이 들어왔습니다. 현재는 해결 못하는 문제들을 기록하는 채널을 통일하고, 다른 분들도 모두 이슈를 확인하실 수 있도록 github 이슈로만 제보 받고 있습니다. 직접 해결해드리고 싶지만 본업이 서체 디자이너나 서체 개발자는 아닌지라 안타까운 마음일 뿐…17)한번은 스포카 한 산스 적용 중에 생긴 문제 해결을 위해 자사에서 사용 중인 개발 디테일을 알려달라는 메일이 오기도 했었습니다. 이에 개발 디테일은 공개할 수 없다고 답변드리자 스포카 한 산스 프로젝트 전체를 총체적으로 폄하하는 메일을 받기도 했었습니다. 당시엔 황당했지만 지금은 오픈소스 프로젝트에 대한 견해나 이해도 차이가 낳은 헤프닝이라고 생각합니다.18)사용문의 메일이 (아직도) 심심찮게 옵니다. 주로 기업에서의 사용문의인데, 여러분 그냥 묻지 말고 쓰셔도 됩니다.19)경쟁사에서 본인들 웹사이트에 해당 서체를 사용하는 걸 발견하고 모두가 어이없어했는데, 그로부터 몇 개월 후 스포카는 그 경쟁사를 인수하게 되었습니다. 420)2017년 2월부터 산돌커뮤니케이션의 서체 관리 프로그램인 ‘구름다리’를 통해 스포카 한 산스 2.0 버전을 제공하게 되었습니다. 산돌커뮤니케이션은 바로 노토산스CJK KR의 한글을 제작했던 서체 회사입니다.21)스포카 한 산스 프로젝트를 하고 난 후, 이따금 내가 처음부터 만들지도 않은 서체를 우리 회사 이름을 붙이고 적극적으로 홍보하는 것에 대해 가끔은 떳떳하지 않은 기분을 느꼈습니다. 나는 서체 디자이너가 아니며, 그렇기때문에 아무리 우리가 쓰기 좋게 만들었다 한들 서체만을 전문으로 디자인하는 전문가 입장과는 상충할 수밖에 없다고 생각했습니다. 커스텀 퀄리티에 대해 자신이 없기도 했고요.하지만 최근에 한글타이포그래피학교에서 진행하는 안삼열 님의 섞어짜기 특강을 들을 기회가 생겼고 우리의 방향성은 틀리지 않음을 확인했습니다.5 한글과 영문을 함께 쓴다는것은 두 문명의 충돌이기에 모든 조건에 100% 만족하게끔 섞어 쓰는 건 어려운 일이고, 어떻게 서로를 “길들”일지는 디자이너의 선택에 따라 방향이 달라질 수 있는 것이지요. 어떤 의도로, 무엇에 초점을 맞춰 서로를 길들일지 판단하는 것은 디자이너의 몫인 것입니다.스포카 한 산스가 어디에 주로 쓰일 것인지 명확했고, 철저히 그 조건에 부합하려고 노력했습니다. 노토산스CJK KR은 한글을 디자인한 디자이너가 영문이나 기타 글리프를 직접 디자인한 게 아니고 오픈산스를 가져와 붙인 것입니다. 물론 한글과 영문을 함께 쓰기에 부족함이 없도록 노력한 흔적들이 많고, 디자이너라면 이를 잘 찾아 적용할 수 있을 겁니다. 하지만 일반인들이 이런 방법을 알기는 힘들며, 앞서 말했듯 범용 애플리케이션에서 적용하기엔 어려운 점이 있습니다. 그럼에도 불구하고 노토산스CJK KR은 장점이 압도적인 서체이고, 감사하게도 오픈소스로 풀리는 바람에 우리 같은 아마추어도 서체를 새로 만드는 수고에 비해 아주 적은 노력만을 들여 개조할 수 있었습니다. 우리가 개발자 문화에 친숙했고, 오픈소스란 개념이 낯설지 않았던 덕택에 이런 문명의 혜택(?)을 입을 수 있었던 것입니다.이제는 이 프로젝트가 일종의 “리메이크”에 가깝다고 느낍니다. 상황에 맞게 기성 음악을 믹싱해서 틀거나 원하는 의도대로 리메이크 하듯, 우리도 서체를 리메이크한 것이지요.현재, 다른 웹사이트에서 심심찮게 스포카 한 산스를 발견할 수 있습니다. 숫자를 많이 쓰는 기업의 웹사이트에서 스한스를 많이 적용한 걸 보면 장점이 명확한 걸로 보입니다. 물론 우리 제품에서도 잘 쓰고 있고요. 이 정도면 꽤 성공한 프로젝트 아닐까요?22)Contributor : 김동휘, 강영화Reviewer : 김예지, 박지선, 정희연Technical assistance : 양천웅, 홍민희, 문성원, 유은총, 김재석, 박준규, 최종찬, 강성용Inspection of English contents : 옥지혜한국타이포그라피학회의 심우진 님의 논문 “한글 타이포그라피 환경으로서의 문장부호에 대하여”를 읽어보면, 주류 여론으로는 문장부호와 산술기호를 구분하는 것으로 보입니다. “6.3. 폰트 호환성 저하 부등호를 꺾쇠괄호의 대용으로 사용하는 한글 폰트도 많이 출시되어 있으나, 5.1에서 언급한 바와 같이 제작 방식에 차이가 있어 한글 폰트끼리의 크기, 위치 편차가 크다(그림 18)” ↩다음 각 항목의 링크를 클릭해 더 자세한 정보를 확인해보세요. 『(왼쪽 겹낫표), 』(오른쪽 겹낫표), 《(왼쪽 겹화살괄호), 》(오른쪽 겹화살괄호), 「(왼쪽 낫표), 」(오른쪽 낫표), 〈(왼쪽 홑화살괄호), 〉(오른쪽 홑화살괄호). ↩한국어의 조판방식과 유니코드 표준이 거리가 멀기 때문에 다른 한국 서체 회사들도 반각으로 임의로 고친 서체(산돌네오고딕, 나눔고딕 등)를 출시하기도 합니다. ↩‘쿠폰·포인트 적립 1위’ 스포카, 2위업체 전격 인수 ↩안삼열 님의 실제 의견과 본 블로그에 기재된 글쓴이의 의견이 다를 수 있습니다. ↩#스포카 #디자인 #디자이너 #폰트 #인사이트 #경험공유 #후기 #일지
조회수 3100

열정 넘치는 디자이너, 바로 나

목차미국 HCI 석사 준비1. 필요한 정보 습득- UI/UX/Product/Interaction Design 관련 대학원 목록- 미국 대학원 지원 준비- 미국 대기업에 다니는 디자이너들에 대한 정보 수집- 미국 대기업이 원하는 디자이너의 역량- 디자이너가 알아야 할 툴들 공부2. 열정으로 닥치는 대로 공부 & 경험- Dribbble & Behance 보고 따라 해 보기- 혼자 하는 프로젝트, 포트폴리오 콘텐츠 만들기- 디자인 관련 밋업, 스터디, 컨퍼런스 참가- 남는 시간 활용 (아티클, 블로그, 유튜브 강의 등)- 기본적인 웹 코딩 배워놓기- 스타트업 또는 회사 경험대학원에서.. 그리고 인턴쉽 지원1. 학교 수업 및 프로젝트- 첫 학기의 승부- 배워보고 싶은 것들 vs. 배워야 하는 것들 vs. 아쉽지만 버려야 할 것들- 실시간 포트폴리오 업데이트- 교내 프로젝트 외 다른 도전2. 조교- 조교의 혜택과 이점- 지원할만한 연구실 목록 작성- 연구실 지원 준비- 열심히 일하기3. 인턴쉽 지원 준비- 회사들에 대한 지식 및 공부- Referral- 이력서 디자인- 포트폴리오 외 어필할 방법4. 경험담을 글로 풀어내기- 개인 블로그 시작- 디자이너에게 블로깅이란?5. 회사 지원 및 인터뷰- Google Analytics를 통한 방문자 분석- Recruiter와의 대화- Interviewer 파악하기- 실전짧은 소개현재 난 Georgia Institute of Technology에서 HCI (Human Computer Interaction) 석사를 전공하고 있다. 그 전에는 University of Michigan - Ann Arbor에서 Psychology를 전공했다. 지금 이 글을 시점에는 미국 Facebook에서 Product Design Intern으로 근무하고 있다. 많은 디자이너와 다르게 디자인 전공이 처음에는 아니었기 때문에 내가 여기까지 오기까지의 경험담을 정리한 글을 쓰고 싶었다. 최대한 다양한 정보를, 그리고 나만의 노하우를 적고 싶었고 100% 만족스럽진 않지만 그래도 누구에겐 도움이 됐으면 좋겠다. 이렇게 관심 가지고 나의 글을 읽으러 들어와 주셔서 매우 감사하다.미국 HCI 석사 준비1. 필요한 정보 습득UI/UX/Product/Interaction Design 관련 대학원 목록당연하게도 내가 제일 먼저 한 것은 미국에 있는 모든 디자인 관련 대학원 목록 정리였다. 캐나다와 미국에서 오랫동안 살아서 그런지 일단은 미국으로 돌아가서 공부하고 커리어를 쌓고 싶은 꿈이 있었다. 미국으로 돌아가 일을 하려면 미국 대학원을 나오는 게 제일 빠른 방법인 것을 알고 있었던 나는 서둘러 인터넷을 뒤지기 시작했다. 책상에 앉아 Google이나 Quora와 같은 곳에서 디자인 관련 석사 프로그램들을 마구 찾고 정리하기 시작했는데, 생각보다 리스트가 길어져서 추리는데 만해도 시간이 오래 걸렸다. 내가 정리한 종류별 학교 목록은 여기에서 볼 수 있다.찾는 도중 깨달은 점은 생각보다 UX 디자인 관련 대학원들이 너무나도 많다는 것이었고 최근 들어 많은 프로그램들이 개설된 것을 볼 수 있었다. 그리고 누구라 할 것 없이 그동안 배출한 학생들의 인턴쉽이나 취직 데이터를 보여주면서 어필하기도 했다. 나 같은 경우에는 HCI (Human Computer Interaction)라는 컴퓨터 공학, 디자인 그리고 심리학 외에 여러 학문을 융합한 학과가 너무나도 끌렸기 때문에 그쪽 관련 대학원들을 집중해서 봤다. 찾다 보니 카네기멜론, 조지아텍, 워싱턴, 미시간, 인디아나 등의 학교들이 유명하고 경쟁률도 상당히 높다는 것을 알게 되었고 하루라도 빨리 준비를 서둘러야겠다고 마음먹었다.미국 대학원 지원 준비일단 대부분의 학교들은 지원할 때 대학교 성적표, 포트폴리오 (optional인 곳도 있지만),  Statement of Purpose (자기소개서), GRE 점수, TOEFL, 교수님 또는 직장상사 추천서 등이 필요하다. 포트폴리오 같은 경우에는 웹사이트나 PDF 파일로 제출할 수 있으며 디자인 배경이 아닌 학생일 경우에는 지원하지 않아도 되는 경우도 있다. 자기소개서는 대부분 온라인 지원양식에 첨부파일로 넣거나 직접 Input field에 쓴다. 대게 왜 대학원을 지원하는 것에 대한 질문이고 나의 배경과 나의 꿈에 대해 설명하라는 경우가 많다. GRE는 학교마다 공지하는 평균 점수대가 웹사이트에 공지돼 있는 경우를 볼 수 있는데 솔직히 정말로 못 보지 않는 이상 큰 의미는 없는 것 같다. GRE는 Verbal, Quant 그리고 Essay로 나누어지는데 박사 지원을 하는 게 아닌 이상 Verbal은 155점만 넘으면 안전한 것 같고 Quant는 한국사람이라면 160점은 넘을 수 있기 때문에 오히려 조금이나마 플러스 요인이 되는 것으로 알고 있다. 마지막으로 Essay는 3.5점만 넘으면 웬만한 수준은 되는 걸 보여주는 것이기 때문에 괜찮은 것 같다 (분명 더 잘 보면 좋긴 하다). 나는 사실 GRE를 처음 공부할 때 해커스학원을 끊어보긴 했지만 한국식 문제풀이 방식에 익숙하지 않아서 그냥 학원을 취소하고 집에서 단어만 집중적으로 외웠다. 개인적인 생각으론 GRE 만점을 맞기를 목표를 하기보다는 적당한 점수를 목표로 한 다음에 포트폴리오나 자기소개서 같은 것에 집중을 하는 게 현명한 것 같다. TOEFL은 같은 경우에는 미국대학교를 졸업하면 면제를 주는 학교는 몇몇 있지만 카네기멜론 같은 경우에는 인정해주지 않기 때문에 어쩔 수 없이 시험을 봤어야 했다.여기서 자기소개서에 대해서 내 생각을 잠시 얘기를 하자면 난 그게 학교 측에서 꼭 읽어보는 중요한 서류라고 생각된다. 사람마다 각기 배경이 다르고 대학원에 지원하고 싶은 적절한 이유가 있으며 대학원을 통해 이루고자 하는 명확한 목표가 있기 때문에 학교 입장에서는 나에 대한 전반적인 정보를 한 번에 스냅샷으로 볼 수 있는 글이 된다. 나 같은 경우에는 지원서를 쓸 때 처음 기계공학으로 대학교를 들어가고 심리학으로 전과할 때까지 그리고 그 후, 디자인에 "디"자도 모른 상태로 처음 HCI나 UX 관한 이야기들을 접했을 때 모든 것을 다 내려놓고 거기에 심취하게 된 내용으로 출발했다. 그 후, 혼자 피땀 나는 노력으로 독학을 하고 여러 사람들을 만나서 영감도 얻고 정보도 얻으면서 전반적인 디자인 관련 실력과 지식을 늘려갔고 전문적인 교육을 받기 위해 대학원에 지원한다는 내용을 썼다. 스토리 사이사이에 녹아든 나의 디자인에 대한 열정과 포트폴리오를 코딩해서 직접 만들어본 것 등을 토대로 최대한 Strong Case를 만들었던 것 같다. 자기소개서에서는 자신만의 특이한 스토리가 있어야 모든 것이 비로소 흥미로워지고 "이 학생은 아직 많이는 모르지만 대학원을 통해서 정말 많이 성장할 수 있겠구나"라는 생각을 가지게 하는 것이 중요한 것 같다.다음, 포트폴리오에 대해서 좀 더 자세히 언급하자면 나 같은 경우에는 대학교를 심리학으로 졸업했기 때문에 웹사이트는커녕 Static 한 포트폴리오조차도 없었다. 아니 다시 말하자면, 포트폴리오는커녕 디자인이 관련된 것은 정말 하나라도 가진 게 없었다. 대부분의 학교들은 포트폴리오가 Optional이 었지만 뭔가 없으면 불리할 것 같았다. 결국 나에게는 8월부터 12월까지 4개월 남짓의 시간이 있었는데 크게는 두 가지의 길이 있었다. 하나는 Squarespace나 Wix 같은 웹사이트를 쓰고 디자인 결과물을 몇 개라도 만들어서 포트폴리오를 채워보려고 노력하는 것, 그리고 또 하나는 직접 포트폴리오 홈페이지를 코딩으로 만들어 보는 것이었다. 사실 그 당시에 무작정 학원을 끊어서 HTML/CSS/JS 기초를 잠시 배워봤는데 너무나도 적성에 잘 맞았다. 수업이 끝나면 혼자 집에 가서 복습도 하고 혼자 예습도 해봤는데 온라인에 나와있는 정보들이 너무나도 많아서 금방 학원에서 나가는 진도가 너무 느린 것처럼 느껴졌다. 나중에는 학원을 가지 않고 혼자 집에서 직접 여러 가지를 만들면서 최대한 빨리 배우려고 노력했다. 지금 생각해도 코딩 같은 경우에는 마냥 유튜브 강좌를 듣는 것보단 직접 간단한 것이라도 만들어보는 것이 실력 향상에 가장 많은 도움을 줬던 것 같다. UX 포트폴리오에 대해서 잠시 쓴 블로그도 있다 추가로 내가 코딩을 공부하고 포트폴리오를 직접 코딩하겠다고 마음먹은 것 중 하나는, 대학원 지원 이력서에 HTML/CSS/JS를 할 줄 안다고 쓰고 아무런 결과물을 보여주지 않는 것보다는 허접하지만 그래도 뭐라도 보여주는 것이 결과를 완전히 바꿀 수 있는 비장의 카드라고 생각했기 때문이다. 김칫국을 마시면서 부끄럽지만 혼자 침대에 누워서 학교 면접관에 빙의해서 이렇게 생각도 해보았다. "심리학 갓 졸업한 학생이 혼자 코딩을 공부해서 포트폴리오를 만들었다니! 참 열정이 대단하군!"이라고...미국 대기업에 다니는 디자이너들에 대한 정보 수집대학원 지원 준비를 밤낮으로 하는 도중, 꾸준히 한 것이 몇 개 더 있다. 하나는 좀 Creepy 하게 들릴 수 있지만 난 항상 시간이 날 때마다 LinkedIn을 통해서 내가 관심 있는 대학원에 다니는 사람들이 어느 기업에 인턴쉽이나 정직원으로 갔는지 프로파일 스토킹을 했다. 그냥 검색하면 나오는 정보이기에 찾는 것은 매우 수월했지만 흥미롭고 전율이 흘렀던 점은 몇몇 학생들은 정말로 내가 꿈에 그리는 회사에 다니고 있는 것이었다. LinkedIn에 나와있는 이력서를 보게 되면 그 사람이 다니는 학교는 어디였는지, 들었던 수업은 어떤 것들인지, 포트폴리오는 어떤 식으로 디자인돼있고 프로젝트들은 어떤 것들이 있는지 등을 관심 있게 눈여겨봤다. 몇 개의 포트폴리오들은 시간이 가는 줄 모르고 보고 북마크로 저장하기도 하면서 "언젠간 나도 저렇게 돼야지"라고 생각했다. 하지만 반대로 어떤 포트폴리오 웹사이트들은 둘러보기가 불편한 경우도 있었으며 디자인 경험이 많지 않은 내가 봐도 전체적인 느낌이 생각보다 별로 였던 것들도 있었다. 이렇듯이, 여러 사람들의 포트폴리오를 보는 것들이 나에게 많은 영감과 자극을 주었다. 닮아야 할 것들 그리고 닮지 말아야 할 것들 또한 많이 느끼고 얻어간 것 같다.미국 대기업이 원하는 디자이너의 역량내가 했던 것들 중 또 다른 하나는, 미국에 많은 사람들이 아는 구인구직 사이트를 통한 디자인 직종 분석과 회사가 포스팅하는 디자이너 모집글들을 시간 날 때마다 하나씩 읽어보는 것이었다. 미국에서는 대부분 LinkedIn Jobs, Indeed 그리고 Glassdoor와 같은 곳이 있는데 난 거기서 매일 같이 Product Designer, UX Designer 그리고 Interaction Designer 등 여러 디자이너 직업을 찾아보았고 회사마다 다른 이름의 직책과 뽑는 시기, 그리고 지원방식이 있는 것을 알게 되었다. 정직원은 물론이거니와 인턴쉽에 관한 정보도 끊임없이 노트에 쓰기도 하고 머릿속으로도 정리했다. 예를 들어 구글 UX Design Intern은 1월 초에 지원이 열리고 페이스북 Product Design Intern은 12월 전에 마감이 되는 등, 이런 꿀 정보들은 지금 생각해보면 대학원에 들어가서 다른 친구들보다 빨리 포트폴리오를 정리하고 지원할 수 있는 계기를 마련해 준 것이 아닌가 라고 생각한다. 정보가 힘이다!디자이너가 알아야 할 툴들 공부"난 디자이너예요 또는 난 디자이너가 되고 싶어요"라고 말하기 위해서 제일 중요한 것 중 하나가 바로 Skill Set이다. 흔히 디자인을 모르는 사람들이 디자인을 생각하면 스케치보다는 포토샵을 더 많이 말하는 경우가 있는데 아무래도 요즘은 스케치 시대다. 지금 내가 인턴으로 있는 페이스북에서도 전부다 스케치를 쓴다. 하지만 내가 처음 디자인 툴을 공부해야겠다고 마음먹었을 때 배운 것은 포토샵이나 일러스트레이터다. 하지만 점점 포토샵보단 스케치를 쓰는 트렌드가 왔고 당연히 학생으로선 트렌드를 따르는 게 자연스러웠다. 게다가 스케치는 포토샵으로는 할 수 없는 여러 추가 기능들이 있었으며 너무나도 편리했다. 스케치를 써본 사람이라면 아마 대충 알 것이다. 이런 디자인 툴들 말고도 와이어 프레이밍이나 프로토타이핑 또한 요즘 디자이너가 갖춰야 할 능력임을 알았기에 많이 다운로드하여보고 실제로 툴마다 몇 가지를 만들어보기도 했다. 시간이 지나다 보니 선호하는 툴들이 생겨났고 Framer나 Origami는 특히 페이스북 그룹에 가입했다. 커뮤니티가 매우 잘 돼있었고 다른 사람들이 만든 파일을 들여다보거나 모르는 게 있으면 질문도 해보았다.2. 열정으로 닥치는 대로 공부 & 경험Dribbble & Behance 보고 따라 해 보기매일매일 피와 땀을 흘리며 디자인 관련 툴들을 손에 익혔다. 단축키를 서서히 익혀가고 스케치 같은 경우에는 Symbol사용에 익숙해졌고 각종 유용한 Plug-in들도 활용해보는 등 점점 나의 실력은 향상되어갔다. 실력을 향상하는데 가장 도움이 많이 됐던 것은 Dribbble이나 Behance에 나오는 맘에 드는 디자인들을 따라 해 보는 것이었다. 가끔 대중교통을 이용할 때나 집에서 자기 직전, 정말 멋있다고 생각했던 디자인들을 스크랩이나 스크린샷으로 저장을 해놓고 최대한 똑같이 만들어보았다. 처음에는 그림자나 색깔 사용이 익숙하지 않아서 애를 먹었다. 하지만 그럴 때일수록 혼자 연구도 해보았고 각종 시행착오를 통해 최대한 비슷하게 만들 수가 있었다. 그러다 보니 제법 실력이 늘게 되었고 특히 폰트를 적절히 트렌트에 맞추어 사용하는 법도 제법 많이 늘기 시작했다. 색의 배합도 많이 개선되었고 타이포그래피 연습도 꾸준히 했다. 지금도 딱히 비주얼적으로 뛰어난 디자이너라고 할 수는 없지만 개인적으로 모든 디자이너가 꼭 그럴 필요는 없다고 생각하기 때문에 현재에 매우 만족하고 있다. 하지만 지금도 Dribbble에 업데이트를 시간이 날 때마다 하는 등 많은 노력을 하고 있다.혼자 하는 프로젝트, 포트폴리오 콘텐츠 만들기아까 대학원 지원 당시 나의 포트폴리오에 대해서 살짝 얘기를 해보았는데 이런 궁금증을 가졌으리라고 생각된다. "웹사이트의 윤곽은 만들었다 치고 도대체 그 안에 어떤 내용을 넣었을까?" 다시 말하지만 대학교를 디자인 외의 전공으로 졸업했기 때문에 디자인 관련 프로젝트는커녕 아예 넣을만한 소재가 없었다. 하지만 포트폴리오 윤곽은 다 만들었는데 내용이 없으면 그저 빈 껍데기밖에 안된다. 그래서 혼자 고민 또 고민을 했는데 아무래도 혼자라도 프로젝트를 해보는 게 최선의 방법임을 깨달았다. 처음에는 평소에 사람들이 많이 사용하는 앱들을 다운로드하여서 혼자 Audit을 해보고 "어떻게 하면 더 좋은 UX를 만들 수 있을까? 어떻게 하면 디자인을 더 이쁘게 또 실용적이게 할 수 있을까?" 란 질문들을 던져보면서 프로젝트를 진행해 보았다. 혼자 방에 앉아 인터넷으로 리서치도 해보고, 워드에 나의 생각도 적어보고, 와이어 프레이밍도 연필로 쓱싹쓱싹 해보았다. 딱히 어떤 특출 난 아이디어를 학교 측에 보여주고 싶다기보다는 UX분야에 충분한 관심이 있고 혼자 무작정 해볼 만한 열정이 있으며 그것을 실현 가능하게 끔 하는 디자인 툴 사용 능력이 있다는 것을 증명하고 싶었다.짧은 시간 동안 여러 프로젝트들을 했는데 날씨 앱을 프로토타이핑까지 해서 더 재미있게 만들어보았고 캐릭터 디자인도 해보고, 각종 아이콘 디자인, 그리고 스타벅스 같은 유명 사이트들을 코딩으로 재현해보았다. 뭐든 관련이 있으면 일단 최대한 웹사이트에 추가로 넣어보았고 나의 200%를 보여주고 싶었기 때문에 콘텐츠를 덜 넣는 것은 상상도 못 하였다. 솔직히 그 당시에 나의 포트폴리오를 보면 당장 구멍으로 숨어버리고 싶겠지만 그 당시 면접관의 눈에는 나름 심리학을 나온 디자인에 "디"자도 모르고 코딩의 "코"자로 모를만한 학생의 열정을 높이 샀으리라 생각한다.디자인 관련 밋업, 스터디, 컨퍼런스 참가여기서 알아야 할 것은, 나는 결코 방에 틀어박혀 4개월 내내 공부만 하고 대학원 준비를 한 건 아니다. 페이스북이나 온오프믹스를 통해 각종 디자인 Meetup이나 스터디 또는 HCI 컨퍼런스에 참가하기도 했다. 그중 기억나는 스터디는 이준원 님과 진행한 Framer 스터디인데 일요일 아침마다 매우 재미있게 참가하고 많이 배워갔던 시간이었던 것 같다. 처음에 Framer에 대해서 알고 배울 때에는 너무나도 재밌었는데 모르는 것도 많아서 페이스북 그룹에 스터디가 있는지 궁금했었다. 그때 운이 좋게도 준원 님께서 스터디를 개설하고 주도해 주셨고 그때 정말 많이 배웠던 것 같다. 이렇게 무작정 실무 디자이너들이나 다른 학생들과 같이 스터디도 해보고 직접 얘기도 듣고 하는 것이 디자인이나 크게는 IT필드에 대한 전반적인 지식을 많이 쌓게 해 준 것 같다. 게다가 너무나도 멋진 디자인을 하시는 디자이너분들을 보면서 주먹을 꽉 쥐고 "언젠간 나도 저렇게 될 거야!"라는 생각을 하며 집에 돌아와 더 이를 갈고 열심히 했다. 지금도 같은 생각이지만 이런 이벤트나 모임들은 나가는 것이 정말로 많은 Motivation과 Inspiration이 되는 것은 분명 사실이다. 앞으로도 기회가 된다면 많이 참가하고 싶다.남는 시간 활용 (아티클, 블로그, 유튜브 강의 등)어렸을 때부터 지겹도록 듣는 말, 자투리 시간 활용. 항상 전교 1등들은 말한다, 화장실 가는 시간도 공부에 최대한 활용했다고... 여기서 내가 말하고 싶은 건 그 정도는 아니지만, 어느 정도까지는 열정과 관심만 있다면 할 수 있다는 것이다. 지금까지도 계속 말했지만 나는 버스에서나 지하철에서나 택시에서나 아니면 집에 잠들기 전에 시간 활용을 최대한 신경 써서 했던 것 같다. 대학원 지원 마감까지는 4개월이라는 짧은 시간밖에 없었던 것도 있지만 대학원을 지원하고도 입학은 보통 8월이나 9월이었기에 시간도 많이 남은 것을 알고 있었다. 게다가 대학원에 입학해서 실제로 수업을 듣고 프로젝트를 친구들과 진행해야 하기까지에는 많은 배경지식과 디자인/코딩 지식이 많이 필요할 것만 같았다. 학교에 가서 비실비실 끌려다니기보다는 프로젝트를 주도하고 열심히 하고 툴도 적절히 활용할 줄 아는 디자이너가 되고 싶었기에 매일매일 끊임없이 배웠다.조금 여유가 된다 싶으면 UX 관련 아티클이나 블로그를 많이 찾아봤고 운동할 때나 잠들기 전에는 유튜브 강의를 통해 많은 지식을 흡수했다. 그저 Google에 UX만 쳐도 쏟아 나오는 정보에 감탄을 금치 못했고 정말로 이 분야가 Hot하다는 것에 안도감을 느끼기도 했다. 또 놀라웠던 것은 너무나도 방대한 정보가 인터넷상에 판을 쳤고 전문적인 지식, 세세한 튜토리얼부터 취업하는 방법, 인터뷰 보는 방법, 포트폴리오 만드는 방법, 디자인 툴에 대한 설명, 비교 등 봐도 봐도 끝이 없었다. 하지만 시간이 가는 줄 모르게 너무 재미있었고 어떤 것들은 나의 능력 밖임을 깨달았을 때는 속상하기도 했다. 지금도 너무나도 많은 것들을 모르는 나 자신을 보며 스스로를 자책하고 채찍질한다. 지금 이 글을 쓰는 순간에도 배우고 싶은 것들이 너무나도 많다 그리고 배워야 할 것들이 너무나도 많다.기본적인 웹 코딩 배워놓기아까 잠시 말했지만 여기서 더 자세히 말해보려고 한다. "코딩, 과연 디자이너에게 필요한 스킬인가?" 나는 솔직히 코딩 중에서도 Front-end Development, 즉 HTML/CSS/JS에 관한 기본지식은 디자이너가 배우면 좋다고 생각한다. 실제로 많은 사람들이 "Should Designers Learn How To Code?"라는 질문들을 던지면서 디자이너가 코딩을 왜 배우냐라고 비아냥거리는 경우도 있는데 솔직히 내가 지금까지 코딩을 배워서 이득을 본 것을 생각하면 진짜 이런 말들을 들으면 서운하다. 대학원을 지원할 때 허접했지만 내가 손수 코딩한 웹사이트가 좋은 점수를 따게 해주었고 대학원에 들어가서도 새롭게 만든 나의 포트폴리오가 페이스북이나 다른 회사들 인터뷰를 볼 때 면접관의 눈썹을 올리게 해주었다. 게다가 학교에서 프로젝트를 할 때는 스케치 같은 툴로 하는 디자인뿐만 아니라 프로젝트를 위해 웹사이트를 만들어야 하거나, Framer로 프로토타이핑할 때, 다른 친구들보다 눈에 띄는 Impact를 줄 수 있었다.최근 페이스북 인턴쉽에서는 사람들이 실제로 사용하는 프로덕트에 내가 코드를 써서 리뷰도 받고 그것이 패스가 돼서 결국 프로덕션 되기도 했다. 솔직히 내가 엄청난 것을 만진건 아니지만 그래도 충분히 눈에 띌만한 개선을 한 건 사실이다. 그리고 엔지니어들 중 나랑 프로젝트를 같이 진행하는 Front-end 쪽에 집중하는 엔지니어가 있는데 걔랑 내가 만든 디자인에 대해서 회의를 할 때면 조금이라도 아는 척할 수 있는 자신감도 가질 수 있었다. 그렇기 때문에 나는 만나는 디자인 공부를 하는 학생이나 친구들을 볼 때 코딩은 적어도 기본적인 HTML/CSS/JS는 배워놓으면 좋다고 목에 핏대를 세우면서 얘기한다. 어떤 곳은 디자이너가 코드를 쓰면 싫어한다는 소리가 있는데 (코드가 읽기 힘들거나 더럽게(?) 코딩돼서?) 적어도 페이스북에서는 그런 얘기는 안 하는 것 같다. 내가 만약에 좀 더 깨끗이, 짧게 쓸 수 있다면 엔지니어가 시간 날 때 가르쳐 준다. 애초에 건들지 못할 것은 무작정 덤비면 안 되지만 내 능력 안에 할 수 있는 조그마한 일들은 항상 있기 마련이다. 엔지니어가 바빠서 다른 일들을 먼저 해야 되고 굳이 지금 해결해야 할 일이 아니라면 내가 물어버리고 천천히 시행착오를 통해 해보면 된다. 그렇게 배우는 거다.스타트업 또는 회사 경험시간은 정말 눈 깜짝할 사이에 흘렀다. 결국 12월쯤인가 아마 모든 대학원에 나의 지원서를 넣었던 것 같다. 마감일 전까지 부랴부랴 모든 것을 쏟아부었고 혹시나 빠진 것들이 있는지 확인, 또 확인했다. 포트폴리오 같은 경우에는 지원서를 넣고도 결과가 대충 나오기 시작하는 2,3월까지 언제든 학교 측에서 열람할 수 있기 때문에 수시로 업데이트를 했다. 그리고 꾸준히 블로그도 읽고 디자인 연습도 하고 LinkedIn에 다른 디자이너 스토킹도 하고... 그렇게 반복적인 것을 하던 중에 번뜩 생각난 아이디어가 있었다. "혼자 공부만 하지 말고 실제로 일을 해보면 어떨까?"그 당시 지원한 대학원을 모두 떨어질 것이라고는 생각하지 않았다. 그래서 입학 전 까지는 많은 시간이 남았다고 판단을 내렸고, 때문에 실제로 일 경험을 해보고 싶었다. 어느 날, 컴퓨터 앞에 앉아 구인구직 사이트들을 막 뒤지기 시작했다. 처음에는 대기업을 지원하고 싶었지만 디자인 인턴을 뽑는 곳이 많이 없었을뿐더러 대기업에서 배우는 것보다 스타트업이나 작은 기업에서 더 많은 것을 배울 수 있을 거라는 생각을 했었다. 그래서 관심 있는 곳에 이력서를 넣어보기 시작했다. 인턴쉽이든 정직원이든 나는 그저 경험을 쌓으려고 지원했다. 최대한 오래 일해보고 싶은 마음에 무슨 일은 하는 회사인지 딱히 많이 따져보지도 않았던 것 같다. 그 정도로 너무나도 배우고자 하는 열정이 넘쳤고 디자이너라는 직함을 달고 일을 해보고 싶었다.그때 운이 좋게도 몇몇 작은 회사들에서 연락이 왔다. 전화로 대충 면접을 보고 방문 인터뷰까지 거쳤는데 그중 해외에서도 좀 알려진 회사에서 인턴쉽 기회를 주었다. 사실 회사 측에서는 인턴쉽을 거치고 정직원을 뽑고 싶었을 텐데 그 당시에는 대학원 지원을 마친 때라 결과가 나오지도 않았는데 대학원을 간다고 하면 이상하게 보일까 봐 그냥 인턴쉽 경험만 하여야겠다는 생각이 강했던 것 같다. 그 당시에 나를 가이드해주던 디자이너분이 계셨는데 일도 열심히 하시고 되게 잘하셨던 것 같다. 기본적인 디자인 과제도 매일 내주셨는데 실력 향상에 정말로 많은 도움이 되었다. 그리고 짧은 몇 개월이었지만 정말로 값진 경험을 했다. 생각보다 많은 것을 배우고 비주얼 디자인 쪽으로 많이 연습도 했으며 이력서에 한 줄이라도 쓸 수 있게 되어서 매우 뿌듯했다.대학원에서.. 그리고 인턴쉽 지원1. 학교 수업 및 프로젝트첫 학기의 승부아까 언급했듯이 나는 대학원에 들어가기 전에 엄청나게 많은 정보를 습득하고 들어갔다. 내가 원하는 회사의 입사 지원이 대충 언제 열리고 언제 닫히는지, 준비해야 할 것들은 무엇인지 그리고 어떻게 나 자신을 포지셔닝해야 하는지에 대한 것들에 대한 준비를 학교 시작과 동시에 시작했다. 석사 프로그램은 2년이라 여름방학 때 모두 다 인턴쉽을 하러 떠난다. 인턴쉽은 돈도 벌고 경험도 쌓을 수 있는 좋은 기회이거니와 졸업 전 다른 정직원, 특히 New Grad position에 지원할 때 많은 어드밴티지가 있다. 그리고 전 세계에서 알고 있는 구글, 페이스북, 아마존 등의 회사들에서의 인턴경험은 첫 출발선을 성공적으로 장식할 수 있는 목표이다. 그래서 난 좋은 회사에서 인턴쉽 오퍼를 받는 것이 제일 중요하다고 생각했다. 그리고 그러기에는 1학년 1학기 때 최대한 많은 수업을 들어서 포트폴리오에 넣을 프로젝트를 최대한 많이 넣어야겠다고 생각했다. 왜냐하면 인턴쉽 지원은 대부분 11월에 시작해서 2월 말 정도면 끝난다. 분명 4월까지도 구하는 회사들이 있는데 대부분 이름 있는 유명회사들은 인턴 구하는 데는 문제가 없기 때문에 자리가 없어지기 마련이기 때문이다. 그렇게 되면 2학기 때 하는 프로젝트들은 사실상 포트폴리오에 넣지 못하게 되고 1학기 때의 프로젝트만이 인터뷰를 볼 때 설명할 수 있는 위치에 놓이게 된다.배워보고 싶은 것들 vs. 배워야 하는 것들 vs. 아쉽지만 버려야 할 것들그 누구처럼 나도 학교에 처음 입학하고 들을 만한 수업들을 볼 대 배워보고 싶은 것들이 너무 많았다. AR/VR, IoT 등 모바일이나 웹을 벗어나서 여러 가지 프로젝트를 해보고 싶었다. 하지만 그 당시 확실히 내가 제대로 깨달았던 건 인턴쉽을 위해서는 최대한 모바일과 웹 관련 프로젝트가 있는 것이 중요했다. 대부분의 회사들은 UX Designer나 Product Designer 포지션을 구할 때 모바일이나 웹 관련 프로젝트를 제일 눈여겨보는데 포트폴리오가 대부분 AR/VR에 관련돼 있는 것들이라면 생각보다 지원할 수 있는 회사나 포지션 폭이 확 좁아진다. 몇몇 친구들은 이런 것들을 생각보다 생각해서 고르지 않아서 내 눈엔 포트폴리오가 약간 중간에 붕 뜬 느낌이 들었다. 게다가 그런 와중에 이력서에 스케치나 Framer를 할 줄 안다고 쓰는 건 회사 측에서는 물음표를 던질 수밖에 없는 계기를 줄 수밖에 없다. 그래서 나는 배워보고 싶은 것들이 많았지만 1학기만큼은 대부분의 프로젝트들을 모바일과 웹에 집중했다. 그리고 솔직히 제일 기본이 되고 사람들이 제일 많이 익숙한 그쪽에 많은 경험과 배경지식이 없었기 때문에 확실히 짚고 넘어가고 싶었다. 무엇보다 내가 갈고닦은 디자인과 프로토타이핑 실력 또한 그쪽에 집중되어있었기 때문에 더욱더 수업을 조심해서 골라 들었다. 수업이 말이 나와서 말인데 조지아텍에서는 프로젝트 관련 수업도 있지만 이론만 배우는 수업도 있다. 하지만 포트폴리오에 결과물이 있으려면 프로젝트 중심의 수업이 좋기 때문에 그런 것들도 고려해서 수강하였다.실시간 포트폴리오 업데이트내가 학교가 시작하자마자 시간이 날 때마다 신경 쓴 것 중에 하나는 바로 포트폴리오를 다시 만드는 것이었다. 대학원 지원용 포트폴리오는 디자인이 나쁘진 않았지만 새롭게, 훨씬 더 이쁘게 그리고 더 나은 경험으로 무장한 웹사이트를 만들어보고 싶었다. 아마 학교 시작 후 한 달 동안까지도 학교 공부만큼 포트폴리오 웹사이트를 코딩하는데 시간을 많이 투자했던 것 같다. 목표를 세웠을 때는 10월 중순 정도쯤까지 완성시켜서 서서히 끝나가는 학교 프로젝트들을 쉽게 집어넣을 수 있게 윤곽을 잡으려고 했지만 나도 모르게 집중해서 하다 보니 밤을 새우는 경우도 잦아졌고 조금조금씩 완성이 돼가는 나의 웹사이트를 보면서 하루라도 빨리 세상에 빛을 보게 해주고 싶었다. 수업 중간에 시간이 비면 혼자 조용한 곳을 찾아 음악을 들으면서 코딩을 했던 기억이 난다. 서서히 고치며 때로는 몇 시간째 했던 것을 확 엎기도 해서 여기까지 왔지만 아직도 개선하고 추가, 또는 빼고 싶은 것들이 몇 개 있다.석사 1학년 1학기 때는 정말로 많이 바빴다. 나에게는 삶의 여유를 즐길만한 시간이 없었고 분명 다가올 인턴쉽 지원과 인터뷰 등이 곧 다가올 것을 직감했다. 10월 중순 때만 해도 몇몇 회사들을 서서히 인턴쉽 채용공고를 내기 시작했고 그때마다 나의 프로젝트들이 성공적으로 한걸음, 한걸음 다가서길 바랬다. 그리고 한 단계씩 프로젝트들이 진화할 때마다 사진 찍고, 기록하고, 배운 점들, 개선해야 할 점들을 정리해서 포트폴리오에 집어넣기 시작했다. 친구들 중에는 포트폴리오를 만들지 않은 경우도 있었고 딱히 인턴쉽에 대해 많은 대비를 하지 않거나 정보도 많이 모르는 친구들도 있었다. 게다가 도대체 왜 이렇게 빨리 포트폴리오를 신경 쓰고 업데이트를 매주 하는지 이해를 못해하는 친구들도 있었다. 하지만 내 머릿속엔 지원시기는 11월부터였으며 학교 프로젝트는 대부분 학기말인 12월 중순에 끝나는 것을 감안하면 모든 프로젝트의 프로세스를 도큐멘팅하고 편집하는 것은 한꺼번에 하면 정말 하기 싫어질 만큼 오래 걸릴 것을 누구보다 잘 알고 있었다. 게다가 12월 말 겨울 방학에 포트폴리오를 업데이트하고 서서히 지원을 하기에는 놓치는 회사들도 몇몇 있었고 빨리 지원할수록 인터뷰를 따내는데 어느 정도 이점도 있다고 생각했기 때문에 난 내 갈 길을 걸었다.교내 프로젝트 외 다른 도전사실상 1학년 1학기 때 3개 이상의 제대로 된 프로젝트를 하는 것은 매우 힘든 일이다. 특히 내가 다니는 조지아텍에서는 1학년 1학기 때 친구들과 같이 들어야 하는 필수 과목들이 있어서 한정이 되는 경우도 있었다. 하지만 분명 적어도 한 개 정도는 더 들을 수 있는 여유가 있었기에 이론 강의보다는 프로젝트를 통해 배우는 강의를 택했다. 그렇지만 결국 포트폴리오에 집어넣을 수 있는 학교 프로젝트는 많아야 3개였다. 포트폴리오 웹사이트에 프로젝트가 3개밖에 없다고 해서 나쁜 것이 결코 아니지만 뭔가 더 어필할 수 있는 것들이 있을 거라고 믿었다. 그리고 그런 기회는 예상보다 빨리 찾아왔다. 바로 그것은 교내에서 있는 해커톤, 디자이너톤 그리고 각종 대회였다.꼭 우승을 차지해야겠다는 생각은 많이 하지 않았고 오히려 참가하는데 의미를 두고 며칠 동안의 프로젝트지만 그래도 열심히 해서 포트폴리오에 넣어볼 수 있도록 할 정도의 퀄리티까지 뽑아보고 싶었다. 그리고 만약 상을 받는다면 분명 이력서나 포트폴리오 한편에 자랑도 할 수 있으리라 기대감도 없지 않아 있었다. 몇 날 며칠 동안 밤새고 친구들과 디자인도 해보고 프로토타입도 만들어보고 여러 가지를 해보았는데 생각보다 재미있었다. 게다가 운이 좋게도 몇 번 상을 수상해서 포트폴리오에 넣을 수도 있었다. 추가로 학교에서 했던 프로젝트 중 2개는 실제로 교내 대회에서 2번 2등을 하는 영광을 얻기도 했다. 이런 것들 모두 포트폴리오 웹사이트에 사진과 함께 실었으며 모든 사람에게 나의 열정과 동시에 실력을 보여 줄 수 있는 무기가 되지 않았나 싶다.  2. 조교조교의 혜택과 이점내가 알기론 적어도 HCI 대학원들 중에서는 조교를 못하는 대학원도 있고 조교를 하더라도 금전적 혜택이 그만큼 크지 않은 대학원도 있다. 내가 다니는 조지아텍의 장점은 대학원 학생들이 GRA (Graduate Research Assistant)나 GTA (Graduate Teaching Assistant)로 연구실이나 수업에서 조교를 할 수 있는 기회가 그래도 다른 대학원보다는 많다는 것이다. 우리 학교에서는 조교가 되면 그 학기의 학비는 면제가 되고 GRA는 연구실이나, GTA는 가르치는 수업마다 시급이 다르지만 최소 매달 1,000불에서 2,000불까지 받을 수 있다. 따지고 보면 한 학기에 학비가 대충 2,000만 원을 훌쩍 넘기는 것을 생각하면 조교가 되면 거의 2,500만 원 정도는 오히려 벌게 되는 셈이다. 이런 금전적 혜택이 있기 때문에 많은 친구들이 하고 싶어 하지만 모두 다 조교를 할 수 있는 게 결코 아니다. 내 경험으로는 컴퓨터 공학 배경이 있는 학생들이 GRA를 받기가 쉬운데 코딩을 할 줄 알아서다. 그렇지만 분명 연구실마다 디자이너가 필요한 경우가 있을 수가 있고 교수님이 하시는 연구에 보조나 조금이나마 웹 개발 또는 프로토타이핑 등 도움을 줄 수 있는 프로젝트가 있을 수 있기 때문에 열심히 발 벗고 찾아봐야 한다.사실 조교가 되면 이로운 건 금전적인 것뿐만이 아니다. 많은 LinkedIn 프로파일에서 보면 알듯이 결국 이런 것도 이력서에 쓸 수가 있다. 결국에는 한 학기 또는 더 길 게의 나만의 경력이고 특히 GTA보다는 GRA가 여러 프로젝트를 할 수 있기 때문에 추가적으로 이익인 부분도 있다. 게다가 결국엔 회사 면접을 볼 때 할 말이 남들보다 한 가지는 더 있는 것일뿐더러 나의 능력이 학교에서 이미 검증되었다는 것을 증명하는 것이기도 하다. 실제로 내가 페이스북 인터뷰를 볼 때 면접관이 내가 GRA였을 때의 경험담에 대해 잠시 얘기를 해달라는 부탁을 하기도 했다.지원할만한 연구실 목록 작성다시 말하지만 다른 학교는 어떤지 잘 모른다. 하지만 조지아텍 같은 경우에는 HCI 웹사이트에서 연구실들에 관한 정보를 쉽게 찾을 수 있다. 나는 학교에 들어가기 전, 한국에 있었을 때부터 교내에 있는 연구실을 전부다 찾아보고 지원할만한 프로젝트가 있는 연구실을 대충 정리했다. 몇몇 교수님이나 연구실에 있는 박사 학생에게 여름 방학 기간에 이메일을 보내봤지만 솔직히 운이 정말 좋지 않은 이상 힘들다. 대부분의 답변은 일단 학교에 오면 다시 얘기하자는 얘기뿐이었다. 실제로 내가 알기로도 연구실마다 뽑을 수 있는 인력과 비용 등을 정하는 것이 생각보다 까다로운데 그런 것들이 100% 갖춰져 있지 않은 기간이다 보니 아무것도 모르는 사람한테 선뜻 자리를 내어주는 것은 말도 안 되는 것 같다. 하지만 시간 날 때 참여할 만한 연구실을 미리 찾아 놓는 것은 학교에 입학했을 때 분명 도움이 많이 된다.  연구실 지원 준비사실 나는 운이 좋게도 1학기 때부터 조교를 할 수 있었다. 첫 학기에는 학비 면제까지는 아니었지만 그래도 시급이 매우 쌔서 돈은 생각보다 많이 벌 수 있었다. 게다가 매우 행복했던 점은 이른 시기에 이력서에 한 줄이라도 더 세길 수 있는 것, 그리고 뭔가 첫 단추를 잘 끼운듯한 느낌이었다. 처음 지원할 때 무작정 지원서를 모든 연구실에 뿌린 것이 아니라 그전에 정확히 내가 관심 있고 나를 관심 여겨줄 만한 연구실을 찾아놨기 때문에 2,3개의 이메일만 보내면 됐다. 이메일 속에는 나의 이력서와 대학원 때 지원했던 포트폴리오 웹사이트, 내가 가지고 있는 Skill Set 그리고 내가 어느 프로젝트에 도움이 될 수 있을 만한지를 어필하는 메시지도 같이 써서 보냈다.내가 있는 연구실 이메일이 내 학교 이메일과 연동이 되어있어서 가끔가다가 연구실에 관심을 보이는 학부나 다른 대학원생들이 이메일을 이력서 첨부해서 보내는 경우가 있는데 정말 성의 없는 경우도 있고 누가 봐도 복붙을 했다시피 보낸 이메일도 간혹 눈에 뜨인다. 하지만 그중에서도 정말 성의 있게 목표가 명확한 이메일도 오는데 확실한 건 우리 연구실 매니저가 답장을 그런 사람에게는 솔직하게 잘 해주고 면접을 보러 오라는 경우도 자주 있다. 역시 사람과 사람의 관계에서는 그런 것들도 신경 써서 하는 게 좋은 것 같음을 또 한 번 느끼는 계기가 됐다.열심히 일하기나 같은 경우에는 1학년 2학기 때 GRA가 돼서 더 많은 책임감과 프로젝트를 해보고 싶었기 때문에 그 누구보다 열심히 주어진 역할에 임했다. 분명 학비 면제라는 매우 좋은 옵션도 있기 때문에 연구실에서 생각보다 많은 시간을 보냈다. 나 자신이 어느 회사의 한 명의 파트타임 직원이라고 생각하고 정직원으로 되기 위해 열심히 일하고 어필해야 한다고 생각했다. 정말 운이 좋았던 것은 뽑은 사람들 중에서 디자이너가 한 명도 없어서 대부분 디자인 관련 일들은 내가 도맡아 했다. 우리 연구실에서 주최하는 교내 대회 포스터 디자인이라던지 앱이나 웹사이트 관련 디자인들도 내가 맡아했으며 연구실 홈페이지 업데이트에 대해서도 많은 부분은 내가 관리하기 시작했다. 그래서인지 영향력이 조금씩 커지기 시작했고 정말 감사하게도 나에게 2학기 때 GRA를 할 수 있는 기회를 주었고 인턴쉽이 끝나고 돌아가면 2학년 1학기와 2학기 때도 같은 연구실에서 GRA를 할 수 있는 기회를 주었다.3. 인턴쉽 지원 준비회사들에 대한 지식 및 공부기본적으로 회사에 지원을 하려면 지원하고자 하는 회사가 무엇을 하는 회사이며 내가 지원하는 롤이 어떤 것임을 분명히 알아야 한다. 이름은 들어봤지만 정확히 무엇을 하는 회사가 어떤 Vision이 있으며 디자이너가 회사 내에서 하는 역할 같은 것들에 대한 정보는 많이 없어서 따로 지원하기 전에 시간을 투자해서 알아봐야 했다. 실제로 그 회사들을 다니는 디자이너들의 포트폴리오도 들여다보고 LinkedIn 프로파일에 나와있는 정보도 눈여겨봤다. 하지만 몇몇 회사들은 내가 정말로 일을 하고 싶은 회사였기에 이 모든 과정이 너무나도 가슴 뛰는 일이었다. 심심할 때 Glassdoor나 Quora라는 사이트에 가서 회사와 디자이너 타이틀을 치면 생각보다 많은 Review나 댓글들을 볼 수 있다. 분명 거기에 나와있는 정보가 최신이 아닐 수도 있고 정확하지 않을 수도 있지만 그래도 아예 모르는 것보다는 좋은 정보들이 있었다. 또 하나의 정말 좋은 방법은 인맥을 만들어서 직접 물어보는 것이다.Referral미국에서는 인터뷰를 따내기 위한 제일 쉽고 빠른 방법은 Referral을 받는 것이다. 수천 개 또는 수십만 개의 지원서를 리쿠르터들이 일일이 하나하나씩 읽어볼 순 없으니 어느 정도 직원 추천에 의존하는 것 같다. 나 같은 경우에는 운이 좋게도 내가 가고 싶은 회사에는 적어도 한 명씩 친구나 선배가 있어서 Referral을 받는 게 어렵진 않았다. 하지만 한두 개의 가고 싶었던 회사들에는 아는 사람이 없었기에 1학년 1학기 때 같은 학교 졸업생이나 페이스북 그룹, 또는 LinkedIn Messaging을 통해서 공통분모가 될만한 사람과 연락해서 친해지도록 노력했다. 이처럼 만약에 아는 사람이 없다면 꾸준한 온라인/오프라인 네트워킹을 통해 인맥은 미리 만드는 것이 좋은 것 같다. 실제로 몇몇 디자인 관련 페이스북 그룹에서 자신의 Dribbble, Behance, Codepen, 블로그 등을 소개하는 사람들이 있는데 그런 식으로도 자신의 영역을 넓혀 가는 것도 하나의 방법인 것 같다.이력서 디자인지금까지 포트폴리오에 대한 이야기는 많이 했지만 이력서 얘기는 자세히 하지 않은 것 같다. 개인적인 생각으로는 제일 중요한 건 역시 포트폴리오지만 이력서도 분명 엄청 중요하다. 대게 포트폴리오에는 이력서를 다운로드할 수 있게 하거나 직접 써넣는 경우가 있는데 어쨌든 회사에 지원하려면 이력서를 PDF 파일로 내야 한다. 이력서에 대부분 넣는 내용은 자신에 대한 간단한 소개, 학교, 일 경험, 쓸 줄 아는 툴들 외 수상경력 등이다. 디자인 같은 경우에는 학점은 그렇게 많이 중요하지 않다. 많은 회사에서는 심지어 학점을 물어보지도 않는다. 그만큼 포트폴리오를 많이 본다는 것인데, 포트폴리오를 들여다보기 전에 이력서를 먼저 보는 것으로 알고 있다. 이력서에 나와있는 학교, 프로젝트 또는 일했던 회사들이 흥미로우면 포트폴리오로 넘어가는 형식이라서 이력서가 어쨌든 나의 첫인상이 된다. 그래서 많은 디자이너들의 이력서를 보면 이 모든 것을 다 넣는 동시에 자신의 Creative 한 디자인을 뽐내는 경우가 많다. 내 생각에는 시간을 투자해서 이력서를 차별화시키는 것은 정말 좋다고 생각한다. 하지만 당연히 읽기 쉬워야 하며 흑백으로 프린트해서도 깔끔하게 나와야 하는 등 신경 쓰는 게 필요하다.포트폴리오 외 어필할 방법결국 회사에 지원할 때는, 이력서 첨부파일, 포트폴리오 주소, 자기소개 및 지원사유 등이 있는데 많은 회사들은 Additional Link라고 해서 다른 디자인 관련 웹사이트들이 있으면 첨부로 넣으라고 한다. 뭐든 추가로 넣는 것은 나쁠 것이 없기 때문에 나 같은 경우에는 내 Dribbble, Medium, LinkedIn주소를 넣었다. 이 외에도 Behance, Codepen, Github 같은 곳을 추가로 넣을 수가 있으며 이력서나 포트폴리오에 넣지 못한 작업물이 나와있는 웹사이트를 올려도 좋은 어필이 될 수 있다.4. 경험담을 글로 풀어내기개인 블로그 시작맨 처음에 말했듯이 내가 처음 디자인을 접했을 때 Medium이나 다른 웹사이트들에 나와있는 각종 아티클과 블로그들이 나에게 정말 많은 도움을 주었다. 회사들에서 퍼블리쉬되는 글들도 많았지만 그중에는 현업에서 종사하는 디자이너들이 쓴 글들도 상당히 많았다. 크게 봤을 때는 글의 종류는 반반이었던 것 같다. 하나는 전문적인 지식을 얘기하는 글들이고 또 하나는 자신의 경험담을 주로 쓰는 글들이었다. 난 내가 대학원에 처음 들어와서 공부를 하기 시작했을 때 나의 이야기를 글로 풀어보면 어떨까에 대한 생각을 많이 했었다. 처음에는 HCI 석사에 대한 경험담을 집중적으로 쓰고 싶었는데 그 이유 중 하나는 디자인 관련 글들은 많았지만 이 주제에 관한 글들은 많이 찾아보기 힘들었을뿐더러 지금도 그렇지만 그 당시에도 정말 많은 사람들이 HCI 석사를 지원 희망하는 것을 몸으로 느낄 수 있었기 때문에 어느 정도의 사람들이 읽어주리라 생각했기 때문이다.그래서 한 자 한 자 써 내려가고 대학원 관련 글 말고도 페이스북에서 인터뷰한 글들도 Dribbble에 관한 글들도 나의 Medium에 쓰게 되었다. 조금씩 사람들이 공감을 많이 해주고 팔로워도 생각보다 많이 늘어나다 보니 더 열심히 좋은 글들을 써야겠다고 생각했다. 그중, 심리학 배경으로 UX 하기와 포트폴리오에 대한 글을 썼는데 생각보다 반응이 엄청 뜨거워서 Muzli와 Sidebar에 소개되는 등 폭발적인 조회수를 기록하게 되었다. 이때부터는 정말로 글 쓰는 것에 대해서 큰 재미를 느끼게 되었고 글 쓰는 것에 대해서도 많이 신중해지기 시작했다. 모르는 것들은 찾아도 보고 배우게 되었고 무조건 발행을 하는 것이 아니라 어떤 것에 대해 쓸 것인지에 대해 플랜을 짜고 Structure를 짜고 계속 고쳤다. 스토리텔링에 신경을 많이 썼다. 그리고 그것은 정말로 큰 도움이 됐다.디자이너에게 블로깅이란?개인적인 생각이지만 디자이너에게 글을 잘 쓰는 능력은 가지면 매우 좋은 어드밴티지인 것 같다. 가끔 온라인에 나와있는 유명 디자이너들의 블로그를 읽을 때면 집중해서 확 읽어버리는데 내용도 내용이지만 짜임새가 매우 매끄러워서 읽다가 넘기는 적이 별로 없었다. 하나 더 최근에 계속 느낀 건 프로젝트를 포트폴리오 웹사이트에 도큐멘팅하거나 회사에서 프로젝트에 대해서 모든 것을 기록할 때 계속 글을 쓴다는 것이었다. 디자이너의 업무 중 많은 것들은 실제로 스케치로 디자인하는 것도 있고 수많은 미팅들도 있지만 어딘가에 글을 쓰는 것은 정말로 많다.  나는 모든 프로젝트를 진행할 때 Problem Statement에 대해서 정확히 짚고 넘어간다. 때문에 어떤 것이 문제인지, 왜 이게 문제인지, 누구를 위해서 내가 이 문제를 푸는지, 마지막 결과는 어떤지 등에 관한 글을 쓴다. 그리고 다른 팀원들과 소통할 때도 Structure이 잘 돼있는 글을 보여준다.5. 회사 지원 및 인터뷰Google Analytics를 통한 방문자 분석회사에 지원서를 넣고 나면 적어도 몇 주 동안은 연락이 없다. 진짜 빠른 경우에는 일주일 만에도 답장이 오는 경우가 있지만 인턴쉽 같은 경우에는 시간이 좀 더 걸리는 것 같다. 내 포트폴리오 웹사이트에는 방문을 하긴 하는지가 제일 궁금한데 제일 쉽게 알아낼 수 있는 방법은 웹사이트에 Google Analytics Tracking Code를 삽입하는 것이다. 하기가 정말 쉬워서 온라인에서 하는 방법을 찾으면 아마 쉽게 알아낼 수 있을 거다. Tracking Code를 넣고 Google Analytics툴에 들어가면 어느 지역에서 방문했는지, 네트워크는 무엇인지 (회사 이름인 경우가 많다) 그리고 어느 페이지에 얼마큼 머물렀는지 까지 분석해볼 수가 있다. 게다가 실시간 정보도 다 보이기 때문에 지금 나의 웹사이트에 들어온 사람들을 볼 수 가있다.나 같은 경우에는 내가 지원한 어느 특정 회사에서 들어오면 매우 기뻐했다. 그리고 실제로 인터뷰를 보기 한두 시간 전에 면접관들이 들어와 보는 것을 경험으로 깨달아서 나중에는 전화나 화상통화 면접을 보기 전에 그 사람들이 어떤 프로젝트를 눈여겨보는지 실시간으로 봤다. 그래서 짧은 시간이지만 면접관이 더 오래 머무른 프로젝트에 대해서 마음속으로 연습 또 연습을 하면서 전략적으로 준비했다.Recruiter와의 대화대부분 처음에 인터뷰를 보자고 회사에서 연락이 오면 찬스는 정말 높아진 것이다. 대부분의 서류들이 사실 필터가 되는 경우가 많고 인터뷰를 보자고 이메일 오는 경우는 지원자 수에 비해서 턱없이 적기 때문이다. 회사마다 진행되는 단계가 다르지만 인턴쉽 같은 경우에는 리쿠르터와 먼저 대화를 한다. 대충 리쿠르터가 적절한 시간에 전화를 해서 지원자의 관심사와 스킬을 인턴이 필요한 팀과 매칭을 하기도 하는 이유이기도 하지만 크게는 지원자에 대해서 더 알아가는 동시에 프로세스를 설명해 주는 시간이다. 어떤 경우에는 실제로 리쿠르터와 전화하고 나서 인터뷰를 더 이상 진행 못하는 경우도 있는 거로 봐서는 절대로 가볍게 해서는 안 되는 단계임은 분명하다. 페이스북 같은 경우에는 디자인 리쿠르터가 따로 있어서 디자인 관련된 전문적인 것도 물어봤었다. 하지만 인터뷰를 본 다른 회사들은 그런 것들보단 나에 대해서 General 하게 알고 싶어 했다.Interviewer 파악하기리쿠르터와 Screening 단계를 하고는 대부분 디자인 관련 직업의 면접관과 전화나 화상통화를 한다. 어떤 회사들은 직접 회사로 불러서 On-site 인터뷰를 진행하는 경우도 있지만 인턴쉽은 대부분 전화로 끝난다. 리쿠르터와 시작부터 끝까지 이메일로 연락을 주고받는데 전화연결방법, 면접관에 대한 정보 등을 전달해준다. 면접관에 대한 정보는 흔하게는 이름과 직책만 주는 경우가 대부분인데 LinkedIn이나 Facebook 같은 곳을 찾아보면 쉽게 찾을 수 있다. 특히 LinkedIn으로는 그 면접관이 어디서 일했었고 어느 프로젝트를 했으며 그 사람에 대한 전반적인 느낌을 알 수가 있다. 면접관과 처음 몇 마디를 나눌 때는 공감대가 있는 것이 분위기를 업시켜주고 시작을 산뜻하게 출발하게 도움을 주는데 여기서 몇 가지 자신과 공통된 점을 설명하 거나하면 그래도 라포르를 형성하는데 어느 정도 기여를 한다. 하지만 너무 Creepy 하게 스토킹을 한 것처럼 느껴지면 이상하기 때문에 조심해야 한다.실전실제로 면접관과 전화를 할 때 회사마다 다르지만 꼭 하는 것은 포트폴리오 리뷰이다. 내가 지금 까지 한 프로젝트 중 제일 잘 했다고 생각한 프로젝트나 면접관이 관심 있는 프로젝트를 2개에서 많게는 3개까지 설명하게 된다. 대부분 프로젝트가 어떤 것인지에 대한 설명부터 시작하게 되고 프로젝트 중 나의 역할, 힘들었던 점, 배운 점 등을 설명하는데 중간중간에 면접관이 궁금한 점들도 물어본다. 이것에 대해 Medium에 글을 쓴 것이 있는데 관심이 있으면 여기에서 찾아보길 바란다.마무리하며...많은 디자이너 분들이 재미있는 블로그들을 써주시는데 순수 디자인 백그라운드가 아닌 상태에서 지금까지 오기까지의 이야기는 흔하지 않은 것 같아서 그동안 내가 느낀 점을 써보자고 다짐했다. 쭉 써가다 보니 어느샌가 많이 길어지게 되었고 "설마 시람들이 이걸 다 읽을까..."라는 고민도 했었다. 나의 소중한 시간을 투자하고 그동안의 기억을 되돌려서 한 자 한 자 신중히 써 내려간 만큼 많은 학생분들 또는 현업에 종사하시는 디자이너 분들에게 조금이라도 도움이 되었으면 한다.항상 하는 말이지만, 아직도 갈길은 멀다. 실력에 비해 너무나도 과분한 기회가 주어졌고 그 기대에 조금이라도 더 부합하기 위해 밤낮으로 열심히 노력했다. 세상에는 정말로 뛰어난 디자이너분들이 계시며 언젠간 그들과 어깨를 나란히 하고 더 창의적이고 밝은 디자이너가 되고자 나는 앞으로도 노력할 거다. 읽어주셔서 너무나도 감사하고 앞으로도 좋은 글로 찾아뵙고 싶다.감사합니다.#페이스북 #Facebook #인턴 #인턴후기 #인턴생활 #기업문화 #디자인 #디자인팀 #디자이너
조회수 969

의외로 디테일한 디자이너의 종류

디자이너란 사람들은 참으로 다양한 개성은 지닌 새럼입니다. 숨길 수 없는 어떤 세계가 가득하죠. 물론 일을 하는 사람이니 그것들을 잘 봉인하고 있습니다. 하지만 스멀스멀 어쩔 수 없이 흘러나오는 미지의 어떤 힘을 막기에는 역부족입니다. 저만 해도 그래요. 지금 이 글을 쓰는 시간은 정확히 밤12시05분입니다. 지금 전 화장실에 가고싶지만 참고 있습니다. 왜냐면 여기서 화장실을 가게 되면 제 손 끝의 어떤 요정님이 사라져버릴 것 같은 느낌때문이죠. 변태적 성향으로 보일 수도 있겠지만 여러분들이 좋아하는 크리에이티브함은 대부분 이러한 변태성에서 비롯됩니다. 1픽셀만 틀려도 막 소름돋는 예민함이랄지, 화장실을 참아가서 아랫배에 머무는 요정님을 지키려는 노력, 책상정리가 안되어 있으면 모든 것을 포기해버리는 강박증 등... 말이 좋아 크리에이티브지, 그 이면의 진실은 기괴할 때가 많습니다.제목에 디자이너의 종류라고 해놓으니 많은 분들이 UX디자인, 웹디자인, 편집디자인..뭐 이런 디자인영역에 대해 이야기하려나보다.....하시겠지만 그건 함정카드입니다. 우리가 알아볼 디자이너의 분류는 조금 달라야 합니다. 왜냐면 전 실무와 현장감, 디테일에 미쳐있는 디테일변태이기 때문이죠.일에는 기본적으로 지켜야할 언어와 행동과 체계가 있습니다. 디자이너가 아무리 미지의 힘을 지니고 있는 존재라고 해도 이것을 어겨서는 안됩니다. 그래서 표준 안에서 어떻게 다양한 행동들을 취하는 지 그것을 보려고 합니다. 그러고 이러한 디자이너와 어떻게 협업할 지도 생각해보도록 합시다.1. 은둔형 구석자리 디자이너(feat. 후드티)조용합니다. 하루종일 말이 없을 때도 있습니다. 입을 열어도 모기모기한 소리로 말하고 크게 의견을 막 내세우지 않습니다. 이 분들은 관찰자처럼 모든 상황을 관망합니다. 그리고 말보단 시안으로 얘기하는 타입입니다. 안듣는 것 같아도 다 듣고있으니 대답소리가 작다고 막 뭐라하면 안됩니다. 커뮤니케이션을 능숙하게 잘한다고 다 일을 잘하는 건 아니니까요. 이런 분들은 챠근챠근 일을 정리하고 깔끔하게 정리하는 걸 좋아합니다. 속도가 좀 늦고 답답해 보일 수는 있지만, 퀄리티 면에서 필살기를 보여줄 때가 많습니다.2. 이건 싫어!! 이건 좋아!! 호불호대장맥주 좋아!! 유아콘텐츠 싫어!!! 테크쪽 몰라!!! 행사 디자인 좋아!! ..이렇게 영역에 대한 호불호가 아주 분명해서 손가락 베일 것 같은 분들도 있습니다. 이런 분들은 취향도 아주 명확해서 좋아하는 디자인이 땋! 있더라구요. 그리고 그 범주 내의 프로젝트를 맡으면 각성하여 지력과 전투력이 상승합니다. 반면 노잼극혐 플젝을 주면 지연 핸디캡을 받거나 HP가 빨리 떨어지는 저주에 걸릴 수 있습니다. 그렇다고 현실적으로 일을 가려받을 순 없습니다. 그러니 노잼극혐 플젝에 합류시킬 때는 적당한 동기부여를 전달해줄 필요가 있습니다. 나중에 포폴로 활용할 수 있게 저작권을 일부 인정해준다거나.맥주와 간식으로 HP를 채워준다거나.이 다음 괜찮은 플젝으로 딜을 본다거나.용모가 수려한 팀원들로 구성을 한다거나...뭐 등등등3. 조증아이디어가 떠오르거나 맘에 드는 시안이 탄생하면 흥분을 감추지 못합니다.1시간 정도 뒤에 얘기하도록 합니다. 밥먹고 졸린 3시 정도에 다시 오라고 합시다.4. 투머치토커디자이너는 평균적으로 조용하고 자기만의 세계가 있다고 하지만, 그게 꼭 그런 것만은 아닙니다. 종종 말을 좋아하는 성향의 사람들도 있기 마련이죠. 이런 분들은 회의시간이나 시안PT때 그 광역필살기를 시전합니다. '이 시안으로 말씀드릴 것 같으면, 우선 제가 LA에 있을 때 이야기를 하지 않을 수 없는데....'로 시작된 봇물은 어느새 1,2시간이 되버리고 말죠. 이렇게 넘나 말이 많은 것이 꼭 좋은 것은 아닙니다. 뭐든 과유불급이죠. 적당히 중간에 자르고 핵심만 얘기하라고 합시다. 핵심이란 건 이런 거예요. 이 디자인이 어떤 의도와 어떤 철학, 스토리, LA이야기를 담고있는지는 사실 중요치 않습니다. 그건 브랜드가이드에 몇 줄이면 될 사연들이죠. 중요한 건 이걸 보는 사람은 누구고그 사람들에게 이 시안이 어떤 행동(또는 사고,감정)을 유발시키는지.이 2개예요. 그것만 짧게 얘기하라고 합시당. 5. 픽셀장인책상도 일렬종대, 마우스와 키보드는 무선, 포스트잇 하나없이 깔끔하고 정돈된 걸 좋아하는 분도 있습니다. 약간의 오차나 틀어짐도 용납하지 못하는 픽셀변태들이죠. 마트에 가서 정돈된 과일을 보면 이너피스를 얻는 부류입니다. 이런 분들과 일할 때는 생각보다 난관이 많습니다. 사실 손의 빠르기에 따라 일속도는 천차만별이지만 퀄리티는 항상 완벽을 추구하기 때문에 스트레스는 매한가지입니다. 오래 일을 잡고있으면 그만큼 피곤해지고, 빨리하면 빨리해야하니까 또 스트레스..그래서 이런 픽셀장인님들은 센서티브한 성향이 있습니다. 크릉거리기도 하고 으르렁대기도 하고 뭐 그렇습니다. 업무분장을 할 때 프론트 엔드를 나눌 수 있다면 이런 분들은 엔드작업에 배치하면 좋습니다. 6. 탱커타입반면에 그냥 밀어부치는 거친 탱커타입의 전사도 있습니다. 빠른 시안! 대충 챡챡!! 이런거요? 샥샥 이거요? 이렇게요? 하면서 순식간에 진도를 촥촥 빼는 부류죠. 최대장점은 역시 속도와 실행력입니다. 고민보다 손이 앞서는 타입인지라 기획회의 하면서도 바로 시안을 대강 만들어서 '이런 거 말씀하시는 거예요?' 라고 보여주기도 합니다. 하지만 단점도 존재하죠. 종종 실수가 생기거나, 빠른 속도를 활용해서 양으로만 밀어부치거나 하는 등의 문제가 생길 수도 있습니다. 이러한 탱커타입은 프론트단계에서 시안을 빠르게 나열하고 선택, 디벨롭 시켜야 하는 시기에 적절합니다.7. 멀티플레이어분명 디자이너인데 마케팅도 알고있고, 데이터도 다룰 줄 알고 퍼블리싱도 하고 기획력도 있는데다가 맛집도 잘 알고 있고 경영도서도 곧잘읽고, 시사지식까지 뛰어난 하이엘프들도 있습니다. 이들은 귀는 둥글지만 그에 맞먹는 민첩과 순발력이 쩔죠. 그래서 이런저런 방면의 인사이트로 소비자행동을 관찰하고 적절한 문제해결능력을 보여줍니다. 막 주변에선 오오오..능력쨔아! 여윽시! 와 같은 감탄사가 튀어나옵니다. 사실 이런 분들은 자기가 잘난 걸 알고있습니다. 그래서 부끄러워하지만 그런 인정을 좋아라하죠. 배움에 대한 호기심과 인정욕구가 있어서 살짝살짝 어려운 과제를 던져주면 동기부여를 느끼곤 각성합니다. 오히려 너무 쉽고 단순한 일에 지쳐버리는 타입이랄까요.8. 눈표범고독한 늑대와 같은 타입이죠. 멀티플레이어와는 반대성향입니다. 하나에만 겁나 집중하고 나머지엔 신경을 안써요. 그래서 보통 업무에 열중하면 다른 것을 동시에 하지 못합니다. 이런 분들은 딱! 특정한 일을 맡기는 게 좋아요. 100개의 콘텐츠카드를 만들어!, 상세페이지 템플릿 만들어!, 이거 지도 이미지 제작해줘! 이렇게 혼자 끝낼 수 있는 1인1업무가 적절합니다.9. 손그림장인아티스트 성향과 디자이너 성향이 반반 섞인 데미갓입니다. 회화전공자였을 수도 있고 원래 그림을 좋아할 수도 있습니다. 손그림 아트웍을 곧잘 만들어냅니다. 아기자기한 성향이나 또는 프랑스 만화같은 독특한 자기세계가 있을 수도 있습니다. 대부분 강력한 예술적 차크라를 숨기면서 살지만, 종종 새벽이 되면 폭발할 수 있습니다. 새벽 이전에 퇴근해야 합니다.10. 아이소메트릭능력자노가다에서 쾌감을 느끼는 장인입니다. 손목연골이 빨리 닳을 수 있으니 보호대가 필요합니다.11. 레이어정리집착증인수인계 받는 사람에게 축복이 있을지니. 12. 파일이름작명가개발자들의 사랑을 그대 품안에.13. 간식대마왕디자인은 많은 두뇌활동을 필요로 합니다. 두뇌는 당과 케톤체로 움직입니다. 당은 말그대로 포도당의 당분해로 충전되고, 케톤체는 지방분해를 통해 생성됩니다. 그래서 우린 달달한 것과 기름진 고기를 먹어야 합니다. 14. 소심한 타입자꾸 자긴 디자인을 못한다고 수줍어서 양쪽 검지를 만지작 거립니다. 흔히 엄지나 검지 손톱 옆 살을 뜯거나 손톱을 깨물깨물하기도 합니다. 근데 지는 못했다고 해서 가보면 엄청 잘해놨을 경우가 많습니다. 놀리는건가...보통 이런 분들의 '제가 잘..못해서....' 라는 말은 '기분은 못할 것 같은데 이미 내 몸은 만렙이다.' 는 소리와 비슷합니다.15. 투덜이스머프뭐만 하면 이건 안되고 저건 안되는 타입도 있습니다. 공격력이 현저하게 높아서 일단 일이 많아지는 걸 극딴적으로 싫어합니다. 까칠하고 까다로워서 사람들이 어려워하는 부류긴 하지만 츤데레기질도 있어서 투덜대면서도 또 급한 건 해줄때가 많습니다. 하지만 진짜 투덜만 대고 일도 안하고 솔루션도 없다면 음.... 문제가 좀 있죠?16. 머리가 손을 지배하는 타입디자이너라고 하면 막 감성충만한 파랑새가 마음속에 날아다닐 것 같지만...의외로 그렇지 않습니다. 꽤나 기능과 논리를 중요하게 생각하는 분들이 많습니다. 디자인은 목적성과 목표가 뚜렷하기 때문에 더 그런 것 같습니다. 그래서 생각보다 논리와 상식적인 알고리즘을 중요하게 생각하는 분들이 많아요. 이런 부류 중에선 본인이 납득이 가지 않으면 손이 움직이지 않는 분들도 계시죠. 설득시키기가 난감할 때가 있지만, 한번 설득되면 또 무슨 휴머노이드마냥 일을 하기도 합니다. 17. 광전사승부욕 폭발하는 타입입니다..... 주변에 있는 능력자들을 다 뛰어넘고 인정받고 싶은 욕구가 온몸에 열기처럼 불타오릅니다. 가끔 모든 사람을 이겼다 싶으면 어제의 자신과 싸웁니다. 더 강해져야해!!!! 슈퍼파워가 있었다면 지구최강의 빌런이 되었을지도...일을 시키는 입장에선 막 능력자같고 세상 애사심이 넘치는 사람같아 보이지만 이 광전사 버프가 끝나고 나면 번아웃이 와버리기도 합니다. 자기관리가 필요합니다. 보통 이런 광전사모드일 때는 몸이나 마음을 돌보지 않고 일을 하거든요. 뭐..사실 말린다고 말려지지도 않습니다. 시간이 지나야 하죠...18. 환자손목터널증후군, 일자목, 거북목, 척추측만, 골반틀어짐, 위경련, 위궤양, 대장염, 안구건조증, 허리디스크, 고관절통증, 성인여드름, 소화불량, 가스차고 더부룩, 원형탈모, 이유없는 두통, 불면증....19. 독립운동가프리랜서를 꿈꾸는 부류입니다. 언젠간 내 것을 할꼬야!!! 라는 굳은 의지가 있어요. 하지만 아직 돈이 없어서 레퍼런스를 쌓고있는 타입이죠. 일을 하면서 투잡을 뛰는 경우도 있어요. 본인이 스스로 의뢰받아서 클라이언트 비즈니스도 하고 회사일도 하는거죠. 종종 회사에서 연봉많이 못 줄때 이렇게 겸업을 허락하는 곳도 있더라구요. 독립의지가 강해서 일을 배우고자 하는 열정이도 있습니다. 이래서 일잘하고 똘똘한 사람들은 다들 나가서 회사차린다는게 이런 말입니다.20. 야망의 바다DISC검사하면 D성향이 극단적으로 높은 스타일. 숨길 수 없는 리더쉽과 승진욕망이 있는 부류입니다. TF팀이나 프로젝트 리더 맡는 걸 막 좋아해버리고 뭔가 조정하고 조율하고 디렉션하길 좋아합니다. 네임밸류있는 큰 플젝를 선망하기도 하고, 얼른 선임달고 주임달고, 수석되서 마인드컨트롤 풀업을 꿈꾸기도 합니다. 내면의 칼갈이들이죠. 부작용이 생기면 직급놀이에 심취해버리기도 하지만, 리더로써의 인성과 자질이 동반될 경우엔 연차에 상관없이 업무 전체의 밸런스를 맞추고 카리스마있게 프로젝트를 이끌어나가는 군주가 되기도 합니다.
조회수 754

독자의 시선을 예상하라 (2/2)

Overview“언덕 위에 나무가 있다.” 이 문장을 보고 어떤 풍경을 상상했나요? 독자는 간단한 문장 하나조차도 저마다 다른 상상력을 발휘합니다. 나무에 잎은 있는지 없는지, 언덕은 낮은지 높은지, 날씨는 맑은지 흐린지 등 독자가 겪은 개인적 경험이나 생각에 따라 다르게 생각하는 것이죠.1) 하지만 위의 문장을 본 사람이라면 최소한 ‘언덕’과 ‘나무’의 형태만큼은 떠올렸을 겁니다. ‘언덕’과 ‘나무’는 크리에이터가 꼭 전해야 하는 문장의 핵심 단어와 같습니다. 두 단어가 독자에게 온전히 전해지면 언덕 위에 나무가 있는 모습(메시지)이 떠올려지니까요. 신기합니다. 문장만으로 크리에이터의 머릿속에 있는 걸 그대로 독자의 머릿속에 옮길 수 있다니. 마치 ‘언덕’과 ‘나무’ 두 단어가 날개를 달고 날아다니는 것 같은 기분입니다.2) 하이퍼텍스트(Hypertext)의 가장 큰 특징이기도 하죠.하이퍼텍스트의 원리역삼동 사무실 구석에 앉아있는 내가 한 번도 만나지 않은 당신에게 언덕과 나무를 떠올리게 했던 것처럼 하이퍼 텍스트는 시공간의 제약을 완전히 벗어납니다. 이 글도 브랜디 랩스에 올린 순간부터 세계 여기저기를 날아다닐 수 있습니다. 내가 자고 있는 시간에도 남들은 검색만 하면 읽을 수 있으니까요. 어떻게 이런 일이 가능할까요?하이퍼텍스트의 원리우선 하이퍼텍스트의 원리를 살펴봅시다. 책을 예로 들면, 겉표지(starting point)에서부터 독서를 시작하는 건 모두 같지만 독자들은 각각 다른 방식으로 책의 내용을 상상하며 이어 나갑니다.(link) 만약 독자 A와 B가 “언덕 위에 나무가 있다”는 문장을 보고 같은 풍경을 상상했다면 그 둘은 서로의 상상을 공유하고 있는 셈입니다.(node-shared experience) 반면에 100명의 독자가 잔디 깔린 언덕을 상상해도 누군가는 혼자서 바위 언덕을 상상할 수도 있습니다. 그래도 괜찮습니다. 그것은 ’언덕’이라는 하나의 단어에서 떠올릴 수 있는 수많은 풍경 중 하나일 뿐이니까요.(node-unshared experience) 점들이 촘촘하게 모여 하나의 선을 이루는 것처럼 이런 상상들이 모여 크리에이터의 이야기가 독자에게 전달됩니다.3) 이제는 디지털로 모두가 연결되었습니다. 그만큼 상상의 규모도 더욱 커졌습니다.4) 크리에이터와 독자가 동시에 같은 콘텐츠를 볼 수 있기 때문에 곳곳에서 새로운 상상이 동시다발적으로 추가됩니다. 독자는 읽는 순서를 자유롭게 선택할 수 있습니다. 책의 기본적인 순서는 페이지로 정해지지만 하이퍼텍스트는 독자가 읽는 도중 건너뛰거나, 다른 글로 이동하거나, 읽는 도중 ‘뒤로 가기’를 클릭할 수도 있습니다. 컴퓨터와 인터넷의 특성 때문에 독자의 시선이 훨씬 자유로워진 것입니다.5) 메시지를 읽게 하는 방법독자가 자유롭게 상상할 수 있다고 해서 크리에이터의 역할에 위기가 찾아온 건 아닙니다. 앞서 본 언덕 위의 나무처럼 독자가 뭘 떠올리든 상상할 메시지(starting point)를 제공하는 건 여전히 크리에이터의 몫이기 때문입니다.5) 크리에이터라면 누구나 콘텐츠를 통해 독자에게 하고 싶은 말이 있을 테고, 그것이 잘 전해져야만 콘텐츠의 가치가 더욱 높아질 겁니다. 독자의 상상력을 자극하면서도, 메시지를 제대로 전하는 방법! 어떤 것이 있을까요.1.맥락 독자가 무언가를 떠올렸다는 건 상상이 되게끔 만들었다는 의미입니다. 예시를 하나 살펴보겠습니다. 한림대학교 강동성심병원은 병원 리모델링 공사를 하면서 ‘병원이 다시 태어났다’는 메시지를 전달하고 싶었습니다. 그래서 병원에서는 의사를 모델로 세워 확 바뀐 모습을 표현했습니다. 맥락의 예 / 한림대학교 강동성심병원 제공위의 두 포스터에 등장한 의사는 동일인물입니다. 하지만 이미지가 확 바뀌어 완전히 다른 사람처럼 보입니다. 청정무균시스템을 도입하고, 첨단 하이브리드 수술실을 오픈했다는 메시지를 전달하려고 의사의 확 바뀐 이미지를 대신 보여준 것입니다. 포스터에서는 ‘확 바뀌었다!’고 대놓고 말하진 않았지만, 사람들은 바뀐 병원의 모습을 상상할 수 있을 겁니다. 여기서 중요한 것은 두 개의 포스터를 비교하며 이미지 속에 담긴 메시지를 함께 읽어냈다는 점입니다. 아마 오른쪽의 포스터만 봤다면 ‘강동성심병원 거듭나다’라는 카피가 잘 와닿지 않았을 겁니다. 병원과 의사의 모습이 서로 어떤 상관관계가 있는지 알 수 없기 때문입니다. 그러나 비교 대상 덕분에 의사의 확 바뀐 이미지를 한눈에 볼 수 있었고, 메시지 또한 이해하는 데 도움이 됐습니다. ‘바뀌었다’는 말에 날개가 달려 하이퍼텍스트로 독자에게 날아간 순간이기도 합니다. 맥락은 사전적 의미로 ‘사물 따위가 서로 이어져 있는 관계나 계통’을 말합니다. 콘텐츠 맥락도 이와 비슷합니다. 위의 두 포스터를 통해 ‘동일인물이지만 달라 보인다’는 정보를 얻을 수 있었으니까요. 그 정보는 두 대상을 서로 비교하면서 자연스럽게 생각해낸 결과입니다. 콘텐츠의 맥락은 굳이 설명하지 않아도 상관관계를 읽어낼 수 있게 도와주는 정보인 셈입니다. 2.구체적 워딩 구체적 워딩은 주로 광고에서 사용하는 기법입니다. 누구나 알고 있는 쉬운 단어를 이용해 사람들의 머릿속에 무언가를 떠올리게 만드는 것이죠. ‘계란으로 바위치기’라는 말을 들었을 때 사람들은 자연스럽게 도저히 승산이 없는 경우를 떠올립니다. 구체적 워딩이기 때문입니다. 구체적 워딩의 예 / 엿츠 제공이 제품은 엿을 식품이 아닌 ‘욕’의 관점에서 접근해 다양한 상황과 연결하고 있습니다. 맛이나 신선도 등 제품 그 자체에 대해 설명하진 않았지만 훨씬 좋은 홍보 효과를 거뒀습니다. 덕분에 이 제품을 보는 사람은 엿과 야근의 맥락을 통해 짜증나는 상황을 떠올릴 수 있었죠. 특히 이 카피는 많은 간식 중 왜 엿을 먹어야 하는지를 정확히 짚어냈습니다. 그러므로 야근에 시달리는 회사원이 가판대의 많은 간식 중 엿을 집는 건 당연한 일입니다. Conclusion꼭 화려한 영상, 잘 찍은 사진이 아니어도 됩니다. 글만으로도 독자가 상상할 수 있게 도울 수 있으니까요. 상상은 머릿속에 그림을 그려줄 뿐 아니라 전하고자 하는 메시지까지 읽게 만듭니다. 엿 봉지처럼 한 단어가 다른 뜻도 포함하고 있다면 중의적 표현을 해보는 것도 좋은 방법입니다. (물론 판단은 독자의 몫입니다.) 콘텐츠에 중요한 정보 없이 쓸데없는 말만 가득하다면, 이제부터는 긴 설명이 필요 없도록 독자가 읽어야 할 부분을 정확하게 짚어주세요. 크리에이터가 제공한 단어 하나, 문장 한 줄이 독자에겐 큰 선물이 될 겁니다. 1) 콘텐츠는 크리에이터의 단독 작업만으로는 모든 것을 충족할 수 없다. 대신에 독자와의 상호작용으로 콘텐츠를 완성할 수 있다. 즉, 나무의 상태나 언덕의 모습을 상상하는 건 독자의 몫이며 이는 독자에게 유한 또는 무한의 자유를 주는 것과 같다. 2) 크리에이터가 온라인에 콘텐츠를 업로드하는 순간, 콘텐츠는 독자와 함께 즐기는 공유의 속성을 지닌다. 3) 크리에이터가 구체적으로 표현할수록 shared node는 더욱 많아진다. 4) 좋은 콘텐츠가 뭐냐고 물으신다면 5) 하이퍼텍스트를 독자가 읽는 방법은 검색, 훑어보기, 하이퍼링크, 건너뛰기, 조각내기 등이 있다. 6) 이와 관련해 이화여대 김애령 교수는 다음과 같이 언급했다. “하이퍼텍스트의 이면에는 그것을 구성하는 코딩(coding)에 있다. 하이퍼텍스트가 독자에게 무한한 경로의 선택권을 제공할 수 있으려면 그 텍스트를 설계하는 작가는 모든 가닥들과 결과들의 데이터를 미리 만들어 두어야 한다. 따라서 독자들의 선택권은 ‘가상적’이다.” (출처는 참고문헌 참조)참고문헌 조은하(2007), 디지털 스토리텔링, 한국근대문학연구, 제15호, 261-262심은진∙윤학로(2007), 하이퍼텍스트의 새로운 글쓰기: 프랑스 디지털 문화이론을 중심으로, 외국문학연구, 제26호, 33-48김애령(2017), 디지털 매체 시대의 읽기와 해석학의 과제, 현대유럽철학연구 제45집, 185장근우, 「콘텐츠의 정석」, 예문아카이브(2017)글장근우 대리 | People&Relations Managerjanggw@brandi.co.kr브랜디, 오직 예쁜 옷만#브랜디 #마케팅문화 #마케팅팀 #업무환경 #인사이트 #경험공유 #콘텐츠
조회수 10253

실제로 적용하고 있는 UX 방법론

더팀스 사이트는 아직 얼마 되지 않은 젊은 사이트입니다. 더 좋은 서비스를 제공하기 위해 지속적으로 익명의 사용자 경험 데이터를 축적하고 이용자의 행동 패턴과 흐름을 실시간으로 분석하면서 꾸준히 사용성 좋은 사이트로 변모 시키는데 노력하고 있습니다. 그동안 저희 팀만의 사이트 개선 방식에 대해 공유할까 합니다.설계에 대한 역사닷컴 부흥기 시절, 많은 디자이너들은 화면 레이아웃에 대한 정답을 찾아가고 있었습니다.그 당시 대중에게 보급된 대부분의 컴퓨터 최소 모니터 해상도는 압도적으로 1024x768이 많았습니다.그리고 해당 해상도를 바탕으로 화면 구성에 대한 다양한 시도들이 일어났는데, 그중 절대적인 지지를 받던 레이아웃은 바로 960 Grid System 이었습니다.*자료 화면 960.gs 사이트 내 16그리드 방식 / 12 그리드 방식960gs는 해외 디자이너 커뮤니티에서 굉장히 많은 방법과 시도를 통해 얻어낸 또 한가지의 방법이었습니다. 960 grid 패턴을 적용하면서 아래와 같은 효과를 통한 콘텐츠 배치가 가능해졌습니다.1. 1024 최소 해상도에서 모든 콘텐츠를 유저들이 보기 편하게 안정적으로 공급할 수 있다.(스크롤 바를 포함한 창 옆의 모든 여백들을 제외하면 960 픽셀 내 표현할 수 있는 폭이 나옵니다.)2. 12개 혹은 16개로 콘텐츠 비를 쪼개어 문단 단위와 콘텐츠 단위를 block화 시킬 수 있고 홈페이지의 레이아웃을 잡는데 비교적 간단하다.웹 페이지의 근원이 오프라인 문서를 웹으로 표현하는 것에 그 시초가 있다 보니 다양한 시도가 나오게 된 것 같습니다. 지금은 변모했지만, 적극적으로 Grid System을 활용하는 다양한 방식을 소개하기 위해 아래와 같은 사이트도 있었습니다.*the grid system 사이트* 12 컬럼 기준으로 작업된 국내 네이버 사이트* 16 컬럼 기준으로 작업된 국내 다음 사이트유저 사용성 패턴 960 Grid 와 함께 다양한 UX 개선에서 여러가지 시도와 기법들이 나오기 시작했는데, 그 중 두가지 패턴이 Z-layout과 F-layout입니다.Z-layout은 2010년도에 UX 개선에서 꼭 필두로 배우고 넘어가야할 사이트 개선법중 하나였습니다. 다만, 2011년 이후로 너무나 다양한 화면들이 생겨났고 (2011년 아이폰을 기점으로 다양한 디바이스 탄생) 다양한 해상도를 지원하는 부분에서 비교적 절대적이다 라는 타이틀을 얻은지 얼마안되 내려놓게 되었습니다. 최근 대부분 좋은 UX경험을 주는 사이트들은 디바이스 형태에 맞춰서 반응형으로 컨텐츠가 읽기 편하도록 그 구성을 자유롭게 변경하는 타입을 취하고 있습니다.Z-layout의 근간은 웹 사이트에 접속하여 콘텐츠를 읽는 방식에서 위의 이미지와 같은 흐름으로 시선처리를 한다는 것 입니다. 따라서 가입률을 높히거나 사이트에 무언가 액션을 더 주기 위해 아래와 같은 방식으로 개선하면 좋다고 소개하고 있었습니다.사용자의 콘텐츠를 읽어들이는 시점이 1번에서 2번으로 다시 3번에서 마지막 4번까지.따라서 1번에서 먼저 브랜드 네임을 보여주고 가입 버튼을 한번 상기 시킨 후 마지막 4번 시점 처리에서 목표를 달성할 수 있도록 구성하라는 취지 였습니다.그 다음으로 콘텐츠를 퍼블리싱 하는 사이트에서 가장 많이 보이는 F레이아웃 입니다.F레이아웃 경우 정말 많은 테스트에 의해 정론으로 굳어졌다고 볼 수 있는 레이아웃 구조 입니다. 위와 같은 경우 히트맵을 확인해 본다면, 마우스가 머무는 곳과 시각이 F형태를 띄고 있는 것을 확인 할 수 있습니다.사이트에 접속하여 콘텐츠를 (주로 글) 소비하는 유저들은 아래와 같은 방식을 따르고 있다는 데이터 분석에 의거하여 내린 결론 이었습니다. 형태의 모습이 F형태를 띈다고 하여 F-layout 이라 부르고 있습니다.대부분의 F레이아웃 페이지를 떠올린다면, 워드프레스 형태의 사이트와 기사를 발행하는 사이트들에 많이 해당 레이아웃으로 배치한 것을 떠올릴 수 있을 것 입니다. 이러한 흐름으로만 콘텐츠를 배치해도 유저가 사이트에 머무는 시간을 획기적으로 늘릴 수 있으며, 적절한 광고 배치를 통해 수익을 올릴 수도 있을 것 입니다.F 레이아웃의 창시자 Nielsen Norman Group에서는 꾸준히 왕성한 UX관련 내용을 퍼블리싱중이니 함께 확인해도 좋을 것 입니다. ( https://www.nngroup.com/reports/ )사례 적용더팀스 사이트는 이러한 두 레이아웃 방식과 지금은 다양한 해상도로 인해 잘 사용되지는 않지만 960grid의 근간으로 설계된 bootstrap 12 컬럼 방식과 히트맵을 통해서 꾸준히 사이트의 흐름과 사용성을 개선해 나가고 있습니다.더팀스 팀이 사이트를 개선하는 방식중 가장 중요하게 여기는 것 중 하나는“사용성 좋은 디자인은 항상 스토리 라인을 가지고 있다.” 입니다.아래 이미지는 제가 함께 했던 회사의 2012년 9월의 메인 페이지입니다. 그 당시 꽤 많은 비용을 주고 뉴욕 출신의 모 그래픽 디자이너에게 해당 디자인을 부탁하여 나온 안이었습니다.위의 디자인 안으로 엄청나게 마케팅도 해보고 여러가지를 시도해 보았습니다.그러면서 확실하게 알게된 것은 사이트 내 너무나 많은 것을 알리고자 하면서 흐름이 무너졌다는 것 입니다. 분명 위의 Z-layout 방식을 통하자면 [디자인 의뢰하기], [콘테스트 구경하기]가 클릭율이 높아야하고, 흐름 내에서 동영상을 클릭해서 보는 것이 맞을 겁니다.그러나 기획자의 설계와 다르게 해당 페이지에서 가장 많이 클릭 된 부분은 “로고 디자인 배너” 부분 이었습니다.기획자는 우리의 사이트는 이러한 모든 것들을 한다라는 메시지를 주면서 다양하게 어필하고 싶어했지만, 실제 사이트를 이용하는 유저들은 “너희 서비스가 어떤 일을 하는 것은 관심이 없다. 다만 우리는 우리 회사의 괜찮은 로고 디자인을 해줄 수 있는 곳을 찾고 있을 뿐이다.” 라는 고객 답변이 대다수 였습니다.덧붙여서 마케팅 집행 자체도 클릭율이 높은 로고 디자인에 치중된 유저들이 유입되도록 설계 되어있었으니 사이트에서 말하는 것과 마케팅에서 말하는 것의 맥락이 같지 않아서 ROI가 좋을 수 없었습니다.이러한 패턴을 바탕으로 2013년 2월 데이터와 유저의 행동을 바탕으로 간략하게 맥락을 압축해서 메인을 내부 디자인 팀에서 리뉴얼 했습니다.먼저 크게 우리 사이트가 뭘 하는 것이다를 텍스트로 설명하기 보다는, 먼저 대표적인 포트폴리오를 이미지로 표현하고, 유저에게 느낌을 전달하는데 초점을 맞췄습니다. 해당 리뉴얼을 통해 얻게된 이점이라면 로고디자인을 하러 왔던 고객들도 먼저 포트폴리오를 둘러보고 로고와 패키지디자인을 함께 하고 싶다는 문의가 계속해서 들어왔다는 것 입니다.메인 페이지에서 먼저 구구절절하게 텍스트로 푸는 것이 아니라, 어떠한 것을 한다는 느낌을 전달하고 그 다음 스텝에서 하나씩 그 이야기를 풀어 나가는 방식을 취했습니다. 최종적으로 너무나 많은 것을 알아보고 싶은 고객에게는 상세한 페이지를 제공하여 그 갈증을 해소 시키는 방식으로 페이지를 구성 했습니다. *애플 아이폰 4 런칭때 사이트 모습*넷플릭스 메인 카피 및 버튼들사이트에 접속하는 유저는 메인 페이지에서 정말 몇 초 내 관심을 끌어내지 못한다면, 바로 창을 닫아버리고 맙니다. 같은 맥락에서 아무리 환상적인 서비스라도 초기의 관심을 끌지 못한다면, 유저는 바로 다음페이지로 넘어갈 여지조차 주지 않습니다.따라서 메인 페이지에서는 유저에게 먼저 관심을 끌게 만들고, 액션으로 이어질 동기를 끊임없이 만들어줘서 사이트 내 숨어있는 퍼즐을 맞추도록 해야 합니다.동기까지 부여까지 성공했다면 아래의 원칙을 지켜 사이트를 구성 합니다.1. 어필하고 싶은 페이지 내 포인트를 몇개로 잡을 것인지 (정말 엄청난 매출을 내는 사이트도 포인트로 집중을 두는 버튼이나 텍스트는 많아야 1-2개 입니다.)2. 유저들은 절때 글을 읽지 않는 다는 것을 떠올리고 시각적인 단서를 꾸준히 제시할 것3. 2번 기준에 의거하여 많은 텍스트는 불필요하며, 적절한 공간에 적절한 글의 양만 부여 할 것.4. 데이터를 통한 지속적인 사이트 개선을 실시할것위의 내용을 토대로 더팀스는 초기 전략을 구성 할 때 먼저 유저가 많이 머무를 수 있도록 소비 지향성을 가진 사이트로 운영이 되었습니다.*2016년 2월 기준 초기 더팀스 메인 화면초기 사이트는 현재 아래와 같은 모습으로 변경 되었습니다.*2016년 8월 기준 더팀스 메인 화면초기 더팀스 사이트는 회원가입을 하여 무언가를 할 수 없는 구성이었습니다. 대부분 소비성 콘텐츠로 이뤄져 있었습니다. 이는 사이트 내에서 무언가 행동을 유발시키고 액션을 취할 수 있는 개발이 마련 되지는 않았으나, 유저들이 이러한 기능이 있을 경우 호응이 있을지를 먼저 시장에 내놓고 테스트 하는 것이 더 중요했습니다. 다행히 생각하는 것 이상으로 호응도가 좋았기에  지속적으로 유저의 행동패턴을 반영하여 아래와 같은 사이트 작업의 개선이 시행됐습니다.*2016년 9월 기준 더팀스 메인 화면#더팀스 #THETEAMS #UX #UI #디자인 #UX디자인 #UI디자인 #인사이트 #서비스개선
조회수 2444

Adwords로 YouTube 동영상 광고 집행 방법

출처 : 구글 이미지여러분의 브랜드 영상을 유튜브를 통해 광고를 하고 싶으신가요? 오늘 오피노의 글에서는 YouTube 동영상 광고를 Google 애드워즈 캠페인과 함께 설정하는 방법에 대해 알아 보겠습니다.사실 유튜브 영상광고는1) 유튜브 채널에서 집행하는 광고 집행2) 구글 애드워즈에서 유튜브 광고 집행의 두 가지 방법이 있습니다.하지만 성과를 파악하고, 데이터에서 인사이트를 찾고, 조금 더 정교한 리마케팅을 진행하기 위해서는 단순히 그냥 유튜브 광고를 집행한다 할지라도 구글 애드워즈의 계정과 함께 연결하여 사용하여야 의미있는 성과를 창출해내실 수 있습니다.# 1 : 애드워즈 캠페인 설정 여러분이 여러분의 비즈니스의 잠재 고객을 파악하고 이 잠재 고객에게 가치있는 브랜드 영상을 만들어 애드워즈에서 광고를 집행하면 여러분의 YouTube 채널의 성장까지 함께 도울 수 있습니다. 순전히 광고를 기반으로 한 YouTube 채널 제작은 효과가 없지만 고품질 콘텐츠를 제공하고 광고가 적합한 잠재 고객을 타겟팅하는 경우 애드워즈 캠페인은 채널에 부가적인 유기적 도달율을 부여하고 자연히 브랜드 인지도 성장을 촉진 할 수 있습니다. 당연히 애드워즈 계정이 필요하겠지요. 가지고 있지 않으신 분들이라면 바로 구글애드워즈를 검색창에 검색하셔서 계정을 만드세요!그런 다음 애드워즈 계정을 YouTube 채널에 연결하세요. 도구 -> 결제 및 설정 아이콘 (몽키스패너 모양)을 클릭하고 연결된 계정을 선택한 다음 YouTube를 클릭하세요. 그런 다음 아래 이미지처럼 따라해보세요 :)애드워즈 계정의 기본 설정을 완료하면 애드워즈에서 새 캠페인을 만들 준비가 된 것입니다. 왼쪽 열에서 캠페인을 선택하시고, 파란색 원의 + 기호 아이콘을 클릭하고 나타나는 메뉴에서 새 캠페인을 선택하시면 됩니다. 아마 GDN 광고를 집행해본 경험이 있으신 분들은 익숙하실 것입니다 !표시되는 캠페인 유형 화면에서 동영상 옵션을 선택합니다. 그런 다음 애드워즈 캠페인에 대한 두 가지 목표 중 하나를 선택하거나 따로 목표없이 캠페인을 만들 수 있습니다. 1) 브랜드 인지도 및 도달 범위 : 브랜드 인지도 및 도달 범위를 선택하면 소액의 광고가 많은 사람들에게 도달 할 수 있지만 검색 결과에는 나타나지 않습니다. 이 목표는 새로운 시청자와 구독자에게 자신의 채널과 콘텐츠를 알리려는 크리에이터 분들에게 좋습니다. 2) 제품 및 브랜드 고려 사항 :이 목표를 사용하면 사람들이 제품을 조사하거나 쇼핑하면서 YouTube 검색 결과에 광고가 게재됩니다. 이 목표는 가능한 소비자에게 제품, 도구 또는 서비스를 홍보하기 위해 권장됩니다.다음 화면에서 캠페인의 예산 및 기타 세부 정보를 설정합니다. 먼저 캠페인에 여러분이 알아볼 수 있는 캠페인 이름을 지정하세요. 그런 다음 일일 예산을 설정하세요. 좋은 시작 예산은 하루에 1만원입니다. 표준 게재 방법 (기본적으로 선택됨)은 광고가 하루 종일 게재되도록합니다. 공격적인 게재 방법은 당초 예산의 대부분을 사용합니다.네트워크 영역에서 광고가 관련없는 웹 사이트에 게재되지 않도록 디스플레이 네트워크에서 동영상 파트너 확인란을 선택 취소합니다. YouTube에서 YouTube 동영상을 홍보하려고하므로 YouTube 검색에서만 광고를 게재하고 싶기 때문입니다.참고 : Google 디스플레이 네트워크에 광고를 게재하지 않으려는 경우 의도적으로 캠페인에 대한 하나의 입찰 전략으로 만 제한됩니다. 그 입찰전략이 바로 최대 조회 당 비용 (CPV)입니다. 다른 입찰 전략 옵션은 Google 디스플레이 네트워크에 광고를 게재하는 경우에만 사용할 수있는 최대 CPM (1,000 회 노출 당 비용)입니다. 동영상 크리에이터들은 조회수가 아닌 노출 수에 집중하고자합니다. 이렇게하면 새로운 시청자가 가장 많이 찾는 위치와 시간에 광고가 노출됩니다.언어, 위치 및 기기 설정은 광고 캠페인의 잠재 고객을 좁히는 데 도움이됩니다. 이 캠페인에서 광고 그룹을 만들면 잠재 고객 인구 통계 및 관심 분야에 대한 추가 옵션이 표시됩니다. 언어의 경우 잠재 고객이 주로 영어를 사용하는 경우 영어를 사용하는 사용자만 타겟팅 할 수 있지만 YouTube 동영상이 여러 언어로 인기 있거나 동영상에 자막이있는 경우 여러 언어를 선택하여 더 많은 사람들에게 다가갈 수 있습니다.위치 설정을 통해 잠재 고객의 위치를 조정할 수 있습니다. 예를 들어 동영상 블로그에 미국 기반 잠재 고객이있는 경우 미국 거주자 만 타겟팅하세요. 그러나 위치 타겟팅을 단일 국가보다 넓게 또는 좁게 만들 수 있습니다. 필요한 경우 국가 또는 위치를 제외 할 수도 있습니다. 일반적으로 여러분의 잠재고객들이 구사하는 언어가 사용되는 대상 국가를 말하는 것이지요.기기 설정은 광고가 iOS 기기하고만 관련된 경우 유용합니다. 그러나 기기 타겟팅은 거의 도움이되지 않으므로 그렇게해야하는 이유가 확실한 경우가 아니면 기기를 따로 지정하지 마세요. iOS 관련 동영상을 제작하더라도 iOS 관련 동영상에 관심이있는 사용자는 누구인지 알 수 없습니다. 게재 빈도 설정을 사용하면 개별 사용자가 광고를 보는 횟수를 제한 할 수 있습니다. 조회수뿐만 아니라 노출 수를 제한 할 수 있습니다. 인스트림 게재 위치 광고의 경우 조회수를 조정합니다. 검색 게재 위치 광고의 경우 노출 수를 제한하는게 좋습니다. 애드워즈는 광고가 게재 될 때마다 노출 수를 표시합니다. 애드워즈에서 게재 빈도 설정을 위해 조회수를 계산하려면 사용자가 광고에 참여하거나 30 초 이상 (또는 30 초 미만의 전체 동영상) 시청해야합니다. 예산을 최대화하려면 노출 수를 일일 2 회로 제한하는 것이 좋습니다. (주당 5 ~ 10 회로 제한). 우리가 의도하는 광고 캠페인의 목적에 따라 게재 빈도 설정 전략은 달라질 수 있겠지요.콘텐츠 제외 기능을 사용하면 민감한 콘텐츠 및 콘텐츠 유형을 필터링하여 기본 콘텐츠 필터보다 약간 더 나은 잠재 고객을 확보 할 수 있습니다. YouTube의 표준 필터는 효과가 있지만 옵션을 조정하면 관련성없는 카테고리의 웹 사이트, 동영상 및 모바일 앱에 동영상 광고를 게재하지 않아도됩니다. 아래 그림의 설정을 사용하면 필터의 수준이 강해집니다. 그러나 DL-MA 디지털 콘텐츠 레이블을 사용하면 콘텐츠가 성숙한 경우 (예 : 다큐멘터리) 광고가 표시됩니다. 콘텐츠에 라벨이 지정되지 않은 경우 광고를 게재하면 도움이됩니다. 실시간 스트리밍 비디오 및 게임 확인란을 선택하면 사람들이 라이브 스트리밍이나 게임을 시청하는 동안 광고에 참여하지않기 때문에 유용합니다.광고 일정 설정은 균등하게 순환 게재 (예산을 빠르게 사용하지 않음)하거나보기에 최적화 할 수 있습니다. 특정 시간 프레임이 시청자에게 가장 잘 작동하는 것으로 알고있는 경우 광고를 게재 할 특정 시간 또는 요일을 설정하세요. 예를 들어 유튜브 애널리틱스로 여러분의 유튜브 채널을 분석할 때, 주말 조회수가 더 많고 월요일에 조회수가 더 많지 않으면 월요일보다 주말에 동영상을 더 자주 홍보 할 수 있습니다. 캠페인 설정이 완료되면 다음 단계는 캠페인 내에 광고 그룹을 설정하는 것입니다.# 2 : 캠페인 내 광고 그룹 구성하기하나의 애드워즈 캠페인에서 여러 개의 광고 그룹을 만들 수 있습니다. 광고 그룹에는 광고를 통해 홍보하려는 여러 YouTube 동영상이 포함될 수 있겠지요. 제가 설명하고 있는 전략들을 이해하고 YouTube 동영상을 홍보하는 광고 그룹 설정을 선택하면 전반적인 캠페인과 관련하여 광고 그룹을 구성하는 방법을 이해하는 것이 도움이될 것입니다. 각 광고 그룹이 동일한 키워드 또는 YouTube 콘텐츠 (특정 YouTube 채널 또는 동영상에 광고를 게재하므로 게재 위치라고 함)를 타겟팅해야합니다. 타겟팅은 특정 키워드를 검색하는 사람들이나 특정 YouTube 채널을 보는 사람들과 같이 동영상을 보는 사람을 결정합니다. 또한 그룹의 모든 동영상은 인스트림 광고 유형이나 검색광고 유형 중 하나를 사용합니다. 다양한 광고 유형에 따라 광고가 YouTube에 게재되는 위치가 결정됩니다. 인스트림 광고는 사용자가보고 싶어하는 YouTube 동영상보다 먼저 표시되지만 검색 광고는 시청자가 시청하는 모든 동영상과 함께 검색결과로써 표시가 될 수 있습니다.우리 브랜드가 두 가지 언어를 사용하고 있는 비즈니스 채널 (헝가리어 및 영어)이 있고, 이 전략에 대한 캠페인 및 광고 그룹 구조를 구성하려고 한다고 가정해보겠습니다. 헝가리 및 영어로 동영상을 게시하고 언어에 따라 해당 동영상에 대한 캠페인을 분리하세요. 각 캠페인에 대해 광고 유형 및 타겟팅을 기반으로 광고 그룹을 만듭니다. 즉, 각 캠페인에 대해 다음 광고 그룹을 포함시켜야합니다. 검색 게재 위치 검색 키워드 인스트림 게재 위치 인스트림 키워드 그런 다음 모든 광고 그룹에서 두 가지 유형의 동영상 광고 크리에이티브를 추가하세요.이 구조를 사용하면 각 캠페인의 예산을 최대화 할 수 있습니다. 각 캠페인의 광고는 서로 경쟁하며 가장 성공적이고 관련성이 가장 높은 광고에 예산이 소진됩니다. 영상광고는 굉장히 엄청난 기능이 있는데, 예를 들어 잠재 고객이 인스트림 광고를 볼 때 지불해야하지만 사용자가 광고를 건너 뛰기(Skip)로 선택하면 비용을 지불하지 않습니다. 마찬가지로 검색 광고의 경우 사용자가 클릭하여 광고를 보는 경우에만 비용을 지불하게됩니다. 이 구조의 또 다른 장점은 검색 광고에 대한 적절한 타겟팅을 수행 한 후 인스트림 광고를 쉽게 삭제할 수 있다는 것입니다.인스트림 광고는 조회수를 높이고 특히 게재 위치 타겟팅을 통해 투자 수익을 높일 수 있습니다. 하지만 검색 광고의 조회율은 훨씬 높습니다. 타겟팅이 제대로 완료되면 인스트림 광고는 대부분 시청자가 싫어하므로 이탈 할 수 있습니다. 잘 배치 된 디스커버리 광고는 고객들을 끌어당기는 자석같은 효과가 있지요. 사용자는 제목과 미리보기 이미지가 흥미로운 경우 적극적으로 클릭합니다. 광고를 검색 광고로 전환하는 이 기능을 사용하면 많은 이점을 얻을 수 있습니다. 좋은 조회율을 제공하고 YouTube 채널을 구독할 가능성이 더 큰 관심있는 시청자만 유도 할 수 있습니다. 그렇게함으로써 시청자와 진정한 관계를 구축하게됩니다.# 3 : 캠페인에 대한 각 광고 그룹 만들기캠페인에서 첫 번째 광고 그룹을 만들려면 캠페인 세부 정보 바로 아래 광고 그룹 만들기 영역으로 스크하세요. 알아볼 수 있게 그룹 이름을 설정하시고,  입찰가 영역에서 최대 CPV 입찰가와 인기 동영상 조정을 추가합니다.최대 CPV 입찰가는 잠재 고객이 광고를 클릭 할 때 지불하고자하는 최고 가격입니다. 예를 들어 최대 조회 당 0.10 달러 인 경우 최대 CPV 입찰가 입력란에 값을 입력하십시오. 그런 다음 한 달 동안 1,000 명이 동영상을 통해 광고를 보게되면 캠페인의 예산 중 2/3를 지출하게됩니다 (하루에 5 달러 또는 1 개월에 150 달러 정도기준으로). 인기있는 동영상에 대한 입찰가를 조정하면 YouTube에서 가장 인기있는 동영상이나 채널에 동영상 광고가 게재 될 확률이 높아집니다. 최대 CPV 입찰가의 비율로 입찰가 조정을 입력하십시오. 따라서 최대 CPV 입찰가가 0.10 달러이고 인기있는 동영상에 대한 입찰가 조정이 10 % 인 경우 광고가 상위 YouTube 콘텐츠에 표시되고 다른 사용자가 광고를 클릭하면 $ 0.11을 지불하게됩니다. 애드워즈의 인구 통계 영역에서는 성별, 연령, 자녀 유무 및 소득별로 잠재 고객을 정의 할 수 있습니다.잠재 고객에게 도달하는 데 도움이되는 인구 통계학적 타겟팅 설정을 확인하려면 YouTube 채널 애널리틱스를 확인하세요. 동영상마다 가장 적합한 옵션은 당연히 콘텐츠에 따라 다릅니다. 기본적으로 모든 인구통계학적 타겟팅 옵션이 선택되어 있습니다. 잠재 고객에 대한 지식과 상호작용을 토대로 주제에 대해 장기적인 관심을 갖고 있거나 주제를 연구중인 YouTube 사용자를 타겟팅 할 수 있습니다. 맞춤 동일 관심 분야 잠재 고객을 타겟팅 할 수도 있습니다. 귀하의 동영상에 대한 인지도를 높이려면 여러분의 첫 번째 광고 배치 옵션에 중점을 둡니다. 맞춤 동일 관심 분야 잠재 고객은 특히 유용할 수 있습니다. 예를 들어, 채널이 기술에 관심이있는 사람들에게 호소하는 경우 기술 및 미디어 및 엔터테인먼트 및 라이프 스타일 및 취미와 같은 관련 옵션을 선택할 수 있습니다. 적절한 방법으로 컴퓨터 및 주변 장치에 관심이있는 구매 의도 잠재 고객을 선택하세요.(GDN을 집행하는 방식과 유사합니다.)광고 타겟팅을 더욱 세분화하기 위해 키워드, 주제 또는 게재 위치 (YouTube 채널 또는 동영상)를 사용할 수 있습니다. 애드워즈로 동영상을 홍보하기 시작하면이 세 가지 중 하나를 선택하십시오. 둘 이상의 방법을 사용하여 잠재 고객을 타겟팅하면 잠재 고객을 너무 많이 좁혀져 광고비 소진이 안될 수도 있으니 항상 주의하시길 바랍니다 !게재 위치 타겟팅은 동영상 광고를 특정 YouTube 채널이나 동영상으로 타겟팅 할 수 있기 때문에 매우 유용합니다. 예를 들어 Gary Vaynerchuk 동영상을 시청중인 사람들을 타겟팅하려면 전체 채널을 타겟팅하면됩니다. 실제로 광고시장에서 굉장히 강력한 기능이라고 평가받고 있습니다.# 4 : 동영상용 광고 만들기캠페인 및 광고 그룹 기준을 설정하면 홍보하려는 동영상을 추가 할 수 있습니다. 광고를 작성할 때 각 광고는 애드워즈 광고 정책을 준수해야합니다. 첫 번째 광고를 만들려면 광고를 만들 수있는 영역까지 아래로 스크롤하세요. 링크를 YouTube 동영상에 붙여넣고 인스트림 또는 검색 광고 유형을 선택하세요. 범퍼 광고 유형은 다음에 따로 설명드릴 예정입니다. 광고에 자동으로 생성되는 사진을 선택하세요. 옵션 중 하나는 동영상 용으로 디자인한 미리보기 이미지입니다. 다음으로 광고 제목과 설명을 추가하세요. 세부 정보를 입력하면 모바일 버전과 데스크톱 버전간에 전환되는 광고 미리보기가 오른쪽에 표시됩니다. 광고의 기본 방문 페이지는 선택한 상태로 유지하려는 동영상의보기 페이지입니다. 마지막으로 광고 이름을 지정하시면 모든 과정이 끝이납니다.첫 번째 광고 설정이 끝나면 계속해서 광고 그룹을 만들고 각 그룹에 동영상을 추가 할 수 있습니다. 그룹을 만들려면 애드워즈 대시 보드에서 캠페인을 연 다음 파란색 더하기 기호를 클릭하세요. 그룹 내에 새 광고를 만들려면 그룹을 열고 파란색 + 기호를 클릭하여 광고 작성 옵션을 표시하세요.# 5 : 애드워즈 애널리틱스를 통해 동영상 광고 실적을 평가할 수있는 주요 통계이 기사 앞부분에서 언급했듯이 타겟팅이 올바른 경우 최상의 결과를 얻을 수 있습니다. 광고 실적을 모니터링하려면 애드워즈 대시 보드에서 광고 분석을 확인하고 다음 사항에 특히 주의하셔야합니다.조회수 조회율 비율 75 %까지보기 속도 시청 시간 참여 (좋아요 및 댓글) 또한 광고 그룹 설정에서 중복 키워드를 찾아보세요. 마지막으로 동영상 콘텐츠를 확인하시고, 동영상이 처음 10 초 이내에 사람들의 시선을 사로 잡도록하고 시청자가 내 동영상을 좋아하거나 구독하도록 장려하는 등 행동을 촉구하도록 유도하는 장치가 필요합니다.결론 YouTube 잠재 고객에게 우수한 콘텐츠를 만들기 위해 투자 한 후 애드워즈를 사용하여 YouTube 동영상을 홍보하면 플랫폼에서의 인지도를 높이고 채널 성장을 도울 수 있습니다. 광고가 여러분의 동영상에 제공하는 가시성은 여러분의 컨텐츠의 유기적 도달에 힘을 실어줍니다. 또한 이 글에 실려있는 다양한 전략론들을 사용하면 필요한 모든 옵션을 포함하는 캠페인을 구성 할 수 있습니다. 또한 이 조직은 광고 실적을 기반으로 캠페인을 모니터링하고 조정하는 데 도움이됩니다. 초기 애드워즈 캠페인을 실행 한 후에도 캠페인에 리마케팅 광고를 포함해야합니다. 어떻게 생각하시나요? 애드워즈로 YouTube 동영상을 홍보해 보세요! 애드워즈에서 동영상 홍보를 시도했다면 어떤 기술이 효과가 생길지 생각해 봅시다 :)퍼포먼스 마케팅 에이전시, 오피노 바로가기
조회수 1409

하던 걸 계속 하라고 하는데...

서론브랜딩이 뭔가 거창한 걸 시작해보쟛!!! 하는 것이 아니라, '그냥 하던 걸 꾸준히 하는 것' 이라고 정의내려보았습니다. 사실 사람도 그렇고 비지니스도 그렇죠. 뭔가 자꾸 매달리고 좋다고 생색낼수록 좀 정떨어지는 감이 있습니다. 물론 부정적인 각인을 통해서 잊혀지지 않거나, 그런 진상이미지가 캐릭터가 되는 경우도 종종 있긴 하지만, 이미지따윈 모르겠고 우린 매출이나 내쟈!! 라는 사람들이 딱히 브랜딩을 생각할 것 같진 않으니 그런 경우는 잠시 넣어두도록 하겠습니다.오늘은 '하던 걸 꾸준히' 에 대해서 얘기해보겠습니다.본론아무것도 하지 않는 걸 꾸준히 계속 하겠다.아니...이러란 얘기는 아니고..브랜딩에 있어서 하던걸 꾸준히 하란 얘기는 '일관성'을 얘기하는 것입니다. 비지니스의 색깔, 컨셉, 방향성 등 추구하고자 하는 것들에 대한 생각과 행동의 방향을 일치시키란 얘기이지요. 하지만 문제가 있습니다. 다음의 대화를 한 번 보도록 하죠오전9시23분 회의실김팀장 : 에...이번에 우리 프로모션 이벤트를 해야하는지 각자 아이디어 있으면 공유바랄께요팀원들 : Chim mook.김팀장 : 그..이번 우리 신제품 관련한 이벤트를 좀 재미있게 알리고 싶은데..팀원들 : 아........음..김팀장 : 이번에 배민에서 치믈리에 이벤트했던 거 어때요? 재밌던데? 우리도 그런 경연대회 한번 해볼까?팀원1 : 근데 우리 상품의 컨셉상...오프라인이벤트는 비용이 많이 들 것 같은데요. 일단 SNS이벤트로 진행해보는건 어떨까요.김팀장 : 오, 좋아요. 요즘 좀 핫한 SNS이벤트 뭐있지? 우리도 그 사연공모같은거 해볼까?팀원2 : 어떤 사연으로..?김팀장 : 사용후기 공모 한 번 때려보죠. 아직 사진찍어서 뭐 태그올리고 상품주던가.본질적인 문제는.. 대부분의 회사에서 '지금껏 하던 것' 이 없다는 겁니다. 대부분은 어디 유명사례나 이슈가 되었던 이벤트를 따라하는 등의 "우리도 그거 한 번 해볼까?" 는 식의 의사결정이 대다수였습니다. 어디서 본 듯한 카드뉴스와, 다른 누군가가 해서 대박친 이벤트 등 따라하기가 급급하죠. 배달의 민족에서 치믈리에 이벤트를 했던건 그 이벤트자체가 재밌어서 성공을 한 게 아닙니다. 배달의 민족이었기에 가능한 것이죠. 그들이 지금까지 유지해온 키치한 코드와 CF와 대외홍보에서 꾸준히 진행해오던 일관적인 소셜이벤트와 맥을 함께하기에 '배민답다.' 라는 생각이 드는 겁니다. 배달의 민족에서 치믈리에 이벤트를 했던건 그 이벤트자체가 재밌어서 성공을 한 게 아닙니다. 배달의 민족이었기에 가능한 것이죠. 우리는 이 문제에 대해 좀 심각하게 생각해 볼 필요가 있습니다. 우리가 창업이래 일관적으로 유지해오고 있는 "CODE"는 무엇인가? 라는 질문. 물론 알고 있습니다. 대부분의 초기창업체는 수많은 프로토타입과 시행착오를 통해 격하게 변화를 거듭합니다. 타겟부터 서비스의 방향성까지 끊임없이 수정되고 바뀌어가죠. 그러나 소위 변화라는 것은 기준이 존재하고 그 기준에서의 변곡점을 얼만큼 만들어 낼 것인가의 이슈이지, 기준 자체를 이리저리 움직이자라는 얘기가 아닙니다. 이러한 문제가 발생하는 이유는 3가지가 있습니다.1. 결정에 근거가 없습니다.대부분 어떤 의사결정을 진행할 때 그 근거는 '그게 잘되었으니까' 라는 결과론적 명제인데, 논리적으로 이것은 근거가 될 수 없습니다. 왜냐하면 그게 잘된 이유가 이벤트의 퀄리티나 컨셉의 포지셔닝 따위가 아니기 때문이지요. 이것의 큰 함정은 사실 기존의 컨설팅이나 책에서 언급하는 여러가지 유명사례들의 오용 탓도 있다고 봅니다. 개인적으론 브랜딩시장에 어느정도 깊이에 대한 재고와 자성이 필요한 시점이라고도 생각되죠. 케이스스터디를 진행할 때는 그 맥락과 근거에 대해 명확히 규명해야 합니다. 단순히 아마존이 어째서, 애플이 어째서... 이런 식의 결론은 적절치 못하죠. 우린 식료품을 판매하는 업체인데 애플의 마케팅전략을 가져다쓰겠다?...그게 잘 되었으니까?...이것도 좀 이상하지 않습니까?  모든 결정의 근거는 "우리 회사는 OO을 추구하기 때문이야." 라는 명제에 기인해야 합니다. 그 OO이 뭔가 거창한 사회적가치나 지구평화일 필욘 없습니다. 다만 우린 '깔끔함을 추구해' 우린 '편리함을 추구해' 우린 '저렴함을 추구해' 등 뭔가 구체적인 Keyword로 정의될 수 있다면 그것으로 충분합니다. 대신 "우린 사회적가치를 추구해" "우린 고객만족을 추구해" 등 뭉게구름같은 소리만 하고있으면 머지않아 사업자등록증이 루비콘강을 건너게 되겠죠.2. 다양성과 난잡함은 다릅니다.배민 치믈리에 시험에 치믈리지 마.(라임지렸다)이것은 의사결정권자 또는 직원들의 성향과도 관련이 있습니다. '다양한 시도'를 해보는 것과 '덕지덕지 가져다 쓰는 것' 은 분명히 다릅니다. 앞서 설명했던 배달의 민족은 폰트를 개발해서 오픈소스로 공급하거나 치믈리에 행사를 진행하거나 키치한 CF를 만들거나 하는 등 굉장히 다양한 액션을 선보였음에도 한결같은 '배민다움'을 유지하고 있는 것은 이 모든 액션들이 하나의 색을 지니고 있기 때문입니다. 우리가 실수하는 건 흔히 '가치중심뽕'에 취하는 것입니다. 우리는 사회적약자를 도와야하니까, 사회적약자를 대상으로 행사를 하자! 이런식의 크나큰 아젠다에 흠뻑 취해서 그것만 바라보고 있는 것이죠. 브랜드는 뭔가 전략을 통해 억지로 만드는 것이 아닙니다. 대표와 구성원들이 만들어내는 그 고유의 '기질' ....그러니까 흔히 똘끼라던가, 병신미라던가, 진지함이라던가, 사랑꾼이라던가..뭔가 이런 성격들이 곧 회사의 이미지를 결정하고 그 방향성을 선명하게 만들어갈 뿐입니다. 이러한 기질에서 출발한 브랜드고유의 색깔은 이들이 어떤 행동을 해도 그 색깔에 물들게 만들죠. 다양성은 바로 이것에 기인해야 합니다. 그 색깔이 없이 이것저것 끌어다쓰면 그걸 진행하는 사람도 지치고, 뭘 왜 하는 지도 모른 채 돈만 불태우는 계획들만 나오는 겁니다.3. 변화는 혁신은 분명하게!에뛰드하우스는 최초에 고객들에게 프린세스 판타지 브랜드를 유지해왔습니다. 그러나 이어 찾아온 실적부진에 브랜드개혁에 필요성을 느끼고 2014년 권금주 대표의 취임과 동시에 대대적인 개편을 진행했습니다. 이 때 두 가지의 놀라운 전략은 이것입니다. "기존의 프린세스판타지 컨셉은 과감히 버린다.""이제부터 모든 정책은 20대의 라이프스타일에 포커싱한다." 버릴 때는 과감히 버려야 합니다. "헤헤헤, 우리 그래도 이것가지고 좀 먹고살았는데..그래도 이건 남겨두는게.... " 라는 생각따윈 저 멀리 던져버리란 얘기이죠. 그리고 바뀌는 정책을 추진할 때는 한번에! 일제히! 확! 강렬하게! 바꾸는 겁니다. 점진적인 변화 이런건...진짜 어디 말만 번지르르 좋은 거지 점진적이란 건 대부분 처음에 돈이 너무 많이 들 것 같으니 돈 생길때마다 그때그때 바꿔가자..라는 얘기인데 제가 지금까지 브랜딩했던 업체중 이렇게 해서 점진적 변화가 성공한 곳은 단 한곳도 없었습니다. 대부분은 몇 개월 뒤 그냥 흐지부지 되는 경우가 다반사였죠.에뛰드하우스  명동점(저는 들어가봤다가 기겁하긴 했습니다만..)에뛰드 하우스는 이후 20대여성만 타겟으로 맞춰갔습니다.  '청순거짓 브라우 젤 틴트, 플레이 101스틱, 빅 커버 컨실러 BB' 등을 주력으로 잡아가며 SNS나, 스토어이벤트 또한 20대의 라이프에 관련된 컨텐츠만 집중적으로 공략하기 시작한 것이죠. 또한 김숙을 신제품 ‘핑크 생기 워터 세럼’의 모델로 활용하며 파격적으로 공감대를 만들어내는 데에 주력하기도 했습니다.  이와 더불어 2way전략으로 아시아권(중국, 싱가폴 등)에서는 프린세스판타지 코드를 그대로 유지하여 그 포지션을 외부로 확장시켜 가는 정책을 폈습니다. 심지어 그대로 전파하는 수준이 아닌, 판타지를 비쥬얼적으로 풀어낸 내부 인테리어와 궁전식 스토어를 만드는 등 플래그쉽 마케팅을 활용하기도 했습니다. 두 가지의 브랜딩이 동시에 가능했던 이유는 에뛰드의 메인철학이 'Enjoy Makeup Play' 였기 때문입니다. 그들은 화장을 일상의 행위가 아닌 '놀이'로 규정했죠. 공주님의 놀이에서 20대의 놀이로 그 계층적 벽을 허물었다라는 느낌을 주면서도 기본철학에서 어긋나지 않는 변화를 꾀했습니다. 이것이 강력한 변화를 일제히 진행하면서도 전혀 위화감없이 시장에 녹아들 수 있는 비결이었죠. 물론 에뛰드가 완벽하게 최고의 사례는 아닐 것입니다. 사실 실무적인 입장을 보면 개판이었을 수도 있죠. 하라는 거 안하고, 막 컨셉 섞여있고..야 그냥 대충 해..란 소리도 비일비재 했을 겁니다.. 하지만 성공적으로 브랜딩을 궤도에 올려놓을 수 있었던 것은 거의 반강제적인 '거친 변화' 를 추구했기 때문입니다. 솔직히 이러한 변화를 진행하려고 하는데 한 명 한 명 설득시켜가며 "우리가 이번에 이렇게 바꿀건데..그 이유는 이렇고.그래서 우린 이렇게 해야하고..."를 해명하고 다독이며 진행할 시간이 있을까 싶습니다. 가끔은 공표하고 거칠게 추진하는 순간도 필요한 것이죠. 그 변화의 리스크를 감당할 각오는 해야겠지만 말입니다. :)읽다보면 한가지 모순을 느끼셨을 겁니다. 2번과 3번은 스타일이 완전 다른데? 라는 것이죠. 2번은 구성원들의 성향과 기질로 자연스럽게 브랜드를 만들어내는 것이고, 3번은 정책과 시스템으로 회사의 방향을 확 트는 경우니까요. 사실 이 둘은 모순의 관계가 아닙니다. 필연의 관계라고 하는 편이 맞겠네요. 한가지 컨셉으로 회사가 평생 운영되는 경우는 드뭅니다. 어느 순간에는 뭔가를 크게 변화시켜야 할 순간이 오겠죠. 또한 2번에서 언급한 것처럼 성향만으로 브랜드의 색깔을 선명하게 만들기는 힘듭니다. 그것은 내부적인 문화를 만들기는 적절할 지 모르나, '일'을 해야하는 상황에 적용하기엔 다소 응집력이 약하죠. 이러한 관점에서 시스템은 두 가지 역할을 합니다.하나는 내부의 자연스러운 고유색깔을 극대화시켜서 정돈하는 역할이죠. 비쥬얼적으로나, 정책적으로나, 기획적으로나.. 어떤 방식이든 우리의 성격과 방식을 드러내는 수단적인 부분이 존재해야 합니다. 우리가 성격과취향을 패션이나 말투, 행동으로 드러내듯 기업도 마찬가지이죠.티몬의 웰컴킷의 티몬의 DNA를 잘 드러냅니다. 일단 키치함이 넘치죠.또 하나는 변화의 코드와 기준을 잡고 강제성을 부여하는 것입니다. 시스템은 브랜드를 위해 존재합니다. 회사도 브랜드를 위해 존재하죠. 회사가 돈벌려고 브랜드를 만드는 게 아니라, 브랜드를 구현하는 방식이 곧 회사라도 김봉진대표님이 언급하셨더군요. 그리고 이러한 시스템은 개인을 위해 존재하는 것은 아닙니다. 좀 더 커다란 목적을 위해 존재하죠. 그러니까 브랜드가 급커브를 하거나 전혀 다른 국면으로 변화해야 할 때 시스템은 그 변화를 전담하고 통제하는 역할을 맡는 것입니다. 그러니 조금 냉정하게 말해서 개인의 성향이 그 변화와 맞냐, 그렇지 않냐 따윈 중요하지 않습니다. 이러한 일관성은 때론 나갈 사람은 나가고 남을 사람은 남는 소위 '물갈이'가 이루어지는 이유가 되기도 합니다.가라, 다음에 만날 땐 적이다.위와 같은 이유로 대부분 방향성이나 컨셉없이 흐지부지 사라진 브랜드의 추억을 안고있거나, 애시당초 만들지 못한 기업들도 허다합니다. 키워드나 컨셉도 없이 이것저것 가져다 쓰다가 내가 뭔지도 잃어버린 제이슨 본이 되거나, 우리도 변화를 해보쟈!! 싶어서 절벽에 올라간 매의 심정으로 깃털을 쪼다가 아 시발 이건 원래 뻥이었지..를 깨닫고 너덜너덜하게 처참해지거나. 여러모로 브랜딩은 어렵고 알쏭달쏭하기 때문에 이것저것 해보다가 돈만 날리는 경우가 많습니다.  그러니 시간이 지나서 창업1년이 넘고, 2년,3년차가 되어도 우리만의 컨텐츠가 뭔질 잘 모르겠고..우리만의 색깔에 대해서도 지구평화와 우주정복과 같은 뜬구름잡는 소리만 하고있다면 진지하게 STOP해보는 것이 좋을 것 같습니다. 명백하게 마케팅회의시간에 구석에 앉아서 직원들이 하는 얘기를 곰곰히 들어보세요."어디가 그거 했는데 잘되었다더라."라는 얘기가 나오고 있다면, 오늘 점심은 혼자 드시면서 앞으로 어떻게 해야 할 지 고민을 좀 해보셔야 할 것 같습니다. 다음엔 그 혼밥의 시간 이후에.. 여러분의 결심을 도와드릴 얘기들을 하겠습니다.#애프터모멘트크리에이티브랩 #마케터 #마케팅 #마케팅팀 #인사이트 #조언 #꿀팁
조회수 703

IP/Design Seminar 참가

안녕하세요 동연 디자인입니다!! :D가족들과 유난히 추억이 많았던 5월이 지나가고 있습니다!어린이날어버이날석가탄신일..날씨까지 화창했던 징검다리 휴일로 나들이 다녀오신 분들이 많이 계시고,운동도 하면서 휴식도 충분히 가졌던 것 같아요^o^동연 디자인에서는 지난주, 여의도 마린 아일랜드에서 열린 디자인 세미나에 운 좋게 참가하여세계 시장의 트렌드를 파악할 수 있는 좋은 기회를 가지게 되었습니다!INTERPRINT-인터 프린트(Interprint)는 독일에 본사를 둔 글로벌 데코페이퍼 프린팅 기업으로, 전 세계 8개의 생산 플랜트를 거점으로 전 세계 모양지 시장의 트렌드를 선도하고2013년부터 전 세계 시장의 Trend를 선도할 만한 6가지의 디자인들을 선정하여 제안하고 있습니다.(SIXPACK)입장하자마자 보이는 표면재 Display입니다 :)안으로 들어가니 인테리어 및 가구 업계에 있는 분들이 많이 참석하셨던 것 같아요!세미나를 시작하기 30분 전에 도착했는데도, PT 준비와 많은 사람들이 이미 자리를 채우고 계셨어요^^ (기대기대)자유롭게 사진을 찍으면서 전시되어 있는 것을 몇 가지 찍어봤어요!트렌드와 조화를 보여주는 표면재 Display 및 LPM을 사용한 디자인 가구입니다.세미나가 시작되고,2018년 인터 프린트(삼보에 스티)에서 제안하는 여섯 가지 데코페이퍼 트렌드에 대한 디자인 SIXPACK을 소개해드리겠습니다.-LarchEicheCherry TreeApfelbaumStahlStein2018년 여섯 가지의 컬러와 디자인으로 간단하게 소개를 했습니다!*컬러 사용에는 화이트톤을 배제하면서 채도가 낮고 옅은 컬러와부드러운 소재의 조화를 강조하였는데요,다양한 컬러와 소재의 MIX & MATCH를 통한트렌드를 제안을 해주었습니다.세미나가 끝나고 홀 뒤에서는 식사를 할 수 있도록 뷔페가 차려졌는데요!음식도 맛있게 먹고 배가 부른 상태로 밖을 나서는데...뚜둔!...INTERPRINT 로고가 새겨진 부농부농 한 예쁜 무선 키보드와 마우스를뙇!!!2019년 트렌드도 너무 궁금합니다 ^3^♥내년을 기약하며...5월도 기분 좋게 마무리하면서아직 비가 오면 쌀쌀한 5월,밤 낮 일교차 유의해주시고얇은 재킷 하나 챙겨서우리 모두 다가오는 무더운 여름,반갑게 맞이해주자고요!!!#동연디자인 #동연몰 #인터프린트 #디자인 #세미나 #가구 #사무용가구 #트렌드 #컬러 #패턴

기업문화 엿볼 때, 더팀스

로그인

/