안녕하세요-!연휴 잘 보내셨나요~? 너무 긴 연휴를 보내고 와서 후유증이 오래갈거같네요 ㅠㅠ오늘은 포스팅이 조금 늦었지만 9월10일(일)~9월13일(수)까지 중국 상해에서 개최되었던2017 CIFF(China International Furniture Fair)에 대해 소개하겠습니다:)지난 3월에는 광저우에서 열린 2017 CIFF(China International Furniture Fair)  를 소개해드렸는데 이번에는 상해에서 열렸답니다!상해 푸서 (홍차오) 전시장은 약 400,000sqm (약12만평)의 규모로 2000 업체가 참여 하였습니다.아래는 전시장의 평면도 입니다. 오피스 공간과 공용 공간 두파트로 나눠서 살펴보도록 하겠습니다!첫번째 파트로 오피스 공간을 소개하겠습니다. 오피스 공간과 공용 공간 두파트로 나눠서 살펴보도록 하겠습니다!첫번째 파트로 오피스 공간을 소개하겠습니다. 1. 벤치 시스템 워크스테이션오피스 부분은 광저우와 비슷하게 벤치 시스템 워크스테이션을 많이 볼 수 있었습니다. 작년에도 그렇고 저번 광저우 박람회도 그렇고 확실히 벤치 시스템 워크스테이션이 트렌드인거 같네요!광저우 박람회에 비해 조금 더 컬러가 다양해졌답니다.다리 부분을 보시면 다양한 컬러와 다양한 디자인을 보실 수 있답니다. 벤치 시스템 워크스테이션 중에 조금 특별한 디자인을 볼 수있었는데 첫번째는 책상과 소파가 결합된 디자인입니다. 책상 비슷한 사이즈의 소파를 책상과 결합하여 선보였습니다. 다릿발이나 색상이 책상과 유사하여 이질감 없이 어울린답니다.  두번째는 높낮이 책상입니다. 높낮이 책상은 시중에 많이 볼 수 있지만 벤치 타입의 높낮이 책상은 처음 보았답니다이동을 많이 하는 부서는 조금 불편할 거 같은 단점도 있지만하나의 선으로 두개의 책상을 컨트롤 할 수 있어 기존 단독 제품들보다 깔끔하게 배치할 수 있을거 같아요-!2. 스크린파티션파티션은 변함없이 스크린 파티션이였습니다. 광저우에서 보았던 펠트 소재와 패브릭소재, 아크릴 소재 등 다양한 소재의 스크린 가림판을 볼 수 있었답니다.직사각형보다는 곡선이 있는 사각형으로 디자인된 제품들이 많이 있었으며 사다리꼴과 같이 기하학적인 모양도 볼 수 있었습니다작고 얇지만 기존 파티션의 기능인 자석 부착이나 악세사리 보관함 적용 등 모두 가능 하답니다-!!3. 철재소재의 캐비닛, 서랍, 수납장광저우 박람회에서도 철재로 된 캐비닛, 서랍장 등을 많이 볼 수 있었는데 이번 상해 박람회 역시 철재로 된 캐비닛, 서랍장을 많이 볼 수 있었답니다.철재로 된 제품은 아시다시피 내구성이 매우 뛰어나답니다. 색상 또한 목재에서는 사용하기 힘든 색상들을 사용하여 더욱 더 눈길을 끌었답니다!목재로 구성된 제품보다 훨씬 슬림하게 보인답니다:)우리나라는 아직 목재로 된 캐비닛, 서랍장을 많이 사용하고있는데 조만간 철재제품이 많이 나오지않을까 합니다아래 이미지 처럼 겉으로 보기엔 철재 서랍이지만 열어보면 침대가 나오는 아이디어 제품들도 종종 볼 수 있었습니다4. 다양한 디자인의 수납장철재로 된 제품 외에 디자인이 가미된 수납장을 많이 볼 수 있었는데 공간이 많이 오픈되어 있으면 자칫 지저분해보일 수 있기때문에중간 중간 도어를 부착하여 디자인 뿐만 아니라 수납까지 깔끔하게 할 수 있는 제품들입니다. 또한 한가지 색이 아니고 컬러 또는 우드를 함께 사용하여 한층 더 세련되게 보인답니다!점점 사무용과 가정용의 경계가 없어지는거 같아요! 오피스 공간쪽 트렌드를 정리해보면광저우 박람회와 비슷하게 독립적인 공간 보다는 오픈된 공간으로 이루어져 있는벤치형 책상이 많이 있었으며 다리쪽에 포인트 색상과 디자인이 가미되었답니다!또한 소파와 함께 세트로 구성 되어 있는 책상은 다음 박람회에서 많이 등장할거 같네요!파티션과 캐비닛은 변함없이 스크린파티션과 철재소재의 제품이 강세였답니다-광저우 박람회때보다 조금 더 가정용 느낌의 가구를 많이 볼 수 있었답니다광저우박람회와 비교해서 보시면 확실히 달라진 점을 보실 수 있을거 같아요http://blog.naver.com/dongyeondesign/220981579018지금까지 오피스 공간 쪽을 살펴보았습니다다음에는 공용공간 쪽인 로비, 라운지의 박람회 후기를 상세하게 설명드리도록 하겠습니다-!#상해 #중국가구박람회 #중국상해 #ciff #상해가구 #외국가구박람회 #가구추천

오늘은 컨셉에 대한 이야기를 해보려고 해요. 영어는 씨오엔씨이피티. 콘셉(ㅌ) 죠. 사전적의미에선 (명사)광고·디자인 등에서, 그 속에 담고자 하는 기본적인 생각. 라고 쓰여있네요. 뭐 꼭 광고나 디자인 뿐 아니라 요즘엔 컨셉의 적용범위가 더욱 넓어졌으니 그냥 우리가 일상적으로 일고 있는 '중심이 되는 생각이나 행동의 자세' 정도로 재정의내리기로 합시다. 왜 하필이면 백만고객이란 말을 붙였냐면 ....제 브런치글의 누적뷰가 곧...100만이 되기 때문이죠. (쥬륵) 그냥 뭔가 감격스러워서 흐어엉어웅어우어엉 한 마음에 그만..다시 컨셉얘기로 돌아와서, 우선 컨셉의 어원부터 살펴볼께요. 일단 컨셉은 라틴어 conceptum ‘초안, 개요’에서 나온 단어입니다. 이 단어는 Con + Cept + um 으로 쪼개집니다. Con은 together의 뜻으로 고등시절 그놈의 어원보카를 통해 많이들 공부했던 그것이랍니다. Cept는  take, hold의 뜻을 지니고 있지요. um은 라틴어의 명사어미입니다. 그러니 컨셉이란 단어를 풀어보면 '모두 모아서 잡는다' 라는 정도가 되겠군요. 흩어져있는 이것저것들을 한데 모아서 하나로 묶는 중심축을 의미합니다.그런데 무엇이 흩어져있고 어떻게 모으는 것일까...하는 구체적인 얘기가 필요할 듯 하네요. 일단 흩어져있는 것들은 아래와 같은 것들입니다.- 이미지의 톤- 텍스트의 톤- 밖에서 보는 우리와 실제의 우리- 업무스타일과 사업의 색깔- 정신, 영혼, 동공의 초점(특히 연휴끝난 오늘..)등이 흩어져있는 것들이죠. 이런 것들을 하나로 묶는 것은 아래의 원칙들입니다.1. 일정한 톤의 이미지와 구도(찍을 때 항상 이렇게 이런톤으로)2. 텍스트의 어미와 문장의 길이, 수식의 정도3. 일관성있는 업무체계4. 일관성있는 투입자금(덜덜)5. 모두가 뼈속깊이 인지하고 있는 우리의 색깔6. 월급날내가 가는 이 길이 어디로 가는지 알수 없찌마안 알수 없찌마안 알 수 없찌마안회의할 때마다 브랜드의 색이 자꾸 바뀌는 듯한 느낌은 사실 우리 모두가 공통적으로 지니고 있는 대전제가 없기 때문이예요. 소위 사고의 울타리가 없으면, 생각이 역회전시킨 탱탱볼마냥 이리저리 튀어다니다가 결국 뒷동산으로 흘러가버리기 일쑤니까요. 컨셉은 밖에서 보는 것보다 팀원전체가 무의식중에 인지하고 있는 우리 회사의 색깔을 의미해요. 그래야 '이것은 우리의 색이 아니다, 이것은 기다.' 라는 것을 명확하게 잡아낼 수 있겠죠. 그래서 오늘은 일반적인 7가지 컨셉들을 한 번 늘어놓아 보려고 해요. 이 중 우리의 컨셉과 가장 유사한 것은 어떤 것인지 알아보는 것도 아주 재미있을 것 같아요. 또 그러한 컨셉을 표현하는 다양한 수단은 무엇이 있는지도 스리슬쩍 잡아보려고 합니다. 크크큭 반, 진지함 반으로 주절거려보도록 하겠어요~꼬.1. 진지한 컨셉부릅. 진지. 엄격. 세상. 시리어스우린 장난따윈 치지않아. 우린 전문적이야. 숫자를 선호하지. 우리의 제안서는 숫자가 가득해. 우리는 농담을 하지 않아. 부릅... 스러운 컨셉의 진지진지한 색입니다. 사실 진지한 컨셉은 여러가지로 제약이 있긴 합니다. 명량,회오리바다와 같은 SNS상에서 진지한 컨셉의 컨텐츠의 사활을 장담하긴 어렵죠. 특히나 몇 초안에 시선을 끌어잡아야 하는 경우라면 더더욱 그렇습니다. 그러나, 시간을 들여서라도 신중하게 결정을 해야하는 것들. 그러니까 오늘 점심 뭐먹을까....같은..(=개소리) 게 아니고.... 계약이나 금융, 분석, 정보를 다루는 곳들의 경우에 많이들 쓰고 있는 것 같아요. 이를테면 전자계약을 진행하는 모두싸인같은 경우는 이번에 로고리뉴얼을 통해서 기존의 귀욤귀욤한 캐릭터느낌(눈코입달린)에서 좀 더 각지고 전문적인 느낌을 살릴 수 있는 컬러대비를 강조했더라구요. 이처럼 객관적인 신뢰가 필요한 비지니스에선 확실히 키치키치뱅뱅한 느낌보다는 각! 대비! 선명! 이런것들이 도움이 되는 것 같아요.표현방법 : 강렬한 색 대비!, 각!, 모서리!, 날카로움!, 정장!, 킹스맨구두, 만년필, 시종일관 진지한 어투, 숫자, 안경, 꾹다문 입술, 컨설팅모드 노트북 등..주의사항 : 시종일관 진지한 어투일때는 문장을 짧게 치셔야 해요. 이런 비지니스들의 소개문구나 텍스트들의 문제점은 자꾸 같은 말을 반복할 위험이 있다는 거예요. 데이터위주의 객관적사실 나열은 글이 짧아질 수 밖에 없는데, 괜히 그 공백을 메우고자 했던 말을 다시 또 하는 경우가 많더라구요. 중복문장과 어설픈 개그, 괜한 수식어 등은 빼버리고 3형식의 짤막한 문장들로 텍스트의 속도감을 높이는 것이 더 중요해요.디자인적으로는 대비를 주되, 배경과 메인심볼의 색을 보색대비시키진 마세요. 배경이나 심볼 둘 중 하나는 무채계열로 빼면서 하나의 색을 죽여주는 편이 좋아요. 보색대비란 것은 둘 다 힘이 쎄다는 얘기이니 디자인에 긴장감이 높아지거든요.2. 우린 미쳤어! 컨셉비글들의 모임. 대혼돈의 게이트시종일관 비글모드인 이 분들은 회의시간에도 아크로바틱, 컨텐츠도 판타지아스럽고, 내놓는 이벤트도 뭔가 탈우주적인 아무말들이 가득합니다. 책상위엔 덕질의 흔적이 가득하고 떠오르면 부아아아아아 밀어부치는 거친 추진력을 보여줍니다. 시행착오도 많지만, 그것조차도 우린 미쳤다라는 컨셉으로 '그래 우린 실수를 했어!!! 하하하하하 이거 미안하게 됬군그래!!후후후후...' 라는 느낌.표현방법 : 거친 워딩! 폭풍 짤, 일상이 덕질, 아무말 텍스트, 키치한 디자인, 특이한 패션, 사무실에 비글키우기, 다육이에 이름붙이기 등등주의사항 : 비글컨셉은 신선하고 독특한 경험을 선사하지만, 행동이 튀는 범위가 넓기때문에 그것을 잘 잡아줄 수 있는 치밀한 기획이 필요해요. 기획단계에선 '하면 안되는 것' 을 강력하게 설정하시는 편이 좋아요. 그리고 규제완화의 제1법칙이죠. 안되는 것만 규정하고 모든 것을 허용한다라는 모토 아래 디테일한 것들을 설정해가시는 편이 좋아요. 디자인적으로는 두 가지 방법이 있는데, 키치하고 세련된 느낌의 특정폰트, 특정이미지, 캐릭터를 이용해서 행위자와 행위를 부각시키는 방법이 있어요. 이 방법은 초기에 설정시간/비용이 꽤나 들지만 이리저리 튈 수 있는 기획방향을 잡아줄 수 있는 캐릭터를 구축할 수 있다는 장점이 있답니다. 다음은 떠돌아다니는 짤과 거친 그림, 조악하고 막 써놓은 텍스트를 컨셉으로 밀고 나가는 것인데, 비용이나 제작시에 수고가 덜하지만 호불호에 대한 리스크와 자칫 낮은 퀄리티로 인식될 수 있는 만큼, 신중해야해요.이러한 키치한 컨셉의 비지니스에서 가장 중요한 것은 홍보나 마케팅컨텐츠는 유쾌하고 장난스럽지만 실제 운영에 구멍이 생겨서는 안된다는 점이예요. 할 때는 확실하게 한다. 라는 느낌이 없으면 유쾌와 장난끼가 '전문성의 부족' 으로 인식되기가 쉽답니다.3. 세상친절한 컨셉성은이 므앙그윽 하옵니다!고객님이 너무 감사한 스타일. 고객은 한 줄 후기를 남겼지만 우린 3줄씩 남겨주는 타입. 클레임이 생기면 직접 찾아가서 하나하나 얘기를 들어보고 사과문과 함께 보상에 관련된 어떤 언급을 하며 상왕전하를 극진히 모시는 느낌표현방법 : 관복, 삼보일배, 친절터지는 댓글, 필력, 웃음이모티콘, 사과문양식, 끊임없는 트래킹, 만족도조사주의사항 : 고객입장에선 최고의 경험을 할 수 있는 컨셉일수도 있겠습니다만, 운영입장에선 굉장히 많은 리소스가 들어가는 일일수도 있습니다. 흔히 직접적인 B2C서비스를 하는 비지니스에서 이런 컨셉이 더러 있더라구요. 나쁜 것은 아니지만, 극진히 여겨주는 것을 머리부터 말끝까지 씻겨드린다..라기보단 우린 씻고나오셔서 춥지않도록 실내에 온풍기를 틀었다...라는 정도의 특정한 차별화포인트만 잡아두는 편이 좋을 것 같습니다.디자인적으로는 부들부들하고 깔끔한 플랫계열의 아이콘, 컬러가 주로 쓰입니다. 거부감을 최소화 시키고 메시지의 강도를 완화시키기 위해 폰트나 컬러로 이미지구축을 하는 경우가 많습니다. 주로 이런 컨셉일 경우엔 고객과의 접점컨텐츠가 굉장히 많이 생성되는 편이라서, 업무의 리소스절약을 위해서 어느정도의 레이아웃과 양식은 템플릿화 시켜서 움직이는 것이 좋습니다.4. 엄청솔직한 컨셉우린 진실만을 얘기하므로, 거짓됨은 없다. 단채 신채호선생님의 서서 굽히지 않는 진솔함의 후예들. 블로그가 없다, 홈페이지도 사실 만들 돈이 없다..라는 것조차도 과감히 까줌. 사실 5가지 정도가 불안하지만, 나머지 한 개는 자신있는 타입. 이런 솔직함은 호불호가 갈리긴 하지만, 리스크를 선공개함으로써 추후 생기는 후폭풍을 최소화시키거나 오히려 신뢰감을 상승시키는 효과를 누릴 수도 있습니다. 그러나 이러한 솔직함이 방어적인 밑밥이 된다면 사람들은 금새 알아차리므로, 계속 성장/개선하는 모습을 보여주지 않으면 솔직함이 진부해질 수 있다는 단점이 있죠.표현방법 : 가난을 드러내기, 서서 세수하기, 회사소식 자주 공개하기, 개선사항 주기적 업데이트, 장점 하나만 어필하기, 약점에 대한 리스팅과 고객참여 간담회주의사항 : 위에서도 언급했던 솔직함이 진부해지지 않으려면 꾸준한 개선들을 주기적으로 업데이트해주고 알려야합니다. 좋은 방법은 역시 고객과 함께 만들어나가는 것이지요. 고객참여 간담회나, 피드백대토론회, 상품체험회 등 온오프라인에서 각종 프로그램과 발빠른 움직임으로 빠르게 움직이고 변화해간다는 모습이 병행되어야 합니다. 그러므로 이러한 컨셉은 우린 솔직하니까 됐어. 라는 식이 되버리는 순간 위험해진다고 할 수 있죠. 어느 컨셉보다 빠른 행동력을 필요로 하는 것 같습니다.5. 매우심플한 컨셉제가 운영하는..애프터모멘트 제안서..이건 제 컨셉인 것 같습니다. 제안서디자인만 봐도 그냥 대충 알 수 있듯이 심플함을 강조하고 있습니다. 심플함이 내포하는 것은 정리된, 깔끔한, 시크한, 논리적인, 단순한, 쉬운 등의 의미가 있겠네요. 사람들이 어려워하거나 복잡하다고 생각하는 것들을 다루는 비지니스일수록 이러한 컨셉은 빛을 발하는 것 같습니다. 그러나 리스크도 만만찮게 크죠. 일단 표현할 수 있는 이미지나 텍스트의 양이 줄어들면서 한 줄 한 줄의 무게가 커집니다. 함축으로 인한 오해를 살 수도 있고, 또한 이러한 심플함에 대한 개인적 호불호도 존재하기 마련이죠. 디자인이나 가구, 직관적인 UX/UI가 필요한 쇼핑몰 등에서 많이 쓰이는데.. 요즘엔 카카오뱅크처럼 복잡함과 대적하기 위한 금융/공공서비스등의 인프라에서도 종종 이러한 컨셉이 보입니다.표현방법 : 하얗. 화이트. 백색. 백색의 사루만...여백. 공백. 빈 곳. 무채색. 포인트. 하나. 딸랑. 아이콘. 기호. 단어주의사항 : 사진 한장, 문장 하나에 신경을 매우 크게 써야합니다. 어미나 접속사 하나도 크게 신경써야 하죠. 심플함은 쳐내는 것이 아니라 함축시키는 일입니다. 그러나 함축을 했다고 해서 단어가 추상적으로 변해버리면 안됩니다. 구체적인 단어를 언급하되, 그 단어가 상징하는 의미가 공통적으로 끄덕거릴 수 있는 것들이어야 하고 직관적으로 아항!~스러워야 합니다. 그러니 단어선정과 이미지선정에 큰 공을 들여야 한답니다.그리고 그렇게 공을 들인 것이 오해를 사거나 무의미해질 수 있는 리스크가 굉장히 큽니다. (가끔 이런건 됬고 그러니까 자세한 소개서나 좀 줘보세요..라고 하는 곳들이 있을 수 있습니다.)6. 옛것추억의 컨셉체크..당신은 대체..아날로그 감성을 자극하는 비지니스도 있습니다. 요즘 인기터진 구닥도 그러할거고, 이번에 드롭박스의 리브랜딩도 다시 레트로한 디자인으로 돌아갔더군요. 추억을 자극하는 아날로그식 필카의 디자인을 따론 라이카나 올림푸스카메라의 디자인도 그렇습니다. 패션쪽에서는 이미 순환주기가 기정사실화가 되었고, 한 때 유행하던 플랫디자인을 넘어서 요즘엔 다시 폰트, 패턴, 양식단순화, 네온 등의 디자인이 뜨고있습니다. 감수성과 공감대를 기본으로 한 이러한 컨셉은 비지니스의 특수성과 타겟층의 연령층에 대한 제한이 있지만, 금액이나 성능등의 객관적인 정보를 뛰어넘는 감성기반 비지니스라는 점에서 매니아/팬층을 만들기가 용이합니다.표현방법 : 옛 것, 아날로그, 불편하게 만들기, 안보여주기, 쇼케이스, 팝업스토어, 복고디자인, 이미지위주의 컨텐츠주의사항 : 아날로그 컨셉은 기본적으로 이미지를 위주로 합니다. 또한 그 이미지에 대한 공통적인 이해와 공감이 있어야 합니다. 또한 우위컨텐츠가 있어선 안됩니다. 예를 들어 노란색의 작은 생명체라고 했을 때, 보거스를 떠올리는 사람과 피카츄를 떠올리는 사람이 있다고 쳐볼께요. 물론 보거스도 미친 인기의 결정체지만, 노란색의 캐릭터에서 피카츄를 이겨먹기가 쉽지 않습니다. 이미 사람들의 기억속의 '원형이미지'에는 노란색=피카츄라는 공식이 성립이 되어버린 상태이죠. 이렇게 옛 컨텐츠를 끄집어낼 때는 사람들의 무의식속 원형이미지를 잘 고려해야해요. 더불어서, 단순한 이미지...보단 '행동'을 끄집어내는 것이 훨씬 효과적입니다. 구닥이 대표적인 예라고 할 수 있죠. 감동이란 그 때의 행동과 느낌을 재현하는 것에서 시작되니까요.7. 트렌드세터의 컨셉천년은 앞서간 비타스의 우주왕자사교파티..반면, 시대를 앞서가는 느낌의 얼리어답터, 트렌드세터의 느낌을 가득 담은 컨셉도 있겠습니다. 이러한 컨셉에선 '이걸 놓치면 당신은 늦는거야!' 라는 편승심리를 자극하는 경우가 많습니다. 가장 대표적인 것들이 사교육이나 전자기기 등등이 있겠죠. 신제품의 발매주기가 빠른 핸드폰도 비슷합니다. 예전엔 핸드폰광고가 무슨 화소, 램, CPU등 다양한 성능위주에 맞추어졌다면 요즘은 AI, 섬세함, 인식기술, 모바일페이, 플렉시블, 카메라기능 등 기술위주에 초점이 맞추어지고 있습니다. 성능이야 잘 굴러가면 되는것이지만, 기술에 뒤떨어진다고 생각되면 불안해지기 때문이죠. 지금은 이런시대야! 당신의 삶은 더 나아질 수 있어! 를 언급해주면서 세계관을 만들어주는 것입니다.표현방법 : IF를 통해서 불안과 기대를 동시에 자극하기, 체험관 마련, 체험서비스, 문구로 자극하기, 동영상, 이미지활용하기, 미래적인 복장, 얼리어답터/매니아/팬층 만들기주의사항 :이러한 트렌드세터의 컨셉에서 중요한 것은 그 기술과 트렌드가 고객의 삶과 직접적으로 어떤 연관이 있는가? 하는 것입니다. 당신의 삶을 풍요롭게 바꿉니다. 따위의 멘트는 아무짝에도 쓸모가 없어요. 그러니까 풍요를 뭐 어떻게 뭐가? 라는 것이 중요하죠. 그래서 미래기술을 다룬 SK나 금호타이어등의 CF를 보면 정확하게 어떻게 당신의 삶이 바뀌는지 에피소드와 영상으로 풀어냅니다. 또는 그러한 기술의 발전의 접점이 항상 인간을 향해있다는 감성수렴의 메시지로 마무리하죠. 그러니 표현상의 주의점은 항상 '구체적인 생활접점' 의 에피소드로 접근해라는 것입니다. 그리고 그 생활접점의 편리함을 숫자나 영단어가 아닌, 감성적인 메시지로 풀이될 수 있어야 해요. 숫자는 그 뒷단의 문제입니다.대략 7가지의 컨셉을 한 번 정리해보았어요. 매우 일반적이고 잘 알려진 컨셉들입니다. 이러한 컨셉 이외에도 본인만의 색을 살릴 수 있는 어떠한 특이한 컨셉이 있다면 아주 흥미진진한 비지니스 브랜딩이 될 수 있으리라고 생각해요. 여기서 흥미진진하단 것은 꼭 즐겁고 돈을 많이 번단 얘긴 아닙니다. 그지가 되어 길바닥에 나앉는 것도 흥미진진한 일에 포함되니까요. 색이 강렬하고 분명하단 것은 그 색에 대한 호불호가 명확해진단 것을 의미합니다. 분명 싫어하는 사람들도 등장하기 마련이죠. 제 글도 어느덧 그러한 지경이 되었...(와씨....유명해졌나봐) 컨셉은 분명 비지니스의 성향에 따라 어느정도 사회적인 선입견이 있습니다. 금융은 정장, 디자인은 자유로움, 마켓쪽은 트렌디한.. 이런식의 고유한 이미지들이 이미 장착되어 있죠. 그러나 요즘엔 이러한 이미지를 깨버리면서 새로운 컨셉을 넘나드는 비지니스들도 많아진 것 같습니다.클라우드 웹하드서비스와 아트웍의 만남이랄까..금융서비스와 귀요미의 만남언론기능과 키치함의 만남이랄까?기존의 이미지를 깨버린 신선함은 많은 주목을 받기 마련이고, 추후 그 기대와 인기에 부응하는 것은 또 다른 영역의 일이 될 수 있겠습니다. 물론 어느쪽도 쉬운 길은 아니겠으나 분명한 사실은 브랜딩에 있어서 초기컨셉을 설정하지 못하면, 어떤 방식으로든 스르르 사라지게 될 것이라는 사실입니다. 특히 요즘같이 다양한 컨텐츠가 무한 생성되는 시대에는 더더욱 그렇죠.조금 덧붙이자면 컨셉은 만들기보다 유지하는 것이 훨씬 어렵습니다. 제 글의 컨셉은 딱히 뭔진 모르겠으나, 사이다같은 팩폭과 술술 읽히는 말랑한 문체라고들 많이 얘기해주시더라구요. 그러나 주제에 따라 이러한 문체가 장애물이 될 때가 종종 있습니다. 그러나 그럼에도 불구하고 이 문체를 꾸준히 유지하면서 병맛을 지켜나가는 것이 또한 저의 숙명이죠. 사실 글쓴다고 돈이 되는 것은 아니지만, 일종의 독자들과의 의리랄까요. 그런 실낱같은 뭔가 끈끈함이 생겨나고 있습니다.제 입장에서 글 쓸때의 컨셉을 유지하는 것은 끝임없는 드립연구와 찰진 비유와 예시를 찾아내는 것, 날마다 네이버뿜과 오유를 뒤적이며 그럴싸한 사진들을 찾아내고, 브랜딩서적들을 까칠한 눈으로 읽어주는 것들이랄까요. 놀라운 것은 클라이언트와 하루만 대화를 하지 않아도 그 감이 급속도로 떨어져간다는 사실입니다. 한 일주일만 지나도, 내가 그런적이 있었나? 싶을 정도로 사람의 적응력과 빡침을 잊는 속도란 굉장하더군요. 오전까지만 해도 빡쳐서 막 글쓸 거리가 넘쳐났는데, 오후되니 벨기에초코케익 한 줌 떠먹고 눈녹듯 사라지는 극딴적인 간사함..하아....이렇듯 시간과 감떨어짐, 케익등으로 인해서 컨셉유지가 안되는 저의 간사함을 보면서 기업입장에선 이 일이 얼마나 힘들 것인가를 유추해볼 수 있겠습니다.때문에 컨셉을 유지하고, 컨셉을 방해하는 일들을 쳐내는 것에는 또다른 맥락의 노력이 필요할 것입니다. 이 얘기는 다음에 하려고 합니다. 배가 고프기 때문이죠. 화장실도 마렵구요. 제가 컨셉을 방해하는 잡다한 것을 쳐내는 방식은 굳이 커피를 마시고 화장실을 참아가며 글을 쓰는 것입니다. 초고도의 집중력을 발휘할 수 있고, 마음이 급해서 한숨에 쭈욱 글을 써내려갈 수 있죠. 하지만, 좋은 방법은 아닌 듯 하니 좀 더 현명하고 건강한 방법을 찾아들고 다음 시간에 뵙도록 하겠습니다. 빠잉.

Overview2년 전이었을까요. 엄마에게 스마트폰을 꺼내들어 그동안 만들었던 콘텐츠를 보여주었습니다. 아들이 이런 걸 만든다며 당당하게 말했지만, 제 콘텐츠를 처음 마주한 엄마는 인상을 찌푸리며 소리쳤습니다.“아이고, 안 보여!” 분명 제 눈엔 잘 보였는데 엄마는 미간을 찌푸려야 글씨가 보였던 겁니다. 그제서야 무언가 잘못됐다는 걸 느꼈습니다. 노이즈를 없애자!크리에이터는 콘텐츠를 제작해 자신의 생각과 경험을 독자에게 전합니다. 그것이 온전하게 전달되었을 때 독자는 콘텐츠를 보고 웃고, 공감하고, 감동을 받지요. 하지만 그렇지 않을 때는 가차 없이 ‘뒤로 가기’를 누를 겁니다. 독자가 온전히 콘텐츠를 즐기는 데에 방해되는 요소, 즉 노이즈를 미리 없애기만 해도 읽기 편한 콘텐츠가 될 수 있겠지요? 많은 노이즈가 있겠지만, 오늘은 가장 기본적이면서도 중요한 텍스트의 노이즈를 없애는 방법부터 살펴보겠습니다. 1.순서를 정하자! 어느 버튼이 보기 좋을까요대부분의 엘리베이터 버튼은 왼쪽의 형태를 갖추고 있습니다. 오른쪽 버튼처럼 되어 있다면 사람들은 버튼을 누르기 전에 어디를 눌러야 할지 망설일 겁니다. 예를 들어 6층을 가려고 했는데 5층 버튼 위에 보여야 할 6층 버튼이 바로 보이지 않았으니까요. 썸네일이 잘려 있는 건 다 이유가 있습니다. / 네이버 웹툰 제공앱 화면도 종종 우리의 행동을 유도합니다. 위의 앱 화면에서 썸네일이 잘려있을 경우, 우리는 자연스럽게 손가락을 움직입니다. 그러므로 콘텐츠 크리에이터는 독자가 순서대로, 편하게 읽을 수 있도록 시각적인 힌트를 콘텐츠 안에 심어야 합니다. 우리나라 사람들은 왼쪽에서 오른쪽으로 글을 읽는다두 문장 중 어디부터 읽으셨나요? 아마 왼쪽부터 읽었을 겁니다. 우리나라 사람들은 왼쪽부터 글을 읽는 것에 익숙하기 때문입니다. 아래에서 위로 글을 읽는 사람은 없습니다.그렇다면 이번엔 위쪽과 아래쪽 중 어느 문장을 먼저 읽으셨나요? 당연히 위쪽부터 읽었을 겁니다. 결국 독자는 글을 읽을 때 왼쪽에서 오른쪽 순으로, 위에서 아래 순으로 읽는다는 걸 알 수 있습니다. 왼쪽에서 오른쪽으로, 위에서 아래로앞의 두 결과를 합치면 이런 식의 배치가 가능합니다. 두 문장은 똑같지만 마치 왼쪽에 있는 문장이 먼저 말을 거는 것처럼 보이지 않나요? 왼쪽에 있는 사람이 먼저 말을 거는 것처럼 보인다.이번엔 응용해볼까요? 이미지에 대입하면 이런 형태로 제작할 수 있습니다. 독자도 별도의 설명 없이 순서대로 읽을 수 있고요.시선의 이동에 경우의 수를 두지 맙시다!등장하는 인물이 누구인지 나타내고 싶다면 왼쪽보다 오른쪽처럼 표현하는 게 더 좋을 겁니다. 독자가 자연스럽게 시선을 옮길 수 있기 때문에 콘텐츠를 편하게 볼 수 있습니다. 이처럼 크리에이터는 독자의 시선 이동에 경우의 수를 두지 말아야 합니다. 그렇지 않으면 콘텐츠에 몰입할 수 없습니다. 한 명이 반말만 해도 관계가 정의된다.상하의 관계를 표현하고 싶다면 한 명이 반말을 사용하는 것이 좋습니다. 굳이 설명하지 않아도 독자가 인물들의 관계를 알 수 있는 시각적 힌트입니다.2.불필요한 요소를 걷어내자!“맛있는 거 같아요.” “재밌는 거 같아요.” 뉴스에서 시민 인터뷰를 볼 때면 “~같아요”라는 표현을 자주 봅니다. 하지만 유추는 남의 감정이나, 확실하지 않은 현상을 말할 때나 사용하는 것입니다. 자기 자신의 감정을 유추하는 건 분명 잘못된 표현이죠. “그녀의 마음이 진짜 아플 거 같아요.” (O) “그 태풍은 굉장히 위험할 거 같아요.” (O) “영화가 재미있었던 거 같아요.” (X) -> “영화가 재미있었어요.” 문장에서 없어도 되는 것들은 과감하게 지웁시다. 정확한 표현을 써야 전하고 싶은 내용을 충분히 전달할 수 있으니까요. 불필요한 요소를 없애면 독자가 읽기도 쉬울 겁니다. 콘텐츠 크리에이터는 반드시 독자의 시선을 배려해야 한다는 사실을 잊어선 안 됩니다. 3.강조하자!‘이것만큼은 독자에게 꼭 전달하겠다!’하는 것이 있다면 우주가 나서서 도와주길 기다리지 마세요. 색, 서체, 크기, 굵기 등을 활용하는 방법이 있습니다. 이 광고의 기획자는 어떤 걸 전하고 싶었을까?여러분은 위의 광고에서 어떤 것부터 보이시나요? (조정석 말고요.) 위의 광고를 만든 기획자는 죽었다 깨어나도 ‘종신보험’과 ‘생활자금’이란 단어를 전달하고 싶었을 겁니다. ‘종신보험에 가입하면 생활자금이 나온다’는 것이 광고의 핵심이었으니까요. 같은 문장이어도 표현 방식에 따라 다르게 읽힌다.맞습니다. “안녕”이란 간단한 문장도 어떻게 강조했는지에 따라 독자는 글을 다르게 읽습니다. 글씨가 작으면 작은 소리, 글씨가 크면 큰 소리로 읽힙니다. 만약 더 큰 소리를 표현하고 싶다면 느낌표를 왕창 늘려보는 것도 좋습니다. 이 가족이 행복해 보일까?하지만 강조하기는 꼭 필요한 경우에만 써야 효과가 있습니다. 가족과 놀이공원에 놀러가서 행복했던 이야기를 위의 문장처럼 표현한다면 사람들은 공포영화의 오프닝 멘트를 보는 기분이 들 겁니다. 눈이 아파요.색이 예쁘다는 이유만으로 여기저기에 남발하는 것도 마찬가지! 집중도 안 되고, 눈도 아픕니다. 저라면 아래의 이미처럼 표현했을 거예요.강조는 필요한 곳에만!Conclusion글, 이미지, 사진, 영상 등 콘텐츠를 표현하는 방법은 많지만 가장 기본인 글을 다루지 못하면 무용지물입니다. 크리에이터는 독자에게 재미를 선물해야 하는 사람입니다. 독자는 그들의 소중한 시간을 투자해 콘텐츠를 본다는 걸 잊지 마세요. 저는 오늘, 엄마에게 다시 한 번 제 콘텐츠를 보여드릴 겁니다.참고장근우, 「콘텐츠의 정석」, 예문아카이브(2017) 글장근우 대리 | People&Relations [email protected]브랜디, 오직 예쁜 옷만#브랜디 #기업문화 #조직문화 #업무환경 #인사이트 #경험공유 #콘텐츠

체리씨는 '청춘' 그 자체 같아요인터뷰를 하는 내내 체리씨에게 이렇게 말했다. 알면 알수록 젊음과 열정의 아이콘인 한국 마케팅팀의 막내이자 콘텐츠 디자이너. 마냥 막내일 거라고 생각했던 예상을 뒤엎고 그 누구보다 '청춘스럽다', '대단하다'라는 단어를 연발하게 하는 글로 모든 매력을 담을 수 없는 매력의 소유자 체리씨를 소개합니다. 체리씨가 준비했던 포트폴리오 Super Rookie드디어 왔다, 우리 회사에 우리 팀에 슈퍼루키가 등장했다! 면접부터 남달랐던 체리씨. 자기 브랜딩은 타고 난 건가요?저를 어떻게 보여줄 수 있을까 고민을 하던 차 갑자기 머릿속에 떠올랐어요.그래! 이렇게 나를 제대로 보여주자!저의 포트폴리오 그래서 만들게 되었어요. 저는 첫 번째 페이지가 굉장히 중요하다고 생각해서 임팩트를 주려고 노력했어요. 제주도에서의 체리씨나를 표현하는 한마디 제주 현무암 - "현무암은요, 구멍도 많고 까맣지만 돌이 굉장히 가치 있는 돌이에요. 그래서 제주도 가서 함부로 돌을 가져오면 안 된다는 이유도 그렇다고 해요. 굴러 다니는 흔한 돌 같아 보여도 꼭 가치가 있는 현무암처럼 그런 가치 있는 쓸 모있는 존재가 되고 싶어요"듣고 싶은 당신의 스푼 라이프첫 직장, 첫 사회생활 어때요?"일단! 엄청 좋아요. 제가 지금 입사한 지 3개월 차인데요. 시간 정말 빠른 것 같아요. 저는 사실 스푼 라디오를 이미 알고 있었어요. 사용도 해본 유저였어요. 졸업하고 취업을 준비할 때, 마이쿤(스푼 라디오)에서 구인중이라는 것을 알고 지원하게 되었어요.사실 스푼이 이 정도로 규모가 크고 좋은 회사일 거라고 상상도 못 했어요. 제가 찾아볼 때만 해도 회사에 대한 정보가 크게 없었거든요. 지금은 브런치에 '스푼을 만드는 사람들' 이란 매거진이 생겨서 좋은 것 같아요. 스푼이라는 회사에 대해 미리 알아볼 수 있다는 건 큰 장점인 것 같아요! 저는 회사에 대한 확신이 면접 때 생겼어요. 모든 팀원이 다 같이 면접을 보고, 서로의 의견을 존중해주는 모습을 보고 와 진짜 여기에서 꼭 일하고 싶다고 느꼈거든요. 이런 회사라면 무조건 일하고 싶다! 나도 이 사람들과 함께 하고 싶다 생각했고 안 뽑히면 한 이틀은 울 예정이었어요"콘텐츠 디자이너, 체리씨"어릴 때부터 그럼 그리는 걸 좋아했던 것 같아요. 자연스럽게 예대를 가게 되었던 것 같아요.제가 집중을 잘할 수 있는 이유요? 저는 좋아하는 걸 하면 집중을 정말 잘하는데요. 제가 잘할 수 있고 좋아하는 일을 할 수 있어서 다행인 것 같고 감사해요. 또 그만큼 많은 지원을 회사에서 아끼지 않고 해 주시니까 더 몰입도가 높아지는 것 같아요. 재미있는 일, 좋아하는 일을 좋은 사람과 할 수 있다는 것은 정말 큰 축복인 것 같아요. 무엇보다 함께 일하는 디자이너 멤버와의 캐미가 잘 맞아서 인 것 같아요. 텐션이 일단 비슷한 데다가 저의 부족한 점을 채워주시거든요! (체리씨♥해니)"퇴근 후, 영어 공부하는 이유"일단, 영어를 잘하고 싶어요! 예전에 코타키나발루에 갔었는데 어떤 한국분이 너무 멋지게 스타벅스에서 영어로 주문하고 가시는데 너~~ 무 멋있는 거예요. 반했어요! 저도 그렇게 살고 싶어요. 제가 따뜻한 나라를 좋아하는데, 따뜻한 나라에 가서 영어 쓰면서 살고 싶은 희망사항이 있거든요. 아! 그리고 저희 미국 진출하면 미국으로 파견도 가보고 싶고요. 그리고 영어 배우는 거 진짜 재미있어요. 가끔 집중 못해서 영어 선생님한테 딱밤 맞을 때도 있지만.. 히히"체리씨네 잡화점알고 싶은 Cherish의 이야기특유의 밝음은 어디서 나오나요?"저희 가족들 만나 보시면 체리씨 4명을 보실 수 있어요. 아빠 포함하여 모든 가족들이 다 저랑 똑같아요.(하하) 워낙 집안 자체가 밝고 긍정적이다 보니, 가족에게 물려받은 것 같아요. 다들 제가 항상 텐션이 높으신 줄 아는데 사실 조용할 땐 또 조용해요. 사람 많은 걸 항상 좋아하진 않아요. 혼자만의 시간도 필요해서 자주 혼자만의 시간을 가지곤 해요. 예를 들면 영어공부 또는 운동 아니면 원데이 클래스 같은 곳에 참여하면서 주로 시간을 보내요"체리씨의 창업 도전기 "저는 창업에 대한 환상이 늘 있었어요. 대학교 때 학교에서 창업 지원을 해준다고 하길래 저는 저만의 가게를 시작했었는데요. 정말 작은 구멍가게 같은 곳이었어요. '체리씨의 잡화점'이라는 제가 직접 만든 굿즈들을 판매하는 곳이었어요. 제가 아기자기한 것들을 좋아하거든요. 그림뿐만 아니라 집 꾸미고, 인테리어에도 굉장히 관심이 많은 편이에요. 그래서 저만의 창업 공간이 생기면서 오전에는 학교를 가고 오후와 주말엔 가게에서 일을 했었어요. 한 9개월에서 10개월 정도 했던 것 같아요. 정말 많이 배우고, '잘' 망했던 케이스예요. 그때 정말 많이 배우고 깨달았고 다행히 학생 신분이라 돌아갈 곳이 있어서 다행이었어요. 그리고 저는 원래 독립 출판을 하다가 그만둔 적도 있는데, 책에 관심이 많거든요. 나중엔 다시 책을 만들어 출판하고 싶은 마음도 있어요. 사실 한 권은 이미 출간한 책이 있는데요. 저의 꿈을 나타내는 동화 같은 이야기의 책이에요. 다시 재 수정해서 다시 한번 출간하고 싶어요!" (기대하겠습니다)제주도를 좋아하는 체리씨"저는 예전부터 제주도에서 살고 싶다는 마음을 항상 가지고 있었어요. 바다 앞에서 살고 싶은 로망이 있었고, 대학교 때 우도에서 아르바이트를 했었어요. 한 6개월 정도? 했던 것 같아요. 숙식 제공해주는 곳에서 일하면서 좋은 사람들도 많이 만났었어요. 그때 그 기억이 아직도 생생해요. 그렇게 조용하고 한 적한 곳에서 나중에 꼭 살아야겠다 마음먹었거든요. 우도는 5시가 되면 관광객들이 모두 떠나고 굉장히 한 적한 곳인데, 그 잔잔함이 전 너무 좋았어요. 그림 그리면서 보내는 시간, 운동하는 시간 등 저만의 시간들이 소중하거든요그리고, 제주도와 관련은 없지만 이집트를 꼭 가보고 싶어요! 영화 '미이라'를 보고 피라미드가 궁금하기도 하고, 이집트가 독특한 스쿠버다이빙으로 굉장히 유명한 곳이라고 들었어요. 수영을 좋아하고 잘하다 보니, 관심이 가더라고요!"Cherish는,1. Cherish라는 이름의 뜻은 '소중한'이라는 의미를 가지고 있습니다2. 간판 또는 인테리어를 보고 영감을 얻습니다3. 해산물을 정말 좋아합니다! 팀원들이 Cherish를 한마디로 표현한다면?Jay 曰: 슈퍼루키 - "잠재력이 보임.."Ted 曰: 천혜향 - "특산품인 천혜향처럼 본인만의 특별한 향이 있는 사람"Sunny 曰: 청춘 그 자체 - "볼 때마다 생기 넘치는 그 젊은 에너지에서 느껴지는 청춘스러움이 있음"Summer 曰: 어른 아이- "어리지만 언니 같은 느낌을 주는 매력이 있다"Chloe 曰: 재간둥이 - "체리시는 막내 미 낭낭! 한 재간둥이다. (본인은 자칭 '으른'이라고 하지만, 그 모습마저 퀴엽) 본인의 일은 척척 해내지만, 순간순간 보이는 그녀의 모습은 재간둥이가 따로 없다!!!! "William 曰: 말죽거리 잔혹사 - "모든 순간 최고의 작품을 위해 자신을 불태우고 뼈를 가는 장인 정신을 발휘하는 그녀, 멋있다"Henie 曰: 베프 - "내가 이 회사에 정착할 수 있겠단 결심을 내리게 된 가장 큰 이유"Ceci 曰: 연예인 - "스타일링이 바뀔 때마다 매력도 확확 달라져서.... 골져스.."

#성별은 남자 #직업은 디자이너#기계 그리기를 좋아하고 #디자인을 좋아하고 #브랜딩을 좋아하는 사람사실 이러한 수식어보다, 스스로 만족할 만한 작업을 하기 위해 계속해서 노력하고 있는 사람이라는 말이 더 어울리는 디자이너 주영진. 깔끔하면서도 멋스러운 패션 스타일부터 조근조근 재치 있는 말솜씨까지, 모든 것이 군더더기 없고 감각적인 그를 만났다.주영진에 대해 말해주세요!안녕하세요. B.A.T에서 이것저것 다 하는 디자이너 주영진입니다. 저는 클라이언트와 소비자의 접점을 찾아 시각적으로 표현하는 일을 합니다. 브랜드 디자이너로 경계선 지능 청소년 대상 예술교육을 실현하는 ‘DTS행복들고나’와 대학생 놀이 시터 서비스 ‘놀담’의 브랜드 아이덴티티를 담당했고, 그 외 마케팅에 필요한 시각적 콘텐츠들을 진행하고 있습니다.이것저것 다하는 디자이너라고 했는데, 대체 어떤 것들을 하길래. (웃음)개인적으로 한 분야에만 치우쳐 있는 것보다 골고루 분배되어 있는 디자이너가 되고 싶어서 기회가 되는 대로 최대한 많은 분야를 배우고 있는 중입니다. 그래픽, 편집, GUI 등 디자인뿐만 아니라 사진 촬영, HTML/CSS, IoT 등 언젠간 필요하다고 생각되는 분야까지도요.B.A.T의 메인 비주얼도 도맡아했다는 이야기도 들리던걸요?그렇습니다. B.A.T 폰트 개선 작업과 소개서 등 디자인도 모두 제가 했습니다. 하하 이것저것 다한다는 거 인정할게요! 그나저나 어떻게 B.A.T에 오게 된 건지 궁금해요.사실 이전에는 B.A.T를 몰랐어요. 퇴사 후 외주와 개인 작업을 병행하고 있었는데, 온라인 포트폴리오 사이트에 올라가있는 제 작업물을 보고 B.A.T에서 직접 연락을 주셔서 알게 되었습니다.전혀 몰랐던 회사인데 선뜻 러브콜에 응한 거예요?브랜딩이 너무 하고 싶었습니다. 그래서 퇴사를 결정했는데, 막상 나와보니 오래된 연차의 경력직들만 뽑더라고요. 제가 경력이 많은 편은 아니었거든요. 어떻게 해야 하나 고민하고 있던 상황에서 마침 연락을 받았고, 브랜딩을 할 수 있는 좋은 기회라고 생각해 결정하게 되었습니다.[노트폴리오 픽(NP)에 선정된 개인 작업물][B.A.T 폰트 및 로고 리뉴얼 작업]막상 와서 업무를 해보니 어때요?때로는 다양한 작업들을 하기에 브랜딩에만 집중 못 할 때도 있지만, 점점 더 브랜딩에만 집중할 수 있는 여건과 작업 시간을 만들어주셔서 차근차근해보고 있는 중입니다. 또한 혼자 프로젝트를 진행해야 한다는 부분이 초반에는 조금 어려웠는데, 막상 적응하고 나니 이러한 점들이 오히려 개인으로서 빠르게 발전해나갈 수 있다는 장점으로 작용되는 것 같습니다.사실 좋아서 하는 일이라도 '직업'이 되는 순간 힘들다고 느낄 때가 있잖아요. 맞아요. 특히 프로젝트를 진행하는 동안 제가 생각하는 방향과 다르게 흘러갈 때라던가 커뮤니케이션 미스로 서로에게 의미가 다르게 전달될 때가 가장 힘든 것 같습니다. 각자 열심히 잘하고 싶은 마음은 같은데, 그게 결과물로 잘 이어지지 않으면 아쉽죠.반대서 일하면서 가장 보람을 느꼈던 순간은요.나와 클라이언트가 모두 만족하면서 프로젝트를 마쳤을 때?여기서 마쳤을 때라는 부분이 가장 중요합니다! (웃음)최종적으로 이루고 싶은 목표는 뭐예요?호랑이는 죽어서 가죽을 남기고, 사람은 이름을 남기며, 디자이너는 포폴을 남긴다고 합니다(?)  만족할 수 있는 작업물을 통해 한 단계씩 계속해서 나아갈 수 있는 디자이너가 되고 싶습니다.마지막으로 B.A.T 지원자들에게 한마디.함께하세용!

보통 그렇게 일을 할 때가 있습니다.그것을 여기에 놔뒀는데 다시 저기로 옮겨야 해서 저기로 옮기면 그게 다시 이쪽으로 와야 해서 그걸 이쪽으로 놔뒀다가 누가 걸려넘어지면 그걸 치웠다가 저것을 이쪽으로 다시 옮긴 후 놔두곤 저게 생각나서 갑자기 저것을 했다가 그걸 이쪽으로 옮겨야 하는 것을 깨닫고 다시 옮긴 후 다시 저걸 하는 그런 식의 일 말입니다.인간의 두뇌는 가장 효율적인 방식으로 행동하도록 구조화 되어있습니다. 물론 조금 이상한 의미의 효율이긴 합니다. 두뇌의 효율이란 것은 최대한 일을 하지 않도록 게으름에 포커스되어있죠. 현실의 효율과는 조금 다른 의미입니다. 현실에선 적은 시간과 노력으로 큰 결과치를 내는 것을 의미하지만, 두뇌의 효율은 그냥 하던 대로 하는 습관과 관성에 의존한 효율입니다. 학습과 변화의 스트레스를 줄이는 것이 두뇌입장에서의 효율이죠. 아마도 이런 탓인지 어쩐지는 몰라도 영 업무에 있어서도 생활 속의 난잡한 습관이 그대로 남아있는 경우가 종종 있습니다. 물론 위의 경우처럼 창고를 들락날락하며 짐을 수십번씩 옮겼다가 내렸다 하는 것은 본인의 몸이 피곤할 뿐이니 크게 문제될 것은 없으나, 종종 이러한 정신없는 일처리는 함께 일하는 동료와 프로젝트를 전체를 혼돈의 수렁으로 잡아끌곤 합니다. 흐음오늘은 효율에 대한 이야기를 해보려고 합니다. 물론 이 파트와 브랜딩의 연결점은 아주 긴밀합니다. 브랜딩업무는 광대하고 복잡합니다. 게다가 추상적 개념을 다루는 업무는 업무분장과 그 디테일이 매우 중요합니다. 브랜딩의 시작은 거창하지만 폭망은 디테일에서 비롯된다는 얘기를 여러 차례 했습니다. 효율의 문제는 이 디테일들에서 비롯됩니다. 엉망진창인 일처리는 디테일을 놓치거나 잘못 운영하게끔 만들고, 모든 이를 괴롭고 힘들게 하죠. 업무분장이 필수적인 브랜딩업무에서 다른 사람들의 일을 꼬이게 만드는 것은 아주 슬픈 결과를 유발합니다. 멱살이나 업어치기, 앞차기, 내려찍기등의 행위가 오고가진 않더라도 끊었던 담배를 다시 피게 만들 수는 있죠. 오늘은  효율적인 업무에 대해 이야기해보도록 하겠습니다.일을 효율적으로 처리하기 위해선 일을 구성하는 3가지 요소에 대해 염두해 둘 필요가 있습니다.1. 시간2. 비용3. 사람이죠. 굳이 하나를 추가하면 노력이라는 요소가 들어가겠지만, 좀 냉정하게 말해서 일에 있어서 노력이란 건 딱히 중요한 것은 아닙니다. '노력했지만...결과는 참담했다.' 이런 식의 결과라면 노력의 요소는 사실상 의미가 없어지는 것이니까요. 일은 노력하는 게 아니라 '잘' 하는 게 더 중요합니다.전 노력을 했는데...1. 시간일단 시간부터 알아보죠.일을 처리하는 데에는 반드시 시간이 필요합니다. 나에게 주어진 시간은 한정적이죠. 보통 업무는 3가지로 분류할 수 있습니다.1. 무언가 만드는 일: 보통 보고서, 기획서, 디자인시안, 제작물 등 결과물이나 문서를 직접 만드는 일들을 의미합니다.2. 내가 확인해야 할 일: 견적요청의 건, 시안수령, 크로스체크, 전달, 전화하기, 이메일보내기, 피드백보내기 등 어떤 건에 대해서 확인하고 커뮤니케이션해야 하는 업무로 주로 전화, 메일, 검토, 전달 등이 있습니다.3. 누군가와 함께 해야 할 일: 업무 분장에 의해서 내가 조사를 담당하고, 기획팀에서 프로모션 이벤트 기획안을 짜는 일입니다. 선후관계로 묶여있기 때문에 한 쪽의 진행속도에 따라 다른 쪽의 진행률이 크게 달라질 수 있습니다. 또한 업무의 결이나 퀄리티를 맞춰야 하는 경우가 많습니다. 조별과제를 생각하시면 손쉬울 것 같습니다.(생각하기 싫겠지만.)여기서 1번 무언가 만드는 일이 시간과 비용이 가장 많이 들어갑니다. 그리고 확인해야 할 일은 상대적으로 짧고 간결하게 끝나는 경우가 많죠. 3번은 주로 그가 나에게 자료를 주어야 처리할 수 있는 조건부 업무일 경우가 많습니다. 그렇다면 시간이 적게 드는 것부터 해야할까요? 많이 드는 것부터 해야할까요? 많은 일? 적은 일? 둘 다 땡입니다. 정확히는 To do List를 짤 때 큰 것을 먼저 놓고 사이사이 작은 업무를 끼워넣는 것입니다.Dr. 스티브 코비가(물론 본인은 망했지만) 성공하는 사람들의 7가지 법칙에서 청중을 불러다놓고 시연한 아주 그럴싸한 업무처리방식이 있죠. 주어진 큰 돌과 모래를 한 바구니에 담는 퍼포먼스였습니다. 당연히 큰 돌을 먼저 넣고 모래를 부어야 틈새 사이사이로 모래가 들어가면서 틈을 가득 메웁니다. 물론 이 강연에선 소중한 것을 먼저하라는 눈물나는 자기계발 메시지가 있었지만, 업무에서 중요한 건 소중한 일을 먼저 처리하는 것이 아닙니다.업무를 짜면 중간에 공백시간이 반드시 생깁니다. 왜냐면 3번이 있기 때문이지요. 그 사람이 자료를 주기 전까진 사실상 내 손이 놀고있는 상태라서 잠시 커피를 마실 수 있는 것입니다. 아래를 볼까요.09:00 오전회의10:00 디자인업체 시안확인11:00 마케팅기획안 제작12:30 점심식사13:30 마케팅회의14:00 마케팅기획안 디벨롭17:00 견적 정리 및 보고서 작성18:00 컨펌 및 익일업무정리19:00 야근각이렇게 되있다고 칩니다. 일단 빨간색이 크고 오래걸리는 일입니다. 10시에 시안확인을 먼저하는 것은 그래야 피드백을 정리해서 그쪽 업체에 던질 수 있기 때문입니다. 빨리 정리해서 던져야 오늘 중에 수정안을 받겠죠. 다른 사람과 연결되어 있고 그 쪽에서도 시간이 오래걸릴 것을 염두하고 먼저 배치합니다.그 다음 제작과 회의, 디벨롭을 들어가죠. 이 중간중간에 물론 커피도 마시고 담배도 피고 딴짓도 하겠지만, 일단 중요한 것들을 먼저 정리했다면 아래와 같이 다시 분류합니다.09:00 오전회의10:00 디자인업체 시안확인11:00 마케팅기획안 제작(전일 견적요청건 메일 독촉)12:30 점심식사(회의 자료 참여자 전달)13:30 마케팅회의14:00 마케팅기획안 디벨롭(인근 유동인구조사 요청한 거 수령)17:00 견적 정리 및 보고서 작성18:00 컨펌 및 익일업무정리(오전에 전달한 디자인시안 수정안 확인)19:00 야근각이렇게 초록색 부분이 5분내로 끝나는 확인과 체크할 업무들입니다. 중간중간에 비는 시간에 초록색들이 모래처럼 껴들어가는 형식입니다. 시간분배는 이런식으로 진행합니다. 여기서 가장 중요한 것은 다음과 같이 시간분배를 스스로 할 수 있느냐 하는 것입니다.09:00 오전회의(60분)10:00 디자인업체 시안확인(5분)11:00 마케팅기획안 제작(60~90분)(전일 견적요청건 메일 독촉)(5분)12:30 점심식사(60분)(회의 자료 참여자 전달)(1분)13:30 마케팅회의(30분)14:00 마케팅기획안 디벨롭(180분)(인근 유동인구조사 요청한 거 수령)(1분)17:00 견적 정리 및 보고서 작성(60분)18:00 컨펌 및 익일업무정리(15분)(오전에 전달한 디자인시안 수정안 확인)(10분)19:00 야근각각 업무에 걸리는 시간이 어느정도 걸리는 지는 본인이 제일 잘 알고있습니다. 일전에 함께 일하던 신입직원의 업무일지를 보고 깜짝놀랐던 적이 있습니다. 오늘 할 일 목록에1. 업체 메일확인하기2. 회의자료 만들기3. 기획안만들기덜렁 이 3가지만 있더군요.... 메일확인은 클릭 두번이면 끝날 일입니다. 이건 업무가 아니죠. 이건  업무일지가 아니라 그냥 체크리스트로 분류되어야 할 일입니다. 더군다나 사실상 저 계획대로라면 오늘 할일은 2,3시간이면 끝나게되죠. 그럼 얼른 끝내고 집에 가야 맞습니다. 업무에 걸리는 소요시간과 우선순위, 중요도를 구분해서 타임라인을 짤 수 있어야 합니다. 적어도 내가 보고서 한장 쓰는데 몇 분 정도 걸리는 지는 알고있어야 한단 것이죠.적어도 내가 보고서 한장 쓰는데 몇 분 정도 걸리는 지는 알고있어야 한단 것이죠.2. 비용업무를 하면서 제일 황당한 것은 기획안을 짜거나 프로모션 이벤트 레퍼런스를 확인하면서 우리 예산을 500%정도는 오바하는 견적을 들고오는 경우나, 또는 견적 자체에 대한 개념이 아예 없는 경우입니다. 보통은 큰 프로젝트의 총비용이 존재합니다.  3억짜리 프로젝트 또는 우리 브랜딩을 위해 책정된 예산이 5천만원이라거나 하는 등의 제한선이 있죠. 그 안에서 다양한 퍼포먼스를 쪼개서 일을 진행하는 것입니다. 보통은 전체예산을 100으로 놓고 프로젝트별 중요도와 효과를 따져봐서 중요한 것들에 예산을 우선책정합니다.그러니까 예산이 총..500만원이니까..음..간단하게 이렇게 해보죠. 나를 브랜딩하기 위해서 개인적으로 뭔가 여러가지 행위를 할 참입니다. 총비용은 500만원입니다. 자, 이제 이 예산을 쪼개보죠.1. 홈페이지를 만들...? (불가능)안됩니다. 500만원가지곤 택도 없을 뿐더러, 여유자금이 없습니다. 게다가 홈페이지는 유지관리비용이 꾸준히 들어가므로 전체비용으로 따지면 총예산을 상회하니까요. 물론 지금 내가 500만원을 비트코인에 넣어놨다면 1년뒤엔 2억이 되어있을 지 어떨진 모르겠지만, 에라 모르겠다 가즈아아!!~~ 하는 맘으로 예산을 써서는 안되는 것이지요.2. 페북 페이지 만들어서 광고태우기 (11%)좋습니다. 뭐 페이지만드는거야 돈도 안드는 것이니. 광고비는 월20만원씩 3개월을 우선적으로 하기로 합시다.3. 명함만들기(2%)명함은 깔쌈하게 만들고싶다면 8만원정도를 들여서 엑스트라머쉬350g 에 앞뒤 8도인쇄, 음각형압 정도를 넣어주면 이쁘게 만들어집니다.4. 브로슈어 만들기(20%)퍼스널비즈니스를 소개할 브로슈어를 만들려면 디자인과 인쇄를 해야겠죠. 내가 디자인을 직접해서 비용을 아끼고 인쇄만 넘긴다고 하면 500부기준 한 70~80만원을 생각해봅시다.5. 영업비용 책정(35%)미팅을 길바닥에서 할 순 없으니 일단 카페든 코워킹스페이스든 고정적으로 업무할 공간이 필요합니다. 월30만원정도를 책정하고 6개월정도 활용해봅시다. 주소지를 옮기고 일단은 랩탑만 가지고 일을 진행하면 되니까요.이런식으로 쪼개면서 나머지 비용에 대해 월별로 나누어 가용비용으로 활용하는 등의 예산구분이 있어야 하는 것이 좋습니다. 업무에서 돈이 나가는 일에 대해선 반드시 나에게 주어진 예산과 한도를 확인하고 비교견적과 최적의 효율을 낼 수 있도록 노력해야 합니다. 타겟도 안맞는 종이전단지를 왕창만들어서 뿌리는 것보다 인플루언서 마케팅이 효율이라면 같은 10만원이라도 후자쪽에 투자하는 것이 맞으니까요.3. 사람효율적으로 일을 하고싶다면 사람에 초집중합시다. 같은 시안을 두고도 어떻게 말하느냐에 따라 컨펌여부가 크게 달라질 수 있습니다. 시간, 비용은 정량적인 부분이라 나에게 주어진 24시간과 예산에서 크게 바뀌지 않습니다. 하지만 사람에 대한 부분은 어떤 액션을 하느냐에 따라 그 효율이 상당히 가변적입니다. 내 업무에 대해 누군가가 컨펌을 내리고 결정을 내리는 경우라면 우선 그 사람을 먼저 공부하도록 합시다. 샤바샤바거리면서 대표님 만세!!!를 외치라는 것이 아니라, 어떻게 소통해야 가장 빠르게 결과를 낼 수 있는지를 말이죠. 안좋은 타입어떤 사람은 메일 커뮤니케이션을, 누군가는 슬랙을, 누군가는 직접 대면보고를 좋아합니다. 어떤 대표님은 아날로그감성이 터져서 만드시 종이를 프린트를 해와야 이해가 가는 분도 있고, 어떤 분은 카톡으로 바로바로 피드백하는 것을 선호하는 분도 있습니다. 그리고 어떤 포인트를 가장 중요하게 생각하는지, 어투와 표정에서 읽히는 맥락을 파악하는 것도 중요하겠습니다. "대표님 여기 요청하신 보고서입니다. 아래 부분이 예산이고 타임라인도 함께 있습니다.""어 좋아, 진행해"이 대표님은 일정별 지출계획에 대해 굉장히 민감합니다. 그러니 그걸 캐치해서 예산과 운영일정을 하나로 모은 보고서를 제출했습니다. 만약 일반적인 보고서처럼 D-Day표를 앞에 예산안을 뒤에 놨다면 다시 하나로 정리해서 가지고 오라는 소릴 들었겠죠. 누군가와 함께 일한다는 것은 그 사람의 언어를 배운다라는 개념과 비슷합니다. 상대방의 제스쳐와 표현, 말에 녹아든 맥락을 읽어낼 수 있는 능력은 가히 +7풀강 축복받은 검과 같다고 할 수 있겠습니다.그리고 추가의 몇 가지 팁입니다.1. 오늘안에 끝나지 않을 큰 일을 계속 잡고있는 것보다, 일단 끝낸 것들을 만드는 것이 더 중요합니다.2. 브랜딩은 프로세스가 생명입니다. 정해진 프로세스와 루틴업무를 반드시 지키세요.3. 브랜드관리는 정량화 시킵시다. 우리 프로젝트 어떻게 되가고있어요? 아 잘되고 있어요. 라는 대답을 할게 아니라면 말이죠.4. 브랜딩업무중 디자인, 오프라인 이벤트 등 지출이 동반되는 실무를 담당하는 분들은 대략 자신이 맡고있는 카테고리의 물품, 서비스의 단가를 외우고 계시면좋습니다. 네이버가 cpc당 얼마, 키워드 어떤 것이 대략 얼마, A4사이즈 스노우200g 50페이지 기준 인쇄500부 얼마, 듀라테이블 대여비용 얼마 등등, 자이언트 배너 대여, 제작비 얼마 등등 말입니다...5. 창고정리 할 때 제발. 무거운 걸 위에 놓지 마세요.6. 창고는 입구를 기준으로 오른쪽에 중요한 것들을 놓습니다.7. 업체에 견적이나 무언가를 요청,전달할 땐 반드시 "시각"을 명시해줍니다. "해당 견적서 18시까지 부탁드립니다." 라고 말이죠.8. 고등학교 국사시험때 4번문제 지문에 30번문제 정답이 있던 경우가 종종 있었습니다. 업무란 것도 한 카테고리에서 묶이는 경우가 많아서 비슷한 업무를 묶어서 처리할 수 있습니다. 디자인하다가 갑자기 기획서쓰고 그러지말고..1.기획서를 쓰고. 2.견적요청하고, 3.마케팅레퍼런스 찾아보고, 4.해당 디자인시안을 같이 참고해서 5. 디자인작업에 들어가는 식입니다. 결이 같고 흐름을 유지할 수 있는 업무 플로우를 잡으세요.9. 쉬는 시간도 반드시 넣습니다. 사람은 T-1000이 아닙니다. 시간이 지날 수록 업무처리 시간을 점점 느려지기 시작합니다. 뒤로 갈수록 여유있게 시간을 잡아두세요. 물론 오후에 밥먹고 약간 졸려야 손이 폭풍 빨라지는 타입이라면 알아서.. :)10. 업무시간 책정할 땐 반드시 '만일의 사태'에 대비합니다. 회사에선 아무 일도 없이 조용히 하루가 지나가는 날이 드뭅니다. 대충 이상한 일들이 갑자기 치고 들어오거나 급 미팅, 출장을 가게되도 큰타격이 없게끔 1번내용을 꼭 숙지합시다. 안 끝낸 것 10개와 50%정도 끝난 큰 일보다, 끝낸 것 10개와 10%정도 끝난 큰 일이 훨씬 낫습니다.효율이란 것은 서로 자신에 대한 이해와 상대에 대한 이해에서 비롯됩니다. 뭐 자기계발서같은 얘기긴 하지만, 결국 일이란 것은 사람이 하는 것입니다. 주어진 24시간은 모두 똑같고 다만 다른 것이 있다면 예산이 있다....라는 것 정도가 일반적인 생활과 조금 다를 순 있겠네요. 그러니 기본적으론 '일'이란 것은 그저 '사람의 행동' 의 범주안에 들어가 있다고 보는 것이 좋겠습니다. 요리를 하거나, 여행을 가거나, 집청소를 할 때도 사실 위의 내용들이 은근히 적용이 가능하다는 것을 보면 말이죠.어차피 일이란 것은 좋은 결과를 위해 모두 땀을 흘리는 행동입니다. 같은 결과가 나올 것이라면 1분이라도 더 아끼고 그 시간에 쉬는 편이 좋지 않겠습니까.ㅎㅎ 서로 멱살도 안잡고 말입니다.모두모두 그것을 여기에 놔뒀는데 다시 저기로 옮겨야 해서 저기로 옮기면 그게 다시 이쪽으로 와야 해서 그걸 이쪽으로 놔뒀다가 누가 걸려넘어지면 그걸 치웠다가 저것을 이쪽으로 다시 옮긴 후 놔두곤 저게 생각나서 갑자기 저것을 했다가 그걸 이쪽으로 옮겨야 하는 것을 깨닫고 다시 옮긴 후 다시 저걸 하지 않는 편하고 효율적인 업무 되시길 바랍니다 :)

39. 연보라+파스텔보라+씨스타보라(아님)아주 예쁜 색이죠. 하지만 놀라운 건 이것은 보라색계열이 아닙니다. 이거슨 사실 파란색계열이죠!!! 그러니 많은 클라이언트분들이 뭐여?? 하실 수도 있겠습니다. 하지만 그냥 보기에 보라색이므로 보라색이라고 하겠습니다. 실제로 파란색과 보라색은 그다지 멀리 있지 않습니다. 40. 이쁜보라보라..라는 본명을 지니신 분들 기분이 좋아지는 색입니다. 하지만 이제 슬슬 구별이 되실런지 모르겠지만 이것은 보라색이 아닙니다. 살짝 뭔가 색이 엇나가는 듯한 느낌이 있습니다. 그럼에도 불구하고 그냥 보라색같으니 보라색이라고 합니다. 흔히 비디자이너와 얘기할 땐 항상 이런 자세가 필요합니다. 그냥 봤을 때 대강 이거면 이거인 것.... 그냥 대충 그려놓으면 알아먹는 것. 이것은 인간의 고대역사에서부터 이어져내려온 유구한 전통입니다. 이미 알타미라 벽화나 고구려의 수렵벽화에서부터 그냥 대강 이것은 사슴이고 나는 말타고 이걸 잡는거다. 동그란것은 태양이고, 이것은 활이다. 라는 메시지중심의 그림을 그려왔죠. 디자인으로 '일'을 할 땐 디테일을 구구절절 따지지 말고, 메시지로 대화를 합시다.41. 시원한데 부드러운 색시원하면서도 부드러운 색은 이겁니다. 플랫한 파란색이죠. 그냥 쌩파랑은 너무 차갑고 딱딱한 느낌이 든다면, 이런 부드러운 톤의 파란색을 써보세요. 특히 그놈의 전문적인 걸 원하는데 감성도 녹아들길 원한다면 이런색이 아주 적격입니다. 42. 파란색파란색입니다.43. 쨍한 파란색네, 이건 쨍합니다. 쨍(=채도가 극도로 높음)44. 전문적인 색깔공공입찰 제안서에 들어가면 좋을 색깔입니다. 또는 뭔가 자꾸 전문적인 걸 원하시는데, 아까 41번같은 느낌은 아니다..싶으면 이 색을 써주도록 합시다.45. 아주 찐하게 전문적인 색진짜 전문적이다 싶으면 이걸 써줍니다.46. 심하게 전문적이고 학술적인 색무슨 연구소나 금융계, 아니면 회사자체가 굉장히 오래되었거나 공공입찰을 주로 하거나, 건축사무소거나 뭔가 사무실이 지나치게 조용하고 파티션이 딱딱 쳐져있을 것 같다. 탕비실엔 노란색 현미녹차티백과 맥심만 있을 것 같다하면..이 색입니다.46. 여름이벤트 배너 배경색네, 제목이 설명을 다 했네요.47. 페리오치약색민트색이라고 합니다. 원래 민트는 이 색이 아닙니다. 민트를 이런 색으로 굳힌 것은 죄다 페리오치약에 '민트향' 이란 것이 붙었기 때문입니다. 그냥 치약색이라고 합시다.48. 하늘색넌 무슨색 좋아해? 그러면 50%는 파란색이라고 하는데, 그들이 좋아하는 파란색은 아까 위에 그 파란색이 아닙니다. 대부분은 '하늘색'을 파란색이라고 합니다. 그러니까, 클라이언트가 파란색으로 해주세요라고 하면 반드시 '하늘색이요? 아니면 청바지색이요?' 라고 반드시 물어봅시다. 1편에서 설명했듯이 노란색과 파란색은 원추세포가 받아들이는 가장 넓은 스펙트럼에 존재하는 색입니다. 그런만큼 사람들이 '파란색'이다..라고 느끼는 범위가 크다는 것이죠. 아직도 신호등의 '가라는' 신호가 초록불이다 파란불이다..를 논쟁하고 있으니까요. 신호등색은 '초록색'입니다. 49. 옥색흔히..그 청록색..이라고 하면 사람들이 잘 모릅니다. 주로 이 색은 옥매트에 쓰이거나 아니면 칫솔막대기부분에 쓰이곤 합니다. 50. 태종대 전망대에서 본 맑은 날의 바다색그것 이외엔 딱히 설명할 수 있는 말이 없습니다. (물론 옥색이란 말이 있지만..옥장판을 쓰지 않으면 쉽게 알기 힘든 색이죠..그렇다고 태종대를 안가봤으면 뭐..폭망)51. 제주도 협제해수욕장 먼바다색.........추억이 아련아련....... 하아..협제가고싶다..(뭔소리..)52. 어른스러운 색음..뭔가 모르겠지만 이 색은 어른스러운 색입니다....53. 파스텔보라놀랍겠지만 이것이 연보라입니다. 39번을 다시 보시겠어요? 어때요? 53번은 오히려 연한 핑크같아 보이지 않나요?? 맞아요, 보라는 빨강과 파랑이 섞였습니다. 명도가 높아지면 발산색인 빨강색이 훨씬 도드라지게 보여요. 그래서 진짜 파스텔톤의 연보라는 오히려 연한 핑크와도 같아보입니다. 그러니 "연보라" 라고 할때는 클라이언트에게!! 반드시!!! 39번과 53번색 두개를 다시 보여줘야합니다!!!...대부분의 사람들은 39번색을 연보라라고 여기거든요.54. 이쁜 색이거슨 보라고 뭐고 그걸 떠나서 그냥 이쁜 색이라고 합니다. 어릴 때 먹던 그 아줌마가 국자로 퍼서 콘에 얹어주던 200원짜리 아이스크림의 포도맛부분 같이 생겼습니다.55. 밝은 보라연보라와 밝은 보라는 다릅니다. 연보라는 흐리흐리한 보라를 의미하고 밝은 보라는 위처럼 보라는 보라인데 좀더 명도가 높은 걸 얘기합니다. "연보라" 라는 단어가 은근히 사람들이 미리 이미지화시키고 있는 것들이 있기 때문이죠. 주로 "옷"색깔을 많이 떠올립니다. 남자들 셔츠도 연보라셔츠가 은근히 있는 것처럼 말이죠. 그래서 연보라..라고 하면 거의 파스텔톤의 흐리흐리희르히ㅡ리희릐희르힐 한 걸 생각하시면 되요. 55번색은 '밝은 보라' 입니다.56. 보라색사람들이 진짜 헷갈리는건 보라색과 자주색입니다. 사실 정말 다르거든요. 하지만 이름탓인지 뭔지...자주색과 그렇게 많이 헷갈리더라구요. 클라이언트가 자주색자주색 그러면..보라색도 옵션으로 한번 보여주도록 하세요. 56번색은 사실 보라색이 아닙니다. 보라색같지만, 아직 한참 멀었죠. 그럼에도 불구하고 채도가 명확한 저런 색을 '보라색'이라고들 많이 합니다. 진짜 보라색은 포도색과 가까워요. 일반인들이 보기엔 거의 검은색이나 남색과 다를바가 없죠. 그래서 일반적인 '보라!!!' 라고 하면 저 색을 생각해주시면 됩니다.56. 진짜보라색 & 포도 & 찐한 보라이게 진짜 보라색입니다. 하지만 혹시 폰으로 이 글을 보고계신다면 거의 남색으로 보이실 수도 있어요. 그래서 이것은 보라색이라고 하지않고, '포도색' 이라고 합시다. 또는 찐한 보라라고 이름을 짓도록 하죠. 거의 창씨개명임..57. 너무 밝지 않은 하얀색이게 그 문제의 너무 밝지 않은 하얀색의 정체입니다. 사실 이것보다 더 희미해야 정상입니다. 하지만 그러면 너무 안보일까봐 조금 더 찐하게 했으니 참고바랍니다. 하얀색이 안밝을 수 없습니다. 하지만 그럼에도 불구하고 자꾸 너무 밝지 않았으면 좋겠다..라고 하는건.. 아주 조금만 회색을 섞어달라는 겁니다. 왜냐면 사람들이 자주 본것들이 있거든요. PPT만들때도 바탕이 완전 쨍한 흰색보단 조금 회색이 깔리면 전체적으로 안정되니까요. 58. 회색이건 사실 회색이 아니지만, 사람들이 얘기하는 회색은 이런 겁니다.59 찐한 회색아시는 분들은 아셨겠지만, 이건 순수한 회색이 아닙니다. 약간 붉은기가 섞여있죠. 보통 이렇게 회색에 약간의 붉은기를 섞어주면 '예쁘다' 라고 하십니다. 어둡긴한데 따뜻한 웜톤이 살아있기 때문이죠. 게다가 발산색이 섞여들어가기 때문에 너무 딱딱하거나 뭉친 느낌이 들지 않아서 밸런스가 맞습니다. 사람들이 예쁘다..라고 느끼는 것은 극단적인 감정에 치우치지 않는 색을 의미해요!60. 찐한 회색2찐함의 정도가 어느정도인지따라 다르지만, 위의 것을 했다가 '조금 더 찐하게요' 라고 하면 이 색입니다.61. 밝은 까만색이게 아주 놀라운 언어유희인데, 회색과 밝은 까망은 다릅니다!!!..-.- 일반인들은 명도단계 N10 이런 걸 몰라요. 그러니 일정 구간부터는 까만색을 기준으로 삼습니다. 생각해보세요 명도단계는 흔히 10단계로 쪼개져있는데 우리가 말할 수 있는 색이라곤 흰색,회색,검은색이 전부입니다. 그러니 나머지 7가지를 얘기하려면 어딘가를 기준으로 얘기해야해요. 4,5,6단계를 연한회색,회색,찐한회색 이라고 했다면 7,8,9,10단계는 까만색을 기준으로 얘기합니다. 이건 밝은 까만색이라고 해요;;62. 이쁜 까만색예쁜 까만색은 이런겁니다. 폰으로 보시는 분들은 구별이 잘 안되실 수 있습니다. 아래의 것과 구별해주세요. 아니 시벌탱 까만색이 어떻게 예쁘란 말이야?!!?!?! 라고 디자이너들은 멘붕일 수 있겠지만..척하면 착하고 알아들으면 됩니다. 이쁜 까망은 플랫한 톤을 진하게 만들어주면 됩니다. 그러니까 까망에 약간에 붉은기를 섞어주고 적당히 어둡게 만들어주면 되죠. 이게 흔히 말하는 '예쁜 까만색' / '너무 어둡지 않은 까만색' 이라는 해괴한 언어로 번역되는 색입니다.63. 그냥 까만색 / 쌩까망 / 솔리드블랙그냥 까망. 이라고 하면 그냥 이겁니다. 가끔 솔리드블랙이라는 멋진 말을 쓰는 분도 계십니다. 그것도 이것입니다. 위에 것과 좀 차이가 나시나요? 참으로 길고 긴 글을 마무리합니다....물론 글로 따지면 얼마 길지는 않지만....이 색들을 하나하나 정리하고 떠올리는 데 매우 빡셌습니다. 놀라운 걸 알려드릴까요. 이 색깔의 호칭은 왜 어렵고 자꾸 엇나가는지...? 그것은 놀랍게도 서로를 굉장히 배려하기 때문입니다. 이렇게 얘기하면 알아들으시겠지? 디자이너들은 이런 단어를 알겠지?...라고 어디서 들은 것들을 자꾸 쓰려고 하기 때문이예요. 그렇지 않습니다. 그냥 아주 일상적인 언어들로 풀어주세요. 직접 보여주시면 아주 좋지만, 그게 안된다면 그냥 우리가 흔히 알고있는 일상의 사물들에게서 색을 뽑아서 얘기해주세요. 그럼에도 불구하고 그 색의 범주는 굉장히 넓을 수 있습니다. 그러니 디자이너들은 일반인들이 흔히 생각하는 색의 오차들을 이해할 수 있어야 해요. 예를 들어볼께요. 맥주색은 무슨색이예요? 노란색?...그렇죠 그게 흔한 색입니다. 하지만 누군가는 연노랑을 떠올리고, 누군가는 갈색을 떠올려요. 개인의 경험과 기호에 따라 그 범위는 굉장히 다양해질 수 있습니다. 그런 관점에서 보면 디자이너는 끊임없이 주변을 관찰하고 사람들의 행동과 말에 귀기울여하는 존재입니다. 대다수가 무엇을 보고 어떻게 느끼는지...를 파악하고 이해하고 있어야 시각화라는 작업이 가능해지지 않겠습니까?ㅎㅎㅎ..모든 디자이너힘내십쇼. 그리고 클라이언트님들도 화이팅 :)끝.개힘들었다...

안녕하세요? 스포카에서 디자인 총괄을 맡고있는 최재형입니다. 저는 스포카 기술 블로그에서 그래픽 디자인에 대한 기본적인 내용을을 다루어 볼까 합니다.앞으로 저는 컴퓨터 그래픽 디자인의 기초적인 용어 정리 및 개념 설명부터 실무에 바로 도움이 되는 디자인의 기본 상식 및 방법론까지 스포카 기술 블로그를 통해 설명해 보고자 합니다. 일단 오늘은 컴퓨터를 이용한 그래픽 디자인의 정말 기본이 되는 이미지 형식에 대해 다루어 보겠습니다.비트맵Bitmap 방식과 벡터Vector 방식일단 컴퓨터 그래픽은 크게 비트맵Bitmap과 벡터Vector방식으로 구분됩니다. 비트맵Bitmap은 ‘비트의 지도map of bits‘란 듯으로, 각 픽셀에 저장된 일련의 비트 정보 집합이라고 보시면 됩니다. 디스플레이는 픽셀들의 배열로 구성되어 있습니다. 픽셀들의 배열 방식, 픽셀들의 총 숫자나 가로 세로의 비율이 그 디스플레이의 해상도를 결정짓습니다. 예를들어 1920 x 1080의 해상도를 가진 디스플레이는 가로 1920개, 세로 1080개의 픽셀들을 가진 다는 것을 의미합니다. 가로와 세로의 값을 곱하면 그 디스플레이가 가진 총 픽셀 수가 됩니다.하나의 픽셀은 R빨강, G초록, B파랑의 세 가지의 서브 픽셀subpixel로 이루어져 있습니다, 서브 픽셀의 배열 방식은 디스플레이의 특성에 따라 모두 다릅니다. 서브 픽셀의 배열 방식의 차이는 너무 깊은 얘기이니 본편에서는 다루지 않기로 하겠습니다. 참고로 보편적으로 가장 많이 쓰이고 있는 LCD 방식은 그림에서와 같이 RGB가 하나의 픽셀을 이루어 전체 디스플레이에 배열이 연속됩니다.각 픽셀의 R, G, B는 0~255까지의 값을 가지고 있는데, 이 셋의 조합 (R,G,B)이 그 픽셀의 색상을 정의하게 됩니다. 그리고 그 정의된 색상들의 픽셀이 모여 지도map를 만들게 되고, 하나의 이미지 파일을 만들게 됩니다. (참고로 RGB로 색을 표현하는 방식인 RGB 가산혼합의 메커니즘은 다음 문서 http://ko.wikipedia.org/wiki/RGB 를 참조하시길 바랍니다.)비트맵bitmap은 다른 표현으로 픽스맵pixmap이나 래스터raster 이미지로도 불립니다. 포토샵에서 벡터 기반의 레이어 오브젝트 - 예를 들면 벡터 오브젝트나 편집 가능한 상태의 글자 - 를 비트맵화 시키는 메뉴 이름이 ‘Rasterize Layer’인데, 아마 여기에서 많이 보셨을 단어일 겁니다.벡터Vector 방식은 비트맵과는 반대로 표현되는 그래픽의 형태shape들이 수학적 공식으로 이루어져 있습니다. 다시말해 벡터 방식의 그래픽은 고정된 비트맵을 가지고 있는 것이 아니라, 수학적 공식으로 이루어진 오브젝트들이 그때그때 디스플레이에 비트맵화 되어 스크린에 표시됩니다. 여기에서 좀 더 높은 퀄리티의 이미지를 만들기 위해 안티-앨리어싱anti-aliasing이라는 기술이 사용되는데, 이 부분은 추후에 더 다루기로 하겠습니다.벡터 방식의 그래픽은 다음과 같은 메커니즘으로 구성됩니다. 일단 두 개의 점point이 연결되면 하나의 선path이 됩니다. 그리고 그 선path이 세 개 이상이 되면 면을 만들 수 있습니다. 그리고 각각의 선은 두께 값과 색상 값, 곡률 값을, 면은 색상 값을 가질 수 있습니다. 이렇게 점과 선, 면의 기본적 벡터 그래픽 요소들이 모여 다양하고 복잡한 벡터 그래픽을 만들 수 있게 됩니다.비트맵 방식의 장단점비트맵은 최하위의 레벨에서 렌더링 된 고정된 형식의 이미지 포맷으로, 컴퓨터에서 해당 형식의 파일을 연산하는데 많은 효율성을 지니고 있습니다. 같은 형태의 벡터 포맷 그래픽이라면 컴퓨터에서 더 많은 연산을 수행하게 되어 하드웨어에 부담을 줍니다. 그래서 대부분의 웹사이트와 어플리케이션에서는 비트맵 이미지 기반으로 구성되어 있습니다. 하지만 최근 하드웨어의 발전으로 부담이 적어져 몇몇 사이트에서는 벡터 포맷의 이미지를 실험적으로 사용하기도 합니다.http://www.cambridgeincolour.com/tutorials/image-interpolation.htm비트맵은 최종적으로 렌더링 된 상태의 포맷이기 때문에 이미지 편집이 자유롭지 못 합니다. 그리고 해상도가 고정되어 있기에 업-스케일up-scale을 하면 퀄리티에 큰 훼손이 가며, 다운-스케일down-scale이나 회전 등의 변형 시에도 안티-앨리어싱 작업이 중복으로 적용되게 되어 이미지 퀄리티에 큰 손상이 갑니다.비트맵 이미지의 편집 툴로는 대표적으로 Adobe Photoshop이 쓰이고 있습니다. Photoshop은 현재 GUI 작업에 가장 많이 쓰이고 있습니다. Photoshop은 Drop Shadow나 Inner Shadow, Emboss 등의 Effect 효과의 퀄리티가 가장 좋기 때문에 애플과 같은 스큐어모프skeuomorph한 장식적인 GUI를 제작하기에 가장 효과적인 툴입니다. 스큐어모프skeuomorph (http://en.wikipedia.org/wiki/Skeuomorph)라는 개념은 나중에 한 번 기회를 내서 소개해 드리겠습니다.하지만 Photoshop은 많은 단점을 가지고 있습니다. 일단 레이어 기반의 이미지 편집 툴이기 때문에 작업하는 그래픽 오브젝트가 많아지면 레이어 관리가 정말 어려워집니다. 물론 레이어 네이밍과 컬러 태그 등을 통한 체계적인 레이어 관리로 어느정도 보완을 할 수 는 있지만, 이를 지키기는 정말 어렵습니다. 그리고 레이어를 관리하거나 찾고 편집하는 과정이 비직관적이어서 벡터 기반의 툴인 Illustrator에 비해 많은 노동 비용이 소모됩니다.또한 Photoshop은 Adobe의 프로그램 설계 의도가 그래픽 디자인 툴이 아닌 사진 편집 툴이기에 메트릭 체계를 다루기가 상대적으로 좋지 않습니다. 그래서 좌표나 크기dimension 기반의 디자인 작업을 하기에 비직관적인 면이 있습니다. 또한 Photoshop은 가이드의 기능이 부실하여 그래픽 디자인의 기본이라 할 수 있는 그리드 시스템을 운용하는데 있어서도 Illustrator에 비해 많은 단점을 가지고 있습니다.벡터 방식의 장단점벡터 포맷의 그래픽 편집 툴의 장점은 우선적으로 작업의 용이성을 들 수 있습니다. 벡터 그래픽은 점과, 점으로 이루어진 선, 면으로 모든 그래픽 요소들이 이루어져 있기에, 간단하게 점과 선을 수정하는 과정으로 그래픽 작업을 유지 관리하기가 정말 좋습니다. 즉, 벡터 포맷의 작업 파일이 보존되는 한 자유로운 수정이 가능합니다. 또한 작업된 벡터 그래픽을 바탕으로 언제든지 다양한 방식, 그리고 원하는 해상도의 비트맵 포맷으로 산출이 가능합니다.벡터 방식의 그래픽 편집 툴은 Adobe Illustrator와 InDesign이 많이 쓰이고 있습니다. 전자는 보통의 그래픽 디자인 작업이 목적일 때, 후자는 문서 편집과 간단한 프레젠테이션이 목적일 때 주로 많이 쓰이고 있습니다. 여기서는 GUI 디자인과 그래픽 디자인에 자주 쓰이는 Illustrator의 장단점에 좀 더 집중해 보겠습니다.Illustrator는 위에서 얘기한 벡터 포맷의 그래픽 편집 툴이 기본적으로 가지고 있는 장점 외에도 여러가지 추가적인 장점이 있습니다. 첫째로 Illustrator는 객체 지향의 편집 툴이라 복잡한 레이어 관리가 필요 없습니다. 디스플레이에 표시되는 오브젝트를 보이는 대로 선택하고 바로 편집을 할 수 있습니다. 그리고 오브젝트의 위계 관리는 포토샵의 레이어 판넬처럼 리스트 상에서 전역적으로 관리하기 보다는 오브젝트의 Arrange 기능을 이용해 상대적으로 위계를 손쉽게 관리할 수 있습니다. 또 Lock 기능과 Group 기능을 활용하여 가려져서 보여지지 않는 오브젝트를 적은 과정을 통해 효율적으로 관리할 수 있습니다.둘째로 밀리미터 및 픽셀기반의 좌표 체계를 기반으로 작업하기가 정말 편합니다. Illustrator는 포토샵과 달리 오브젝트를 선택하면 해당 오브젝트의 좌표와 크기dimension가 모두 바로 표시됩니다. 이러한 특성들은 디자인을 코드로 구현할 때 오브젝트를 선택하기만 해도 모든 정보가 나오기 때문에 개발 작업 시 매우 용이합니다.셋째로 가이드guide 기능을 통해 효과적으로 그리드 시스템을 운용할 수 있습니다. 기본적으로 Illustrator에서의 가이드는 오브젝트와 동일 취급이 됩니다. 그렇기 때문에 가이드를 쉽게 복제 및 이동하여 다른 캔버스 및 파일로 이동하여 사용할 수 있습니다. 또한 정확하게 가이드의 위치 좌표 값을 설정 가능하기에 보다 확실하게 그리드 시스템을 운용할 수 있습니다.Photoshop vs IllustratorPhotoshop과 Illustrator에는 각각의 장단점이 있습니다. 포토샵은 퀄리티가 높은 장식예술을 하기에 좋은 도구고, 일러스트레이터는 좀 더 본격적인 의미의 ‘디자인’을 하는데에 어울리는 도구입니다. 결국 디자인 과정에 있어 각 태스크의 성격에 맞는 적절한 툴을 그때그때 골라 쓰는게 가장 현명하다고 볼 수 있습니다.#스포카 #디자인 #디자이너 #포토샵 #Photoshop #일러스트레이터 #Illustrator #인사이트

오랜만에 올리는 글입니다. 그동안 여러 차례 글쓰기를 시도했지만, 가장 글감으로 쓰고 싶었던 프로젝트가 런칭 전이라 조심스러웠습니다. 하지만 이제 런칭했으니 여러 가지 이야기를 해보고 싶습니다.스타일쉐어가 얼마 전 앱 2.0을 런칭했습니다. 길다면 길다고 할 수 있는 대략 8개월간의 시간 동안 부지런히 준비했습니다. 그러나 반응이 썩 좋지만은 않습니다. 그래서 이번엔 수많은 유저들의 피드백에 대처하는 스타일쉐어 (디자인) 팀의 이야기를 하고자 합니다.런칭 후, 가장 많이 받은 피드백은 스타일 피드1에 썸네일 뷰2를 만들어달라는 것이었습니다. 사실 가장 많은 것은 구 버전으로 돌려달라는 것입니다. 하하<meta charset="utf-8">피드백에 어떻게 대처했느냐를 이야기하기 전에 왜 넣지 않았는지에 대해 먼저 이야기할 필요가 있겠네요. 스타일 피드를 구상했을 당시 썸네일 뷰에 대한 고민이 없었던 것은 아닙니다. 썸네일뷰가 가진 이슈는 ‘썸네일 뷰를 제작한다면 디자인팀과 개발팀에서 공수를 들이게 될 텐데, 썸네일 뷰는 과연 그만한 가치가 있는가?’ 였습니다. 당시 저는 없어도 된다고 생각했습니다. 디자이너로서 부끄러운 이유이지만, 썸네일 뷰가 없어도 스타일 피드의 기능은 이용할 수 있다고 생각했기 때문이었습니다. 프로젝트를 하루라도 빨리 런칭하는 것이 더 바람직하다고 생각했던 제 생각이 반영되어 있습니다. (그렇게 생각했던 까닭은 나중에 이야기하겠습니다)썸네일 뷰의 가치에 접근하는 다른 시선도 있었습니다. 통계적 접근이었습니다. 썸네일 뷰를 사람들이 얼마나 눌러보는지 통계를 내려는 시도가 있었지만, 디자인팀의 능력으로는 의미 있는 해석을 하는 데에 한계가 있었습니다. 썸네일 뷰에 대한 적극적인 고려가 있었다면 어떤 식으로든 해석을 했겠지요. 하지만 디폴트 뷰 방식이 블로그 뷰3였고, 적극적인 고려 또한 코스트가 들어가는 일이었기 때문에 용두사미라고, 썸네일 뷰 이슈는 그렇게 묻혀졌습니다.그 이후, 썸네일 뷰가 필요하다는 유저들의 적극적인 피드백이 쏟아졌습니다. 예상 외의 부분에서 컴플레인이 발생해 당황했지만, 중요한 것은 그 피드백을 반영하느냐 안 하느냐이죠. 유저들이 갑작스러운 서비스 변화에 적응하는 부분이라고 생각하기엔 적극적인 피드백이 많았습니다. 그래서 런칭 후 첫 업데이트에 모든 팀이 썸네일 뷰를 넣기 위해 고군분투했습니다. 운영팀은 썸네일 뷰를 넣어달라는 유저들의 피드백 메일을 응대하고, 디자인팀은 썸네일 뷰를 디자인하고, 개발팀은 그것을 구현했습니다. 현재 디자인된 썸네일 뷰는 간단하지만, 꽤 많은 고민 끝에 나온 결과물입니다.<meta charset="utf-8">현재 썸네일 뷰 기능이 들어간 2.0 버전과 썸네일 뷰 기능을 지원한 예전 0.9 버전0.9 버전에선 네비게이션 바에 뷰 토글 버튼이 있었다.썸네일 뷰는 뷰 방식 토글 버튼과 썸네일 뷰 자체 두 가지를 디자인해야 했습니다. 썸네일 뷰가 서비스 자체에서 얼마나 중요한 것인지 고려하여 뷰 토글 버튼의 위치를 선정하고, 카드 베이스 방식으로 바뀐 피드에 어울리게 썸네일 뷰의 여백을 조정했습니다. 카카오 스토리라는 유사한 디자인을 가진 좋은 선례가 있어서 참고되었습니다. 저희가 내린 결론은, 썸네일 뷰는 서비스 자체에서 중요하지 않지만, 기존에 뷰 토글 기능을 이용해오던 스타일쉐어 유저에게는 사라지면 불편한 기능이라는 것이었습니다. 그러므로 기존과 같이 중요한 자리는 내주지 않았지만, 기능 자체는 사용할 수 있도록 디자인했습니다.스타일쉐어 2.0 디자인 당시 주안점은 ‘구조와 디자인이 새롭게 바뀌어야 하지만 기존 유저들이 낯설어하지 않아야 하므로 낯설지 않게 할 수 있는 부분 (=새롭게 바뀌지 않아도 되는 부분)이 있다면 최대한 그렇게 하자’는 것이었습니다. 하지만 되짚어보니, 자기만족을 위한 주장이 아니었나 싶습니다. 스타일쉐어는 갈아엎고 싶고, 유저들은 고려해야 하는데, 깊게 고민할 시간은 없으니 나온 결론이 아니었을까요? 새롭게 바뀌지 않아도 되는 부분에만 기존 디자인을 투사하는 단순한 방식이 아니라, 유저들이 스타일쉐어에서 겪은 기존의 경험에 새로운 디자인을 조심스럽게 투영했어야 했던 것은 아니었을까 하는 생각이 듭니다. 유저들이 낯설어 하는 것을 조심하자는 주안점을 두고 있었음에도 낯섦을 떠나 불편하게 하다니, 제가 정말 유저들을 고려하긴 한 것이었는지 많이 생각할 수 있는 사건이었습니다.이번 스타일쉐어 2.0에 쏟아진 적극적인 피드백을 받으며 스타일쉐어 팀은 유저들의 사용 패턴 연구에 더욱 적극적인 태도를 가지기로 했습니다. 그리고 유저들이 학습하고 적응하는 시간의 중요성을 단단히 느끼고, 이번 2.0 버전처럼 새롭게 뒤엎는 업데이트는 자제하기로 했습니다.혹시 깜짝 선물 준비해보신 적 있으신가요? 개인적으로 깜짝 이벤트, 깜짝 선물을 무척 좋아하기 때문에 받고 나서 좋아할 사람들의 반응을 기대하며 항상 성심껏 선물을 고릅니다. 이번 스타일쉐어 2.0도 저에겐 유저분들께 드리는 깜짝 선물과 같았습니다. 그래서 하루라도 빨리 런칭하는 것을 유저들을 위한 것으로 생각했습니다. 하지만 긍정적인 피드백을 받아보고 싶은 마음에 서두르기만 했을 뿐, 영리하게 준비하지 못했네요. 지나치게 적극적인 피드백이 쏟아지는 탓에 마음이 아플 때도 있지만, 비로소 제가 스타일쉐어를 제 것이라고 여길 만큼 많은 부분을 디자인했다는 사실에 뿌듯하기도 합니다. 앞으로 더욱 멋지고 사랑스럽게 스타일쉐어를 디자인하겠습니다.Style feed. 스타일쉐어 앱을 켜자마자 보이는 discover feed입니다. ↩Thumbnail view. 사진을 바둑판 배열로 볼 수 있는 뷰 방식 입니다. ↩Blog view. 페이스북처럼 게시물 형태로 사진을 보는 뷰 방식 입니다. ↩#스타일쉐어 #디자인 #디자이너 #디자인팀 #인사이트 #후기 #일지 #경험공유

해외여행 중에 길을 잘 몰라 헤맸던 경험,마트에 물건을 사러 갔는데 내가 찾는 상품이 어디 있는지 몰라 당황스러웠던 경험 있으신가요?이와 비슷하게 웹사이트를 방문했을 때 어떤 곳은 메뉴 파악이 쉽고 원하는 페이지로 이동이 쉬운 반면 어떤 곳은 메뉴가 너무 복잡하거나 메뉴를 찾는데 오래 걸려 짜증이 날 때도 있습니다.이렇게 웹사이트에서 사용자 경험에 큰 영향을 미치는 요소는 바로 GNB (Global Navigation Bar) 디자인입니다. 때문에 GNB는 매우 중요한 영역이고, 구조를 변경하는 일은 드뭅니다.커머스의 경우 제품이나 서비스 등이 변경, 추가되면서 GNB가 달라지게 됩니다. 그 예로 아마존 웹사이트의 탭 내비게이션 디자인의 변화를 보면 아마존의 제품, 서비스가 어떻게 달라졌는지 한눈에 확인할 수 있습니다.출처: 아마존 탭 네비게이션의 변화리디북스 서점의 경우, 최근 몇 년간 GNB에 큰 변화는 없었습니다. 그런데 이번에 GNB 개편을 하게 된 이유는 판타지 연재 서비스를 준비하면서 ‘판타지’ 서브 메뉴로 ‘연재’를 추가하기 위한 작업이 필요했기 때문입니다. 이번 작업을 하면서 GNB의 사용성과 디자인 완성도를 위해 고민했던 그 과정을 공유합니다.다음 문제를 해결해야 했습니다.1. 메인 카테고리와 서브 메뉴의 위계가 맞지 않음a) 메인 카테고리는 일반, 로맨스, 판타지, 만화입니다.b) 서브 메뉴는 ‘베스트셀러, 맞춤추천, 이벤트’ 입니다.메인 카테고리가 서브 메뉴 보다 상위 개념인데 모바일에서는 상/하로 배치되어 있는 반면,PC는 좌/우로 배치되어 시각적으로 위계를 구분하기 어렵습니다.그림 1) 모바일 GNB 개편 전그림 2) PC GNB 개편 전2. 탭 디자인이 카테고리별로 다름그림 3) 카테고리별 탭 디자인3. 서브 메뉴에 아이콘이 있어 공간을 많이 차지하고 주목도가 높음4. 아이콘, 버튼 외곽선이 요소를 많아 보이게 함5. 메인 카테고리에 ‘BL’을 추가하기 위해 공간 확보해야 함디자인 과정1. 문제 해결에만 집중해보기처음에는 a)메인 카테고리와 b)서브 메뉴의 위계를 맞추기 위해서 서브 메뉴를 메인 카테고리 아래에 위치하도록 수정했습니다.하지만 서브 메뉴의 위치만 조정할 경우 GNB 높이가 기존보다 높아지기 때문에 최상단의 메뉴들을 검색창 우측으로 옮겼습니다. 이렇게 수정하니 a)메인 카테고리와 b)서브 메뉴의 위계는 맞출 수 있었지만 상단의 요소들은 정렬이 안 맞고 정리되지 않는 문제가 있었습니다.기존의 레이아웃 유지하면서 수정을 하기엔 한계가 있다고 생각했습니다.그림 4) 메뉴 위치만 카테고리 하단으로 아래로 수정함2. 익숙한 레이아웃으로 재배열하기위의 초기 시안을 만들고 나서 어색하다고 느낀 부분들은 무엇일까 고민하다가 다른 서비스들을 참고해봤습니다. 일반적으로 쇼핑몰에서 볼 수 있는 스키마(schema)를 분석해보면 다음과 같습니다.- 상단 : 카트, 위시리스트 등 유틸리티- 중앙 왼쪽 : 로고, 검색창- 하단 : 카테고리하지만 일반적인 레이아웃을 리디북스 서점에 적용할 경우 a) 마이리디, 카트, 위시리스트 크기가 작아지고 위치가 이동하여 사용이 불편해지고 b) 로고, 메인 카테고리, c) 검색창을 한 공간에 배치하기가 어려웠습니다.검색창은 서점에서 중요한 요소인데 좌측엔 배치할 공간이 없고, 그렇다고 메인 카테고리를 우측으로 하면 하위 메뉴들과 멀어져 연관성이 적어 보이겠죠.그림 5) 검색창을 우측에 배치한 시안3. 전체 높이 줄이기4단으로 하니 기존 메뉴들을 다 넣을 수 있지만 높이가 늘어나고 메뉴가 너무 많아 보여 한눈에 내비게이션을 파악하기 어려워 보였습니다. 또, 높이가 늘어나는 만큼 서점 콘텐츠 영역이 줄어드는 결과를 가져옵니다.그림 6) PC GNB 4단 (height: 177px)그럼 ‘3단으로 하면서 기존 메뉴들을 그대로 살릴 수 있는 방법은 없을까?’ 고민한 시안이 아래 이미지입니다.그런데 가운데 단 우측에 메뉴가 4개가 있다 보니 복잡해 보였습니다. 또 하나의 문제점은 PAPER는 리디북스 서점이 아닌 PAPER샵으로 이동하는 메뉴이고, 고객센터 / 뷰어 다운로드 / 리디캐시 충전은 리디북스 서점 페이지인데 같이 나열되는 것이 사용자에게 혼란을 줄 수 있다고 생각했습니다.그림 7) PC GNB 3단 (height: 149px)최종 시안GNB 개편 이전과 이후 시안입니다. PC에서는 ‘고객센터’와 ‘뷰어 다운로드’가 없어지고, ‘PAPER’ 좌측에 아이콘이 추가되었습니다. ‘고객센터’와 ‘뷰어 다운로드’는 기존 GNB에 있던 메뉴라서 없애는 것을 결정하기가 쉽지 않았는데, 다른 서비스에서의 경험을 바탕으로 사이트 하단 Footer에 있을 것이라고 예측 가능하다고 판단했습니다.그림 8) PC GNB 개편 전/후그림 9) 모바일 GNB 개편 전/후그림 10) PC Footer평가 및 느낀 점1) 디자인이번 작업을 통해 파란색 배경 영역을 줄이고 무거운 요소들을 조금 더 가볍게 표현했습니다. 그리고 메뉴를 더 쉽고 빠르게 인지할 수 있도록 정리했습니다.시안을 여러 번 수정하고 다시 새로 만드는 작업하면서 제가 느낀 점은 이렇습니다.“디자인 요소를 구분하려고 스타일을 너무 다르게 하면 정리되지 않는다.”“디자인 요소를 최소화하는 것이 중요하다.”특히 제한된 공간에 다양한 요소들을 욱여넣어야 했기 때문에 간격, 컬러, 선, 면, 점, 폰트 크기 등 모든 것을 세밀하게 조정해야 했습니다. 1px처럼 아주 작은 차이가 완성도를 높이는데 중요하다는 것을 어느 때보다 깊이 느꼈죠.2) 테스트 과정이번 작업을 진행하는 과정에서 기억에 남는 부분은 실제 서버에 배포하기 전에 몇 번의 테스트 과정을 거치면서 다른 프로젝트를 진행했을 때 보다 더 많은 분들께 의견을 구한 점입니다.“GNB 개편은 워낙 중요한 거라 다양한 의견을 들어보는 과정은 필수입니다.” (스토어팀 팀장님)리디북스에서 일하시는 분들은 디자이너, 개발자, 운영자, 누구 할 것 없이 우리 프로덕트의 퀄리티를 중요하게 생각하기 때문에 디자인과 사용성에 대해 높은 기준을 갖고 있습니다. 이번 작업에도 많은 분들이 디자인을 꼼꼼히 확인해주시고 의견을 주셔서 큰 도움이 되었습니다.마무리리디북스 면접 때 면접관님이 해주셨던 말씀을 기억합니다.“UI 디자인은 수없이 Make - Break - Make 해야 합니다. 이 과정을 귀찮게 생각하지 않는 마음 자세를 갖고 일했으면 좋겠습니다.”디자인 작업을 하다 보면 가끔은 끝이 없을 것 같고 인내심이 필요한 순간들이 있습니다. 그렇지만 수없이 만들고 수정하고 다시 만드는 과정의 끝에 제가 작업한 결과물이 서비스에 반영되는 순간 디자이너로서 뿌듯함을 느낍니다.#리디북스 #디자이너 #디자인 #GNB #개선 #개편 #후기 #사용성 #UI #UX #UX디자인 #UI디자인 #뿌듯함 #작업후기

바크 (Bark) 앱은 개의 대화법을 적용하여 주변의 서로 모르는 사람들과 소소한 소통이 가능하게 만들어주는 위치기반 채팅 서비스 이다. (앱을 모르는 분들은 아래 프리뷰 동영상을 참고해 주세요). 이번 글에서는 아주 단순해 보이는 바크 앱의 인터페이스가 의도한 사용자 경험에 대한 이야기를 해 보려고 한다. 결론부터 얘기하자면, 바크 앱의 '서로 개처럼 짖는다'라는 매우 심플한 인터페이스 이면에는 나름 깊게 고민한 태스크 분석 및 목표가 존재하고 있다는 것이다.https://www.youtube.com/watch?v=blwic1sMpOo<iframe width="940.000000" height="529.000000" src="//www.youtube.com/embed/blwic1sMpOo" frameborder="0" allowfullscreen="">'서로 개처럼 짖는다'의 심플한 인터페이스에 숨겨진 이야기나는 왜 모르는 사람과 대화를 하고 싶은가미국 유학시절 나를 종종 당황하게 했던건 바로 모르는 사람들이 아무렇지도 않게 내게 말을 걸고 대화를 건내던 순간이었다. 한국에서는 심지어 동네 주민이라 할 지라도 엘레베이터에서 서로 눈도 안마주치고 애써 대화를 피하던 우리나라사람으로서는 매우 어색하지 않을 수 없다. 지나가다 우연히 눈이 마주친 사람이 내게 인사를 건네고, 수업시간에 옆에 앉은 사람이 갑자기 어제 풋볼 경기 봤냐고 말을 건네고, 지하철에서 옆자리에 앉은 사람이 내가 읽던 책을 슬쩍 보더니 본인도 이거 읽어봤다며 갑자기 토론모드로 들어가던 기억들을 떠올려 보면, 우리나라사람들은 서로 단절된 삶을 사는것 같아 보인다.물론 모르는 사람들과 대화를 한다는게 얼핏 생각해보면 그리 유쾌할것 같은 느낌은 아니다. 우선은 내가 굳이 왜 모르는 사람과 대화를 해야하는지 목적이 불분명하기도 하거니와, 애써 말을 걸었다가 무시받거나 이상한사람 취급받을지도 모른다는 두려움, 또는 왠지 내가 어떤 불순한(?) 목적을 지닌 사람처럼 비춰져 보일수 있다는 불안감들로 인해 우리나라에서는 그 누구도 먼저 모르는 사람과 대화를 나누려 하지 않는다.하지만, 한편으로는 이런 생각도 든다. 내가 아무리 친한 친구들이 많아도 그들과 항상 대화하면서 살지 않는다. 여자친구나 아내, 남편이 아니고서야 매일처럼 서로 대화를 나눌 수 있는 '아는사람'들은 손까락에 꼽을 정도이다. 실제로 내가 회사다닐때를 떠올려 보면, 하루에 3시간씩 소모되는 그 지루한 출퇴근 시간동안 나는 친구들과 대화를 나누기 보다는 페이스북에서 뉴스를 읽거나 다른사람의 인스타피드를 보면서 시간을 보냈었다. 회사에서의 9시간동안은 거의 일과 관련된 대화들이 오가고, 심지어 점심시간에도 주로 동료들과 식사를 하기 때문에 역시 회사의 바운더리를 벗어난 대화를 해본적이 별로 없었다. 우리는 위에 언급한 여자친구, 아내, 남편 등 가족이외에 뭔가 대화를 나눌 수 있는 사람들이 정말 거의 없는 세상에 살고 있는 것이다.우리가 만일 내 주변에 같이 숨쉬고 있는 저 수 많은 '모르는' 사람들과 아무 거리낌 없이 대화를 나누고 뭔가 소소한 교류를 할 수 있다면 어떨까? 내가 아침에 일어났는데 모르는 사람들이 '지금 밖에 엄청나게 덥다'고 알려주고, 내가 야근하고 있는데 '나도 야근중인데 힘내세요!' 라며 서로 격려해주고, 점심시간에 서로 밥은 잘 먹었냐고 챙겨주는, 이런 아주 소소한 대화들이 주변의 모르는 사람들과 오갈 수 있는 온라인 세상에 대해 꿈꾸기 시작한 것이다.이런 배경으로 인해 바크 앱 인터페이스 디자인 목표는 바로 주변의 모르는 사람들과 소소한 대화를 가로막는 모든 장벽이 제거된 위치기반 채팅 서비스를 구현하는 것이 되었다.바크 앱의 목표는 주변의 모르는 사람들과 장벽 없이 소통하는 작은 세상을 만들어 주는 것이다.대화의 장벽에 대한 정의(데이팅 니즈와 같은) 특정한 목적이 있지 않고서야 저런 소소한 대화들을 온라인상에서 모르는 사람들과 나눈다는것은 거의 불가능에 가까운 일이다. 모르는 사람들끼리의 대화를 가로막는 수많은 장벽들이 존재하기 때문이다.1) 성별, 나이, 직업, 외모 등의 아이덴티티 요소우리가 대화를 서로 건낼 때 상대방에 대해 자연스럽게 파악하게 되는 (또는 파악하고 싶은) 다양한 아이덴티티 요소이다. 이런 아이덴티티 요소는 사람의 선호나 기대를 형성하는데에 아주 중요한 정보가 되기 때문에 서로의 선호가 맞지 않게 되었을때 초기 대화 자체가 성사되지 않는 원인이 된다.2) 대화의 정보를 전달해주는 언어 및 대화의 코드 요소실제 대화에 정보를 심어서 전달하기 위해 우리는 '언어'라는 도구를 사용한다. 당연히 영어, 중국어, 일본어 처럼 서로 사용하는 언어가 다르면 대화가 어려워 지고, 10대들이 쓰는 말, 50대가 쓰는말 등 세대적인 언어형태의 차이 역시 대화를 가로막는 장애물이 된다. 하지만 언어보다 더 큰 장벽은 바로 '대화의 코드'인데, 이는 사람들이 건내는 말의 이면에 숨겨진 목적이나 정보를 의미한다. 예를들어 누가 "오늘 날씨 참 좋죠?"라고 물어본다면 이 말은 단순히 오늘 날씨에 대한 정보를 전달하는것이 아닌 상대방에 대한 관심 표현, 지루하기 때문에 대화상대가 필요하다는 어떤 목적에 대한 표현 등 수 많은 레이어가 존재하고 있음을 의미한다. 이런 대화의 코드가 서로 명확하게 교환되지 않으면 그 대화는 어색해지거나 제대로 이어지지 못하게 된다.3) 대화가 서로 자연스럽게 진행되는데 필요한 대화의 맥락 요소대화의 맥락은 위에서 설명한 대화의 코드가 모여서 형성된다. 예를들어 "오늘 날씨 참 좋죠?"라는 질문에 "네 그러네요."라고 상대방이 답변을 했다면 그 이면에는 말은 건넨사람은 상대방에게 관심이 있는데 그 상대방은 별 관심이 없는 상황이다 라는 하나의 맥락을 발견할 수 있다. 대화의 맥락이 잘 연결되지 못하면 보통 대화가 중간에 끊기거나 서로 의도했던 목적이나 정보가 제대로 전달되지 않는 문제가 생긴다.앞서 말했듯이, 바크 앱의 UX 목표가 '대화의 장벽'이 제거된 채팅 서비스 구현이기 때문에, 바크 앱의 모든 인터페이스는 철저하게 위의 3가지 장벽을 완벽하게 제거하거나 줄이는 방향으로 설계되었다. 첫째, 아이덴티티 요소를 제거하기 위해 개의 캐릭터와 번호 부여바크 앱에서는 모든 유저가 8마리의 강아지 캐릭터 중 하나를 선택해야 한다. 물론 내 프로필에서 이 개의 '주인'이라는 의미에서 내 프로필 사진을 올릴수는 있지만 기본적으로 모든 채팅의 주체는 본인이 선택한 이 강아지 캐릭터를 중심으로 이루어 진다.모든 유저가 8마리의 강아지 캐릭터 중 하나가 된다.또한 바크 앱은 가입한 순서대로 번호를 부여받게 된다. 예를들어 처음 가입한 사람은 #1, 그 다음은 #2, #3 ... 등 번호가 계속 올라가는 방식이다. 2016년 7월 29일 4시 현재 #9845번까지 들어와 있다. 이 부분이 매우 중요한데, 번호를 부여받는 방식으로 인해 유저는 본인의 이름, 성별, 나이 등 그 어떤 아이덴티티요소를 노출하지 않음과 동시에 서로 오랫동안 소통한 사람이 아닌 경우 상대방의 아이덴티티를 잘 식별 불가능하게 하기 위한 의도가 있다. 이는 익명성과 비익명성을 동시에 지니게 하기 위해 나름 의도된 설계인데, 예를들어 내 번호가 #245번이라고 한다면, 내가 자주 짖는 우리집 근처의 유저에게는 나름 '아 저 번호가 내 근처에 살고있는 사람'이라는 아이덴티티 식별이 가능하지만 내가 다른 지역에 가거나 새로운 사람이 우리 지역으로 와서 서로 짖을경우 #245번이라는 번호는 누구인지 전혀 식별 불가능한 익명성을 띄게 된다.이렇게 강아지 캐릭터와 식별번호를 통해 바크 앱의 모든 유저는 서로 철저하게 모르는 사람이 됨과 동시에 짖는 행위를 통해 아는사람이 되기도 하는 익명성과 비 익명성을 동시에 지니게 설계한 것이다.모든 유저는 이름이 아닌 식별번호를 부여받는다.둘째, 언어 및 대화의 코드 요소를 제거하기 위한 개의 대화법 적용개들이 서로 소통하는 방법은 여러가지가 있겠지만 우리가 주목한 방법은 '서로 짖는다' 이다. 물론, 개들끼리 서로 짖는 목소리 이면에 숨겨진 다양한 코드와 맥락을 이해하면서 대화를 나눌 것이다. 하지만 위에서 언급한바와 같이 대화의 코드와 맥락이 복잡할 수록 대화를 가로막는 장벽으로 작용한다. 따라서 바크 앱 에서는 서로 짖는 행위는 철저하게 '내가 익명의 주변 사람들에게 말을 걸다'의 의미로 사용된다. 다시말해서 내가 지하철에서 옆에 앉은 사람에게 "오늘 날씨 좋네요?"라고 물어보는 행위가 '나는 너에게 말을 걸고있다'라는 의미로 사용되듯이, 바크 앱에서는 내가 바크 버튼을 눌러서 반경 1마일 이내의 유저들에게 짖는 행위로써 말을 거는 것이다.또한 단순히 짖는 행위에 다양한 감정을 실어서 전달할 수 있도록 바크의 파형, 짖는 소리가 누르는 액션에 최대한 연속적으로 반응 가능하도록 설계되었다. 즉, 내가 뭔가 신이 나서 좀더 리드미컬하게 짖고 싶다면 바크 버튼을 보다 연속적으로 빠르게 누를 수 있고, 이 반응속도를 최소화 하여 리드미컬한 사운드와 바크의 파형이 퍼져나가도록 디자인 된 것이다. 이를 통해서 유저들은 이 '서로 짖는다'라는 개의 대화법 하나로 말을 거는 것 이상의 의미가 포함된 복잡한 대화를 연결해 나가곤 한다. 실제로 강남 지역에서 누가 한번 짖기 시작하면 많은 유저들이 습관적으로 반응하여 서로 짖게 되고, 마치 그룹 챗에서 카톡 메시지가 오가듯이 바크 사운드와 파형이 지도상에서 번쩍거리는 진풍경이 연출된다.셋째, 대화의 맥락요소를 제거하기 위한 메시지 바크위에서 언급한 3가지 대화의 장벽을 너무 최소화 할 경우 필연적으로 부딪치는 문제가 있다. 바로 '대화가 지속되지 않는다'라는 문제이다. 대화라는 것은 서로의 언어를 통해 정보를 교환함으로써 의미가 있다. 이 정보 교환에는 굳이 말 자체가 가진 의미 뿐만 아니라 대화의 코드 및 맥락요소도 같이 조합되어 이루어지기 때문에, 맥락요소를 아예 제거해 버리면 대화가 길게 진행되지 않는 문제가 생기는 것이다.이 부분을 해결하기 위해 디자인 된 것이 바로 메시지 바크이다. 메시지 바크 인터페이스의 목적은 대화의 맥락요소를 최소화하면서도 유저들간의 대화가 계속 이어지도록 정보교환이 가능하게 하기 위함이다. 아래 그림과 같이 유저는 바크 버튼을 3초간 누르고 있으면 영문 20자 이내, 한글 10자 이내의 짧은 단문 메시지를 전송할 수 있다. 이때, 메시지가 표현되는 방식에서 다른 채팅방식과 큰 차이가 있는 것인데, 일반적인 채팅에서는 말풍선 메시지가 순차적으로 올라가면서 대화가 연결되기 때문에 대화의 맥락이 형성된다. 따라서 누가 다른 말을 하게되면 그 대화의 맥락이 끊어지게 되서 대화가 종결되거나 어색해 지는 경우가 생긴다. 하지만 바크 앱에서는 메시지가 맵 상에서 캐릭터의 말풍선 메시지로 표현된다. 이 방식이 주는 장점은 유저가 능동적으로 저 맥락을 만들수도 있고, 맥락에 상관 없이 받아들일수도 있다는 것이다. 다시 말해서, 메시지를 보내는 사람은 지금까지의 맥락과 전혀 상관 없는 대화를 건네도 전혀 상관이 없다는 것이다.실제 사람들의 바크메시지 대화. 맥락요소가 최소화된 그룹챗 인터페이스 이다.또한, 좌측 사이드바를 통해 지금까지의 메시지 바크를 위도-경도 약 2km의 zoning으로 구역화하여 저장하고, 유저들은 해당 지역에 지금까지 건네진 메시지 바크를 읽어볼 수 있다. 마치 그룹 채팅방에서 이전 대화를 각 위치별로 열람해 보는것과 같은 기능이다. 이를 통해서 유저가 맥락을 능동적으로 찾게 되고, 맥락때문에 대화가 끊어지는 문제를 최소화 하면서 대화가 지속 가능하도록 설계된 것이 바로 메시지 바크인 것이다.지역별로 2km의 존이 있어서 해당 지역의 대화내용을 열람해 볼 수 있게 함으로써 맥락을 이어나갈 수 있도록 유도했다.위치기반 채팅의 새로운 실험바크 앱은 분명 기존의 소셜네트워크가 설정한 일반적인 소통방식의 컨벤션을 완전히 벗어나 있다. 소비자가 너무 새로운 방식을 접했을 때 그 가치를 이해하지 못하면 그 서비스는 정착하기 어렵다. 이 때문에 바크 앱은 아직도 베타테스트 중이다. 2016년 5월 18일 첫 버전을 iOS 버전으로만 런칭하였고, 아이폰에서 유입되는 유저만으로 다양한 기능들을 테스트하면서 지금까지 왔다. 이제 약 3개월간의 베타테스팅 기간 끝에 8월 중순경 안드로이드 버전을 런칭하면서 정식 서비스를 시작할 계획이다.이 실험이 성공할지 실패할지는 사실 아직도 잘 모르겠다. 현재까지 유저의 사용성을 분석해 보면 분명 강남역, 홍대, 신사등과 같은 유저 밀집지역에서는 Day 60 리텐션이 60%를 상회할 정도로 높게 나온다. 하지만, 지금처럼 서로 비슷한 목적의 카피캣만 난무하는 소셜미디어 영역에서 특정 목적을 가지고 새로운 방식을 시도해 보는것 하나로도 의미가 있다고 생각한다.글쓴이는 스팀헌트 (Steemhunt) 라는 스팀 블록체인 기반 제품 큐레이션 플랫폼의 Co-founder 및 디자이너 입니다. 비즈니스를 전공하고 대기업에서 기획자로 일하다가 스타트업을 창업하고 본업을 디자이너로 전향하게 되는 과정에서 경험한 다양한 고군분투기를 연재하고 있습니다.현재 운영중인 스팀헌트 (Steemhunt)는 전 세계 2,500개가 넘는 블록체인 기반 앱들 중에서 Top 10에 들어갈 정도로 전 세계 150개국 이상의 많은 유저들을 보유한 글로벌 디앱 (DApp - Decentralised Application) 입니다 (출처 - https://www.stateofthedapps.com/rankings).스팀헌트 웹사이트 바로가기

올해 2월에 썼던 글을 이제야 올려봅니다. 태블로는 아직 잘 사용하고 있습니다. : )“아무개 님, 지난번에 요청한 자료 언제까지 받을 수 있죠?”다행이다. 꿈 이었다.가벼운 발걸음으로 출근하던 중 일감 하나가 떠오른다. 간밤의 꿈이 꿈 만은 아니었던게다.아뿔싸, 아직 시작도 못했는데.오늘 할 일을 내일로 미룬 자의 아침은 발걸음이 무겁다.Business Intelligence 라는 것이 있다. 뭔가 멋드러진 단어의 조합처럼 보이지만, 현실은 그리 아름답지 않다. 대부분의 시간을 비슷한 일을 반복하며 숫자를 맞춰야하고 엑셀과 SQL 에 빠져 살기 일쑤다. 잘못된 데이터라도 발견되면 이걸 어디서부터 수습해야 하나 고민해야 한다. (끝이 없는 재귀호출)반복, 반복, 반복. 비용을 줄이자.반복은 비용이다. 한두번 반복되는 일을 최적화 하는 것은 최적화 자체가 비용 이겠지만, 매일같이 반복되는 일, 주기적으로 찾아야 하는 데이터들은 그 자체만으로도 최적화의 대상이다.특히나, 아직 성장하고 있는 ‘스타트업’ 이라면 회사의 데이터가 잘 정리되어 있을리 만무하다. 몇몇 데이터는 잘 관리되고 있겠지만, 상당수는 흩어져 있을 것이다. 어느 순간을 지나면 이들을 모으는 게 일이 되어버린다. 임계점을 넘어서버린 일을 한다는 것은 손을 더럽히는 일이 된다는 뜻이기도 하다. 아무쪼록 그대에게 이 임계점을 분간할 지혜가 있기를.시간 비용을 절약하자스타트업의 구성원들에게 가장 중요한 것은 무엇일까? 나의 짧은 생각으로는 사람과 시간이라고 생각된다. 이 중에서 BI 툴이 해결해 줄 수 있는 것은 무엇일까?나 스스로에게 질문해보니 이런 답이 나온다. ‘사람은 쉽게 바뀌지 않는다’ 그럼 시간은? 다행히, 시간은 모두에게 공평하게 주어진다.‘그럼 이 시간을 아껴보자!’여기에 하나 더, 내가 모르는 것이 있었다.앞으로 회사가 데이터를 다루는 스펙트럼을 얘상할 수 없다는 것이다.Zeppelin무엇을 사용할까 고민하던 중 가장 먼저 떠오른 것은 다름 아닌 제플린 이었다.< 이 형님들 말고 >(출처 : http://fortune.com/2016/07/26/led-zeppelin-stairway-heaven-appeal/)아파치 제플린은 한국에서 시작해 아파치 인큐베이터에 들어간 오픈소스 데이터 분석 및 시각화 툴 이다.장점은 개발자에게 익숙한 노트북 기반이라는 것과 강력한 인터프리터를 통해 다양한 데이터 소스에 접근할 수 있다는 것이다.나프다 팟캐스트에서 들은 내용인데, 트위터의 경우 태블로에서 제플린으로 갈아탔다는 이야기도 있었다.기본적으로 프로그래밍이 가능하기 때문에 어떤 형태의 데이터를 요구해도 제공할 수 있다는 장점도 있다.물론, 단점도 있다. 먼저 시각화 부분이 약하다는 것이다. D3.js 를 같이 사용하면 보완할 수 있지만 개발자의 꾸준한 지원이 있어야 할 것이었다.더불어, 비개발자들에겐 노트북 형태로 데이터를 가공하는 것에 진입장벽이 있다고 생각 했다.한번쯤 사용해보고 싶었지만 개발 리소스가 부족한 우리 상황에는 맞지 않다고 생각했기에 다음을 기약해본다.Spotfire, Amazon Quicksight, Google Data Studio다음으로 찾아본 툴 들은 바다 건너에서 잘 사용 되는 몇가지 것들 이었다.Spotfire 는 레퍼런스도 충분했지만 다음에 등장한 강력한 후보로 인해 제외됬다.아마존 퀵사이트는 잠깐 사용해봤지만 회사의 요구사항을 맞추는데 부적절해 보였다.구글의 데이터 스튜디오 역시 기능에 제약이 많았다.아마존과 구글의 솔루션은 무료로 사용할 수 있거나 가격이 합리적이라는 장점도 있었다.Spotfire 역시 비싸지 않은 가격이었다.태블로, 그리고 plotly태블로는 동료 직원의 지인 중 사용해본 분이 있어서 직접 만나서 여러가지를 물어볼 수 있었다. 나중에 알았지만 한국에 공식 총판이 있어서 메일로 문의하면 다양한 안내를 받을 수 있었다.태블로는 장점이 많은 툴이다. 다양한 데이터 소스를 지원하며, 강력한 시각화를 통해 데이터를 분석할 수 있다.데이터를 유연하게 다룰 수 있어서 여러가지 인사이트를 얻는데 도움을 줄 것이라 생각됐다.온라인 튜토리얼도 잘 되어있고, 한국에서 오프라인으로 기초교육도 받을 수 있다.종합적으로 비교해 본 결과 비슷한 성격의 툴 중에선 가장 강력한 툴 이었다.유일한 단점이라면 가격이다.plotly 는 리서치 중 가장 마지막으로 접했는데 대시보드로도 사용할 수 있고 노트북에도 붙일 수 있는 라이브러리 형태로 제공되는 툴 이었다.데이터 분석에 주로 사용되는 파이썬, R, 매트랩에 모두 사용 가능했고 훌륭한 시각화도 가능했다. 학생이라면 아주 저렴한 가격으로도 이용이 가능하다.단점이라면, 개발자에게 더 친화적 이라는 것과 데이터 커넥터가 태블로에 비해 부족하다는 것 이었다.BI 툴, 개발자와 분석가 중 누구에게 더 쉬워야 할까?회사마다 개발자의 비중이 다르다. 스타트업 이라고 해서 개발자들로만 이루어진 것도 아니고, 이미 안정적으로 비즈니스를 운영하는 회사라고 해서 개발자가 적은 것도 아니다.각 회사가 처한 상황에 따라 어떤 툴을 사용할 지는 다를 것이다.나는 우리 회사가 어떤 BI 툴을 써야 최적일지 생각해 봤다.같은 작업을 하는데 있어서 시간을 줄여줄 수 있어야 하고, 앞으로의 변화에 유연하게 대응할 수 있는 툴이었으면 했다.개발자의 지원을 최소화 하면서 비즈니스를 이해하는 분들이 적극적으로 사용하는데 어려움이 없었으면 했다.가격적인 면도 중요했지만, 국내에서 사용하는데 참조할 수 있는 레퍼런스, 교육이 풍부한 것도 선택에 한 축이 되었다.모든 것을 종합해 본 결과 태블로 만한 것이 없다고 생각됐다.< 이제 데이터와 사랑에 빠져 볼까? >(출처 : https://www.youtube.com/watch?v=2onPdVj5zgQ)여러분들의 상황은 어떤가.지금 사용중인 툴이 충분한 효과를 가져다주고 있는가? 혹시 기존에 익숙하던 것을 습관적으로 사용하고 있지는 않나?대부분의 스타트업은 부족한 인원으로 복잡한 이슈를 해결하기 위해 고군분투 중일 것이다.특별히, 데이터를 들여다보고 최적화를 해야하는 업무를 담당하는 사람이라면 지금 이 순간도 머리를 싸메고 고민에 빠져 있을 것이라 생각된다.데이터 때문에 잠이 부족한 그대에게, 비슷한 고민을 하는 분들에게, 아무쪼록 이 글이 조금이나마 도움이 되었기를 바란다.#8퍼센트 #에잇퍼센트 #협업 #업무프로세스 #팀워크 #수평적조직