스토리 홈

인터뷰

피드

뉴스

조회수 1614

슬라운드 브랜드 아이덴티티(B.I)개발기 - 2화

1. 브랜딩 대체 무엇?요즘 어디에나 브랜딩이 적용되지 않는 곳이 없습니다.자기자신까지 브랜딩 해야 한다고 말하는 시대입니다.브랜딩 대체 정체가 뭐죠?그런데 대체 브랜딩이 뭘까요?일반적으로 특정 브랜드의 로고나 심볼 등 시각요소들을 만드는 것이라고 생각하기도 하고,학교에서 공부하는 브랜딩의 정석과 같은 서적은 브랜딩을 위한 전략을 6단계로 나누어 약 300페이지에 달하는 방대한  내용으로 설명합니다.요약하면,- 브랜드에서 디자인은 매우 핵심적인 요소이기 때문에 전략적으로 디자인계획을 수립해야 한다.  (중요한거 알죠..)- 브랜드는 사용자의 마음 속에 존재하며, 그들의 경험을 통해 형성된다.  (마음에 존재한다..?)- 디자이너의 일은 사용자가 가치를 느낄 수 있는 경험을 만드는 것이다.  (경험을 만든다..?)이런 내용들인데, (중요하단 말을 300페이지로..) 너무 맞는 말인데 실제로 어떻게 적용할 수 있을까요?사실 너무 어렵게 생각하는 성격이 아닌데도, 브랜딩을 공부할수록 단순히 로고랑 패키지만 만드는 작업이절대  아니라는 생각에 더욱 어려워지는 것 같아요..그래서 좀 더 브랜딩에 쉽게 접근하기 위한 질문들을 몇가지 던져 보았습니다. 우리가 고민해야 할 것들 !!너무 많은 욕심을 부리지 않고 이러한 질문들을 바탕으로 슬라운드가 지향하는 가치를 브랜드 기본요소 (logo, graphic, color, typeface, space 등)들에 하나씩 녹여내 보기로 했습니다.2. 첫번째 단계 : 브랜드 기본요소 점검본격적인 브랜드 아이덴티티 개발에 앞서  먼저 슬라운드의 최초 브랜드 기본요소들을 점검해보았습니다.진단 1현재 Brandon Grotesque 라는 서체로 만든 워드마크 타입의 로고를 사용하고 있어요.모서리가 둥글둥글한게 메모리폼 매트리스의 포근함을 반영하려 했던거 같기도 하고..(추측)진단 2슬라운드 로고들이 독립적으로 사용될때고 있고, 네모박스 안에 갇혀있을 때도 있어요.일관성과 위계질서 있는 로고 사용 규칙을 정해야할 것 같아요.진단 3기본 컬러는 '파랑' 또는 '군청색'이라고 불리는 색을 사용하고 있는데, 상황에 따라 진한파랑, 밝은 파랑 등 자유분방하게 적용되어 있어 어떤 색이 브랜드 컬러인지 명확하게 알수가 없네요.3. 두번째 단계 : 슬라운드 브랜드 철학과 가치 살피기브랜드 기본요소들 현 상태를 진단을 완료했으니, 이제 이 요소들에 실질적으로 녹여낼 슬라운드의 브랜드 철학과 가치를 다시한번 살펴보기로 했습니다. 앞서 1화에서 이야기했듯이 스타트업이지만,브랜드 가이드라인을 토대로 창업자들이 슬라운드가 추구하는 가치와 철학은 어느정도 방향성이 있는 상태였는데요. 가이드 설정 이후 그동안 몇개월의 시간이 흐르면서 점점 더 많은 고객들이 슬라운드 매트리스를 사용하게 되었고, 새로운 팀원들도 합류하게 되면서 초기에 창업자들이 설정한 브랜드 철학에서 조금씩 변화한 부분들도 생겼고 고객들이 새롭게 만들고 인식하는 슬라운드의 이미지들도 드러나고 있었습니다.브랜드 철학 :장인적신, 배려심, 실험정신브랜드 아이덴티티 : 전문적인, 센스있는 (배려심있는), 친근한, 고급스러운, 새로운 것을 시도하는그리고 무엇보다 최초에 설정된 8가지의 키워드를 모두 담기에는일관성 있는 하나의 이미지를 만드는데어려움이 있었기 있었습니다. 예를들어 전문적이면서 센스있는? 정도의 아이덴티티는 상상이되지만, 고급스러우면서 새로운 것들 시도하는?은 직관적으로 인상을 떠올리기가 쉽지 않죠.그래서  팀원들과 함께 슬라운드의 철학과 가치를 다시한번 살피고 방향성 재설정하기로 했습니다.팀원들에게 슬라운드에 담고 싶은 철학과 가치(키워드) 들을 여러단계에 걸려 질문하고, 브랜드 생성 과정과 핵심적인 제품 개발 과정을 꼼꼼히 관찰해보았어요.슬라운드 열심히 관찰중..팀원들과 함께 모은 슬라운드 키워드들 !생각보다 너무 많은 키워드들이 모여서 브랜드 철학과 가치를 정리할 수 있는까하는걱정이 되었지만, 시간을 들여 관찰을 하다 보다 같은 이야기를 하는공통된 입장의 키워드들이 묶이기 시작했습니다.그리고 최종으로 4개의 키워드로 브랜드 철학이 정리되었습니다.최종으로 정리된 슬라운드의 철학. (2018.10.05)- 제대로 만드는- 솔직한- 기본의 방식을 답습하지 않는- 합께하는이 4가지 철학을 장인정신 / 진정성 / 신뢰 라는 핵심가치들로 묶어서브랜드 기본요소들이 녹여내기로 했습니다.이렇게 점검하기와 관찰하기 2단계의 준비과정 통해  앞으로 진행할기본적인 브랜드 아이덴티티 개발 방향을 설정했습니다.1) 슬라운드 브랜드 철학과 가치를 좀 더 효과적으로 담아낼 것2) 네이밍에 담긴 Sleep Soundly 라는 의미가 로고에서 좀 더 전달 되었으면! (컬러나 서체 등)3) 이름이 유사한 S 사와는 이미지가 명확히 구분되도록 할 것이어서 3화에서는 3가지 개발방향을 토대로 계획한 슬라운드의 브랜드 기본요소들을 하나씩 소개할 예정입니다.
조회수 1016

스타트업 브랜딩: 내가 보는 나와 너가 보는 나의 일치

** 본 글은 문돌이 PM의 마케터 따라하기 시리즈 입니다.** 1화 보기 - 초기에 할만한 ASO (앱스토어 최적화) 팁** 2화 보기 - 초보 PM이 알아야 하는 초기 모바일앱 분석 101브랜딩이라는 단어는 하도 많은 사람들이 얘기하다 보니 친숙해진 단어이지만, 사실 그 명확한 개념을 설명할 수 있는 사람은 손으로 꼽을 정도일 것이다. '브랜드' 자체의 역사는 기원전 1100년전 까지 올라갈 정도로 오래되었지만, 사실 단순히 내가 만든걸 구분하기 위한 스탬프 수준이였으며, 현대적인 의미의 브랜드와 '브랜딩'의 체계가 잡힌건 최근 50년간이라고 봐도 무방할 것이다.나처럼 학부전공을 어설프게 경영학을 하고, 거기다가 마케팅을 심화전공으로 졸업한 사람들이 브랜딩이라는 주제에 대해 이야기 하려면 대부분은 어버어버하다가 설명을 잘 못하는 경우가 많다. 이는 크게 두가지 이유가 있는데, 1/ 일단 브랜딩이라는 카테고리에 거론되는 개념이 너무나도 많고, 학자마다 합의도 잘 이루어지지 않아서 책마다 설명하는 방식이 다 다르기 때문이고, 2/ 심리학에 기반을 깊게 둔 분야이기 때문에, 나처럼 어설프게 경영만 전공한 사람이 한학기 브랜딩 개론 과목 듣는다고 그 심오한 세계를 이해하기란 불가능하기 때문이다.음.. 말이 나왔으니 브랜딩이라는 카테고리에 얼마나 많은 개념들이 열거되는지 한번 따져보고 넘어가도록 하자. (위키피디아 및 내 전공서적들을 좀 참고했다)Brand elements: name, logo, tagline, graphics, shapes, colors, sounds, scents, tastes, movements...)Brand identityBrand trustBrand parityBranding strategies: individual branding, mulpiproduct branding, subbranding, brand extension, co-branding, multibranding, private brandingBrand ImageBrand personalityBrand attitudeBrand perceptionBrand perceived qualityBrand loyaltyBrand value propositionsBrand awarenessBrand associationBrand powerRebranding뭐, 한 5분동안 열거해 본건데도 이만큼이나 나온다. 내가 오늘 논하고자 하는 본론의 주제는 바로, 스타트업을 운영하는 마케터로서 (또는 대표로서) 이런 무지막지한 분야인 '스타트업 브랜딩'이라는 것을 현업 수준으로 적용하기 위해서 어떻게 접근해야 하는지에 관한 것이다.브랜딩의 핵심 개념은 내가 보는 나와 너가 보는 나를 일치시키는 과정이다브랜드와 브랜딩의 정의를 전공서적에서 찾아보면 개념이 책마다 다 다른데, 그 이유는 위에서 설명한 바와 같이 아직 역사가 깊지 않아서 학계에서 통일되지 않았기 때문이다. 하지만 나름 이 영역의 대가라고 불리는 3인방이 있기는 하다. 바로 David Aaker, Kevin Lane Keller, Jean-Noel Kapferer 이 세명인데, (뭐, 코틀러 얘기도 많이 하지만 개인적으로 코틀러는 브랜딩보다는 마케팅의 전 영역에서 아버지처럼 불리는 인물이니 여기에는 들어가지 않는다고 생각함) 우선 이들이 말하는 브랜드라는 놈의 정체에 대해 한번 보도록 하자. (한글정의는 Daniel Park님의 블로그 글을 인용했음)아커: 브랜드란 상품이나 서비스가 기업과 그 기업의 고객에게 제공하는 가치를 증가시키거나 감소시키는 한 브랜드와 그 브랜드의 이름 및 상징에 연계된 자산과 부채의 총체이다.켈러: 브랜드는 판매자의 상품이나 서비스를 규정하고 경쟁자와 차별하기 위한 이름, 기호, 상징, 디자인 혹은 이들의 결합이다.캐퍼러: 브랜드라는 것은 구매자가 그 브랜드 상품, 유통 채널, 판매원, 그리고 커뮤니케이션을 접하면서 오랜 시간을 통해 생긴 긍정적 인상 또는 부정적 인상의 집합체이다.이 세명의 정의를 해체해서 개념화시켜보자. 우선 브랜드와 관련된 3가지 큰 영역은 내 제품/회사 영역 + 소비자가 인식하는 영역 + 그 둘을 연결시키는 채널/활동들 이렇게 개념화 시킬 수 있다. 즉, 브랜딩이라는 개념은 이러한 3가지 영역으로 완성되는 브랜드라는 존재를 전략적으로 운영하는 개념.. 이렇게 이해할 수도 있지만, 사실 현업에서 쓰기에는 전혀 명확하지 않은 개념이다. 여기에 내가 전 직장에서 같이 일하던 내 직속상사께서 개발한 Concept of Branding이라는 맵을 더해서 이해해보면 그 개념이 매우 명확해 진다.Concept of Branding - Illustrated by Young-Jin Oh이 맵을 보면, 결국 브랜딩이라는 활동의 정의를 앞서 구분한 브랜드의 3가지 영역에 끼워 맞추어 정의내려 보면 다음과 같다. (내 사이드)내가 정하는 브랜드의 아이덴티티와, (소비자 사이드)소비자가 받아들이는 브랜드의 이미지를, (채널/활동 사이드) 마주치는 모든 접점에서의 일관된 액션을 통해 인식시키는 행위조금 복잡해 보이는데, 사실 쉽게 얘기해서 '내가 보는 나 (내 제품/브랜드)의 아이덴티티를 소비자가 인식하는 이미지와 명확하게 일치시켜 나가는 일련의 활동들'을 브랜딩이라고 정의내릴 수 있는 것이다. 즉, 다시 말해서, 내가 정의하고 있는 제품의 코어 가치를 기반으로 한 '나는 무슨 존재인가'에 대한것과 소비자가 나를 인지하고 있는 '너는 뭐하는 존재인가'에 대한것을 나와 너가 만나는 채널들 (제품, 매장, 광고 등등)에서 일관되게 일시치켜 나가는 일련의 모든 행동들이 다 브랜딩인 것이다.아, 참고로 저 맵에는 사실 더 심오한 내용들이 담겨 있는데, 예를들면 소비자가 나를 인지하는 '이미지'부분은 브랜드의 awareness(인지), loyalty(충성), association(연상), perceived quality(지각된 품질)등이 총체적으로 모여서 만들어지는 것이라는 것과, 이를 화폐가치로 환산한 것이 brand equity (브랜드 자산), 그리고 소비자들의 이런 인식들이 곧 reputation(명성)이 되어 브랜드의 파워로 작용하게 되고, 이게 다시 브랜드 아이덴티티에 영향을 주는 일련의 순환고리를 형성하게 되는 내용들이라는 것, 그리고 저러한 이미지는 그냥 생기는게 아니라 구매전, 구매, 구매 후에 접하게 되는 모든 contact points에서 발생하는 소비자의 경험 (experience)에 의해 인식 (perceived)되는 것이기 때문에 고객접점 관리가 브랜딩에서는 핵심이라는 것 등이다. (소위 브랜딩하면 멋있게 컨셉 뽑고 광고만드는거 상상하는 사람들이 많지만 사실 가장 중요한 영역은 매장, 고객센터 등 소비자가 내 브랜드를 heavy하게 경험하는 곳에서 일관된 메시지를 전달하는 부분이고, 이는 전사적 접근이 필요하기에 가장 어려운 영역이기도 하다) 하지만, 초기 제품을 빌드하고 초기 고객에게 서비스하고 있는 스타트업 입장에서 저 방대한 영역을 미리 기획하고 고민하고 있을 필요는 없다. 스타트업이 브랜딩을 한다면 다음에 설명한 내용들만 명심하면 된다.내가 보는 나: 내 브랜드의 가치를 최대한 심플하고 명확하게 설정한 브랜드 아이덴티티 설계내가 보는 나, 즉 브랜드 아이덴티티는 역시 학문적으로는 이를 형성하고 있는 하위 개념들이 방대하지만, 스타트업에서는 다음 5가지를 정하는 과정이라고 이해하면 된다.1. 브랜드 미션: 브랜드의 약속2. 브랜드 가치: 소비자가 얻게 되는 것3. 브랜드 슬로건: 위의 가치가 표현된 문구4. 브랜드 페르소나: 내 캐릭터 정의5. 채널관리: 모든 접점을 일관되게 기획브랜드 미션이란, 내 브랜드가 제공하는 핵심 가치를 명문화 한 것을 의미하며, 내가 소비자에게 주겠다고 밝힌 일종의 약속같은거를 정의내리는 작업이다. 스타트업 담당자가 이 작업에 직면하게 되면 (나도 그랬었고) 많은 사람들이 흔하게 하는 행동들이 있다. 바로 브랜드 미션을 애매모호하고 다소 오글거리게 정하는 것이다. 이런 현상이 왜 발생하냐면, 우리가 브랜드 미션을 정할때 보통 대기업의 그것을 참고해 보기 마련인데, 보통 그런 큰기업들의 미션은 다소 장황하고 방대한 느낌이 있다. 그건 대기업의 경우 이미 발을 담그고 있는 사업도 많아지고 조직의 5년후, 10년후를 바라보는 미션을 정해야 하는 경우가 많기 때문에 미션이 애매모호해 질 수 밖에 없기 때문이다. 물론 페이스북처럼 한결같이 심플한 기업도 있기는 하지만, 보통 한 우물만 파는 대기업의 경우 미션이 심플한 편이고, 국내 대기업처럼 문어발식으로 운영되는 기업의 경우 미션이 애매모호한 느낌이다. (어디까지나 개인적인 의견임)아무튼, 이런 기업들의 미션들만 보다 보니, 내가 서비스하는 이 브랜드도 뭔가 웅대하지 않으면 안될것 같은 느낌이 들고, 그러다 보면 온갖 미사여구로 장식된 애매모호한 브랜드 미션이 만들어지는 경우가 많다. 꼭 명심해야 할 것은, 초기 스타트업의 초기 제품을 서비스하는 상황이라면 브랜드의 미션이 절대로 장황하거나 애매모호해서는 안된다. 미션이 명확해야 이를 기반으로 한 브랜드 가치 정의, 타겟, 페르소나, 채널관리 등등의 후속 작업들이 명확해 지고, 미션이 장황하면 그 후속작업들 역시 모두 뜬구름 잡는 얘기만 하다 끝날 가능성이 크기 때문이다. 또 하나, 브랜드의 미션은 길이가 중요하지 않다. 어차피 소비자에게 공개되는건 미션이 아니라 슬로건이기 때문이다. 미션의 길이가 길더라도 그 브랜드가 약속하는 바만 명확하다면 괜찮다.잘 된 스타트업의 사례를 들어보면 좋겠지만 사레 찾기가 쉽지 않아서, 개인적으로 좋아하는 김밥 프랜차이즈 브랜드인 '김선생'의 케이스를 들어서 이 부분의 예를 들어보도록 하겠다. 바르다 김선생은 유명한 '죠스 떡볶이'의 나상균 대표가 창업한 프리미엄 분식점 브랜드 이다.죠스떡볶이의 나상균 대표가 창업한 프리미엄 분식 브랜드 '김선생'이 김밥집의 브랜드 미션은 다음과 같다. (아예 미션이 매장에 붙어있다)photo by 똑똑이아빠내 블로그미션이 좀 길지만 브랜드가 약속하는 바는 매우 심플하고 명확하다. 즉, '멋부리지 않고 사명감과 도덕성으로 절대로 재료를 타협하지 않겠다.'로 요약할 수 있다. 이게 왜 잘 만들어진 브랜드 미션이냐면, 이 정의를 기반으로 2번부터 5번까지의 모든 후속작업을 아주 명확하게 만들어 주고 있기 때문이다.이런 미션을 바탕으로 한 김선생의 브랜드 가치는 '마음 놓고 먹을 수 있는 분식집'이 되는 것이며, 소비자는 저렴한 맛에 먹는 분식집에서 항상 고민되던 건강에 대한 문제를 걱정하지 않아도 된다는 브랜드 가치를 전달할 수 있다. 이를 토대로 나온 브랜드 슬로건은 바로 '바르다 김선생'이다 (사실 김선생은 브랜드 네임이 아예 슬로건이 포함된 '바르다 김선생'이다). '마음 놓고 먹을 수 있을 수준'이 완성되려면 재료만 고급이어서는 안되고, 매장의 청결, 직원들의 마음가짐 등등 모든 영역에서 거짓이 없어야 하기 때문에 이 모든 마음가짐을 '바르다'라는 말로 함축해서 만들어진 슬로건이다. 브랜드 페르소나는 말이 좀 어렵게 느껴지지만 사실 그냥 이 브랜드로 묘사가능한 어떤 사람, 인격체, 의인화 등등을 의미한다. 쉽게 얘기해서 '이 브랜드는 이런 사람을 떠올려 보세요' 정도로 요약 가능하다. 김선생의 페르소나는 위의 미션에도 설명된바와 같이 뭔가 꾸미기 좋아하고 화려하고 튀는 사람 보다는 우직하고, 믿을 수 있고, 정직하며 꾸밈없는 사람, 그리고 나이도 조금 있고 들뜨지 않는 인자한 아저씨 같은 사람으로 설명 가능하다.채널관리는 이렇게 정해진 브랜드 슬로건과 페르소나가 일관되게 소비자에게 인식되도록 모든 접점을 통제하는 것을 의미한다. 김선생 매장의 메인 컬러는 마치 절제되고 정직한 김선생 아저씨가 좋아할만한 컬러인 검정과 흰색, 베이지색을 혼합해서 사용하고 있고, 모든 폰트도 명조체로, 유니폼도 장식 하나 없는 검정색에 흰색 앞치마, 직원들의 움직임도 아무리 바빠도 막 뛰어다니거나 흥분하지 않고 항상 평온하고 온화해 보이는 톤을 유지하고 있다.   너가 보는 나: 소비자가 내가 정한 아이덴티티를 잘 인식하고 있는지 모니터링위의 아이덴티티를 기반으로 제품의 모든 접점 기획을 완성하고 실제 운영까지 하고 있다면 꼭 병행해야 하는 작업이 바로 '너가 보는 나' 즉, 소비자가 내 브랜드를, 내가 제공하고자 약속한 가치를 잘 인식하고 있는지를 모니터링 하는 것이다.예를들어 위의 김선생의 경우 매장을 이용하는 소비자들이 정말 재료에 대한 의심 없이 우리 음식을 안심하고 먹고 있는지, 김선생 하면 뭔가 바른사람 이미지의 중년 남성이 떠오르는지, 그 사람은 뭔가 절대로 뒷통수 칠 것 같은 사람이 아니다라는 믿음이 생기는지 등등 애초에 설계했던 브랜드 아이덴티티가 잘 인식되고 있는지를 소비자 인터뷰나 관찰을 통해서 파악해 보는 단계이다. 만일 나 처럼 소셜미디어 앱을 운영하고 있는 스타트업을 가정해서 이 단계를 모니터링 하는 방법을 간단하게 요약해 보면 다음과 같다.1) 앱 내에서 유저 행동 관찰을 통해 앱의 코어 가치가 잘 전달되고 있는지 체크하기다음과 같은 유저의 앱 내에서의 사용 행태를 분석해서 사용자들이 내가 의도한 앱의 코어 기능들을 잘 사용하고 있는지, 사용 목적이나 동기가 내가 의도한 바와 일치 하는지 등을 확인할 수 있다. - 앱 로그인 빈도- 앱 체류시간- 앱의 각 코어 기능 사용 빈도- 대화 내용 분석- 프로필 사진 분석- 상태 메시지 분석- 앱스토어 리뷰2) 인터뷰를 통해 이 앱이 어떤 앱인지 잘 인지하고 있는지 체크하기위의 관찰만으로는 얻기 어려운 유저의 앱 다운로드 동기, 목적, 이 앱을 통해 얻는 가치 등등을 인터뷰를 통해 확인 가능하다. 다음과 같은 질문들을 던져볼 수 있다.- 이 앱을 다운받게된 동기- 이 앱을 알게된 경로- 다운받을 당시 생각했던 '이 앱이 뭐하는 앱이지?'- 사용하고 나서 지금 생각하는 '이 앱이 뭐하는 앱이지?'- 이 앱을 켜보게 되는 순간들- 앱을 사용하는 빈도- 앱에서 주로 활용하고 있는 기능들- 앱에서 가장 마음에 드는 점- 위의 것을 제외한 기타 마음에 드는 점들- 앱에서 가장 불만족 스러운 점- 위의 것을 제외한 기타 불만족 스러운 점- 친구에게 추천하고 있는지- 추천하고 있지 않다면 왜 안하는지?- 추천하고 있다면 왜 추천하고 있는지?- 이 앱을 사람에 비유해 보면 어떤 캐릭터가 떠오르는지?- 이 앱을 주로 사용할 것 같은 사람들은 어떤 사람들?3) 위 유저가 앱을 사용하는 케이스를 실제로 관찰해 보기인터뷰 전-후에 실제로 이 유저가 앱을 켜서 어디를 먼저 들어가고 무슨 기능을 사용하는지를 관찰해 봄으로써 1번과 2번에서 놓쳤던 부분들을 모니터링 할 수 있다.브랜딩: 내가 보는 나와 너가보는 나를 끊임없이 일치시키기기많은 사람들이 실수하는 부분이 바로 이 단계에 있다. 흔히들 브랜드 아이덴티티를 설계하고 나면 왠만해서는 이걸 바꾸지 말고 일관되게 밀고나가야 한다고 생각한다. 물론 매우 맞는 말이다. 앞서 얘기한 바와 같이 모든 채널에서 메시지가 '일관되게 (consistent)' 전달되지 않으면 소비자에게 이미지가 잘 형성되지 않기 때문이다. 하지만, 초기 서비스의 경우 이렇게 일관성을 고수하는것은 대단히 위험한 일이다. 왜냐하면 내가 아무리 명확하게 아이덴티티를 설계한다 할지라도 소비자는 다르게 받아들일 수 있고, 내가 정한 코어 가치가 사실 소비자에게는 별로 중요하지 않은 가치일 수도 있으며, 소비자는 내가 전혀 예상하지 못했던 새로운 사용성을 발견할 수도 있기 때문에 '너가 보는 나'를 최대한 자세하게 모니터링 해서 이를 '내가 보는 나'에 반영해서 끊임없이 발전시켜 나가는 과정이 초기에는 필수적이다.이번에는 내가 서비스 중인 '바크' 앱을 예를 들어 보자. 사실 이 앱은 뭔가 원대한 비전을 가지고 기획된 앱이라기 보다는 해카톤에서 뭔가 기발하고 재미를 줄 수 있는 아이템의 일환으로 기획된 앱이기 때문에 위와같은 브랜드 아이덴티티에 대한 고민은 전혀 존재하지 않았다. 사실 지금도 아직 베타기간 중이라 iOS 유저들만을 대상으로 위의 아이덴티티를 계속 정립해 나가는 과정에 있다.바크 앱의 현재 Mission Statement 이다.이 앱의 초기 브랜드 슬로건은 'Don't Speak, Let's Bark!'에 있었다. 이 슬로건에 포함된 앱의 미션은 '굳이 복잡한 대화 없이도 모르는 사람들이 서로 자유롭게 대화할 수 있는 소셜공간을 만든다' 였다. 즉, 내가 모르는 사람들과 서로 소통하기 위해서는 서로 인사도 터야하고, 공통점도 찾아야하고, 관계를 형성하기 위해 복잡하게 오고가는게 많이 필요하기 마련인데, 바크에서는 모두가 개가되어 서로 짖는 것 만으로도 대화가 되기 때문에 언제 어디서나 모르는 사람들과 쉽고 재밌게 대화가 가능하다는 가치를 전달해 주는 것이다.하지만, 앱을 2개월정도 운영하면서 모니터링을 통해 발견한 사실은, 유저들이 이 앱의 목적성을 모르는 사람들과 대화하기 위한것에 두기 보다는, 서로 개처럼 짖고 짧은 메시지가 산발적으로 오가는 그런 공간 자체가 재미있어서 사용한다는 것이었다. 즉, 내가 굳이 모르는 사람들과 관계를 트기 위해 사용하는 SNS가 아니라 저런 약간 병맛같아 보이는 소통방식이 서로 통하는 커뮤니티와 같은 소셜 공간이 언제 어디서나 존재한다는 것에 재미를 느껴 사용한다는 것이다. 이를 토대로 새롭게 정립한 브랜드 슬로건이 위의 사진과 같은 'from No One to Someone'이다. 이 슬로건 속에 내포된 유저에게 주는 가치는 '언제 어디서나 저런 재밌는 소통방식이 통하는 누군가를 당신 주변에 만들어 준다' 이다.말하고자 하는 바는, 당신이 만일 필자처럼 초기 서비스를 운영중인 스타트업의 브랜딩을 하고자 한다면, 큰 기업에서 브랜딩 전문가들이 하는 방식과 같이 자세한 브랜드 아이덴티티 맵을 만들어서 전 펑션에 일관되게 전달되도록 메뉴얼을 만들고, 이게 잘 워킹되는지 체크하고 쪼는 방식으로는 절대로 안된다는 것이다. 내가 아직 나를 잘 모르는 상황에서 내가 잘못 판단한 나를 너에게 맹목적으로 주입시키고 있는 상황이나 마찬가지이기 때문이다. 초기 스타트업에게 소비자가 인식하고 있는 브랜드 아이덴티티를 모니터링해서 이를 토대로 내가 정립한 아이덴티티를 수정 보완시켜 나가는 과정이 결국 스타트업 브랜딩의 핵심인 것이다.상호작용: 내가 그의 이름을 불러줘야 하고 그도 내 이름을 불러줘야 한다김춘수의 유명한 시, '꽃'이 있다.내가 그의 이름을 불러주기 전에는그는 다만하나의 몸짓에 지나지 않았다.내가 그의 이름을 불러주었을 때그는 나에게로 와서꽃이 되었다.내가 그의 이름을 불러준 것 처럼나의 이 빛깔과 향기에 알맞는누가 나의 이름을 불러다오.그에게로 가서 나도그의 꽃이 되고 싶다.우리들은 모두무엇이 되고 싶다.너는 나에게 나는 너에게잊혀지지 않는 하나의 눈짓이 되고 싶다.이 시에서 김춘수는 너와 내가 서로 관계를 가질 때 비로소 존재할 수 있게 되는 존재성에 대해 노래하고 있다. 브랜딩도 마찬가지이다. 거창하게 정립된 브랜드 전략 기획서 같은건 그리 중요하지 않다. 특히 초기 스타트업에의 경우 너무 자세하게 정립된 브랜드 스테이트먼트는 짐만 되는 경우도 많다. 가장 중요한건 이 시처럼 '내가 너의 이름을 불러주는 것,' '너가 내 이름을 불러주는 것,' 이리하여 비로소 '서로에게 꽃이 되는 것' 이런 너와 나의 상호작용이 브랜딩의 핵심임을 명심해야 한다. 즉, 내 브랜드에 대해 정의하는것과, 소비자의 인식에 대한 것을 모니터링하는것, 그리고 채널에서 이 상호작용에 대해 모니터링하고 보완 발전하는 것, 이것이 바로 스타트업 브랜딩의 모든것이다.글쓴이는 스팀헌트 (Steemhunt) 라는 스팀 블록체인 기반 제품 큐레이션 플랫폼의 Co-founder 및 디자이너 입니다. 비즈니스를 전공하고 대기업에서 기획자로 일하다가 스타트업을 창업하고 본업을 디자이너로 전향하게 되는 과정에서 경험한 다양한 고군분투기를 연재하고 있습니다.현재 운영중인 스팀헌트 (Steemhunt)는 전 세계 2,500개가 넘는 블록체인 기반 앱들 중에서 Top 10에 들어갈 정도로 전 세계 150개국 이상의 많은 유저들을 보유한 글로벌 디앱 (DApp - Decentralised Application) 입니다 (출처 - https://www.stateofthedapps.com/rankings).스팀헌트 웹사이트 바로가기#네이밍 #이름짓기 #브랜딩 #아이덴티티 #스타트업 
조회수 1020

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

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

[마케터 K의 시선] B.A.T의 흔한 월요일 아침

지금 당장 누군가를 우울하게 만드는 건 쉽다.단 두 단어를 내뱉는 것만으로도 가능하다. 월요일 그리고 아침.그렇다. 이번엔 이 극악무도한, 월요일 아침이란 녀석에 대한 이야기다.[B.A.T의 소파는 마약 소파 같다. 등을 대고 눕기만 하면 잠이 스르르..]고백하건대, 나는 자정이 가까울수록 눈이 말똥해지고 에너지가 솟아나는 전형적인 저녁형 인간이다. 어릴 적부터 그랬다. 분명 나의 아침은 11시부터 시작되는 것 같은데, 왜 대다수의 사람들의 기상 시간에 맞춰 7시 즈음이란 시간이 아침이 되어야 하는가에 대한 의문을 가지고 있었다. 괜히 나와 다른 아침이란 잣대에 심술이 나 부지런하게 맞이하는 아침을 거부하곤 했었다. 대학생이 되고 나서, 1교시만은 마치 원래부터 아무것도 없었던 것처럼 비워놓는 여백의(?) 시간표를 짤 수 있었던 게 얼마나 신났던지!대학생활이 끝나고 직장인이 되는 순간, 자율성의 유효기간은 단호하게 끝나버렸다.'전 저녁형 인간이라, 늦게 출근하고 늦게 퇴근하는 게 더 효율적입니다'라는 주장이 씨알도 먹히지 않을 거라는 걸 진작에 깨닫고, 매일 아침과의 사투를 시작했다. 특히, 피곤과 졸림의 끝판왕은 주말과의 시차적응(!)이 채 끝나지 않은 월요일 아침이었다. 월요일 아침만 생각하면 일요일 오후부터 가슴이 답답하고 우울해지는 증상이 현대인의 병이라는 말이 괜히 있는 게 아니다.새로운 사실도 알게 되었다. 출근 시간 몇 분을 앞두고 엘리베이터를 탄 사람들의 얼굴을 보니 나와 다르지 않게 아직 꿈나라에 있다는 것을. 세상에는 나 같은 사람이 생각보다 많구나! 하며 스스로를 위로하곤 했다. 대체 어떤 이기적인 아침형 인간이 일찍 일어나고 일찍 자는 것이 인간에게 이로운 것이라는 설을 퍼뜨렸는지 모르겠지만, 이로 인해 많은 사람들이 고통받고 있다는 것은 분명하다.다양성이 존중되고 있는 요즘은, 자율 출퇴근 제도를 도입하는 회사가 많이 늘어나고 있다. 우리 회사 역시 그중 하나다. 10시부터 19시까지가 기본적인 근무시간이지만, 코어 근무시간인 11시~17시를 제외하고는 각자 스타일에 맞게 업무 시간을 조정할 수 있다. 그렇다 보니 종종 이런 풍경을 마주하기도 한다.[몰래 B.A.T의 아침 풍경을 촬영하려 했는데 아무도 없다. 그냥 몰래 온 손님이 되어 버렸다.]다만, 매주 월요일은 예외다. 이날은 10시부터 주간 회의가 있어 시간에 맞추어 출근해야 한다. 평소 출퇴근 시간을 신경 쓰는 데에 익숙하지 않은 우리지만, B.A.T 주간회의는 벌써 몇 주째 한 명의 지각자도 없이 원활하게 진행되고 있다. 지각자는 벌칙으로 사무실을 혼자 청소해야 한다는 규칙이 새로 생겼기 때문이다. 지각자가 없는 것은 좋지만, 기껏 만들어 놓은 벌칙을 아무도 받지 않는 건 좀 김빠지는 일이다.그런데 주간회의가 있는 오늘, 갑자기 설레기 시작했다.현재 시각은 9시 58분이고, 아직 도착하지 않은 사람이 한 명 있기 때문이다. 드디어 첫 번째 지각자 발생![뻘쭘해하며 들어온 지각자 디자이너 J님. "다음주 청소인거 아시죠?" "아, 네...."]["지각자는 자리에 앉을 자격이 없습니다." "아, 네....." 결국 소파에 걸터 앉은 지각자의 최후]주간 회의에서는 경영진의 중요 이슈 공유, 각 프로젝트 담당자의 진행 상황 공유, 업무 효율성 증진을 위한 논의 등 세 가지 사안에 대한 이야기를 나눈다. 단어들이 몹시 오피셜해 보이지만, 전반적으로 편안한 분위기에서 회의가 진행된다. 밤새워 예쁘게 PPT를 만들어 온 사람도 없다.대놓고 자랑을 하자면, 우리 회사는 원래 쓸데없는 데에는 힘을 쏟지 않는다.우연히도 이 글을 준비하고 있는 오늘, 주간 회의 막바지에 특별 안건이 올라왔다.이 괴로운 월요일 아침을 어떻게 하면 더 활기차게 만들 수 있을 것인가?여러 의견 중 당장 실현 가능한 것을 추린 결과, 다음주부터 만화 주제가를 틀어놓기로 했다. 선곡 담당은 회사에서 분위기 메이커를 담당하고 있는 영상 디자이너 N님. 가장 먼저 틀 곡은 활기참의 대명사로 불리는, 불후의 명곡 쾌걸근육맨의 '질풍가도' 라고...물론, 아무리 아침에 신나는 이벤트가 있다 해도 난 여전히 아침보다 저녁이 좋다. 월요일마다 엄청나게 비싼 레스토랑에서 대표님이 밥을 사준다고 해도 금요일이 200배는 더 좋다. 하지만 싫은 것을 더 낫게 만들기 위해 고민하는 건 나쁘지 않다. 싫은 것, 힘든 것, 어쩔 수 없는 것을 바꿔볼 수 있지 않을까 생각하는 것 만으로도, 싫은 마음이 조금은 사라지니까.-
조회수 995

대화의 장벽을 허무는 UX

바크 (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).스팀헌트 웹사이트 바로가기
조회수 1107

디자이너 눈에 비친 조금 다른 세상 20가지

저도 원래 그렇진 않았어요. 그런데 어느 순간부턴가 눈에 색다른 콩깍지가 씌이더라구요. 아마 직업마다 세상을 바라보는 고유한 필터가 존재하기 마련인가봐요. 하루 종일 컴퓨터만 바라보고 있는 디자이너에겐 가끔 세상이 1920x1080픽셀의 세상으로 보이기도 해요. 친구들과 길을 걷다가도 왠지 혼자만 불편해지는 지점이 생겨요. 때론 아무도 모르지만 혼자 발견하고 키득키득하기도 해요. 용기내서 "저건 HG꼬딕씨 폰트야!" 라고 말해도 친구들의 반응은 "어쩌라고." 예요.그럴때면 종종 시무룩해지긴 하지만, 디자이너의 눈을 가지고 세상을 바라본다는 것은 꽤나 흥미진진한 일이예요. 제목만 보면 디자이너의 인사이트와 철학에 대한 이야기 같을 거에요. 하지만 제 글은 그런 걸 다루지 않아요. 인사이트 얘기는 브런치에 쳐보면 오조오억개가 나와요. 우린 길거리와 책상에서 벌어지는 일을 다룰거에요. 자 시작!1. 간판 자간틀린거 보기지나가다가 간판 자간이 엉망이면 불편해져요. 너무 좁으면 가독성을 걱정해줘요. 아이고 세상에 사장님..저에게 맡기시지.... 저래서야 손님들이 읽을 수나 있겠어요.. 또는 메뉴판을 볼 때도 행간이 보여요. 손글씨 메뉴판은 왠지 오른쪽으로 점점 올라가는 글씨가 거슬려요.2. 폰트알아맞추기CGV가서 광고보다보면 광고 중 80%에 모두 HG꼬딕씨 폰트가 쓰였다는 것을 알 수 있어요. 그런걸 보면서 혼자 괜히 뿌듯해져요. 헤헤 알아냈다..하면서. 저건 노토산스! 저건 나눔! 저건 헬베티카! 저건 가라몬드다! 이런거 알아내면서 으쓱해져요. 괜히 옆자리 애인에게 자랑해요. 저건 헬베티카 쓴거다?... 3. 광고사진 픽셀 깨진 거 찾아내기전단지나 지하철스크린도어 광고보면서 뭔가 픽셀깨진 거 보면 불편해져요. 여백 잘못줘서 살짝 흰색 나온 것도 발견해요. 디자이너는 세상을 픽셀단위로 봐요. 옆친구가 말해요. '그런 것 좀 찾지마.'4. 괜히 광고보면서 어떻게 만들었을까 궁리하기음..저건 일단 레이어 마스크씌우고 배경지운다음, 오브젝트에 블러주고 레이어 하나 더 만들어서 블렌딩해서 만든거겠지... 저건..저건 저건 뭐지? 저건..음.. 일단 일러로 선 따서 오브젝트 만들고, 3D로 눕혀가꼬 돌출 효과 준다음, 포토샵으로 넘겨서 왼손으로 이렇게, 오른손으로 이렇게 한거겠다!! 라고 생각하고 뭔가 내가 다 아는 스킬이면 뿌듯해져요. 저건 어케 만들었지?? 하고 궁금해지면 그 때부터 뭔가 불편해..뭔가 찾아보고 싶어. 5. 저 정도는 나도 할 수 있지 않을까 생각하기가끔 텀블벅에 펀딩중인 디자인제작물이나, 핀터레스트와 비핸스에 올라온 거 보다보면 양가감정이 들어요. 하아..얘네들은 왜이렇게 잘하는거지? 내 손은 왜 너구리손이지?..찰흙으로 만들어졌나?...거의 태양의기사 피코손이야.. 하면서도 한편으론 저 정도는 나도 맘만 먹으면 만들 수 있을 것 같은데?..(만드는 방법이 대략 머릿속에 그려지면 자신감이 갑자기) 라는 생각도 들어요. 하지만, 일단 맘을 먹질 않는다는게 문제고, 방법을 아는 건 사실 중요치 않아요. 저 발상을 했다는 게 중요하니까..6. 정렬틀린거 불편해하기뭔가 책높이가 안맞으면 불편해요. 다 빨간색인데 노란색이 하나 있으면 이상해요. 뭔가 혼자 정렬 안맞고 한 칸 정도 들여쓰기 되어있으면 아..저걸 어떻게 하고 싶은데..하앍... 저..저걸..제발..옮겨줘!!!! .....윈도우 계산기의 1픽셀....7. 격자무늬 투명으로 보기디자이너에겐 투명으로 보여요. 이젠 하도 익숙해져서, 저 어지러운 투명레이어 위에서도 뭐가 뭔지 대략 알 수 있어. 8. 새끼손가락 항상 컨트롤에 두기뭔가 편함네, 새끼손가락이 항상 뭔가 긴장해있어. 지금 타자치고있는 데도 뭔가 새끼손가락이 당장이라도 컨트롤을 누를 것 같아. 그리고 검지는 항상 S를 누르기 위해 노력하죠. 보통 타자칠때 오른손의 중지는 'ㅏ'를 누르게 되어있어요. 하지만 왠지 모르게 나는 자꾸 O를 누르려고 한다고. 뭘 자꾸 열려고 하는거야... 9. 모니터는 최대한 가까이 보기바른 디자이너의 자세모니터가 얼마나 큰 지는 중요하지 않아요. 32인치가 아니라 32인치 할아버지가 와도 난 모니터를 5cm앞에서 바라볼 거야. 아이맥이면 다를 것 같지? 아니에요. 아이맥은 좀 더 선명하게 5cm 앞에서 볼 수 있다는 장점이 있죠. 어쨌든 바라보는 거리는 변하지 않아요. 10. 책표지 보면서 레퍼런스찾기괜히 이쁜 책보면 사진 찍어벌임.. 그리고 어딘가 저장해요. 레퍼런스 해야지이~ 하면서. 그리곤 어디갔는지 몰라..기억에서 사라져요.11. 매거진의 가독성 비판하기이건 좋은 매거진!안읽히면 대차게 비판해버려요. 아 이거...뭔가 한 눈에 딱 안들어와!..하면서 갑자기 안물안궁 크리틱을 시작해요. 아..이거 폰트만 너무 크게 해놓고 여백이 너무 좁네.. 행간도 되게 애매하고. 하며 꿍시렁꿍시렁 하다가 매거진을 내려놔요. 안읽히면 안보면 되지만, 디자이너는 굳이 안 읽히는 이유를 찾아요.12. 모든 곳에서 콘센트 발견하기차..찾았다!!디자이너에게 카페는 단순히 티라미수와 커피를 먹는 곳이 아니에요. 메뉴와 분위기를 봄과 동시에 와이파이와 의자, 책상의 편의성, 그리고 콘센트의 위치를 함께 봐요. 제 아무리 이쁘고 힙해도 콘센트가 없다면 그 곳은 미미의 집 같은 곳일 뿐이에요. 13. 이쁜소품보면 찍어놓기커...커여워!!!!!!!!!인스타에 올리려고 찍는 게 아니에요. 물론 종종 올리기도 하지만, 대부분은 언젠가 굿즈 만들 때 쓸 수 있을 것 같아서 그냥 찍어놓는 거에요. 도대체 그 굿즈는 언제 만들게 될런지 모르지만, 그래도 나도 이런거 만들어봐야지!!~ 하는 마음은 모두가 매한가지예요.14. 아티클있으면 저장해놓기(안봄).....저장해놓고 안봤어요...페북과 구글 등등 SNS에선 온갖 종류의 디자인 관련 아티클과 정보가 넘쳐나요. 와씨 이건 진짜 개꿀팁이다!!! 레알 이거 나중에 꼭봐야지!!! 해놓고 즐겨찾기에 넣고 게시물을 저장해요. (그리곤 내면 깊숙한 어딘가에서 이슬로 사라졌다고 한다..)15. 카페옆자리 디자이너 시안보면서 부러워하기강남 빈브라더스 가면 주변에 디자이너가 3명이상은 반드시 있어요. 스벅에도 마찬가지예요. 할리스는 공부방 모드로 좌석이 바뀐 이후론 거의 성지가 되었어요. 상수역 골목에 이리카페도 디자이너 천지에요. 제비다방도 디자이너가 우글거려요. 화장실가다가 담배피러 나가다가 옆 사람 시안 슬쩍 봐요. 잘해요. (못해도 잘해보여요.) 괜히 부러워요. 흥. 잘하네.16. 새메일 무서워하기안심.아침에 일어나서 새메일 +2가 떠있으면 무서워요.  17. 후드티 사랑하기후드티는 여러가지 모드로 전환할 수 있는 최고의 유니폼이에요. 머리를 안감았을 땐 모자를 쓰면 되고, 엎드려 잘 때도 모자가 크면 훌륭한 암막커튼이 돼요. 후드티엔 기모가 있어야 해요. 그래야 부들부들하니 좋아요. 후드는 한사이즈 크게 입어야 또 제맛이에요. 그리고 주머니에 뭔가 그득그득 들어있고. 오래 입어서 뭔가 소매가 헤져있으면 더욱 빈티지스러워요. 후드티에 회색츄리닝을 입고 노트북을 들면 다 이길 수 있어요.18. 오르막길 힘들어하기오래 앉아있다보면 합정역 계단도 트래킹코스가 돼요. 19. 콜라보제품보고 감탄하기괜히 콜라보제품보면 우왕우왕 거림... 괜히 1300K랑 박카스랑 한 콜라보제품 보러가고, 나이키랑 누구랑 콜라보했다고 하면 보러가고, 마리몬드랑 3M이랑 콜라보했다하면 보러가고... 팝업스토어도 짱 좋아해요. 브랜드 팝업스토어 뜨면 왠지 한 번 가보고 싶어요. 그리고 구리다와 예쁘다를 판가름해요. 거의 매사에 크리틱이 생활화 되어있는 것 같아요.20. 살 건 없지만 괜히 프리스비 매장 구경하기괜히.자꾸 보다보면 내 것이 되지 않을까 싶은 마음으로 자꾸 장비구경해요. 프리스비는 그래도 양반이지. 용산가면 와콤 팝업스토어가 있어요. 거긴 신세계에요. 디자인문구점도 그냥 지나칠 수 없어요. 핫트랙스 꼭 가야해요. 무인양품도 괜시리 들어가봐요. 이걸 사면 왠지 디자인이 더 잘 될 것 같아요. 말도 안돼요. 하지만 기분적인 느낌이 그래요. 
조회수 1046

[Buzzvil Career] 좋은 디자이너는 어떤 사람일까요?

 버즈빌은 어떠한 인재를 찾는지 지원자에게 잘 알리려고 노력합니다. 그럼 지원자도 버즈빌이 자신에게 맞는 기업인지 알 수 있을 테니까요.  Buzzvil Career에서는 각 직무에 대해 더욱 심도 있는 정보를 제공합니다. 현재 채용 중인 디자이너 포지션을 여기에서 확인 해주세요. 이번 글은 지난 13년동안 디자인에 매진한 Max 에 대한 직무 인터뷰입니다. (그에 대한 자세한 내용은 LinkedIn 에서도 확인할 수 있습니다!) 그는 여전히 이 분야에서의 일을 즐기고 있고, 지난 4년 동안 수석 디자이너로 버즈빌과 함께 했습니다. 그가 생각하는 좋은 디자이너란 누구인지 함께 이야기해 보았는데요. 버즈빌과 함께 성장하고 싶은 디자이너라면 이 글에 주목해 주세요. 버즈빌에서 하루 일과를 설명해주세요. 저는 매일 일과를 차분하게 계획하기 위해 평화로운 오전 9시 정도에 출근해 하루를 시작합니다. 그러고 나서 Young, James, Lucas를 포함한 몇 명의 버즈빌리언과 9:30분에 명상을 즐깁니다. 오전 10시에는 팀원들과 daily scrum을 한 뒤 커피를 마시는 시간을 가져요. 이렇게 순조로운 업무를 위해 소통하며 하루를 시작합니다. 저는 오전에 생산성이 가장 높기 때문에, 어려운 작업은 이 시간에 모두 하려고 노력합니다. 에너지 반만 쓰면서 오후 내내 하는 것보다 오전 한 시간에 온전히 집중하면 더 많은 일을 할 수 있는 것 같아요. 그 후 최근 인기가 좋은 송리단길에서 새로운 맛집을 찾아 점심을 먹거나 회사에서 제공하는 아침 식사를 브런치처럼 간단하게 먹습니다. 오후는 보통 팀원들이나 다른 버즈빌리언들과 소통하고 팔로우업 하는 시간입니다. 하루의 마지막 시간들은 문서화 작업, 리서치,  벤치 마킹하며 시간을 보냅니다. 왜 버즈빌을 선택했나요? 버즈빌은 디자이너들에게 특별한 환경을 제공합니다. 회사는 창의성을 이해하고 각 팀의 분야를 존중하기 때문이죠. 각 팀은 팀원들이 직접 일을 어떻게 관리할지를 자유롭게 결정할 수 있습니다. 이것은 디자이너들이 일하는 방법을 찾고 끊임없이 개선하는데 적합한 환경이죠. 이러한 기업 문화는 보기 드물거든요. 버즈빌은 어떤 곳인가요? 버즈빌은 모두에게 자기 주도적일 것을 권합니다. 스스로 도전할 준비가 됐고 이를 위한 최상의 환경을 원하는 디자이너들에게 아주 적절합니다. 버즈빌의 디자이너는 한 가지 일이 아닌 많은 것을 하게 될거에요. 그리고 한가지 특정 분야에 매여 있지 않은 대신에 여러 가지 프로젝트들을 맡으며 역량의 범위를 무한대로 넓힐 수 있습니다. 아이디어가 있을 때, 그것을 실행에 옮기는 데 시간을 낭비하지 않도록 디자인 팀은 소통과 새로운 아이디어에 늘 열려 있어야 합니다. 버즈빌는 조화를 가장 중요시하는데요. 많은 IT 회사들은 종종 좋은 환경에 낮은 임금 또는 반대로 나쁜 업무 환경에 높은 임금 둘 중 하나만을 제공하잖아요. 그러나 여기 이곳은 훌륭한 기업 문화를 제공하면서 많은 직원 혜택과 결코 낮지 않은 임금을 제시합니다. 팀 분위기는 어떤가요? 버즈빌의 디자인 팀은 고효율을 매우 중요시합니다. 우리는 내부적으로 회사의 브랜드, 마케팅 그리고 자체 잠금화면 앱 서비스 허니스크린, 슬라이드조이 및  50개 이상의 파트너사의 잠금화면 앱들을 포함한 제품들에 관한 폭넓은 이슈를 다룹니다. 우리는 문제를 제기하고 이것을 빠르게 처리합니다. 그리고 한 사람이 똑같은 일을 두 번 할 필요가 없도록 현명하게 일할 줄 아는 디자이너들을 찾고 있습니다. 나를 포함한 여기 디자이너들은 기술적인 백그라운드를 가지고 있어서 문제를 더욱 쉽게 다루고 있습니다. 우리는 결국 IT 스타트업이기 때문에 필수는 아니지만, 프로그래밍 경험이 있는 지원자를 선호합니다. 우리는 제품이 어떻게 작동하고 어떻게 사람들의 삶을 변화시킬 수 있는지를 이해할 수 있어야 하기 때문이죠. 좋은 디자이너는 어떤 사람일까요? 호기심이 많은 사람: 좋은 디자이너는 평생 공부하는 사람입니다. 좋은 디자이너는 모든 디테일에 주의를 기울여야 하고 비지니스 측면을 포함하여 무엇이 중요한지를 이해해야 합니다. 디자인은 끊임없이 변화하는 분야이기 때문에 디자이너들은 항상 최신 트렌드나 이슈를 잘 알고 있어야 합니다. 행동하는 사람: 디자인은 아이디어를 실질적으로 구체화할 수 있는 능력을 가지는 분야입니다. 디자이너는 초기 단계일지라도 새로운 것을 시도하는데 절대로 주저해서는 안 됩니다. 리서치는 중요하고 과정의 일부이지만 아이디어를 실행으로 옮겨야 실력 있는 디자이너로 성장할 수 있지 않을까요. 잘 소통하는 사람: 디자이너들은 아이디어들을 전달하기 위해 시각 언어를 만들어내고 사용합니다. 공유하고, 가르쳐주고, 알려주고, 토론하고 더 나은 디자인을 위해 다른 사람들의 피드백에 근거하여 다시 디자인 작업을 반복하는 것이 디자이너들의 역할이죠. 그리고 한 사람이 훌륭한 디자이너가 될 수 있다고 한들 그가 아이디어를 나누는 방법을 모르면 그게 무슨 의미가 있을까요? 좋은 디자이너는 확실한 방법론을 가진 사람인데요. 방법은 모든 프로젝트의 기초가 됩니다. 자신만의 방법을 가진 디자이너는 다양한 프로젝트에 적응할 수 있습니다. 최신 디자인과 관련된 트렌드를 잘 알기 위해 Slack같은 툴을 이용하여 소규모의 온라인 커뮤니티를 시작하거나 가입하는 건 어떨까요. 기사를 읽고, 팟캐스트를 듣고, 관련 영상과 그것들 밑에 추천되는 콘텐츠를 접해도 되겠네요. 그런 콘텐츠를 통해 다른 디자이너들은 어떻게 문제를 해결하는지에 대한 좋은 아이디어를 얻는 게 중요한 것 같아요. 버즈빌에서 우리 디자인 팀은 더 커질 필요가 있고 우리는 함께할 최고의 팀플레이어를 찾고 있습니다. 여기에서 멋진 경험과 보람찬 모험을 함께 했으면 좋겠습니다. 현재 어떤 포지션을 채용 중인가요? (2018년 10월 기준) 현재 자율적으로 웹과 모바일 관련 프로젝트를 노련하게 담당해줄 Product Designer를 찾고 있습니다. 기술적이고 사업적인 분석까지 가능하여 상항에 맞게 잘 적응할 수 있는 분이였으면 좋겠습니다. 무엇보다 팀워크가 중요하다는 것을 잘 이해하고 팀원들과 함께 공유하고 배우고 참여하는 디자이너라면 지원해주세요. 개인적으로 그리고 팀원으로 함께 성장했으면 좋겠습니다.   *버즈빌의 채용공고(전문연구요원 포함)를 확인하고 싶으면 아래 버튼을 눌러주세요!
조회수 1253

코인원 마이페이지가 더욱 더 새로워졌습니다 :) - 유저플로우셀 팀터뷰

웹서비스에서 나만의 서비스 이용내역과 개인정보를 확인할 수 있는 공간을 ‘마이페이지'라고 하죠. 유저들은 마이페이지를 통해 나의 상태를 체크하며 해당 서비스에 좀 더 애착을 갖기도 합니다. 이번에 코인원 마이페이지도 더욱 더 새로워지면서 애정이 가득해졌다는 유저들의 제보가 속속 들어오고 있어요!오늘은 코인원 마이페이지를 새롭게 탄생시킨 유저플로우셀 예은님, 정유님, 현진님, 종헌님과 함께 마이페이지의 모든 것을 파헤쳐보겠습니다.코인원 유저플로우셀은 트레이딩 영역을 제외한 전반적인 서비스 영역을 담당하고 있습니다. 각 서비스에 대한 유저 경로 동선을 만들고 서비스를 제공하며, 누구나 거래를 하고 싶은 코인원을 만들고 있답니다. :-)Q. 안녕하세요, 유저플로우셀 여러분. 자기소개와 함께 현재 업무를 소개해주세요!예은 : 유저플로우셀에서 서비스 기획자로 일하고 있는 지예은입니다. 저는 코인원 유저들이 겪는 문제상황과 UX트렌드 분석을 통해 기존의 서비스를 개선하고 고도화하고 있어요.정유 : 프로덕트 디자이너로 일하고 있는 이정유입니다. 유저플로우셀은 유저와 거래소를 이어주는 모든 페이지를 담당하고 있어요. 저는 기획자들과 함께 유저의 니즈를 페이지에 UI(User Interface)적으로 어떻게 반영할지 고민하고, 이를 디자인 시스템에 녹여 시각적 일관성을 전달합니다.  현진 : 프론트엔드 개발자로 불철주야 개발 중인 박현진입니다. 프론트엔드는 한마디로 코인원 프로덕트에서 실제로 유저들에게 보여지는 웹화면이에요. 저는 유저들에게 보이는 영역을 책임지며 프로그래밍하고 있습니다.종헌 : 웹 API를 담당하고 있는 백엔드 개발자 김종헌입니다. 프론트엔드가 유저에게 보이는 영역을 담당한다면, 저는 보이지 않는 곳인 백엔드에서 입출금 서비스, 거래기록, 개인정보 등 코인원의 다양한 서비스와 유저를 연결하고 있어요.Q. 이번에 마이페이지 개선이 대대적으로 진행되었습니다. 어떤 계기와 방향성으로 개선하게 되었나요?예은 :  마이페이지 개선은 유저의 고충을 파악하기 위한 코인원 고객센터 인터뷰에서 시작되었습니다. 거래소 이용에 필요한 인증, 계정 보안에 대한 관리가 익숙하지 않은 유저들의 ‘페인 포인트(Pain Point)’를 발견했거든요. 서비스 기획자, 디자이너, 개발자가 함께 모여 UI나 정보로 사용자에게 도움을 주고 CS비용을 최소화 할 수 있는 방법을 고민하기 시작했습니다. 우선, ‘마이페이지'는 코인원 서비스를 이용하는 유저 개개인을 챙겨주는 공간이라고 생각합니다. 이번 개선 과정에서 가장 중점을 둔 부분도 ‘고객을 챙겨주는 마이페이지' 경험을 전달하는 것이었어요. 이렇게 설정된 방향성에 따라 유저들의 상태별로 필요한 상황을 안내하도록 구성했습니다. 한마디로 ‘유저 맞춤형 마이페이지’로 진화한겁니다!▲ 더욱 더 새로워진 코인원 마이페이지정유 : 이전의 마이페이지는 엉켜있는 플로우로 인해, 유저가 어떤 상태인지, 어떤 인증과정을 거치고 있는지 인지하기가 힘들었습니다. 목적을 달성하기 위해 마이페이지에 접속했지만 목적 달성을 끝마칠 수 없었죠. 먼저 흩어져 있는 기능, 정보, 구조들을 그룹핑하며 플로우를 개선하는 작업을 시작했어요. 아이데이션 과정을 거치면서 마이페이지를 ‘내 서랍, 내 방' 등 나만의 정체성을 확인할 수 있는 키워드로 정의했습니다. 그리고 키워드를 확장시켜 ‘나의 데이터'를 한 눈에 관리할 수 있는 대시보드 형태의 디자인을 지향하게 되었어요. 결과적으로 현재 마이페이지에는 나의활동, 개인정보관리, 인증단계 총 3 개의 탭으로 위계를 설정했습니다. :D▲ 코인원 거래소 인증단계가 훨씬 간편해졌습니다!Q. 기술적으로는 어떤 변화가 있었을까요?현진 : 마이페이지를 포함해서 코인원 웹 프로덕트에 기술부채(Technical Debt)가 조금씩 쌓여 있었어요. 이 부분을 덜어내기 위해 마이페이지를 개선하면서 ‘기획/디자인/개발’ 삼박자로 변화를 주는 리빌딩(Re-building)을 진행했습니다. 덕분에 기술적으로 관리 포인트가 많이 줄었어요. 이제는 웹 유지/보수가 좀 더 용이하게 되었답니다.종헌 : 그 동안 코인원 웹은 하나의 비대한 서비스로 운영되었습니다. 하나의 서비스가 덩치가 점점 커지다 보니 개발자가 서비스 로직을 온전히 이해하기 어려웠어요. 웹을 유지하고 보수하거나, 새로운 기능을 추가하는 것도 쉽지 않았습니다. 그래서 하나의 비대한 서비스를 여러 개의 작은 서비스로 나누는 작업인 리빌딩을 진행했어요. 여러 작은 서비스로 분리하고 책임 영역을 나누면서 서비스 로직에 대해 제대로 이해하고 체계적으로 코드를 작성할 수 있게 되었습니다.    Q. 마이페이지 개선 전과 후, 달라진 점을 말씀해주세요.예은 : 코인원 마이페이지는 이전보다 유저들에게 더욱 친근하게 다가가고 있습니다. 마이페이지의 콘텐츠가 유저의 상태에 맞춰 변화하며, 유저마다 다음 인증 과정이나 활동 내역을 다르게 안내합니다. 유저가 기능을 먼저 찾지 않아도, 마이페이지가 길을 찾아주는 가이드의 형태를 띄고 있어요.또한 인증단계 별로 수수료나 회원등급이 달라지는데, 유저들이 하나하나 가이드를 보며 찾아볼 수는 없다고 생각해요. 한눈에 자신의 상태를 파악할 수 있도록 UI를 활용하는 것이 중요한 부분이죠. 마이페이지의 개선된 UI로 유저가 코인원의 서비스 정책을 한층 더 깊게 이해하는데 도움이 되었으면 해요.정유 : 유저가 코인원 프로덕트와의 관계성을 인지할 수 있는 디테일들이 추가되었습니다. 가장 대표적인 예시로는 ‘코인원과 함께한 지 000일째 입니다.’라는 문구가 있겠네요. 코인원 유저들에게 ‘챙겨준다'라는 느낌을 전달하기 위해 정말 많은 회의와 아이데이션을 거쳤습니다. 그 과정 중 나왔던 아이디어인데 이번에 반영하게 되었어요. ‘제품’보다는 ‘서비스'로서 느껴질 수 있도록, 대화하는 느낌을 잘 살려주는 포인트이기에 매우 뿌듯했죠.▲ 심...심쿵....!!!!!현진 : 개발자 입장에서 바라봤을 때, 페이지 애니메이션이 가장 좋았어요. 페이지 애니메이션은 웹페이지가 다른 웹페이지로 이동할 때 발생하는 애니메이션을 말합니다. ‘툭' 하고 넘어가는 것이 아니라 ‘sha~(?)’ 하게 넘어가는 느낌이라고 할까요. 페이지와 페이지 사이가 하나의 관계성을 가지고 넘어가게 됩니다. 유저들은 ‘암호화폐 거래소에서 마이페이지에 이런 디테일한 부분까지 신경쓰고 있구나’를 느낄 수 있을거에요. 또한 에러메시지, 경고메시지와 같은 피드백 인터랙션도 정교해졌어요. 사용자와 교감할 수 있는 쪽에 코인원만의 감성이 잘 버무려졌습니다.종헌 : 이전의 코인원 프로필 서비스는 사용빈도가 높지는 않았어요. 그라바타(Gravatar)라는 외부서비스를 사용했는데, 이것을 사용하지 않는 유저들에게 친숙하지 않았거든요. 이제는 코인원에서 프로필 이미지를 정해두고 원하는 이미지로 클릭해서 쉽게 변경할 수 있게 설정했어요. 참고로 프로필 이미지를 설정하는 것이 보안측면에서도 좋습니다. 예를 들어, 은행에서는 프로필 이미지를 설정하면 바로 내가 사용하는 계정인지 아닌지를 알 수 있어요. 코인원에서도 프로필 이미지를 설정하면 내가 가입한 계정인지 아닌지 식별이 가능합니다.▲ 프로필 사진 설정 기능도 많이 이용해주세요 :)Q. 마이페이지의 개선 작업 과정에서 많은 고민이 있으셨을 것 같아요. 가장 중점적으로 생각했던 부분이 있었나요?정유 : 가장 중점이 되었던 부분은 서비스를 이용하는 유저 개개인의 상태를 반영하는거였어요. 유저별로 동일한 정보가 아닌 맞춤형 정보를 제공하기 때문에 한 페이지 안에 들어가는 정보의 위계가 상태값에 따라 계속 변하는 것이 관건이었습니다. 예를 들어, 마이페이지에는 나의 정보를 업데이트하기 위한 많은 버튼들이 들어갑니다. 그럼 유저 케이스별로 중요한 정보를 바꿔보면서 어떤 버튼이 가장 위계가 높은지 고민하고 계산해요. 이러한 과정을 거치면서 유저의 상태값을 쉽게 알려주고 변경할 수 있는 디자인이 완성되었습니다. 예은 : 기존부터 유저 인터뷰를 진행하며 ①신규 유저 ②타사 이용 유저 ③거래소 이용에 문제를 겪고 있는 유저 ④코인원을 오래 이용해준 고마운 유저 케이스까지 다양한 상황에 놓여있는 유저들에게 만족스러운 UX 경험을 드리기 위해 고민해왔습니다. 특히 운영지원셀과 코인원 고객센터 CS로 인입되는 주요 인터뷰들을 중점적으로 수집하여 인증과정에 문제가 되는 것들을 모아서 개선회의를 해왔어요. 이외에 마케팅, 프로덕트쪽도 함께 서비스를 제공하는 공급자 입장에서의 니즈도 취합해 마이페이지에 반영할 수 있었습니다.▲ (절대 설정샷 아니에요) 훈훈하게 회의중인 유저플로우셀!Q. 혹시 개선된 마이페이지를 이용한 코인원 고객들의 후기도 있었나요?예은 : 개선된 마이페이지로 바뀐 지 얼마되지 않아, 유저의 피드백을 직접적으로 접하지는 못했어요. 대신 정량적인 부분에서 여러 수치들이 올라간 것을 확인할 수 있었습니다. 대략적으로 재방문자의 UV(Unique Visitor)수가 개선 전과 대비해서 약 70%정도 크게 증가했습니다. 이전에는 회원가입을 끝마치고 인증과정 중에 페이지를 이탈한 유저도 보였지만, 개선된 후에는 마이페이지 탭 이용빈도가 크게 올라갔습니다. 마이페이지가 좀 더 원활한 거래소 서비스 이용을 위한 가이드 역할을 해주길 기대하면서, 지속적으로 니즈를 관찰하고 개선해 나갈 예정입니다.Q. 마이페이지 이외에도 기억에 남는 유저플로우셀의 프로젝트가 있나요?예은 : 코인원의 수익현황을 한 눈에 볼 수 있는 자산탭이 기억에 남아요. 그 동안 코인원 유저들이 수익률을 확인할 수 있는 기능을 많이 요청했었는데, 팀원들이 함께 고민하여 새로 개편한 기능이라서 그 의미가 컸어요.정유 : 저는 실질적으로 프로젝트에 돌입하기 전에 진행했던 코인원 유저 인터뷰가 가장 기억에 남아요. 인터뷰 내용이 개선점으로 가득찰 줄 알았는데, 응원의 목소리를 전달해주셨거든요. 더 열심히 UI 디자인을 해야겠다는 의욕을 불타오르게 해주었어요!현진 : 코인원 웹프로덕트를 사용하시는 분들이 눈치 채셨는지 모르겠지만, 마이페이지 이전부터 진행해왔던 리빌딩 프로젝트(랜딩, 거래소, 프로차트, 코인원 톡 등)들이 기억에 남아요. 사실 마이페이지 이전 리빌딩 프로젝트들은 기술적으로만 접근하다보니 우여곡절이 많았어요. 그래도 마이페이지 리빌딩은 업무적으로도 많이 배우고, 기술 뿐만 아니라 전체적으로 변화한 것이 보여 저 또한 성장하는 시간이었습니다.종헌 : 이외에도 유저플로우셀은 UX개선을 여러 프로젝트와 함께 진행하고 있습니다. 정신없긴 하지만 개발요소도 새롭고 다이나믹한 것이 많아서 즐겁게 하고 있습니다!▲ 화기애애하게 UI 시안을 보고 있는(?) 유저플로우셀Q. 코인원에서 디자이너 그리고 개발자로 일하는 큰 장점은 무엇인가요?예은 : 코인원에선 셀마다 다른 직무의 인원들이 빠르게 소통하여 의사결정하는 목적조직 형태로 일합니다. 중간중간 기획리뷰, 디자인리뷰 과정을 거치면서 더 꼼꼼하게 일하고, 다른 직무에 계신 분들의 작업도 공유하고 있어요. 거래소에서 일어날 수 있는 다양한 문제 상황을 긴밀하게 대응하고 있죠.정유 : 현재 코인원은 ‘셀(Cell)’이라는 목적조직 형태입니다. PM, 개발자, 디자이너가 한 조직에 속하다보니 Output 나오는 속도가 매우 좋아졌습니다. 또한 여러 직군이 함께 팀웍을 맞추다보니 서비스를 다양한 각도에서 바라볼 수 있고, 이는 디자이너로서 서비스 이해도를 높이는데 굉장히 좋은 환경이라고 생각해요.  종헌 : 코인원은 개발자도 기획 단계부터 적극적으로 참여하여 프로젝트를 설계하고 있습니다. 이로 인해 개발을 하다 예기치 않은 변수가 생기는 일이 거의 발생하지 않아요. 또한 정기적으로 회고를 하며 프로세스의 문제점을 도출해내고, 개선을 위해 다양한 시도를 해볼 수 있다는 것도 장점입니다. 현진 : 현재 코인원 기술본부는 트렌디한 기술을 곳곳에 사용하고 있어요. 기술에 민감하게 반응하는 프론트엔드 개발자분이 코인원에 온다면 기술적으로 매우 만족하실거에요. Q. 앞으로 이루고 싶은 목표는 무엇인가요?예은 : 암호화폐 거래소는 UX를 기획하기에 매우 도전적인 분야입니다. 블록체인 기술이 곳곳에서 화제가 되고 있지만, 아직 업계의 워딩이나 사용에서의 유저 친화적 성숙도가 높지 않은것 같아요. 앞으로의 목표는 누구나 쉽게 거래할 수 있는 암호화폐 거래소를 만드는 것입니다. 점점 더 발전하는 코인원의 모습을 많이 기대해주세요!정유 : 코인원 UI에는 아직 블록체인 공급자적 시선이 많이 담겨있어요. 예를들어, 개발자가 아니면 이해하기 어려운 용어나 UI가 남아있는 부분이 있거든요. 이를 디자인적으로 해소하고 싶습니다. 유저가 갖고 있는 암호화폐 거래 장벽을 낮추고, 코인원의 가치가 잘 반영된 프로덕트를 만드는 것이 목표에요. 종헌 : 코인원에서는 트레이딩 이외에도 여러가지 서비스들을 유저에게 제공하는 다양한 시도를 하고 있어요. 저는 다양한 서비스들을 연결하면서 서비스의 안전장치를 견고하게 쌓아올리고 싶네요. 장애 발생에도 끄떡없는 안정적인 코인원을 유저에게 선보이고 싶습니다.현진 : 대한민국에서 적어도 사용성 1위 암호화폐 거래소를 만들거에요. 유저플로우셀에서 마이페이지 이후에도 많은 프로젝트를 준비하고 있거든요. 매주(?) UX가 점차적으로 개선되는 코인원 거래소의 모습을 확인할 수 있을 거에요. 마지막으로 꼭 하고싶은 말이 있는데, 코인원에 많은 개발자분들이 지원해주셨으면 좋겠어요. 아직 업계에 부정적인 인식이 강하지만, 블록체인이 발전하는 과정을 보며 점차 해소될거라고 믿어요. 기술적으로 발전할 가능성이 무궁무진한 곳이니 기술적인 욕심을 채우고 싶은 분들, 함께 성장하고 싶으신 분들 코인원으로 오세요!▲ 코인원 유저플로우셀 많이 기대해주세요!무엇보다도 긍정적인 에너지로 가득찼던 유저플로우셀의 인터뷰를 들어봤어요.코인원 마이페이지에 큰 변화를 가져온 활기찬 에너지, 다들 느끼셨나요?마이페이지 이후에도 다양한 프로젝트를 준비하고 있는 유저플로우셀. 곧 코인원 웹 거래소를 사용하면서 UX적으로 편리한 사용성을 경험할 수 있을겁니다.끝으로, 특별한 문화를 경험할 기회! 코인원 채용에 함께하는 것도 잊지 마세요 :-)
조회수 1850

코인원 마이페이지가 더욱 더 새로워졌습니다 :) - 유저플로우셀 팀터뷰

웹서비스에서 나만의 서비스 이용내역과 개인정보를 확인할 수 있는 공간을 ‘마이페이지'라고 하죠. 유저들은 마이페이지를 통해 나의 상태를 체크하며 해당 서비스에 좀 더 애착을 갖기도 합니다. 이번에 코인원 마이페이지도 더욱 더 새로워지면서 애정이 가득해졌다는 유저들의 제보가 속속 들어오고 있어요!오늘은 코인원 마이페이지를 새롭게 탄생시킨 유저플로우셀 예은님, 정유님, 현진님, 종헌님과 함께 마이페이지의 모든 것을 파헤쳐보겠습니다.코인원 유저플로우셀은 트레이딩 영역을 제외한 전반적인 서비스 영역을 담당하고 있습니다. 각 서비스에 대한 유저 경로 동선을 만들고 서비스를 제공하며, 누구나 거래를 하고 싶은 코인원을 만들고 있답니다. :-)Q. 안녕하세요, 유저플로우셀 여러분. 자기소개와 함께 현재 업무를 소개해주세요!예은 : 유저플로우셀에서 서비스 기획자로 일하고 있는 지예은입니다. 저는 코인원 유저들이 겪는 문제상황과 UX트렌드 분석을 통해 기존의 서비스를 개선하고 고도화하고 있어요.정유 : 프로덕트 디자이너로 일하고 있는 이정유입니다. 유저플로우셀은 유저와 거래소를 이어주는 모든 페이지를 담당하고 있어요. 저는 기획자들과 함께 유저의 니즈를 페이지에 UI(User Interface)적으로 어떻게 반영할지 고민하고, 이를 디자인 시스템에 녹여 시각적 일관성을 전달합니다. 현진 : 프론트엔드 개발자로 불철주야 개발 중인 박현진입니다. 프론트엔드는 한마디로 코인원 프로덕트에서 실제로 유저들에게 보여지는 웹화면이에요. 저는 유저들에게 보이는 영역을 책임지며 프로그래밍하고 있습니다.종헌 : 웹 API를 담당하고 있는 백엔드 개발자 김종헌입니다. 프론트엔드가 유저에게 보이는 영역을 담당한다면, 저는 보이지 않는 곳인 백엔드에서 입출금 서비스, 거래기록, 개인정보 등 코인원의 다양한 서비스와 유저를 연결하고 있어요.Q. 이번에 마이페이지 개선이 대대적으로 진행되었습니다. 어떤 계기와 방향성으로 개선하게 되었나요?예은 : 마이페이지 개선은 유저의 고충을 파악하기 위한 코인원 고객센터 인터뷰에서 시작되었습니다. 거래소 이용에 필요한 인증, 계정 보안에 대한 관리가 익숙하지 않은 유저들의 ‘페인 포인트(Pain Point)’를 발견했거든요. 서비스 기획자, 디자이너, 개발자가 함께 모여 UI나 정보로 사용자에게 도움을 주고 CS비용을 최소화 할 수 있는 방법을 고민하기 시작했습니다. 우선, ‘마이페이지'는 코인원 서비스를 이용하는 유저 개개인을 챙겨주는 공간이라고 생각합니다. 이번 개선 과정에서 가장 중점을 둔 부분도 ‘고객을 챙겨주는 마이페이지' 경험을 전달하는 것이었어요. 이렇게 설정된 방향성에 따라 유저들의 상태별로 필요한 상황을 안내하도록 구성했습니다. 한마디로 ‘유저 맞춤형 마이페이지’로 진화한겁니다!▲ 더욱 더 새로워진 코인원 마이페이지정유 : 이전의 마이페이지는 엉켜있는 플로우로 인해, 유저가 어떤 상태인지, 어떤 인증과정을 거치고 있는지 인지하기가 힘들었습니다. 목적을 달성하기 위해 마이페이지에 접속했지만 목적 달성을 끝마칠 수 없었죠. 먼저 흩어져 있는 기능, 정보, 구조들을 그룹핑하며 플로우를 개선하는 작업을 시작했어요. 아이데이션 과정을 거치면서 마이페이지를 ‘내 서랍, 내 방' 등 나만의 정체성을 확인할 수 있는 키워드로 정의했습니다. 그리고 키워드를 확장시켜 ‘나의 데이터'를 한 눈에 관리할 수 있는 대시보드 형태의 디자인을 지향하게 되었어요. 결과적으로 현재 마이페이지에는 나의활동, 개인정보관리, 인증단계 총 3 개의 탭으로 위계를 설정했습니다. :D▲ 코인원 거래소 인증단계가 훨씬 간편해졌습니다!Q. 기술적으로는 어떤 변화가 있었을까요?현진 : 마이페이지를 포함해서 코인원 웹 프로덕트에 기술부채(Technical Debt)가 조금씩 쌓여 있었어요. 이 부분을 덜어내기 위해 마이페이지를 개선하면서 ‘기획/디자인/개발’ 삼박자로 변화를 주는 리빌딩(Re-building)을 진행했습니다. 덕분에 기술적으로 관리 포인트가 많이 줄었어요. 이제는 웹 유지/보수가 좀 더 용이하게 되었답니다.종헌 : 그 동안 코인원 웹은 하나의 비대한 서비스로 운영되었습니다. 하나의 서비스가 덩치가 점점 커지다 보니 개발자가 서비스 로직을 온전히 이해하기 어려웠어요. 웹을 유지하고 보수하거나, 새로운 기능을 추가하는 것도 쉽지 않았습니다. 그래서 하나의 비대한 서비스를 여러 개의 작은 서비스로 나누는 작업인 리빌딩을 진행했어요. 여러 작은 서비스로 분리하고 책임 영역을 나누면서 서비스 로직에 대해 제대로 이해하고 체계적으로 코드를 작성할 수 있게 되었습니다. Q. 마이페이지 개선 전과 후, 달라진 점을 말씀해주세요.예은 : 코인원 마이페이지는 이전보다 유저들에게 더욱 친근하게 다가가고 있습니다. 마이페이지의 콘텐츠가 유저의 상태에 맞춰 변화하며, 유저마다 다음 인증 과정이나 활동 내역을 다르게 안내합니다. 유저가 기능을 먼저 찾지 않아도, 마이페이지가 길을 찾아주는 가이드의 형태를 띄고 있어요.또한 인증단계 별로 수수료나 회원등급이 달라지는데, 유저들이 하나하나 가이드를 보며 찾아볼 수는 없다고 생각해요. 한눈에 자신의 상태를 파악할 수 있도록 UI를 활용하는 것이 중요한 부분이죠. 마이페이지의 개선된 UI로 유저가 코인원의 서비스 정책을 한층 더 깊게 이해하는데 도움이 되었으면 해요.정유 : 유저가 코인원 프로덕트와의 관계성을 인지할 수 있는 디테일들이 추가되었습니다. 가장 대표적인 예시로는 ‘코인원과 함께한 지 000일째 입니다.’라는 문구가 있겠네요. 코인원 유저들에게 ‘챙겨준다'라는 느낌을 전달하기 위해 정말 많은 회의와 아이데이션을 거쳤습니다. 그 과정 중 나왔던 아이디어인데 이번에 반영하게 되었어요. ‘제품’보다는 ‘서비스'로서 느껴질 수 있도록, 대화하는 느낌을 잘 살려주는 포인트이기에 매우 뿌듯했죠.▲ 심...심쿵....!!!!!현진 : 개발자 입장에서 바라봤을 때, 페이지 애니메이션이 가장 좋았어요. 페이지 애니메이션은 웹페이지가 다른 웹페이지로 이동할 때 발생하는 애니메이션을 말합니다. ‘툭' 하고 넘어가는 것이 아니라 ‘sha~(?)’ 하게 넘어가는 느낌이라고 할까요. 페이지와 페이지 사이가 하나의 관계성을 가지고 넘어가게 됩니다. 유저들은 ‘암호화폐 거래소에서 마이페이지에 이런 디테일한 부분까지 신경쓰고 있구나’를 느낄 수 있을거에요. 또한 에러메시지, 경고메시지와 같은 피드백 인터랙션도 정교해졌어요. 사용자와 교감할 수 있는 쪽에 코인원만의 감성이 잘 버무려졌습니다.종헌 : 이전의 코인원 프로필 서비스는 사용빈도가 높지는 않았어요. 그라바타(Gravatar)라는 외부서비스를 사용했는데, 이것을 사용하지 않는 유저들에게 친숙하지 않았거든요. 이제는 코인원에서 프로필 이미지를 정해두고 원하는 이미지로 클릭해서 쉽게 변경할 수 있게 설정했어요. 참고로 프로필 이미지를 설정하는 것이 보안측면에서도 좋습니다. 예를 들어, 은행에서는 프로필 이미지를 설정하면 바로 내가 사용하는 계정인지 아닌지를 알 수 있어요. 코인원에서도 프로필 이미지를 설정하면 내가 가입한 계정인지 아닌지 식별이 가능합니다.▲ 프로필 사진 설정 기능도 많이 이용해주세요 :)Q. 마이페이지의 개선 작업 과정에서 많은 고민이 있으셨을 것 같아요. 가장 중점적으로 생각했던 부분이 있었나요?정유 : 가장 중점이 되었던 부분은 서비스를 이용하는 유저 개개인의 상태를 반영하는거였어요. 유저별로 동일한 정보가 아닌 맞춤형 정보를 제공하기 때문에 한 페이지 안에 들어가는 정보의 위계가 상태값에 따라 계속 변하는 것이 관건이었습니다. 예를 들어, 마이페이지에는 나의 정보를 업데이트하기 위한 많은 버튼들이 들어갑니다. 그럼 유저 케이스별로 중요한 정보를 바꿔보면서 어떤 버튼이 가장 위계가 높은지 고민하고 계산해요. 이러한 과정을 거치면서 유저의 상태값을 쉽게 알려주고 변경할 수 있는 디자인이 완성되었습니다. 예은 : 기존부터 유저 인터뷰를 진행하며 ①신규 유저 ②타사 이용 유저 ③거래소 이용에 문제를 겪고 있는 유저 ④코인원을 오래 이용해준 고마운 유저 케이스까지 다양한 상황에 놓여있는 유저들에게 만족스러운 UX 경험을 드리기 위해 고민해왔습니다. 특히 운영지원셀과 코인원 고객센터 CS로 인입되는 주요 인터뷰들을 중점적으로 수집하여 인증과정에 문제가 되는 것들을 모아서 개선회의를 해왔어요. 이외에 마케팅, 프로덕트쪽도 함께 서비스를 제공하는 공급자 입장에서의 니즈도 취합해 마이페이지에 반영할 수 있었습니다.▲ (절대 설정샷 아니에요) 훈훈하게 회의중인 유저플로우셀!Q. 혹시 개선된 마이페이지를 이용한 코인원 고객들의 후기도 있었나요?예은 : 개선된 마이페이지로 바뀐 지 얼마되지 않아, 유저의 피드백을 직접적으로 접하지는 못했어요. 대신 정량적인 부분에서 여러 수치들이 올라간 것을 확인할 수 있었습니다. 대략적으로 재방문자의 UV(Unique Visitor)수가 개선 전과 대비해서 약 70%정도 크게 증가했습니다. 이전에는 회원가입을 끝마치고 인증과정 중에 페이지를 이탈한 유저도 보였지만, 개선된 후에는 마이페이지 탭 이용빈도가 크게 올라갔습니다. 마이페이지가 좀 더 원활한 거래소 서비스 이용을 위한 가이드 역할을 해주길 기대하면서, 지속적으로 니즈를 관찰하고 개선해 나갈 예정입니다.Q. 마이페이지 이외에도 기억에 남는 유저플로우셀의 프로젝트가 있나요?예은 : 코인원의 수익현황을 한 눈에 볼 수 있는 자산탭이 기억에 남아요. 그 동안 코인원 유저들이 수익률을 확인할 수 있는 기능을 많이 요청했었는데, 팀원들이 함께 고민하여 새로 개편한 기능이라서 그 의미가 컸어요.정유 : 저는 실질적으로 프로젝트에 돌입하기 전에 진행했던 코인원 유저 인터뷰가 가장 기억에 남아요. 인터뷰 내용이 개선점으로 가득찰 줄 알았는데, 응원의 목소리를 전달해주셨거든요. 더 열심히 UI 디자인을 해야겠다는 의욕을 불타오르게 해주었어요!현진 : 코인원 웹프로덕트를 사용하시는 분들이 눈치 채셨는지 모르겠지만, 마이페이지 이전부터 진행해왔던 리빌딩 프로젝트(랜딩, 거래소, 프로차트, 코인원 톡 등)들이 기억에 남아요. 사실 마이페이지 이전 리빌딩 프로젝트들은 기술적으로만 접근하다보니 우여곡절이 많았어요. 그래도 마이페이지 리빌딩은 업무적으로도 많이 배우고, 기술 뿐만 아니라 전체적으로 변화한 것이 보여 저 또한 성장하는 시간이었습니다.종헌 : 이외에도 유저플로우셀은 UX개선을 여러 프로젝트와 함께 진행하고 있습니다. 정신없긴 하지만 개발요소도 새롭고 다이나믹한 것이 많아서 즐겁게 하고 있습니다!▲ 화기애애하게 UI 시안을 보고 있는(?) 유저플로우셀Q. 코인원에서 디자이너 그리고 개발자로 일하는 큰 장점은 무엇인가요?예은 : 코인원에선 셀마다 다른 직무의 인원들이 빠르게 소통하여 의사결정하는 목적조직 형태로 일합니다. 중간중간 기획리뷰, 디자인리뷰 과정을 거치면서 더 꼼꼼하게 일하고, 다른 직무에 계신 분들의 작업도 공유하고 있어요. 거래소에서 일어날 수 있는 다양한 문제 상황을 긴밀하게 대응하고 있죠.정유 : 현재 코인원은 ‘셀(Cell)’이라는 목적조직 형태입니다. PM, 개발자, 디자이너가 한 조직에 속하다보니 Output 나오는 속도가 매우 좋아졌습니다. 또한 여러 직군이 함께 팀웍을 맞추다보니 서비스를 다양한 각도에서 바라볼 수 있고, 이는 디자이너로서 서비스 이해도를 높이는데 굉장히 좋은 환경이라고 생각해요. 종헌 : 코인원은 개발자도 기획 단계부터 적극적으로 참여하여 프로젝트를 설계하고 있습니다. 이로 인해 개발을 하다 예기치 않은 변수가 생기는 일이 거의 발생하지 않아요. 또한 정기적으로 회고를 하며 프로세스의 문제점을 도출해내고, 개선을 위해 다양한 시도를 해볼 수 있다는 것도 장점입니다. 현진 : 현재 코인원 기술본부는 트렌디한 기술을 곳곳에 사용하고 있어요. 기술에 민감하게 반응하는 프론트엔드 개발자분이 코인원에 온다면 기술적으로 매우 만족하실거에요. Q. 앞으로 이루고 싶은 목표는 무엇인가요?예은 : 암호화폐 거래소는 UX를 기획하기에 매우 도전적인 분야입니다. 블록체인 기술이 곳곳에서 화제가 되고 있지만, 아직 업계의 워딩이나 사용에서의 유저 친화적 성숙도가 높지 않은것 같아요. 앞으로의 목표는 누구나 쉽게 거래할 수 있는 암호화폐 거래소를 만드는 것입니다. 점점 더 발전하는 코인원의 모습을 많이 기대해주세요!정유 : 코인원 UI에는 아직 블록체인 공급자적 시선이 많이 담겨있어요. 예를들어, 개발자가 아니면 이해하기 어려운 용어나 UI가 남아있는 부분이 있거든요. 이를 디자인적으로 해소하고 싶습니다. 유저가 갖고 있는 암호화폐 거래 장벽을 낮추고, 코인원의 가치가 잘 반영된 프로덕트를 만드는 것이 목표에요. 종헌 : 코인원에서는 트레이딩 이외에도 여러가지 서비스들을 유저에게 제공하는 다양한 시도를 하고 있어요. 저는 다양한 서비스들을 연결하면서 서비스의 안전장치를 견고하게 쌓아올리고 싶네요. 장애 발생에도 끄떡없는 안정적인 코인원을 유저에게 선보이고 싶습니다.현진 : 대한민국에서 적어도 사용성 1위 암호화폐 거래소를 만들거에요. 유저플로우셀에서 마이페이지 이후에도 많은 프로젝트를 준비하고 있거든요. 매주(?) UX가 점차적으로 개선되는 코인원 거래소의 모습을 확인할 수 있을 거에요. 마지막으로 꼭 하고싶은 말이 있는데, 코인원에 많은 개발자분들이 지원해주셨으면 좋겠어요. 아직 업계에 부정적인 인식이 강하지만, 블록체인이 발전하는 과정을 보며 점차 해소될거라고 믿어요. 기술적으로 발전할 가능성이 무궁무진한 곳이니 기술적인 욕심을 채우고 싶은 분들, 함께 성장하고 싶으신 분들 코인원으로 오세요!▲ 코인원 유저플로우셀 많이 기대해주세요!무엇보다도 긍정적인 에너지로 가득찼던 유저플로우셀의 인터뷰를 들어봤어요.코인원 마이페이지에 큰 변화를 가져온 활기찬 에너지, 다들 느끼셨나요?마이페이지 이후에도 다양한 프로젝트를 준비하고 있는 유저플로우셀. 곧 코인원 웹 거래소를 사용하면서 UX적으로 편리한 사용성을 경험할 수 있을겁니다.끝으로, 특별한 문화를 경험할 기회! 코인원 채용에 함께하는 것도 잊지 마세요 :-)
조회수 6314

픽셀과 포인트

안녕하세요? 스포카에서 디자인 총괄을 맡고있는 최재형입니다. 오늘은 픽셀pixel과 포인트point에 대해 알아보겠습니다.Pixel픽셀은 디스플레이에서 가장 기본이 되는 단위입니다. 디스플레이는 수많은 픽셀들이 모여 구성됩니다. 하나의 픽셀은 일반적으로 R빨강, G초록, B파랑 세 가지의 서브 픽셀subpixel을 가지고 있습니다. 우리가 px이라고 부르는 단위는 디스플레이에서 서브픽셀이 모여 색상을 표현하는 최소 단위라 보시면 됩니다. 픽셀에 대한 자세한 이야기는 제 이전 글을 참고해 보시길 바랍니다.Point포인트point는 타이포그래피에서 사용하는 가장 작은 인쇄 단위로, 파이카pica를 잘게 나눈 것입니다. 즉, 포인트와 파이카 모두 글자의 크기를 측정하기 위한 단위입니다. 참고로 파이카는 18세기에 만들어진 타이포그래피의 유닛입니다. 1 pica가 정의하는 길이는 다양하지만, 현재 가장 보편적으로 사용되는 방식은 1 pica가 1/6in라고 보시면 됩니다. 이를 미터법으로 표시하면 약 4.233 mm가 됩니다. 간단히 정리하자면 다음과 같습니다.1 pica = 1/6 inch = 4.233 mm그리고 포인트는 파이카를 12조각으로 나눈 단위입니다. 즉 1 pica는 12 pt와 같습니다. 결국 정리하면 1 pt는 다음과 같습니다.1 inch = 6 pica 1 pica = 12 pt 1 pt = 1/12 pica = 1/72 inch = 약 0.3527 mm1 pt는 몇 px일까요?1pt는 몇 px일까요? 디자인을 하시는 분이 거나, 디자인을 코드로 구현하는 분이라면 한 번쯤 품어봤을 궁굼증일 겁니다.포인트point와 파이카pica는 컴퓨터가 없을 때부터 있었던 개념입니다. 이 단위가 컴퓨터 디스플레이안에 들어오기 시작하면서 문제가 발생하기 시작합니다. 컴퓨터 디스플레이의 기본이 되는 픽셀의 크기가 모두 다르기 때문입니다.글자의 크기는 디스플레이의 해상도와 실제 모니터의 사이즈에 영향을 받습니다. 픽셀의 크기는 스크린의 종류마다 제각각이기에 픽셀의 크기와 물리적 단위인 인치inch 사이에는 고정된 관계가 없습니다. 그래서 컴퓨터 상에서 글자의 크기는 논리적 단위logical unit를 통해 파악하게 됩니다.72 pt의 글씨는 1 logical inch 크기의 글씨라고 정의됩니다. 그리고 이 logical inch는 실제 표시되는 물리적 단위physical unit인 physical inch로 변환되어 최종적으로는 픽셀로 스크린 위에 표시됩니다.하지만 논리적 단위가 물리적 단위로 변환되는 기준은 경우에 따라 다릅니다. 이 부분에 대해 알아보기 위해 여기서 잠시 그래픽 유저 인터페이스 역사로 들어가보겠습니다.WYSIWYG1970년대, Xerox PARC 연구소에서는 WYSIWYG을 개발합니다. WYSIWYG은 “What You See Is What You Get”의 줄임말 입니다. 우리말로는 “보는 대로 얻는다” 라는 뜻의 내용입니다.WYSIWYG은 컴퓨터 스크린 상에서 보이는 편집 상태의 화면이 최종 결과물 - 그 당시에는 출력물을 뜻합니다 - 과 같은 방식의 GUI 기반의 편집 툴을 일컫습니다. 우리가 현재 쓰고있는 워드프로세서나 Adobe의 Photoshop, Illustrator 등과 같은 그래픽 편집 툴이 WYSIWYG이라고 보시면 됩니다.72 dpiXerox PARC 연구소는 1 point가 1/72 inch인 것에 착안하여 72 ppipixels-per-inch의 화면해상도를 가진 디스플레이를 표준으로 채택합니다. 72 ppi 해상도에서는 1 pt가 1 px이 되게 됩니다.Apple은 72 ppi의 규격을 채용하여 OS에 적용합니다. 타자기 세대에 널리 쓰이던 10pt 크기의 글씨를 모니터 상에서 10 px로 보이게 하겠다는 의도였습니다.참고로 ppipixels-per-inch와 dpidots-per-inch는 서로 다른 개념이지만 최근에는 차이의 구분 없이 혼용되어 쓰이고 있습니다.Apple 72 dpi를 채택한 이유는 타자기 세대에서 널리 쓰이던 10 point 크기의 서체를 컴퓨터 스크린에서도 같은 숫자의 크기인 10 px의 크기를 갖게 하겠다는 의도였습니다. 결과적으로 Apple의 선택은 대중에 큰 호응을 얻었습니다. 그리고 Apple PC의 대중화와 함께 72 dpi는 보편화가 됩니다.96 dpi반면 Microsoft는 96 dpi를 표준 해상도로 채택하게 됩니다. Microsoft가 Apple과는 달리 96 dpi를 표준 해상도로 설정한 이유는 다음과 같습니다.Microsoft는 인간이 컴퓨터 디스플레이를 볼 때는 책이나 문서를 볼 때 눈(망막)에서 책이나 문서까지의 거리보다 1/3 가량 더 멀리 본다고 주장합니다. 그래서 72 dpi 스크린에서의 글씨는 실제 편집자에 의해 의도되었던 글씨 크기보다 작게 보이기 때문에 가독성에 해를 끼친다고 판단합니다.어디선가 본 것 같은 논리입니다.Microsoft는 위 문제를 해결하기 위해 트릭을 씁니다. 72 dpi 해상도를 96 dpi의 해상도로 높이는데 그 이유는 다음과 같습니다. 컴퓨터 스크린은 책이나 문서를 읽을 때의 거리 보다 4/3배 이므로, 해상도도 4/3배를 하여 72 ppi의 모니터에서 글씨 크기를 키워 상대적으로 같은 글씨 크기를 만들어 가독성을 높이겠다는 의도였습니다.Microsoft의 운영체제에서는 위의 96 dpi를 논리적인 해상도logical resolution라 부르고, 실제 디스플레이가 지원하고 실질적으로 표현되는 72 dpi의 해상도를 실제 해상도physical resolution이라 말합니다.1 pt = ?다시 궁금즘의 시작점으로 돌아와 1 pt는 몇 px인지에 대해 결론을 내보겠습니다. 1 inch를 표시하기 위해 Mac에서는 72px이 필요하고, Windows에서는 96 px이 필요한 셈입니다. 결국 1 pt가 정의하는 픽셀은 해상도의 상황에 따라 달라지게 됩니다.Mac: 1 inch = 72 px Windows: 1 inch = 96px Mac (72 ppi): 1 pt = 1 px = 약 0.3527 mm Windows (96 ppi): 1 pt = 1 px * 96/72 = 약 1.3333 px = 약 0.4702 mmWeb Browser하지만 웹 브라우져 상에서의 해상도는 약간 예외적입니다. (아직까지는) 가장 보편적으로 사용되고 있는 웹 브라우저인 Microsoft의 Internet Explorer는 역시 자사제품답게 96 dpi의 해상도를 가지고 있습니다. 하지만 Google Chrome이나 Apple의 Safari가 쓰는 Webkit 엔진의 경우도 72 dpi가 아닌 96 dpi의 해상도를 기준으로 삼고 있습니다. 이는 CSS가 계획될 당시 96 dpi를 기준으로 만들어졌기 때문입니다. 그러므로 웹에서의 폰트는 포인트에서 4/3배가 된 픽셀 값을 가지게 됩니다. 12 pt의 크기의 글씨는 웹 브라우져에서 16 px로 렌더링 되는 것입니다.DisplayDPI Calculator / PPI Calculator하지만 모든 모니터의 도트피치는 다 다릅니다. 위의 링크에서 볼 수 있듯이 모니터의 ppi는 종류별로 매우 상이하죠. 위에서 예로 든 12 pt의 글씨는 웹 브라우져에서 16 px로 렌더링 되긴 하지만, 각 모니터에서 표시되는 16 px의 실제 크기는 모니터의 도트피치에 따라 다릅니다.예를들어 1920*1200의 해상도를 가진 24 inch의 모니터는 94.34 PPIpixel-per-inch입니다. 그렇다면 위 모니터에서의 16 px의 크기는 다음과 같습니다.16 px = 16/94.34 inch = 0.1696 inch하지만 제 맥북프로는 1280*800 해상도에 13 inch의 디스플레이를 탑재하고 있으므로 116.11 PPIpixel-per-inch입니다. 그러므로 16 px의 크기는 실질적으로 다음과 같이 보입니다.16 px = 16/116.11 inch = 0.1378 inchReferencehttp://msdn.microsoft.com/en-us/library/windows/desktop/ff684173(v=vs.85).aspxhttp://blogs.msdn.com/b/fontblog/archive/2005/11/08/490490.aspxhttp://en.wikipedia.org/wiki/Dots_per_inch#DPI_or_PPI_in_digital_image_files#스포카 #디자인 #디자이너 #인사이트 #꿀팁
조회수 1550

본질을 추구하는 그녀, 잔디 UI/UX 디자이너 Sophie를 만나다

본질을 추구하는 그녀, 잔디 UI/UX 디자이너 Sophie를 만나다 편집자 주: 잔디와 함께 하고 있는 멤버는 총 52명. 국적, 학력, 경험이 모두 다른 이들이 어떤 스토리를 갖고 잔디에 합류했는지, 무슨 일을 하고 있는지 궁금해하는 분들이 많습니다. 잔디 블로그에서는 이 궁금증을 해결해 드리고자 ‘맛있는 인터뷰’를 통해 ‘잔디’ 멤버들의 이야기를 다루고 있습니다.▲ 무차초를 선택한 Sophie와의 맛있는 인터뷰! 이제 시작합니다.◆ 짝짝짝! 맛있는 인터뷰 주인공으로 선택되신 것을 축하한다! 오늘을 위해 생각해 놓은 음식점이 있는지?날씨도 좋고.. 오늘은 멕시칸 음식을 먹어야 할 것 같은 날이다. 조금 걸어야 하지만 강남역 부근에 무차초(Muchacho)라는 멕시칸 맛집이 있다고 하니 그곳에 가보려고 한다. ◆ 멕시칸 음식을 먹어야 할 것 같은 날은 어떤 날인가?오늘처럼 날씨가 화창한 날이 그런 날이다. 이런 날에는 야외로 나가 부리토스나 퀘사디아를 먹어야 할 것 같다. ◆ 자기 소개 부탁한다반갑다. 디자인팀에서 모바일 UI/UX를 하고 있는 Sophie라고 한다. 맛있는 인터뷰 2회에 주인공인 유진님과 8회 주인공인 Diane님과 함께 일하고 있고, 잔디에 합류한지 벌써 10개월 정도 됐다. 맛있는 인터뷰의 순서가 이렇게 빨리 올 줄은 생각도 못 했다. ◆ 유진님과 특별한 인연이 깊다고 들었다학교에 다닐 당시 서로 모르는 사이였다. 하지만 같은 학교를 졸업하기도 했고, 전 직장에서 함께 일하기도 하며 남다른 친분을 쌓았다. 잔디에 합류하게 된 것도 유진님의 권유 덕분이었다. ◆ ‘잔디’에 들어오게 된 계기가 정말 궁금했다사실 타이밍이 좋았다. 전 직장에서 일이 ‘조금’ 힘들어 이직을 고민하고 있었는데, 마침 유진님이 연락을 주셨다. 에이전시에서 전체적인 기획부터 디자인까지 해야 하는 프로젝트를 맡은 적이 있었는데 유진님이 그 점을 기억하고 추천을 해주셨다. ◆ 유진님의 연락 한 통에 잔디 입사를 결심한 건가?꼭 그렇다기보단 유진님의 연락을 받은 뒤 잔디에 대해 알아보았는데 여러 조건이 마음에 들었다. 한참 성장하고 있는 회사라는 점도 마음에 들었고, 면접 절차가 유난히 까다롭다는 점도 마음에 들었다. ◆ 면접이 까다로운 것이 마음에 들었다니.. 특이한 것 같다이상하게 들릴 수 있는데 이 전 회사에서 일을 하며 괜찮은 사람을 채용하는 게 얼마나 중요한지 뼈저리게 배웠다. 사람을 쉽게 뽑다 보면 간혹 회사에 어울리지 않는 사람이 들어오기도 하고, 쉽게 떠나는 경향도 없지 않았다. 그래서 유진님이 잔디의 면접 과정이 굉장히 까다롭다며 걱정하실 때 오히려 그 부분이 잔디의 장점으로 와 닿았다. ‘사람을 굉장히 신중하게 뽑는 회사구나’ 라는 생각을 하게 됐고 직접 들어와 보니 팩트이기도 했다. 하지만 직접 면접 과정을 겪어보니 조금 힘들긴 하더라 (웃음)멋진 인재들의 열정이 깃든 업무용 메신저 ‘잔디’지금 무료로 사용해보세요! ◆ ‘잔디’로 옮긴 후, 어떤 점이 달라졌나?에이전시는 직계 구조가 명확한 편이다. 따라서 자신이 어떤 일을 해야 하는지 명확한 편이다. 반면 잔디는 자신이 해야 할 일을 스스로 찾아 하는 분위기가 강하다. “알아서, 열심히” 랄까? 처음에는 그 부분이 어색하기도 하고 어렵기도 했다. 이제는 많이 적응된 것 같다. 야근을 대하는 자세도 달라졌다. 이전 회사에서는 야근 하는 사람들의 얼굴이 퉁퉁 부어 있었다. 그런데 잔디는 모두가 열심히 야근을 한다. 억지로 하는 야근이 아니라니! 사실 처음에는 조금 충격적이기까지 했다. ◆ 쉬는 날엔 주로 무엇을 하는지?남들과 크게 다르지 않다. 집에서 쉬기도 하고 여행을 가기도 한다. 얼마 전에는 제주도 여행을 했는데 날씨도 따뜻하고 볼거리도 많아 좋았다. 과거엔 이것저것 구경하러 다니는 여행을 선호했다면 요즘은 여유 있는 여행을 하고자 노력한다. 아무래도 일을 하다 보니 쉬는 날에는 ‘힐링’이 필요한 것 같다. ▲ 마치 녹차 밭을 소유한 대지주 같다.◆ 대세로 자리 잡은 ‘힐링’을 말하는 것 같은데?음.. 최근 몇 달 간 힐링다운 힐링을 하지 못했다. 최근 이사를 했는데 엄마께서 ‘우리 집엔 디자이너가 있으니 네가 집을 잘 꾸며보렴!’하고 미션을 주는 바람에 팔자에도 없는 실내 디자인을 했었다. 인테리어 블로그나 잡지도 많이 보고, 쉬는 날에는 틈틈이 이케아(IKEA)에 찾아가 새로 이사 갈 집에 놓을 가구를 사느라 바빴다. ◆ Sophie님이 직접 꾸민 방은 어떤지 정말 궁금하다.이번에 이사하면서 이것저것 버린 게 많다. 그래서인지 이전 방에 비해 여유가 많이 생긴 느낌이다. 학생 시절 갖고 다니던 책이나 학교 과제 관련 물건들이 많아 정신없었는데 이제야 비로소 나만을 위한 휴식 공간이 생긴 것 같다. ▲ 그렇게 탄생한 Sophie의 새로운 보금자리◆ 물건 버리는 거 쉽지 않던데..맞다. 물건을 버리는 팁을 주자면 버릴 물건을 정한 뒤 ‘이걸 버려도 될까?’ 질문에 대한 답을 3초 안에 결정하면 된다. 그럼에도 불구하고 대답하기 어려운 물건이 있다면 과감하게 버려야 한다. 꼭 필요한 물건은 3초 안에 답이 나오기 마련이다. ◆ 정리 컨설턴트 같다얼마 전 ‘심플하게 산다’라는 책을 읽었는데 ’정말 필요한 것만 갖고 있으면 된다’는 구절이 와 닿았다. 빗자루를 예로 들자면, 우리에게 필요한 빗자루는 딱 한 개다. 굳이 여러 개를 가지고 있을 필요가 없다. ‘꼭 필요한 만큼만 소유하자’라고 마음먹으면 쓸모없는 것을 정리하는 게 그리 어렵지만 않더라. ◆ 심플함을 강조하는 Sophie가 생각하는 좋은 UI/UX란 무엇인가?UI/UX에서 심플함이란 정말 중요하다. 어떤 것을 계속해서 단순화하다 보면 결국 본질만 남게 된다. 본질만 남았다는 말은 다시 말하면 누가 보아도 그 의미를 쉽게 파악할 수 있다는 뜻이다. 심플함이란 결국 본질만 남기는 것이다.좋은 UI/UX를 추구하는 것도 ‘본질’을 추구하는 것과 같다. 꽃을 표현하는 데 있어 해나 구름은 필요 없는 군더더기일 뿐이다. 그런 것들이 있으면 정작 내가 전달하려는 꽃의 의미를 제대로 전달할 수 없게 된다. 정리해서 말하면 좋은 UI/UX란 누구나 쉽게 접근할 수 있고, 쉽게 그 기능을 유추할 수 있어야 한다. ◆ 어느덧 마지막 질문 시간이 왔다. 원래 발렌타인 계획을 물었어야 하지만 시간이 꽤 지났다. 발렌타인 데이에 무엇을 했는지 알려달라평범한 발렌타인 데이었다. 영화도 보고 밥도 먹고 그렇게 시간을 보냈다. 원래 발렌타인 데이엔 여자가 남자에게 뭘 주는 날이나 내 생일이 발렌타인 데이 바로 전이라 오히려 선물을 받았다. 감사하다. ◆ 다음 인터뷰이에게 묻고 싶은 질문은?여름이 오고 있다. 당신의 여름 휴가 계획이 무엇인지 궁금하다.#토스랩 #잔디 #JANDI #디자인 #디자이너 #디자인팀 #UX디자인 #UI디자인 #팀원소개 #팀원인터뷰 #인터뷰 #기업문화 #조직문화 #사내문화
조회수 856

디자이너가 혹시라도 멋져보인다거나 그러면.

포토샵을 열어요. 대지를 만들어요. 레이어를 만들어요. 고민을 해요. 핀터레스트를 본다. 빠져둔당. 2시간 순삭. 사진을 찾자. 2시간 순삭. 와씨...점심먹을 시간됨. 점심먹고 앉아서 다시 레이어를 만든다. 사진을 찾았다. 다른이름으로 저장... 문서에서 열어서 컨트롤 에이, 씨, ㅂ (욕 아님. v발음이예요.) 옮겨서 컨트롤 티 크기조정하고 마스크씌우고 쓱싹쓱싹 닦아내고 지우고 컨트롤 엘. 레벨조정 스윽... 밝아지고, 커브로 배불뚝이 S라인 만들어주고, 다시 레이어 만들고 눌러서 드롭섀도 주고 레이어 만들고, 텍스트 복붙하고 레이어만들고...아 맞다. 저장.레이어만들고, 흰색칠하고 다시 레이어만들고 마스크 씌우고 잘라내고, 그림 불러오고 고급개체 만들고 자유변형해서 기울이고 그림자 주고 레이어만들어서 광원효과 주고. 레이어만들고 텍스트 또 복붙해요. 아까 그 레이어랑 그룹핑 시켜줘요. 레이어 만들고 유튜브를 하나 볼까?..(중요)2시간 순삭.아씨...다시 레이어 만들고, 일러를 켜고. 일러에서 패스따서 아이콘 만들어요. 내보내기해서 고급개체로 불러왔는데 아놔 뭔가 작아지니까 안이뻐. 다시 만들고 또 만들고, 패스따고 도형만들고 합치고, 나누고 나부랭이 지우고 레이어 만들어서 아래꺼 고정시키고 레이어만들고 선만 따로 그룹핑, 레이어만들고 나머지 그려주고. 견본색 스포이드로 찍어서 따로 저장해놓고 선 끝처리 해주고 내보내기.포토샵으로 돌아오기 전 배고프니까 간식 와구와구..... 하나만 먹어야지. 한 봉지만... 컵라면도.. 피씨방인줄.포토샵으로 돌아와서 레이어만들고..아 왜 만들었지? 다시 지우고 아 맞다...그거 할려고 했지. 다시 만들고 그라데이션 만들고 레이어 만들고 글자쓰고 글자 테두리 따서 클리핑해주고 위로 옮겨요.그리고 레이어만들고..( 무표정.... )레이어 만들고 칠해주고 또 레이어 만들어서 위에 클리핑해주고, 레이어 만들어서 브러쉬로 뭐 그린다음 패턴지정하고 저장해서 다시 패턴채우기. 레이어만들고 브러쉬2000pt 잡고 흰색으로 삥! 만들어서 광원효과만들고 투명도 주고 다시 레이어 만들어서 빤짝이를 만듭니다. 레이어를 만들고 글씨를 쓰고 하늘색 정렬선 쭉쭉 끌어오고 레이어만들고 정렬맞춰요. 아오..텍스트가 애매하게 줄바꿈 되었어요. 한 단어만 툭 튀어나옴. 한툭튀. 뭔가 지울 게 없나 살펴봅니다. 클라이언트에게 전화를 해요. 이거 텍스트 좀 수정해도 돼요? 안돼요. 네. 자간을 좀 줄이자... 겨우 맞춤. 정렬선만들고 제목선 맞추고 정렬선만들고 두개 만들고 세개 만들고 문단맞추고 정렬선만들고 정렬선 또 만들어서 하단 맞추고 정렬선 만들고 오케이 계획대로 되고 있어.저장해주기.언스플래쉬가서 사진 찾기. 맘에 드는 거 없어. 턱수염아저씨들밖에 없음. 얼굴없는 걸로 셀렉. 불러와서 컨트롤 ㅆㅂ. (C+V) 레이어만들고 다시 편집, 레이어만들고 사진 위에 필터효과 주기, 레이어만들고 광원효과.레이어만들었는데 허리아퍼...일어나서 끄으으아아아어으아으아ㅡ아으아으앙 뚜둑.다시 앉아서 레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..잠깐 멍......턱을 괴고 쳐다봅니다.맘에 안들어...다시 레이어 그룹핑해서 잠시 눈 꺼놓고 다시 만듦. 색조정하고 레이어 만들고 아놔..... 메뉴꺼짐. 다시 불러와서 또 레이어만들고 클릭 딸깍..클릭 딸깍..레이어만들고 마스크만들어줘요. 폭염에 마스크쓰고 그룹핑에 쳐박힌 레이어기분을 니들이 알아?(feat. 마미손) 레이어만들고 반전주고 투명도23% 멀티플잡아주고 레이어만들고 가자 렛츠고.번아웃...하기싫어졌습니다. 손목이 아파서 잠시 허리를 풀어봅니다.(사실 손목을 어떻게 푸는 지 모르겠어..) 바람을 쐬고 와야지.. 바람을 쐬고옵니다. 다시 컴퓨터로 돌아오니 미치겠음. 갑자기 일정을 다시 보면 뭔가 달라지진 않았을까 싶어서 일정을 다시 확인함. 데드라인은 변함없어요. 오늘의 나는 노쇠했으니 내일의 나에게 기대를 걸어보는 것은 어떨까? 그런데 어제도 그랬어.이젠 아무 생각이 없어지고 레이어 만들어요. 노운프로젝트에서 아이콘 다운받아서 (이젠 일러로 만들기도 싫음) 포토샵으로 데려와서 아이콘 박아주고 선택툴 만들고 색바꿔주고 레이어 만들고...레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..잠깐! 아..이거 로고상태가....?  로고 파일을 JPG로 주셨네.자동지우개.. 허용치10...정도 주고 흰색을 날려보자..오호 로고에 흰색이 섞여있어서 같이 날아가네? (이 때 해야할 방법을 알지만 그것 말고 다른 방법은 없을 지 잠시 생각.. = 없음)패쓰로 누끼따기.... 딸깍쉬프트/딸깍쉬프트/딸깍쉬프트/딸깍쉬프트/딸깍쉬프트/딸깍쉬프트/딸깍쉬프트/딸깍쉬프트/딸깍쉬프트/딸깍쉬프트/딸깍쉬프트/딸깍쉬프트/딸깍쉬프트/딸깍쉬프트/딸깍쉬프트/딸깍쉬프트/딸깍쉬프트/딸깍쉬프트/딸깍쉬프트/딸깍쉬프트/딸깍쉬프트/딸깍쉬프트/딸깍쉬프트/딸깍쉬프트/딸깍쉬프트/딸깍쉬프트/딸깍쉬프트/딸깍쉬프트/딸깍쉬프트/딸깍쉬프트/딸깍쉬프트/딸깍쉬프트/딸깍쉬프트/딸깍쉬프트/딸깍쉬프트/딸깍쉬프트/딸깍쉬프트 다 됬다.. 이제 다시레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고..레이어만들고.. 레이어에 색칠해서 그룹핑 정리해주고 이름..........은 귀찮아서 안바꾸기로. 어차피 수정오면 다시 내가 만들건데 뭐...일단 다른 이름으로 저장. 알컨쉬+에쓰. 이미지로 뾱.. 피앤지로 저장. 메일을 쓰자...'담...당..자 님.... 요청..하신 시안...드립...니다... 확인..하시..고.. 피..드백..부..탁(시러) 드..립..니....다.'보내기 꾹. ㅓㅜㅑ 어깨야...Q. 총 몇 개의 레이어가 만들어져 있을까요?

기업문화 엿볼 때, 더팀스

로그인

/