안녕하세요. 스포카 Product designer 박지선입니다.Spoqa Policy가 최근에 런칭되었습니다. Spoqa Policy는 spoqa의 정책과 약관을 볼 수 있는 사이트입니다. 기존의 스포카 약관 및 정책 페이지는 효율적인 업데이트가 어려운 상황이었고 이런 상황을 개선하기 위해 독립적인 사이트가 필요했습니다. 디자인을 진행하면서 했던 생각들을 공유합니다.정책이란 무엇인가서비스 사용자로서 정책 콘텐츠는 무관심의 대상 혹은 귀찮은 존재입니다. 솔직히 저는 서비스 가입 시 읽지도 않고 동의한다고 체크박스를 클릭한 적도 많습니다. 하지만 약관 및 정책은, 서비스 제공자와 사용자 사이에 일어나는 정보를 주고받는 일련의 과정에 대한 약속을 서술한 것입니다. 또한, 법적 효력을 지니기 때문에 굉장히 중요한 문서입니다. 그 중요성에 비해 한국에서는 별도의 정책 사이트를 가진 곳 혹은 다른 메인 페이지들과 비교하여 공을 들인 곳은 드물었습니다. 읽을 수 있는 콘텐츠로 존재하기보다는 서비스가 필수적으로 갖춰야 하는 성격의 아이템으로만 보였습니다.정책 콘텐츠 디자인의 역할은?(법적으로) 중요하지만 (시각적으로) 중요함을 놓치고 있는 정책 콘텐츠를 어떻게 하면 더 취지에 맞게 잘 드러낼 수 있을까 고민이 생겼습니다. 우선 약관과 정책이 무엇으로 정의되고 있고 어떤 역할을 해야 하는지 알아야 한다고 생각했습니다. 리서치 중 이 고민의 나름의 답을 얻을 수 있었습니다.정책 콘텐츠 디자인은 단순히 정책 내용을 표기해주는 것으로 끝나면 안 됩니다. 정책들이 바탕이 되어 개인정보를 투명하게 관리할 수 있고, 모은 정보가 서비스를 개선하는 데 사용되며, 사용자에게 해가 되는 것이 아니라는 점 또한 내포하여 전달해야 합니다. 즉, 이해하기 쉽고 신뢰할 수 있는 콘텐츠로 보이도록 디자인해야 한다는 말로 줄일 수 있겠습니다. 지면 관계상 양이 굉장히 많아서 혹은 전략적으로 이해하기 어렵게 하는 경우도 있는지도 모르겠습니다만(^^;), 스포카 정책에서는, 웹에서는 그럴 필요가 없다고 생각했습니다.정책 콘텐츠는 조항의 나열이기 때문에 일일이 읽으면 굉장히 지루할 수밖에 없습니다. 그렇다고 이해하기 쉽게 콘텐츠 가공을 많이 가하면 유지보수가 굉장히 어려워집니다. 그러므로 요약하여 제공해주어야 합니다.500px와 Pinterest에서는 이를 충실하게 따랐습니다. 확실히 요약문만 읽어도 약관/정책이 어떤 의도로 만들어졌는지, 사용자에게 어떤 혜택이 있는지 쉽게 이해할 수 있습니다.개선점 파악하고 CSS로 해결하기이번에는 콘텐츠에 대한 이해를 마치고 나서 작업하는 과정에서 느꼈던 주요 개선점과 해결방향을 함께 소개하겠습니다.1. 처음부터 끝까지 타이포그라피콘텐츠 특성상 9할 이상이 텍스트이기 때문에 타이포그라피가 전부라 해도 과언이 아니었습니다. 정책 콘텐츠라고 특별한 타이포그라피가 필요한 것은 아닙니다. 우리가 알고 있는 올바른 타이포그라피의 조건들을 충족시켜주면 됩니다.글자 크기 (font-size)기존에는 글자가 작아 제대로 읽기 어려웠고, 모바일앱 등 다양한 스포카 제품의 스크린 크기에 대응하기 어렵게 되어 있었습니다. 글자는 장식으로 의도한게 아닌 이상 가독성이 좋아야 한다고 생각합니다. 그래서 읽기 쉬운 크기이되 방대한 텍스트량을 고려하여 글자 크기를 정하였습니다.글자 두께 (font-weight)당연한 이야기지만 같은 글자 두께로만 이루어져 있으면 단어 식별이 어렵습니다. 정책 이름, 조항 이름, 조항 세부 내용 등 텍스트 성격에 맞게 글자 두께를 스타일링했고, 내용 파악에 용이하도록 했습니다.글줄 길이 (line-length)웹에서 글줄 길이라고 하면, 글줄 길이 = 콘텐츠 너비 = container 박스의 너비입니다. 기존에는 글줄 길이가 길어서 읽기에 부적합했습니다. 게다가 정책에는 여러가지 어려운 용어들이 등장하여 읽을때 눈의 피로도가 가중됩니다. 그래서 읽기 쉽도록 콤팩트한 길이로 너비를 줄였습니다.리스트 스타일 타입 (list-style-type)앞서 말했듯이 정책 콘텐츠는 조항의 나열입니다. 그렇기 때문에 ul(unorderd list), ol(ordered list), li(list)를 빼놓을 수 없습니다. 기존에는 리스트 스타일 순서가 국가별, 정책 별로 중구난방으로 되어 있었습니다. 이를테면, 어떤 정책에서는 두번째 위계의 리스트가 upper-latin(대문자)으로 나오는데 다른 정책에서는 decimal(십진법 숫자)로 나오는 식이었습니다. 그래서 어떤 정책이든 일관된 순서로 리스트 스타일이 적용되도 어색하지 않는 방향으로 정리했습니다. 그 중 첫번째 리스트 다음에 나오는 두번째 ol의 li는 첫번째 리스트보다 위계가 높아보이지 않고 웹페이지가 아닌 종이 위에 옮겼을 때에도 어색해 보이지 않도록 lower-latin(소문자)으로 선택했습니다.줄바꿈 (word-break)다행히(?)도 아직 스포카에서 운영하는 제품은 한국, 일본 두 나라에서 운영중입니다. 그렇기 때문에 두 나라의 언어 체계도 신경써야 했습니다. 두 언어의 띄어쓰기 규칙이 다르다는 점이 좁은 너비의 화면에서 문제가 되었기 때문입니다. 한국어에서는 각 단어간 띄어쓰기를 원칙으로 하지만 일본어는 띄어쓰기를 사용하지 않습니다.CSS에서 word-break 단어 중간에 줄바꿈을 어떻게 하는지 설정하는 프로퍼티입니다. 여기에 break-all을 지정하면 단어 중간에 줄바꿈이 됩니다. 반면 keep-all은 단어 중간이 잘리면서 줄이 바뀌는 현상이 없습니다. 이를 이용하여 한국어는 keep-all 속성을 적용해서 오른쪽 흘림의 장점이 드러나도록 했고, 일본어는 break-all로 지정하여 일부 문장의 길이가 container 너비를 넘어가지 않도록 했습니다.              좌. {word-break: break-all;} 한 일본어 | 우. {word-break: keep-all;} 한 한국어2. 정책 콘텐츠 디자인 후처리의 한계기존에는 웹페이지 임에도 불구하고 링크가 링크로 작동하지 않았습니다. 텍스트로서 단순 줄글 나열에 그치고 웹이라는 도구의 특성을 살리지 못하고 있었던 것입니다. 그래서 필요한 부분들에 별도로 anchor 처리를 했습니다. 더불어 정보가 잘 읽히기 위한 약간의 시각화가 필요하다고 생각했고, 마냥 딱딱하게 보이지만은 않도록 스타일링을 시도했습니다. 하지만 문서가 수정되고 웹페이지로 변환되는 과정에서 별도의 스타일을 지정하는 것은 꽤나 수고스러운 지점이었습니다. 별도의 스타일을 부분적으로 일일히 지정하여 정책에 대한 이해도는 높아질 수 있겠지만 유지보수 비용이 높아지고, 전면적으로 드러나는 콘텐츠가 아니다보니 효용성에서는 다소 떨어질 수 밖에 없다고 판단했습니다. 그래서 결국 최소한의 후처리만 진행하게 되었습니다.마치며프로젝트를 진행하면서 배운 것들 중에 막상 사정상 프로젝트 내에 실행하지 못했던 점도 있었습니다. 그런 점은 아쉬웠지만 평소에 생각해볼 일이 없던 콘텐츠를 처음부터 하나하나 고민해보는 그 과정이 재밌었습니다. 남들은 깊이 고민해볼 수 없는 좋은 기회를 가지게 된 것 같았기 때문이었던 것 같습니다. 어떻게 보면 사소한 것들인데 국내에도 이런 작업기가 실무자 사이에서 많이 작성되었으면 좋겠다는 생각을 했습니다.감사합니다.#스포카 #디자인 #디자이너 #디자인팀 #인사이트 #업무환경 #프로젝트 #협업 #CSS

Adobe XD(이하, XD)는 Sketch, Balsamiq 등의 프로토타이핑/와이어프레임 툴에 대항하기 위해, Comet이라는 프로젝트 이름으로 시작된 Adobe의 프로토타이핑 툴입니다.그동안 그래픽 디자인 툴에서 Adobe의 영향력은 절대적이었습니다. 하지만 UI 디자인에 특화된 툴들이 등장하기 시작하면서 Adobe의 입지는 좁아졌고, 이런 상황을 극복하기 위해 출시된 툴이 바로 XD입니다. 저는 페이퍼 UI 작업을 하면서 8개월 동안 XD를 사용해왔습니다. XD를 실무에서 사용하며 느낀 점과 어떤 기능을 사용해 UI 디자인을 진행했는지 이야기해 보려고 합니다.XD를 도입하게 된 배경현재 UI 디자인 영역에서 가장 높은 점유율을 보이는 툴은 스케치일 것입니다. 빠르고, 편리하며, 다양한 익스텐션으로 UI 디자인에 최적화된 모습을 보여주고 있습니다. 이렇게 많이 사용되고 있는 스케치에 비하면 출시 된 지 얼마 되지 않은 XD는 아직 부족한 점이 많습니다. 그런데도 불구하고 현재 XD를 이용해 페이퍼 UI 디자인하는 것에 대해 만족하고 있는데요, 그 이유는 다음과 같습니다.UI 디자인에 제약이 많은 PAPER리디북스에서 판매하고 있는 PAPER와 PAPER Lite(이하 페이퍼)는 2015년 10월에 출시한 리디북스 전용 전자책 단말기입니다. 일반적인 LCD와 달리 EPD(Electrophoretic Display)를 사용한 제품입니다.EPD 패널은흑백만 표현 가능하다는 점흑백도 (실질적으로) 16단계만 표현할 수 있다는 점반응 속도가 느리다는 점특징이 있습니다. 이러한 특징 때문에 일반적인 모바일 디바이스와는 다른 방향으로 UI를 디자인해야 합니다.빠르게 작업하고, 쉽게 공유할 수 있는 XD하지만, 그러한 제약 덕분에 XD를 사용해보는데 더 좋은 환경이 되었습니다. 디테일한 패스 제작이 불가능한 점이나 UI 요소에 필요한 스타일을 완전히 표현할 수 없다는 XD의 단점은 페이퍼 UI 디자인을 하는 데 큰 문제가 되지 않았습니다. 오히려 빠르게 프로토타입을 진행하고 바로 공유할 수 있는 점이 다양한 팀과 함께 진행해야만 하는 페이퍼 UI 디자인에 큰 장점으로 다가왔습니다.XD의 강점올해 초부터 지금까지 XD를 통해 페이퍼 UI 작업을 진행했고, 기능이 부족했음에도 계속 사용해온 이유는 크게 세 가지였습니다.1. 기존 Adobe 툴 사용자에게 익숙한 UIXD를 사용하기 시작하면서 처음 느낀 장점은 기존 Adobe 툴과 UI가 비슷해 적응하기 쉽다는 점이었습니다. 이는 새로운 툴임에도 불구하고 사용성의 진입 장벽을 낮춰주는 역할을 합니다. 스케치를 처음 시작했을 때 느꼈던 낯선 작업 환경과 적응하는데 걸렸던 시간을 생각한다면 오랫동안 써왔던 툴과 비슷한 경험을 제공하는 XD의 장점이 드러납니다. 스케치 또한 적응하면 능수능란하게 사용할 수 있겠지만 당장 입문자에게 편리한 쪽은 XD라 생각합니다.2. 빠른 플로우 제작 시간/과정다른 툴들과 다르게 XD는 디자인 화면과 프로토타입 화면을 유연하게 왔다 갔다 할 수 있습니다. ‘디자인’ 탭에서 각 화면 디자인을 끝낸 후 바로 ‘프로토타입’ 탭으로 전환해 플로우를 구성할 수 있습니다. 프로토타입을 제작하는 방법도 UI 요소와 각 화면 사이를 노드로 연결하는 방식이라 쉽고 빠르게 플로우를 검증할 수 있습니다. 일반적인 LCD 기반 기계와 달리 페이퍼는 디스플레이의 한계가 많아서 UI 테스트가 많이 필요합니다. 이럴 때, 유용합니다.3. 쉬운 공유 기능이렇게 만들어진 플로우를 다른 팀과 손쉽게 공유할 수 있다는 것도 큰 장점입니다. 프로토타입을 제작하고 버튼 몇 번만 눌러주면 Adobe 서버에 업로드되고 공유 링크가 만들어지는데 이 링크를 전달해 다른 팀의 의견을 받을 수 있습니다.XD를 이용해 페이퍼 UI 디자인해보기그럼, 실무에서 어떻게 XD를 사용하고 있는지 간단히 소개해보려고 합니다. 보여드릴 예시는 암호를 입력해 구매목록에 접근하는 기능입니다.디자인 : 기본 UI 디자인벡터/텍스트 툴을 이용 기본 UI 디자인기본 UI 요소들은 XD에서 충분히 표현할 수 있으므로 버튼, 토글스위치, 프로그레스 바, 텍스트 등의 UI 요소는 XD에서 바로 작업합니다. EPD의 특성상 컬러를 다양하게 사용할 수 없으므로 검은색(#000000), 회색(#333333, #666666, #999999), 흰색(#FFFFFF)만 컬러 셋에 등록해두고 사용합니다. XD에서 작업하기 힘든 복잡한 모양의 아이콘은 일러스트레이터에서 작업한 후 패스를 복사해 붙여넣기 합니다.디자인 : 반복 그리드XD에서 호평을 받는 그리드 기능을 이용해 책 목록을 만들어 보겠습니다. 리디북스 서점이나 뷰어에서 가장 많이 보이는 레이아웃이 ‘책 목록’인데 이러한 그리드 구조를 XD에서는 손쉽게 만들 수 있습니다. 책 커버 이미지, 제목, 저자 등 개별 항목을 선택한 후 ‘반복 그리드’를 적용해줍니다. 그리고 그리드 전체 크기와 각 항목 사이의 간격을 드래그로 조절해주면 책 목록을 쉽게 만들어낼 수 있습니다. 스케치에서는 Craft 같은 플러그인을 이용해야 하는 기능이지만 XD에서는 별도의 플러그인 없이 구현할 수 있습니다.디자인 : 프로토타이핑각 화면이 완성되었다면 프로토타이핑을 진행합니다. 이번 예시에서는 ‘내 서재에서 구매목록 탭’ → ‘암호 확인’ → ‘구매목록’으로 이동하는 프로세스를 구현합니다. XD의 프로토타입 탭으로 이동한 후 ‘구매목록’ 텍스트를 선택하고 노드를 ‘암호 입력’ 페이지로 연결해줍니다. ‘암호 입력’ 페이지에서는 아트보드 전체를 ‘구매목록’ 아트보드로 연결합니다.온라인 공유프로토타입 확인을 위한 공유 링크 만들기프로토타입을 완료했다면 오른쪽 위의 ‘미리 보기’ 버튼을 눌러 이상이 없는지 확인해보고, 타 팀에 공유할 링크를 만듭니다. 오른쪽 위의 ‘온라인 공유’를 클릭하면 제목, 섬네일 이미지를 지정할 수 있고 링크 업데이트나 새 링크를 눌러 웹에서 확인할 수 있는 링크를 복사할 수 있습니다. 이제 이 링크를 타 팀에 전달하고 피드백을 받으면 디자인 과정이 완료됩니다.XD에 바라는 기능제가 담당하고 있는 페이퍼 UI 디자인을 할 때는 XD의 불편함이 그리 크지 않습니다. 페이퍼 UI 특성상 세밀한 디자인이 필요하다기보다 전체 흐름을 점검하며 사용자 경험의 단계를 줄이는 것이 더 유용한 경우가 많기 때문입니다. 하지만 이러한 상황에서도 XD에 아쉬운 점이 있는데 몇 가지 부족한 점을 꼽아보겠습니다.1. Photoshop/Illustrator 파일 호환Adobe에서 출시한 툴답게 단축키와 인터페이스가 포토샵/일러스트레이터를 많이 닮아있습니다. 하지만 파일 호환성은 만족스럽지 않은데요, 일러스트레이터 파일이나 포토샵 파일을 불러오는 것이 불가능합니다. 가져올 수 있는 파일은 SVG와 JPG, PNG 등의 비트맵 이미지뿐입니다. 저는 따로 파일을 가져오지 않고 일러스트레이터에서 패스를 복사 → XD에 붙여넣는 방식으로 작업하고 있습니다. 포토샵 파일은 어렵더라도 일러스트레이터 파일은 손쉽게 들고 올 수 있으면 좋겠습니다.2. 가이드 추출 및 공유스케치는 Zeplin, Sketch-measure 같은 훌륭한 가이드 익스텐션이 존재합니다. 각 오브젝트의 위치와 크기, 코멘트를 공유할 수 있는 툴인데요, 아쉽게도 XD에서는 가이드를 생성하고, 전달하기가 마땅치 않습니다. 별도로 이미지를 제작하거나 문서로 전달해야 한다는 게 아쉽네요.3. 레이어XD에는 레이어 패널이 없습니다. 일러스트레이터처럼 ‘앞으로 가져오기/뒤로 보내기’ 등의 높낮이 개념은 존재하지만, 포토샵에서 볼 수 있는 레이어 패널은 없습니다. 그래서 오브젝트를 레이어 별로 정리하거나 조절할 방법이 없는데요, 차후 지원되면 좋겠습니다.4. 심볼스케치에는 UI 요소나 반복적으로 사용할 요소를 만들어두고 재사용할 수 있는 심볼 기능이 있습니다. 포토샵의 스마트 오브젝트와 비슷한 개념인데요, 대표 심볼을 수정하면 모든 심볼에 반영이 되어 편리하게 사용할 수 있다는 점이 좋은데, 아직 XD에는 이런 심볼 기능이 없습니다. 그래서 거의 비슷한 요소들을 복사 → 붙여넣기 해야 한다는 단점이 있습니다. 반드시 추가되면 좋겠습니다.5. 컬러 관리마지막으로 컬러를 관리할 수 있는 기능이 없습니다. 포토샵에서는 Swatch를 통해 컬러 세트를 관리할 수 있는데 XD에서는 자주 사용하는 컬러를 등록할 수는 있어도 별도의 파일로 추출 → 공유하는 것이 불가능합니다. 특히, 리디북스에서는 RSG(Ridibooks Style Guide)를 통해 컬러를 일관되게 사용하고 있는데요, XD에서는 이러한 컬러 세트를 사용할 수 없어 아쉽습니다. 미리 컬러를 등록해둔 XD 파일을 이용해 작업을 시작하고 있지만 좀 더 세심한 컬러 관리 기능이 도입되면 좋겠습니다.다음 업데이트가 기대되는 툴그동안 디자이너에게 포토샵과 일러스트레이터의 위상은 높았습니다. 하지만, 어느 순간부터 UI 디자인의 무대가 웹에서 모바일로 이동하고, 모바일 UI 디자인이 필요로 하는 다양한 기능들을 가지고 있는 툴에게 자리를 내주게 되었습니다. 하지만, Adobe도 가만있지 않고 기존의 툴에서 부족한 점이 무엇인지 정확히 파악하고, 그 부분을 쉽게 사용할 수 있는 XD를 출시하게 된 것이죠.디자이너의 입장에서는 아직 아쉬움이 많지만 간단하게 만들 수 있는 그리드, 빠르게 진행할 수 있는 프로토타이핑, 그리고 만든 프로토타입을 쉽게 공유할 수 있는 기능 등 XD만의 특별한 부분도 많아 계속 XD를 통해 작업해볼 생각입니다. 또, 정식 버전으로 출시된 후 한, 두 달에 한 번씩 업데이트되고 있는데요, 업데이트 내용을 보면 XD가 어떠한 방향으로 나아가야 할지 Adobe가 잘 알고 있음을 느낄 수 있었습니다. 앞으로도 발전할 XD를 기다리며 글을 마칩니다.맥 사용자이고 Adobe에 회원 가입이 되어있다면 무료로 XD를 사용할 수 있습니다.http://www.adobe.com/kr/products/experience-design.html#리디북스 #디자인 #디자이너 #Adobe #XD #AdobeXD #꿀팁 #디자인꿀팁 #UI #페이퍼UI #반복그리드 #프로토타이핑 #공유기능

우리나라에서 웹 서비스가 아이디어에서 출발해 출시되기까지 여러 단계를 거치게 되는데 크게는 기획, 디자인, 개발의 3단계를 거치게 된다고 볼 수 있다. 각 단계별로 세분화된 역할들이 있어도 결국은 각각 기획자, 디자이너, 개발자로 분류된다. 어니스트펀드에서는 그들이 제품개발팀을 이루고 있다.어니스트펀드 제품개발팀나는 그중 개발자로 속하고 퍼블리싱 & 프론트 개발을 하고 있다. 퍼블리싱은 디자이너가 그린 디자인된 화면을 웹페이지용 프로그래밍 언어라고 할 수 있는 HTML과 CSS로 웹 문서화하는 것이고, 프론트 개발은 HTML과 CSS로 만들어진 웹문서를 사용자의 의도/목적에 따라 기능이 동작하도록(주로 데이터 입출력, 예를 들자면 네이버 검색창의 자동 완성이나, 네이버 메인의 다음 뉴스 보기 등) 기능을 개발하는 것이다.어니스트펀드에서는 팀원들이 자신의 지식/경험을 공유하는 브런치 글을 돌아가면서 쓰고 있고 나도 함께하기로 결정하였다. 내가 가치 있게 공유할 수 있는 내용이 무엇인지를 고민하면서 나의 과거 경험들을 생각해보았다.나는 2002년 웹 디자인을 시작으로 퍼블리싱 업무를 겸하다 2004년부터 퍼블리싱 업무를 본격적으로 했고 2011년부터 스타트업에 합류하면서 기획 및 프론트 개발까지 제품 개발에 있어서 서버 개발을 제외한 사용자와 접하는 모든 업무를 두루 경험하였다. 보통 디자인 전공자들은 기획파트로 전업하는 경우가 많지만 나는 프로그래밍 언어로 코드를 작성하는 것이 재미있어 기회가 닿을 때마다 업무 영역을 넓혀왔다.따라서 기획과 디자인, 퍼블리싱, 프론트 개발에 이르는 사용자와 접점이 많은 다양한 업무를 해오면서 경험한 것을 바탕으로, 서비스를 구성하고 화면을 개발하는 데 있어 도움이 되는 유용한 내용을 공유하고자 한다.1. 많을 땐 나눠서 해결하자정보가 많다는 것은 정리 정돈할 물건이 많다는 것과 비슷하게 생각할 수 있다. 물건이 목적에 맞게 정리되지 않으면 찾기 어렵고 정리해놓더라도 쉽게 어질러질 수 있다. 정보도 마찬가지로 목적에 맞게 정리가 안되어 있을 때 이해가 어렵게 되고, 이해가 어려워서 이해를 돕기 위한 불필요한 설명이 덧붙여지다보면 더욱 이해하기 어려운 결과를 낳게 된다. 그렇게 되면 결국 설명하는 말만 늘어나고 고객의 이해는 저편에 남게 된다.웹페이지가 뜨는데 1초, 훑어보는데 3초, 원하는 정보를 캐치하는데 5초로 충분해야 한다. 사용자가 원하는 정보를 5초 안에 캐치하지 못할 정보의 양이라면 정보를 나누는 것이 좋다. 2. 제목을 생략하지 말자목적으로 나누어진 정보를 사용자가 빠르게 캐치할 수 있도록 돕는 가장 중요한 요소는 바로 제목이다. 제목은 본문을 다 읽지 않아도 내용을 어느 정도 짐작할 수 있게 한다. 따라서 훒어보는데 3초라는 의미는 한 페이지의 메뉴와 제목을 훑어보는데 필요한 시간이다. 이런 제목의 중요성 때문에 제목은 직관적이어야 하고 되도록 생략하지 말아야 한다. 생략을 할 때는 제목이 없어도 이해가 가능하며, 생략된 제목을 누구나 유추할 수 있을 경우가 아니면 제목의 생략을 피하도록 한다. 위 캡쳐화면은 네이버 메인 콘텐츠의 일부를 캡처한 이미지다. 네이버 메인 중 제목이 생략된 예는 왼쪽 하단 영역인 '주제형 캐스트'뿐이다. 다른 영역들은 '뉴스스탠드', '쇼핑' 등 제목을 생략하지 않고 노출시키고 있다. 메인 페이지처럼 목적이 다양한 페이지일수록 콘텐츠의 성격을 분명히 알 수 있게 하는 제목은 짧은 시간 안에 원하는 정보를 찾는데 도움을 준다.3. 한눈에 중요 정보를 읽을 수 있게 하자그다음으로는 정보의 배치이다. 해당 정보가 발생한 원인, 결과 등 고객이 인지하는 과정에 기반한 그룹으로 나누는 것이 좋다. 정보를 배치할 때는 개별 정보의 중요도 순서와 왼쪽에서 오른쪽, 위에서 아래로 흘러가는 흐름대로 배치고 중간에 역행하는 구성이 없는 것이 좋다. 국내 대형 인터넷 쇼핑몰의 상품 목록을 보면서 위 설명을 이해할 수 있다.정보 배치에 정답이 있는 것은 아니지만 마치 정답이 있는 것처럼 상품, 제목, 할인율, 가격, 현재 판매현황에 이르는 순서대로 나열하고 있다. 이는 선두업체를 따라 흉내 낸 것이 아니라 이와 같은 구성이 인지하기에 용이하기 때문에 모두 이와 같이 구성했다고 생각한다.   4. 어렵지 않게 보이도록 하자서비스에 대한 정보를 전달하고 나서 우리가 기대하는 바는 고객이 서비스를 이해하고 우리 서비스를 이용하게 하는 것이다. 쇼핑몰에서는 주문을 받는 것일 것이고, 어니스트펀드의 경우는 대출이나 투자를 신청하는 경우이다. 서비스를 이용하게 하려면 고객의 정보를 필수적으로 입력을 받아야 한다. 어니스트펀드의 경우는 대출 및 투자에 대한 금융서비스이기 때문에 더욱 많은 정보를 고객에게 요청한다. 고객의 정보를 웹 상에서 입력을 받을 때는 "폼"이라는 일종의 정형화된 웹페이지 구성항목을 이용하게 되는데 이것은 정형화되어있기 때문에 남들과는 다른 개성적인 방식을 이용하기는 어렵다. 금융서비스의 입력 폼이 아주 쉽지는 않다는 것을 고객들은 여러 다른 서비스를 이용하면서 어느 정도 알고 있다. 그러나 고객이 중간에 포기하지 않고 제대로 서비스 이용을 완료할 수 있도록 어렵지 않게 만들어야 하고, 언제나 경쟁사의 서비스를 확인하고 경쟁사보다는 어려워 보이지 않도록 만들어야 한다.5. 순서는 반드시 지키자순서는 여러 가지가 있다. 입력해야 할 항목이 무엇인지를 알려주는 입력항목 및 입력하는 창(=입력 필드), 입력하는데 필요한 도움말, 입력해야 할 항목들을 나열하고 전송/입력완료 버튼까지의 순서가 곧 정보의 순서이다. 이 중 쉽게 놓치는 부분은 첫 입력 필드에서 입력완료 버튼까지의 여정 중에 연관이 없는 링크나 버튼을 추가하는 경우이다. 이 순서는 디자인상으로는 잘 구분되지 않을 수 있지만, 웹코드 상으로는 100% 지켜져야 하는 순서이고 디자인과 웹코드의 순서가 일치하면 가장 좋은 결과이다.'다음'과 '네이버'의 로그인 영역을 비교해보자면 두 포탈 서비스 모두 메인 검색창에서 탭키로 아이디 입력 칸까지 이동할 수 있지만, 아이디 입력 후 비밀번호를 입력하고 로그인 버튼을 누르기까지의 탭키 이동 경로가 다르다. 다음 로그인 화면네이버 로그인 화면다   음 : 아이디 입력 -> 비밀번호 입력 -> 로그인 버튼 -> 로그인 상태 유지 순서로 이동한다.네이버 : 아이디 입력 -> 비밀번호 입력 -> 로그인 상태 유지 -> IP보안 선택여부 -> 로그인이다.탭키로 입력필드를 이동하는 경우가 곧 웹코드상에서의 각 입력 필드의 순서가 되는데, '다음'과 같은 경우는 아이디/비밀번호 입력 후 로그인에 대한 옵션을 키보드로 선택하기 위해서는 로그인 버튼을 지나쳐야 선택할 수 있다. 로그인에 대한 옵션은 로그인 버튼을 선택하기 전에 나오는 것이 더 자연스럽지 않을까? 눈에 보이는 순서도 중요하지만 각 입력필드의 논리적 우선순위를 지키는 것 또한 중요하다.6. 틀린 부분을 즉시 명확하게 알려주자고객이 언제나 우리가 기대한 값을 입력해주지는 않는다. 이 경우 너무너무 명확하게도 오류가 발생한 시점에 오류가 발생한 지점을 알려주는 것이 필요하다. 10개의 입력필드가 있는데 입력완료 버튼을 누르자마자 10개 항목 구구절절이 맞고 틀리고를 알려주는 것보다는, 오류가 발생한 시점에 알려주는 것이 훨씬 인지가 빠르다. 따라서 오류 항목을 보여주어야 하는 곳은 해당 입력필드의 다음이고 전송 버튼이나 후속 작업 이전이 되는 것이다. 위 캡쳐화면은 어니스트펀드에서 대출을 받고자 할 때 이름과 생년월일을 입력하는 부분이다. 필자는 생년월일 부분에 5월 32일이라고 없는 날짜 정보를 넣었고, 이와 같은 입력 실수는 사용자가 실수를 했다는 것을 시스템이 "정확한 정보를 입력해 주세요"라고 즉시 알려주고 있어 사용자가 입력을 실수하지 않도록 돕고 있다. 웹 페이지를 보는 고객들은 아무런 도움 없이 해당 서비스를 이해하고 이용할 수 있어야 한다. 똑같은 정보라고 하더라도 어떤 순서로 어떻게 보여주느냐에 따라서 인지와 인식은 크게 개선될 수 있다. 하물며 정보까지 가공을 하게 되면 더욱 큰 개선을 이끌어 낼 수 있다. 각자가 맡고 있는 서비스에서 5초 안에 고객이 원하는 정보를 웹 페이지 내에서 바로 인지할 수 있는지를 생각해보고 아니다면 테스트해보고 개선해보자.#어니스트펀드 #개발자 #개발팀 #UX개발 #철학 #인사이트

주식회사 마이쿤 '스푼 라디오' 서비스를 운영하는 회사엔 대체 어떤 사람이 근무를 하고 있을까?한 번쯤은 다들 그런 생각과 궁금증을 가진다. "저 회사엔 어떤 사람들이 근무 하는지 궁금하다!"스푼과 함께 하고자 하는 분들을 위하여, 그리고 서비스를 사용하는 유저분들과 공유하고자 '스푼을 만드는 사람들'을 한 명 한 명 인터뷰를 통하여 내부를 공개하기로 했다.완벽한 인싸템 장착 양말 어디서 사세요?재키를 떠올리면 가장 먼저 생각나는 건 바로 '양말'이다. 대체 어디서 저런 귀여운 양말들을 구매했을까? 싶을 정도로 귀엽고 예쁜 양말을 신고 출근하는 재키에게 물었다. "대체 양말 어디서 사세요? 양말이 정말 특이해요!"그러자, 재키는 이렇게 대답했다."제가 양말이 특이하단 말을 여기서 처음 들었어요. 제가 비닐 바지를 입고 다니는 것도 아닌데..."닉네임이 'Jakie'인 이유 1. 중성적인 이름, 성별이 가늠이 가지 않아서2. 짱구 극장판에 등장하는 비밀요원의 이름3. '재클린'이라는 이름에서 비롯됌(실제로 재키를 보면 재키라는 이름이 너무나도 잘 어울린다)재키의 자리마케팅 디자이너가 되기까지 Q. 재키는 스카우트 제안이 들어오셔서, 입사하신 걸로 알고 있는데 맞나요?"네, 맞아요. 저는 원래 그림을 그리던 프리랜서였어요. 강사에서, 프리랜서로 그리고 지금은 '회사원' 이 되었어요. 살면서 한 번쯤은 직장인도 해보면 좋지 않을까? 하는 마음에 입사 제안을 받아들였습니다."Q. 마케팅 디자이너로서의 삶은 어떤가요?"저는 사실, 그림을 그리는 사람이기에 '디자인'을 따로 공부한 적이 없었어요. 기획과 디자인은 다른 업무이니까요. 그림을 그리는 작업을 하는 건 동일하지만, 마케팅과 접목시키는 것은 또 다른 일이라고 생각해요. 마케팅 디자인은 저에게 새로운 세계이기도 하거든요. 그저 단순히 좋아하는 그림을 작업하는 것이 아니니까요. 디자이너로 소속되었지만 어느 정도의 마케팅 지식과 데이터를 볼 줄도 알아야 하기에 입사 후 많이 배우고 즐겁게 일하고 있습니다."Q. 어디서 영감을 얻나요?"저는 이전에 만들었던 작업물에서 영감을 얻는 편이에요. 관심 있던 전시회를 가기도 하고요."Q. 앞으로 해보고 싶은 작업은?"일본에서 더 많이 활용되고 있는 스푼 캐릭터 모코모니 캐릭터를 더 활용해서 작업하고 싶어요. 한국에서도 모코모니를 알리고 싶기도 하고요"나는 그림을 그리는 사람 원래 그림을 잘 그렸냐는 질문에 재키의 대답은, "어릴 때부터 그림 말고는 다른 일을 할 줄 몰랐어요" 라던지, 앞으로 만약 그림을 그리지 못하면 어떻게 할 것이냐는 대답에 재키는 무조건 이번 생은 '그림'이라고 답했을 정도로 그림에 대한 애정이 가득하다.당신의 회사생활이 궁금합니다 Q. 아침에 회사 오면 하는 일은?"아침에 출근하면 회사 카페테리아에 있는 컵밥을 먹어요. 원래 인스턴트 음식을 잘 먹지 않는 편이지만, 출퇴근길이 멀다 보니 아침식사를 회사에서 하게 되었어요. 주로 먹는 메뉴는 '날치알'과 '참치마요 덮밥' 정도?"Q. 회사 냉장고 최애템은?"우유를 마십니다. 원래 탄산음료를 안 좋아하기도 하고, 점점 나이가 들면서 건강해져야 한다는 생각이 들더라고요."Q. 입사 후 가장 기억 남는 에피소드는?"매 달에 한번 마지막 목요일에 회사엔 '피자데이'가 있어요. 저는 그 피자데이가 신선하기도 하면서, 가장 좋았던 점은 피자 브랜드가 바로 도미노 였기 때문이에요" (도미노를 좋아함)Q. 어떤 사람들과 일하고 싶으세요?저는 의사소통을 굉장히 중요하게 생각해요. 완만한 의사소통이 되는 사람들 그리고 저와 관심사가 다른 분야의 사람들과 작업해보고 싶어요. 다른 시각에서 또 영감을 얻을 수가 있으니까요. 만약 제가 누군가의 사수가 된다면, 저는 저 또한 배울 수 있는 후배이자 동료가 있었으면 좋겠어요.당신의 사생활이 궁금합니다.Q. 요즘 고민이 있다면?"저는 출퇴근길이 워낙 멀어서 그게 가장 큰 고민이라면 고민이에요. 그래서 항상 칼퇴를 하는데, 그것 말곤 없는 것 같아요 하하"Q. 본인을 한 마디로 표현하자면?헐크 - "맨날 화가 나 있어서요. 아침에 출근할 때도 퇴근할 때도(출근길) 그리고 녹색 아이템이 많거든요"Q. 스트레스를 받으면 어떻게 해소하세요?"저는 극한의 스트레스를 받으면 잠이 와요. 그게 안 좋다는 소리를 듣긴 했지만(?) 그리고 저는 게임을 해요. 심즈라던지 밭 일구고 농장 짓고 그렇게 마음이 편안해지는 게임들 있잖아요."재키가 그린 그림으로 제작한 굿즈 한국 마케팅 팀원들이 재키를 한마디로 표현한다면?Sunny 曰: 효자손 - 손이 닿지 않는 부분을 긁어주는 그런 존재Summer 曰: 허수아비 - 닮아서..Ted 曰:고추장 - 시간이 지날수록 매력이 남다름 하지만 그 매력 속에 톡 쏘는 맛이 은근히 있음Ringo 曰: 보리차 - 그냥 보았을 때는 정적이고 잔잔한데 얘기할수록 친절하고 구수하고 매력 있다.Jay 曰:가오나시 - 다른 차원에 존재하는 것 같아서 

일이 생기다, 일이 밀리다.일이란 게 참 그렇습니다. 오늘의 일이 끝났다고 내일 일이 없는 것이 아니죠. 심지어 오늘의 일이 안 끝났다면 내일의 일은 괴물이 되기 시작하고, 그렇게 하루이틀 밀리다보면 '아!!...난 왠지 백수에 적성이 있지 않을까?!' 싶어집니다.바로 백수야!!흔하게 일이 밀리는 프로세스는 다음과 같습니다.오늘 다 끝내지못한 PPT 나머지 8장은 내일로 넘어갑니다.내일은 보도자료 작성과 행사기획, 카드뉴스제작, 블로그글쓰기을 해야합니다. PPT를 만들다보니 블로그가 또 다음 날로 밀렸습니다.다음 날엔 또 그 날의 일이 있는데 블로그도 해야합니다.그런데, 그 순간 대표님이 어디가서 IR해야하니 PPT좀 만들자고 합니다.(아니 욕! 엊그제 만들었잖아!? 욕욕) 하지만 하라니까 해야죠.문제는 오늘의 일을 끝낼 수 없게 되었습니다. 난데없이 IR제작이 추가되면서 오늘 일 몽땅과 블로그작성도 또 미뤄집니다.그렇게 일주일이 지나니 블로그는 아예 누락되어버렸고, 월요일날 혼납니다. IR먼저 만들으래서 만들었는데, 왜 다른 일 못했냐고 꾸중을 듣습니다.협력업체에선 빨리 자료달라고 메일이 옵니다.겨우 IR 제작이 끝나서 지난 일주일간 밀린 것을 하려고 보니 양이 엄청납니다.이번 주에는 행사준비가 시작되는데, 이걸 다 하다간 아무것도 못할 것 같습니다.음. 해결책이 있습니다. 밤의 신에게 소원을 비는 것이죠. 새벽포텐으로 이 일을 마법처럼 끝낼 수 있게 해주세요...소원이 이루어졌습니다. 이번 주의 모든 저녁약속을 취소되었고...꿈의 야근이 시작됩니다. 여기서 꿈은 '비몽사몽'을 의미합니다. 대부분, 일이란 건 한 번 밀리기 시작하면 종잡을 수 없이 계속 밀어내기식으로 진행되다가 새로운 일이 하나 들어오는 순간부터 사채이자를 빌려쓴 카드 돌려막기의 폐해를 몸소 느낄 수 있게되는데..이 일 빼서 저걸 막으면, 저기에서 또 다른 일이 생기고... 도무지 정리가 안되고 하면 할수록 많아지는 느낌만 들게 됩니다.특히 브랜딩업무는 더더욱 그렇습니다. 브랜딩이란 단어는 굉장히 설렙니다. 사람들이 보통 이 단어를 들으면 희망과 꿈이 가득해지고 흥분을 하는 경향이 있더라구요. 그러나 엄밀히 따지고 보면 브랜딩은 딱히 새로운 시작을 알리는 축포 같은 게 아닙니다. 사실 명백히 따지면 시작부터 이미 되어있었어야 하는 걸 이제서야 하고 있는 거죠. 그리고 이제부터 브랜딩을 할끄야!!!! 라는 외침은 새해 해돋이를 보면서 올해는 살을 뺼거야!!! 와 같은 느낌의 결심의 톤과 비슷합니다. 브랜딩은 '기질과 속성'에 가까운 것인지라 결심으로 해결될 문제는 아닙니다. 기존의 일들을 정립하기원래 말도 잘 못하고 응..너가 좋으면 나도 좋아...스러운  웹툰주인공같은 성격을 지닌 세희씨는 2017년 내내 호갱으로 아스트랄하게 살다가 새해가 되어 문득 생각했습니다 '이렇게 살아선 안돼!!! 이제부턴 거칠거 강렬한 카리스마를 뿜을거야!!' 라고 결심을 했습니다. 다음 날 팀장님이 '세희씨 이런거 잘하지? 이거 세희씨가 해~' 라고 던진 썡뚱맞은 업무앞에서 그녀는 과연 결심을 지킬 수 있을까요.하루아침에 무언가가 슉~하고 바뀔 순 없습니다. 더군다나 원래 기질과 맞지 않은 옷을 입으려고 할 땐 더더욱 심각해지죠. 해결책이야 일반적인 자기계발서에 나오는 얘기와 비슷할 것 같습니다. 자신을 알고 어쩌고 뭐 하는 것이죠. 브랜드는 매출과 확장의 목표가 분명하므로 단순한 자기성찰을 넘어서 구체적인 '행동'이 추가되어야 합니다. 그것도 아주 명백한 결과를 낼 수 있는 행동들 말이죠.그런데 브랜딩을 한다고 해서 시작되는 행위는 대부분...좀 어딘가 동떨어진 느낌의 업무가 추가되는 느낌입니다.브랜딩 = 새로운 전환점! 시작, 터닝포인트! = 회사소개서 리뉴얼???과 같이 말이죠. 목적과 행위가 좀 따로논다는 느낌이 있지 않나요? 대부분의 회사 브랜드 프로젝트의 목적은 '우리 회사의 아이덴티티를 정립하고 알리겠다!' 입니다....그렇다면 일단 '정립'을 해야하고 '알려야하죠. https://dribbble.com/shots/1618339-Brand-Identity-System정립이란 건 = 태양계를 만드는 일과 같습니다. 핵심을 태양위치에 두고 회사를 구성하는 메인 BM과 부가적인 BM을 내행성계와 외행성계로 나누어 궤도에 돌리는 일이죠. 중간에 자잘한 것들은 소행성계에 넣어놓고 우리 회사의 영향력이 어디까지 미치는 지 시장의 범위를 정해서 헬리오포스(태양의 힘이 미치는 태양중력영향권)를 규정합니다.과학실에 있던 태양계 모형마냥 항상 지구를 돌리면 톱니바퀴장치로 다른 아이들도 빙글빙글 돌아가곤 했는데...이것과 유사하다고 생각됩니다. 예를 들어 태양. 즉 핵심가치가 "일은 먹고살자고 하는 거다."라고 해봅시다.'식사'라는 키워드로 7개 행성이 그 가치를 공전하기 시작합니다.내행성(주요BM)3개는 "도시락/샐러드/간편식" 제조와 배달입니다.외행성(보조BM)4개는 "강의/건강검진서비스/앱광고/굿즈판매" 입니다.그리고 중간에 "행사, 이벤트, 무슨 R&D사업유치, IR, 박람회, 해외지사 설립" 부수적인 이슈들이 있죠. 일단 브랜딩에서 업무구분을 할 때 중요한 건 무엇이 안쪽에 있고 무엇이 바깥에 있는지..어떤게 큰지 작은지를 나누고 구분하는 일입니다. 정립이란 건 "제대로 세운다" 라는 의미입니다. 회사에서 하는 일이 하나가 아닌만큼 하나가 자빠지면 우르르 넘어지기 시작하는데 그게 유튜브 도미노영상처럼 아름답게 넘어지진 않더라구요. 그냥 뜯다가 터져버린 아몬드후레이크처럼 사방에 널브러지는 거죠.위와 같이 일종의 동심원구조의 궤도를 구축했다면 각 궤도를 구성하는 상세한 업무들을 생각해봐야 합니다. 행성에 딸린 위성과 같은 느낌이죠. 업무를 정리하다.기존의 일을 정리하는 방식은 3가지로 구분할 수 있습니다.1) 없애거나2) 합치거나3) 바꾸는것이죠. '줄인다' 라는 표현은 좋아보이긴 하지만..절대량이 똑같다면 어떨까요? 100의 일을 해야하는데 하루2시간씩 50일을 해던걸 1시간으로 줄여 100일을 한다?... 어차피 똑같거나 아니면 더 힘들어질 수 있습니다. 우리가 신경써야 하는 건 절대량100을 80으로 줄이는 겁니다.쓸데없는 일들은 없애는 것이 맞습니다. 작게는 자잘하게 많은 서류작성이나, 출장계획서, 복귀 후 보고서(심지어 이런것도 있음) 등 불필요한 양식들을 정리해내고 크게는 소행성계에 있거나 외행성계에 있는데 지나치게 업무시간을 많이 할당하고 있거나 메인업무가 오히려 밀리는데 심지어 딱히 가성비도 좋지 않다!!..라고 하면 그냥 STOP! 해야죰. 존버는 답이 아니니까요.유사한 업무끼리는 합치는 게 좋아요. 소개서와 제안서는 비슷한 부분이 많아서 제작시에도 모듈화시킬 수 있는 부분이 있다면 또 새롭게 소개페이지를 만들고 간지를 제작할 필요가 없죠. 모든 PPT양식을 하나로 통일해서 지정된 디자인으로만 사용한다면, 필요할 때마다 템플릿 디자인을 다시 해야할 필요도 없죠. 내용만 갈아끼우면 되니까요. 지금까지 쓰던 서류철을 웹클라우드서비스로 바꿔서 데이터정리를 한다거나, 협업툴을 바꿔보거나 일반 종이계약 과정을 전자계약으로 바꾼다거나 하는 등 자동화/간소화 시스템을 활용해서 업무의 효율을 높이는 방법도 있어요. 이는 절대량100을 줄이진 않지만 내 능력치10에서 빛나는반지를 장착하여 +3의 어드밴티지 효과를 부여해주죠. 궤도정립과정에서 각각의 일들이 구체적으로 등장해준 후 위와 같이 각 일에 대해 마이너한 리뉴얼을 거치고 나면 그 떄 비로소 새로운 일을 만들 수 있습니다.후우..드디어그리고 실제로 위와 같이 마이너하게 업무정리를 하기 위해선 상당부분이 통일/정리/자동화가 이루어져야 하죠. 이미 이 과정자체가 브랜딩의 기초단계를 만드는 역할을 하기도 하고, 이 후에 새롭게 진행될 일의 절대량도 현저하게 줄어드는 꿀이득을 누릴 수 있죠. 일을 시작하다.이제 일을 시작해봐야겠습니다. 무슨 일을 어떻게 시작할 지는 앞서 적은 매거진 내용을 통해 언급했으니 구체적인 내용은 '뒤로 가기'를 누른 후 지난 1~14화를 쭈루룩....(이렇게 조회수를 늘리나요..)우리가 여행갈 때 셀카봉은 빼먹어도 되지만, 신발을 안신고 갈수는 없잖습니까. 일을 함에 있어도 중요한 요소와 부가적인 요소가 존재합니다. 초등학교 국어시간에 배웠던 6하원칙을 모두 지키라는 건 너무 가혹한 일이므로 3가지만 지키도록 하죠.'누가/언제/어떻게'무엇. 에 해당하는 건 이미 과업으로 정해졌을 테니 위의 3가지만 정확하게 잡아보도록 합시다.1) 누가...는 업무분장을 의미합니다. 지난 회의실에 브랜딩에서 익히 정리했던 내용이지요. 다시 한 번 요약하자면 정/부를 정확히 쪼개고 누구에게 보고하고 누가 컨펌하느냐 하는 사람에 대한 체계를 잡는 일입니다. 이게 제대로 안잡혀있으면 내 일이야? 네 일이야? 하다가 결국 일은 구멍이 났는데 책임지는 사람은 아무도 없고 돈만 날리는 경우가 종종 있습니다. 2) 언제. 는 데드라인을 의미하죠. 마무리 시점을 잡는 것 이외에 각 단계별 일정을 구축하고 다른 협업자와의 일정조율을 하는 모든 일을 포함합니다. 달력으로 하는 일이니만큼 책상위엔 2018년 예쁜 달력이 반드시 있어야 할 듯 합니다.3) 어떻게...는 업무방식에 대한 얘기이죠. 커뮤니케이션만 담당하고 외주로 돌릴 것인지, 직접제작 할지 아니면 TF팀을 구성할 지 등등 부터 오프라인/온라인 등의 채널 잡기, 구체적인 기획안에 적히는 콘텐츠의 내용들을 의미합니다. 이를 종합해보면 다음과 같은 과업지시 내용이 등장하죠.그래! 리플렛을 만들어서 우리 앱을 소개해보자!~라는 목표가 생겼다면"지혜가 정을 잡고, 가희가 부를 잡아. 각 업무분장은 지혜가 기힉/커뮤니케이션을 잡고, 가희가 자료조사/취합/전달의 역할을 하자. 자료조사는 12일까지, 취합전달은 13일까지 그리고 그동안 지혜가 컨택을 담당하고 13일에 디자이너에게 전달하는 걸로. 22일까지 1차시안을 완료하고 30일까지 최종시안 인도받아서 30일날 인쇄넘기는 걸로 정리한당. 리플렛은 오프라인 행사장에서 나눠줄 용도라서 2,000부 정도 인쇄 진행하고 AI원본파일 요청하고 해당비용에 대한 이슈는 알려줘요. 리플렛 내에 들어갈 내용은 기존 리플렛을 참고하되 업데이트된 부분들에 대한 정리와, 우리 브랜드가이드에 맞춰서 디자인리뉴얼에 초점을 맞추자."로 정리가 된달까요. 그럼 업무확인은 어떻게 하느냐.. 13일날 전달확인 / 22일 1차시안 확인 / 30일 최종시안 수령확인 으로 3번만 하면 됩니다. 누구에게 확인할까용? 지혜씨죠.인쇄이슈는 최종시안 컨펌 후 다시 과업지시로 전달합니다. 뭐 이 때 실무자는 대략 고민을 해봐야죠. 사이즈나 부수를 대략 확인했으니 인쇄비용에 대한 견적을 미리 받아야 할 거고, 비교견적을 내고 결재를 미리 올려야겠죠. 인쇄 및 수령일자를 확인하고 감리일정도 미리 업체와 조율해야 합니다. 택배방식도 확인해야합니다. 박람회 일정이 그리 넉넉치 않으니 일반배송으로 할지 다마스퀵으로 할 지 등등. 조금 더 깨어있는 현대인이라면 2,000부가 행사장에서 모두 소진되지 않을 것임을 알고있을 겁니다. 그렇다면 배포 후 남은 리플렛은 어디에 어떻게 활용하면 좋을지에 대한 B안을 가져갈 수도 있겠죠. 이런식으로 일을 줄이고 쳐내고 정리한 후 새로운 일을 잘 오물거려서 끼워넣는 방식으로 총량을 맞춰가는 게 정말 중요합니다. 일이 과다하게 쌓이기 시작하면 모든 일의 퀄이 떨어져갑니다. 퀄이 떨어진단 얘기는 브랜드관리가 허술해지기 시작한단 얘기고 헛점이 많아지는 것이죠. 내부업무에서 허점이 늘어나기 시작하면 반드시 고객접점까지 그 영향이 미칠 수 밖에 없어요.클레임 피드백이 안되거나, 간담회가 엉망이 되거나, 베타테스터 모임이 허접해지거나...또는 제품납품 일정, 서비스UX의 문제가 개선되지 않는 등...브랜드이미지와 운영관리가 똥망이 되어갑니다.회사소개서가 예쁘지 않아서 브랜딩이 안되는 게 아니예요.무리한 회사소개서 제작때문에 브랜딩이 어려워지는 것이죠. 내일은 전체회의를 하면서 태양계를 한 번 그려보는 게 어떨까용 (강츄) :)

 이 글은 아무래도 실무를 진행하면서 쉽게 잊게 될 수 있는 이야기 입니다. 실무를 하고 계신분들은 다시한번 상기할 수 있는 기회를, 준비를 하시는 분들에게는 꼭 필요한 인사이트를 드리고 싶네요:)"내가 만든 서비스를 보다 쉽고 재밌게 이용자들에게 제공하고 싶다."라는건, 세상 모든 기획자, 개발자, 디자이너 분들이 다 가지고 있는 궁극적인 목표입니다. 열심히 만든 서비스가 단순히 "보기 힘들어서, 서비스 외적인 부분에 결함이 있어서" 사용하지 못하게 된다면 그것만큼 화나는 경험이 없겠죠. 그런 의미에서 UI/UX는 서비스의 얼굴을 만드는 과정이기 때문에 엄청나게 중요한 역할을 차지합니다. 굳이 서비스를 제작하시는 분들이 아니더라도, UI, UX에 대한 이야기들은 많이들 들으셨을 텐데요, 두단어가 비슷하게 보일 수는 있지만, 기본적으로 UI와 UX는 큰 차이가 있는 단어라고 생각합니다. 1. UX (User Experience) 직역하자면 사용자 경험이고, 이용자가 재화나 서비스 등을 사용할 때 생기는 신체적 반응이나 심리적 기호도(또는 선호도), 그리고 상징적 상호적인 사회적 기준 등을 수집하고, 이에 대한 조사와 연구 등을 통해 "이용자가 더 맘에  들어할 수 있는 재화 또는 서비스."를 설계하는 큰  과정입니다. UX는 개발자 중심이 아닌 사용자 중심의 컴퓨터 시스템을 구축하기 위한 제록스사의 연구 중 HCI(Human Computer Interection) 연구에서 처음 사용된 개념이며, 처음엔 하드웨어에 집중된 연구였다고 합니다.  현재는 UX라는 개념이 컴퓨터와 관련된  것뿐만 아니라 모든 산업을 통해 제공되는 재화와 서비스 전반적인 사회의 흐름이나 문화에 이르기까지 널리 응용되고 있고, 이를 연구하기 위하여는 다방면의 관점과 지식, 시야를 가지고 접근해나가야 합니다. 2. UI (User Interface) UI는 아무래도 더 친숙한 개념이실 텐데요, 왜 아이폰이나 애플, 또는 샤오미 같은 전자기기 회사에 대한 이야기를 할 때 "UI가 직관적이고 혁신적이다." 이런 말 많이 들어보셨죠? 정말 간단히 설명하자면, 전자기기 또는 어플이나 웹을 사용했을 때 이용자들이 보게 되는 화면 구성을  이야기하는데요, 이용자들이 선호하는 구성, 배치, 콘텐츠 등을 UX 조사를 통해 분석하고, 조율하여 보다 직관적이고 빠르게 서비스를 이용할 수 있도록 하는 개념입니다.  보시다시피 UI는 사용자의 경험을 기반으로 하여 어느 위치에 어느 기능이 담긴 어떤 기호 또는 인포그래픽을 그리고 어떤 콘텐츠를 기입함에 따라 보다 쉽게 이용자들의 생산성을 향상 시키는 분야라고 할 수 있습니다.(자세한 이야기는 여기, 와 여기를 참조하세요!) 설명에서  보시다시피 UX가 UI의 개념을 포괄하는 것을 보실 수 있죠, 그렇다면 UX, 또는 UI 정보는 어떻게 얻을 수 있을까요? 기본적으로 여러분들이 초보 디자이너 또는 기획자 시라면, 성공적으로 돌아가고 있는 서비스들이나, 다양한 UI 제작 회사나, UX 에이전시들의 제작 리뷰, 리서치 결과 등을 벤치마칭 하는 것으로 디자인 프로세스를 시작들 하시곤 하죠. 물론 검증이 된 서비스의 틀을 사용하는 것은 기존 이용자들의 편의성을 이끌어 낼 수 있기 때문에 굉장히 효율적인 방법이라고 생각합니다. "이용자의 경험에  기반한다."라는 약속을 100% 지킨 제작 방법이니깐요. 그러나 유명한, 또는 큰 서비스들의 심미성이나, 배치만을 보고 그대로 따라 하는 디자인은 절대로 옳지 않은 판단이라고 생각합니다. 아이디어의 유용에도 이유가 있어야 합니다. 출처: http://austinkleon.com/steal/ 저는 디자이너는 아니지만 재화 또는 서비스를 기획하고 디자인하시는 분이라면, 자신이 제작한 디자인, 또는 목업작업에 내재된 인사이트를 정확하게 설명을 할 수 있어야 하고, 이를 위해 스스로 리서치에 대한 결과를 분석하고 판단할 수 있어야 한다고 생각합니다. 예를 들면, 서울시 지하철 바닥에 붙인 동그라미 스티커나 버스 정류장에 붙여 있는 빨간색 스티커를 보신 적이 있으신가요? 출처: http://news.sbs.co.kr/news/endPage.do?news_id=N1003310218출처: http://www.lgchallengers.com/career/young1829/20130118_inter/  경제(행동경제학) 용어로는 넛지 효과(Nudge Effect)라고 하는데요, 의연 중에 이용자의 결정에 개입하여 원하는 결과를 이끌어 내는 효과를 뜻합니다. 제가 생각하기에는 이러한 피지컬 한(또는 비져블 한) UX도 그냥 여기서 끝나는 것이 아니라, 응용을 통하여 다방면의 분야에 퍼질 수 있다고 생각합니다. "이용자의 심리적인 판단의 흐름을 읽고, 인지적 선호에 따라 이용자의 행동을 파악, 이용자에게 시각적인 제한을 줌으로써 공공이익을 유도할 수  있다."라고 개인적인 인사이트를  발전시킬 수 있는 것 이죠. 웹을  벤치마킹하는 것도 다르지 않다고 생각합니다, 분명히 같은 모양, 같은 색, 같은 배열로 서비스 디자인을 할 수 있지만, 개인의 연구와 조사를 통해 인사이트를 발전시켜 나감에 따라 정당한 디자인 프로세스를 진행하고, 인사이트를 기반으로 익숙한 UX에 새로운 UX를 적용하는 것이 가장 바람직하다고 생각합니다.#코인원 #블록체인 #기술기업 #암호화폐 #스타트업인사이트

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

오더의 정석: 무엇을 알려주어야 할까? 우리가 병원에 가면 일단 접수를 하고, 기다렸다가 의사샘을 만나서 증상을 얘기하잖아요. 사실 모든 일은 이런 순서라는 게 있어요. 다짜고짜 원장실로 직행한 후 멱살을 잡고 주사를 내놓으라고 할 수 없어요. 증상도 얘기 안하고 얼마냐고 물어볼 수도 없어요. 어딜 어떻게 하고 싶은지 말을 해줘야 해요.얼마여!! 얼마냐고!!!!!디자이너에게 의뢰를 할 때도 비슷해요. 뭔가 접수가 있고, 미팅을 하고 협의를 하고 증상을 얘기한 후 거기에 맞는 솔루션의 비용을 책정하는 것이 기본이예요. 자, 이제 한 번 의뢰를 해볼께요.우리는 회사소개서를 만들고싶으니, 일단 회사소개서를 잘 만드는 사람을 수소문 해볼거예요. 소개건이나 포트폴리오 사이트를 뒤져서 괜찮은 컨셉의 디자이너를 컨택하겠죠. 컨택 후엔 유비의 심정으로 메시지를 보낼 거예요. 보통 페이스북이나 SNS에서 디자이너를 소개받은 경우엔 이 메시지의 간결성이 더욱 강렬해집니다.   “회사소개서 만들려고 하는데, 견적 요청드립니다.” “회사소개서 만들려고 하는데 가능하신가요.” “회사소개서 제작하는데 얼마정도 하시나요.” 회사소개서 얼마임? 이라고 하지 않은 것이 다행일정도로 간결한 의뢰예요.조만간 초성만 쓸지도 몰라요.  ㅅㄱㅅ ㅇㅁ?대다수의 이러한 메시지를 받은 디자이너는 머리위에 600개 정도의 물음표가 생기기 마련이죠.???????????????????무슨 종류의 어떤 제작건이며, 컨셉은 무엇이고, 가로인지, 세로인지, 페이지는, 기한은, 용도는, 인쇄는, 디자인범위는 아트웍이나 사진, 자료제공은 어떻게, 담당자는, 지불방식은, 계약여부는?등등 엄청난 궁금증을 뒤로 한 채 다시 물어보곤 해요.“언제까지인가요?” “다음주 수요일까지 해주시면 됩니다.” "몇 장이예요?""20장 정도됩니다."보통은 이런 식의 대화가 수십 번 오고 가는데 이러한 소통에는 디자이너의 책임도 있을 거예요. 아예 의뢰서양식을 만들어서 기입해 달라고 메일로 보내면 차라리 간편할 일일 수도 있겠네요. 하지만, 우리는 대화끝에 ‘^^’도 붙여야 하고 ’ㅜㅜ’도 붙여야 하는 등 힘들고도 답답한 대화를 이어가는 것이 보통이예요. 의뢰는 하는 방법을 스크립트로 말하면 대략 아래와 같을 거예요. ‘이번에 저희 회사 회사소개서를 만들려고 합니다. OO사이트의 포트폴리오를 보고 연락드립니다. 해당 회사소개서는 아래 내용과 함께 제작을 진행하려고 하오니, 확인하시고 관련된 견적과 추가적인 포트폴리오가 있으시다면 유첨하여 회신주시면 감사드리겠습니다.1. 제작기한 : 20XX년 9월30일(18:00까지)2. 제작목적 : 대외발송용 회사소개서 제작3. 제작방식 : 30페이지의 가로좌철 중철제본 표지4p+내지26p 구성 / A4사이즈4. 자료제공 : 디자인에 필요한 사진자료 및 텍스트는 제공해드립니다.5. 제공시점 : 견적확인 후 구두계약상 확정이 되면 당일 중으로 전달해드릴 예정입니다.6. 제작컨셉 : 하기첨부한 레퍼런스 양식을 확인해주시면 되겠습니다.(이미지첨부)7. 작업범위 : 인쇄는 저희측에서 진행합니다, 디자이너님께는 제작된 디자인파일의 PDF본과 ai원본파일을 요청드립니다. 원본제공에 대한 추가옵션도 견적에 포함시켜주시면 감사하겠습니다.8. 업체특성 : 저희는 비즈니스솔루션을 제공하는 IT업체로서 B2B를 전문으로 하는 터라 전문적이고 레퍼런스가 눈에 띄는 형식이면 좋겠습니다. 상세한 회사소개는 회사소개서를 첨부하여 드립니다.9. 계약방식 : 견적 조율 후 계약은 서면으로 작성합니다.10. 기정예산 : 추후 협의가능합니다.11. 지불방식 : 견적 조율 후 계약금30%와 잔금70%형식으로 지불되며 일정은 추후 계약서에 상세기재하도록 하겠습니다.12. 담당자명 : OOO / 연락처 : 010-0000-0000이러한 방식으로 의뢰를 해준다면 엄청나게 감사하고 황공해요.  감사!!!!!!!!!!!!!!!!!하지만, 굳이 이정도 까지가 아니더라도 적어도 기본적인 기한, 비용, 작업범위 등 정도만이라도 알려주는 것은 일종의 예의라고 할 수 있죠. 디자이너는 미륵보살이 아니기에 관심법을 쓸 수 없어요.그러나 무작정 이렇게 적으라고 강요하는 것은 실무자입장에서 다소 억울할 수 있으니, 잠시 디자이너는 어떤 방식으로 작업을 하는 지 살펴볼 필요가 있어요.  디자이너는 우선 백지에서 작업을 시작하지 않아요. 적어도 저는 그래요. 전 백지가 꽤나 무섭거든요. 기본적으로 클라이언트가 요청한 내용과 컨셉에 대한 다양한 레퍼런스를 검토하고 찾아보는 작업이 먼저예요. 핀터레스트를 뒤지고 비핸스를 뒤지고 뒤지다가 구경하고 계속 보다가..하루가 가고.........(이러면 안됨)핀터레스트를 보는 눈빛....우리 회사가 원하는 방향과 색깔을 얘기해주지 않으면 애당초 컨셉 설정 자체가 어려워질 거예요. 핀터레스트에는 오만가지 예쁘고 다양한 시안들이 가득하거든요.   이 작업을 좀 더 빠르게 할 수 있는 방법이 담당자가 직접 레퍼런스 이미지를 찾아서 첨부해주는 방법인데, 귀찮다면 디자이너에게 직접 요청하도록 해요.  물론 홈페이지 주소만 덜렁 던져주고 ‘당신이 알아서 찾아보세요.’ 라는 식의 행동은 자칫 오해를 불러일으킬 수 있으니, 상세한 회사설명을 직접 언급해주는 편이 좋아요. 이런 식으로 말이죠.우리 회사는 이런이런 일을 하고 있는데 타겟층은 이러하고 이런 서비스를 통해 이런 가치를 주려고 합니다. 현재 이런이런 정도까지 브랜드작업이 진행되있는데 이것때문에 주춤하고 있고, 이 소개서를 통해 넥스트 이런것들을 달성해보려고 해요!~ 지금까지 저희가 해왔던 대략적인 시안컨셉이 이러했습니다. 하지만 꼭 이렇게 가지 않아도 돼요. 조금 가벼운 느낌을 주면서 아기자기한 컨셉으로 재구성해보려고 하는데, 어울리는 컨셉 2,3가지를 제안해주시면 감사하겠습니다. 위에서 컨셉이 잡히고 나면 레이아웃과 스타일 설정을 한다고 했는데, 이 레이아웃이란 것은 백지에 선을 긋는 작업이므로 일단 작업사이즈를 정확하게 알아야하죠. 주로 mm단위나 픽셀단위로 알려주어야 해요! 그리고 책자라면 제본위치와 방식두요!(기껏 작업해놓고 타공으로 글자 다 뚫리면 개난감) 이 후 본격적인 작업을 진행하는데 디자이너는 하루에 얼마나 작업을 해야 하고, 수정시기는 언제쯤이 좋을 지 시간분배를 해요.  디자이너는 도깨비방망이로 작업하지 않아요.(물론 그런게 있으면 좋겠지만) 나오라면 뚝딱 나오는 것이 아니며, 폰트 자간 수정하는 데에만 몇 시간이 걸리기도 하죠. 물론 이게 좋은 건 아니지만, 확실히 물리적 시간이 걸리는 노가다가 많거든요. PPT디자인도 그러해요. 물리적으로도 1페이지당 1시간씩만 잡아도 30페이지면 30시간이예요. 대부분 디자인은 중간에 갈아엎거나 컨셉 전체가 바뀌는 경우도 있기 때문에 물리적계산보다 훨씬 오랜 시간이 걸리기 마련이겠죠. 물론 저 30시간은 밥도 안 먹고, 잠도 안 자고, 화장실도 안 간다는 전제로 가능하다는 얘기예요.참으면 건강에 안좋음..하지만 디자이너도 사람이니 카톡 볼 시간은 있어야 하지 않겠습니까. 작업기한은 명확하게 알려주도록 해요. 단, 기한은 1주일뒤인데, 자료를 주는 시점이 3일 뒤라면 그것 또한 문제가 되겠죠... 제작기한은 자료를 제공하는 시점으로부터 몇 일로 책정하여 알려주는 것이 온당해요! 그리고 가장 중요한 비용문제는 직접 제안해도, 역제안을 요청해도 상관은 없는 것 같아요. 다만, ‘일단 그것은 협의중이니 디자인부터 해주세요.’ 라는 것은 좋지 않아요. 아직 반찬은 사오지 않았지만 물부터 올려놔라..하는 것과 같달까요. 세상 어느 법도에도 얼마 줄 지도 얘기하지 않고 무작정 일부터 시키는 경우는 없어요. 이러한 깜깜이 계약를 진행하다가 추후에 도저히 맞지 않는 견적으로 서로 문제가 생기게 되면 디자이너도 클라이언트도 서로 피곤해지기 마련이죠. 그러니 비용문제는 세상 무엇보다 정확하고 딱딱 떨어지게 얘기하는 것이 좋아요.  그렇지 않으면 이런 미션을 수행하게 됨 물론 위의 내용은 제작물을 외주로 진행할 때의 경우이지만 인하우스 디자이너에게 요청할 때도 거의 비슷해요! 내부 디자이너에겐 위 내용의 1~7번까지를 서면으로 제공해주는 것이 좋으며, 추가적으로 결재라인과 1,2차 시안제출일도 함께 적어주는 거예요. 다른 업무와의 균형도 맞추어야 하고 작업시간도 책정해야 해요. 이 때 ‘당연히 우리의 놀라우신 디자이너님은 새벽2시에 퇴근하시겠지?’ 라는 생각의 업무시간 책정은 싫어요. 디자이너도 밤에 잠을 청하는 생명체예요.  -.- 내부 제작물이든, 외주건이든 결국 가장 중요한 것은 ‘소통의 정확성’ 이예요. 사실 1번, 2번, 3번으로 항목별 나열을 한 것은 줄글로 쓸 때보다 정보누락의 확률이 줄어들기 때문이죠. 대부분 줄글이나 구두지시는 추후에 오더상의 문제를 야기할 가능성이 커요. 읽다가 놓치는 것들이 많아지거든요. 넘버링은 신비한 힘을 지니고 있으니 숫자의 힘을 믿어보아요. 

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

디자인이란 단어가 이제는 어디서나 익숙합니다. 그만큼 디자인의 정의와 역할은 다양한 영역에서 분화되어 있기도 합니다. 네이버랩스에서는 로봇이라는 대상에 대해 여러 분야의 디자인이 진행되고, 종국에는 통합됩니다. 하나의 로봇으로 이어지는, 로봇시스템/UX/ID 각각의 디자인에 대해 물었습니다.Q. 어떤 ‘디자인’을 하나요?로봇의 메커니즘에서 인터페이스까지, 최적의 시스템을 디자인(김인혁|Robot) 제가 하는 디자인은, 시스템 디자인이라고 말할 수 있습니다. 아, 물론 제가 속한 Robot팀엔 더 많은 디자인 과정들이 있어요. 로봇의 기구, 전장, SW 등 각각의 영역에서도 디자인 과정이 존재합니다. 저는 그 중에서 주로 시스템 제어 엔지니어로서의 디자인을 이야기할 수 있겠네요.사실 시스템이란 말이 좀 모호하죠. 과학분야에선 이렇게 정의할 수 있습니다. 구성 요소들이 내외부와 경계를 가진 상태에서 각 요소 간에 긴밀한 상호작용을 하는 집합체. 쉽게 설명하고 싶었는데, 여전히 어렵긴 하네요.로봇은 단순한 기능을 구현할 때에도 복잡한 요소들이 동시에 작동합니다. 메커니즘, 동력원, 에너지원, 제어기와 인터페이스 등. 이들이 서로 잘 연결되어 작동할 수 있어야 합니다. 이를 위한 최적의 시스템을 구성하는 디자인이라 하겠습니다.로봇, 그리고 사람, 그 사이에서의 상호작용(김석태|UX) UX의 입장에서는 HRI (human-robot interaction) 디자인이라고 정의할 수 있습니다. 앱이나 웹 등의 화면 기반 인터페이스와는 조건이 다른데요. 물리 공간에서 로봇이 동작한다는 점이 그렇습니다. 주변 사물이나 사람을 로봇이 인식하는 순간처럼 다양한 상황에서 로봇이 어떻게 동작하거나 반응해야 하는지, 그리고 로봇을 활용한 서비스는 다른 디바이스나 앱과 달리 어떤 방식을 통해 제공되어야 더욱 직관적으로 사람과 상호작용이 가능한지 등을 디자인하고 있습니다.기술만큼, 인상과 매력도 중요하다(김승우|ID) 로봇의 외관도 중요합니다. 로봇은 여전히 일반인들에겐 생소합니다. 이들에게 로봇은 흥미로움을 일으키는 대상일 수도 있지만, 마주치는 순간 기피하고 싶은 이질적 존재일 수도 있어요. 그래서 외관을 통해 느끼는 인상과 그 효과에 대해 세심한 접근을 하고 있습니다. 로봇 서비스가 보편화되지 않은 시점에서는, 사람들이 기대하는 로봇다운 매력을 잘 체감할 수 있게 하는 것도 로봇 대중화를 위해 중요한 역할인 것 같습니다.“기술이 지닌 본래의 가치를 더욱 잘 느낄 수 있도록 전달하는 것, 그것도 디자인의 역할입니다.” Q. 어떤 프로세스로 작업하나요?단순한 목표를 위해 필요한 복잡한 과정들(김인혁|Robot) 기본 목표라고 한다면, 일단 요구 스펙을 잘 만족하는 시스템을 설계하는 것입니다. 현실은 아주 복잡하죠. 요소들이 워낙 다양하기 때문인데요. PoC, 성능 테스트 등 평가 과정을 거치면 조정해야 할 것들이 많아집니다. 아예 새로 개발을 할지를 고민하게 될 때도 있는데, 참고할만한 레퍼런스가 없을 때는 참 어려워집니다. 이럴 때는 원론적으로 풀 수밖에 없죠. 공학적인 문제부터 정의하고 문제 해결을 위한 방법론을 탐색합니다. 이런 일들이 수없이 많지만, 시스템 디자인의 일반적인 프로세스이기도 합니다. 목표는 단순하지만, 과정은 현란하죠.산업을 이해하면 목표가 보이고, 사람을 이해하면 디테일이 보인다(김석태|UX) 앞서 말씀드린 것처럼, 서비스 로봇은 다른 앱/웹 서비스와 상황이 많이 다르죠. 앱이라면 프로토타이핑과 검증 과정을 상당히 빠른 주기로 반복할 수 있는데, 로봇은 그런 면에서는 제약이 있습니다.일단 로봇 서비스 산업에 대한 이해부터 시작하였습니다. 그간 어떤 로봇들이 어떤 서비스를 했고, 학계에서는 어떤 연구들이 선행 되었는지를 꼼꼼히 연구했습니다. 그리고 나니 목표 수준이 좀 더 명확해지고, 시나리오를 구체화할 수 있었습니다.중요한 건 역시 사람에 대한 이해입니다. 실제로 유용하다고 느낄까? 어떤 니즈가 여전히 숨어있을까? 로봇이 대신 해 주었을 때 더 가치 있는 것은? 이런 질문에 대한 답을 찾은 후 다음 숙제가 이어집니다. 사람들의 삶 속으로 이질감없이 자연스럽게 녹아 들기 위한 인터랙션입니다. 인터랙션 상황들을 정의하는 일부터가 시작이고, 어떤 이슈나 문제가 있는지를 찾아냅니다. 가장 단순하면서도 자연스러운 해결 방법은 무엇일지 실험을 통해 검증합니다. 이 과정에서 굉장히 많은 디테일들이 새롭게 발견됩니다.기술에 대한 이해도 중요합니다. 예를 들어 최근 AROUND C에는 디자이너가 가장 이상적인 로봇의 속도 및 이동 경로를 선택하면, 이를 바탕으로 딥러닝 기술을 적용해 최적화된 자율주행을 할 수 있는 기술이 적용되어 있습니다. 지켜보는 사람이 언제 안정감을 느끼는지, 로봇과 사람이 교차할 때엔 상대 속도나 동선을 어떻게 할지, 공간상의 제약이 복합적으로 작용하면 어떤 기준을 세워야 할지 등등. 수많은 요소들 사이에서 최적의 인터랙션 디자인을 설계해야 합니다. 이런 사소해보이는 사용자 경험이 로봇 서비스 과정에서 뜻밖의 감동까지도 전달할 수 있다고 생각합니다.“우리가 추구하는 기본 방향은, 실용적이면서도 사람을 배려하는 로봇입니다. 문제 상황을 분석해 나온 다양한 해결책 중에, 사람이 직관적으로 파악할 수 있는 방법을 택합니다.” 최근에는 AROUND C에서는 gaze, sound, lighting을 통한 비언어적 커뮤니케이션을 테스트하고 있습니다. 왜 굳이 로봇이 직접 말하게 하지 않고 비언어적 커뮤니케이션을 연구할까요? 그게 서비스 시나리오 상에서 더 직관적이며, 심지어 더 똑똑해 보이기 때문입니다. 스타워즈의 R2D2와 C3PO를 떠올리시면 됩니다. 점과 선을 활용해 가장 로봇다운 눈을 디자인 했고, 이를 통해 다양한 상태 정보를 사람에게 직관적으로 전달하고자 했습니다.전체의 통일감과 개별 디자인의 완성도라는 두개의 과녁(김승우|ID) 제가 공을 들이는 건 전체 제품의 통일감과, 개별 디자인의 완성도입니다. 네이버랩스에서 그간 공개했던 제품들은 작은 디바이스부터 중형 로봇, 대형 차량 센서박스에 이르기까지 다양한 카테고리에 걸쳐 있습니다. 디자인의 토대가 되는 조형 요소인 제품의 크기와 형태, 구조가 상이하다 보니 각각의 형태와 구조적 특성을 고려하면서도 전체 제품에 통일감이 느껴지도록 하는데 많은 노력을 기울여 왔습니다. 기업에서 일관된 메시지를 전달하는 것은 그 기업을 신뢰할 수 있는가에 대한 중요한 가치라고 생각해요. 디자인도 마찬가지입니다. 네이버랩스라는 기술 기업에서 전달해야 할 가치는 ‘정밀함’과 ‘단단함’이라고 생각했고, 로봇을 포함한 전체 제품에서 이 키워드들을 담은 일관된 디자인 언어가 느껴질 수 있도록 조형의 기본이 되는 면, 면의 기본이 되는 선을 세밀하게 다듬으며 디자인했습니다.또한 개별 디자인의 완성도를 위해 밸런스와 디테일을 중요하게 생각합니다. 로봇은 움직이기 때문에 다양한 각도에서 바라보게 되고, 어느 방향에서 보아도 완성도 높은 밸런스가 특히 중요합니다. 잘 안보이는 곳의 디테일도 쉽게 드러나기 때문에 세밀한 디테일을 놓치지 않기 위해 노력하고요.로봇의 경우엔 일반인들의 디자인 완성도에 대한 기대 수준이 더 높은 편입니다. 이런 기대를 충족시키는 동시에 기술적인 요구도 충족해야 합니다. 예를 들어, AMBIDEX의 전체 디자인 균형을 잡는 과정에서 팔의 부피를 늘리는 선택이 필요했는데, 동시에 무게는 가볍게 유지해야만 로봇의 기능을 100% 발휘할 수 있었습니다. 경량성이 AMBIDEX라는 로봇 팔 기술의 핵심 특성이기 때문이죠. 외관 부피를 늘려 디자인 밸런스를 최적으로 잡으면서도 1g을 더 줄이기 위해 질량을 체크하며 표면과 두께를 조정하고, 강성을 높이는 내부 구조를 추가하며 문제를 해결했습니다. 이런 디자인 과정을 거쳤기에 외관에서도 내부의 단단함과 견고함이 배어 나온다고 생각합니다.Q. 서로 어떻게 협업을 하나요?어차피 목표는 하나(김인혁|Robot) 각기 다른 분야의 전문가들이 협업할 때의 견해차이는 프로세스를 통해 해결되어야 한다고 생각해요. 그게 아니라 의견의 일방향성이 생기면 그건 곤란하죠. 저는 각 분야의 선/후행을 두지 않고 초기부터 과정 전반에 걸쳐 계속 공유하고 의견을 나누며 서로의 수용성을 늘리는 것이 아주 중요하다고 생각해요.“한 영역의 전문가가 모든 결정을 하고 다른 분야의 전문가는 일방적으로 종속되어야 한다면, 그건 문제가 있습니다. 선행과 후행을 나누면 안됩니다. 초기부터 같이 고민하고 대화하고 함께 풀어야 합니다.” (김석태|UX) 저도 커뮤니케이션이 협업 과제를 빠르게 가속하는 가장 중요한 요소라고 봅니다. 다양한 관점에서 의견을 나누는 건 정말 필요해요. 그 과정 없이 한번에 이상적인 솔루션을 바라는 건 무리입니다. 지금 진행 중인 1784 프로젝트 역시 이러한 소통을 원활히 이어가고 있기 때문에 좋은 협업이 진행되고 있고요.(김승우|ID) 차이란 것은 자연스럽죠. 좋은 결과를 위해 필수적입니다. 궁극적인 목표를 달성하고자 한다는 동질감을 느끼기 때문에 서로의 진정성을 확인허는 과정이기도 합니다. 어떤 디자인이라도 많은 협의와 조율이 전제됩니다. 하나의 입장에 매몰되어 있는지 되돌아보기도 하고, 전체를 바라보는 기회로 삼기도 합니다.Q. 앞으로의 도전은?(김인혁|Robot) 우리의 목표는 사람에게 도움이 되는 로봇을 개발하는 것입니다. 단순하죠. 이를 기술 관점에서 고민하고, 가장 적합한 답을 찾고, 그 답을 세상과 공유하고 싶습니다. 그것이 제가 맡은 역할이라 생각하고요. 그 역할을 잘 할 수 있도록 연구개발자로서도, 프로젝트를 리드하고 완성하는 실무자로서도 역량에 깊이를 더하고 싶습니다.새로운 스탠다드라는 설레는 도전(김석태|UX) 이제는 실험실이나 전시장이 아니라, 우리가 실제 살아가는 공간으로 로봇이 들어옵니다. 그런 시대에 도달했습니다. UX디자이너로서는 완전히 새로운 기회이자 설레는 도전입니다. 한때 모바일이란 세상으로 패러다임이 이동했던 시기가 있었죠. 이제는 가상 세계에서 제공하던 다양한 서비스와 기술들이 일상의 물리 공간으로 다시 돌아올 것입니다. 서비스 로봇을 통해 이 분야의 새로운 스탠다드를 만들고 싶습니다.(김승우|ID) 네이버랩스에서는 늘 흥미로운 프로젝트들이 진행되어 왔습니다. 그 중에서도 로봇 디자인은, 다른 어느 로봇보다도 디자인 완성도가 높으며, 동시에 기능적 가치를 충실히 구현하는 것을 목표로 진행해 왔습니다. 게다가 로봇은 외관 그 자체가 하나의 강렬한 인상이자 브랜드 체험 요소가 되기 때문에 더욱 큰 책임감을 느끼고 있습니다. 네이버랩스는 기술이 강점인 회사입니다. 동시에 디자인 또한 우리의 탁월한 강점입니다. 이를 위해 앞으로도 노력하려고 합니다. 네이버랩스의 인재상은 passionate self-motivated team player입니다. 어쩌면 '자기주도적 팀플레이어'라는 말은 형용모순(形容矛盾)일 지도 모릅니다. 하지만 우린 계속 시도했고, 문화는 계속 쌓여갑니다. 다양한 분야의 전문가들이 경계없이 협력하고 스스로 결정하며 함께 도전하는 곳의 이야기를 전합니다. How to work at NAVER LABSH2W@NL 시리즈 전체보기

제목이 좀 거창하다. 디자인 철학!! 철학이라는 단어와는 그다지 친하지는 않은데.. 그래도 저렇게 쓰고 싶었다. 파펨은 나름의 철학이 있다고 생각하니까.. 철학이 꼭 멋있을 필요는 없는 것이 아닐까?라는 생각에 글을 시작하고자 한다. 우선 제목이 던진 질문에 대해서 먼저 답변을 하자면...파펨의 디자인 철학은 "Industrial"이다.Industrial이라는 말이 의미하는 것이 무엇이 있을까?영어사전 industrial 미국·영국 [ɪn|dʌstriəl] 1. 산업의   2. 공업용의   3. 산업 시설이 많은산업용, 공업용이라는 의미가 있는데.. 파펨의 디자인이 산업용, 공업용 목적이라는 의미는 아니고, 산업용 제품들의 특징을 살펴보면, 사용자를 위해 멋지게 꾸미는 디자인이라기보다는 사용자의 편의와 기능이라는 핵심에 focus를 둔 것들이 많다. 파펨의 디자인도 향수/향기라는 "본질"에 보다 focus 하고, 불필요한 치장을 줄여가자 라는 것이 핵심이다.최근 출시된 30ml 제품은 일단 외관에서도 industrial이라는 느낌 (뭔가 투박하고, 금속적인 느낌?)을 잘 반영하고 있지만, 패키지의 소재에서도 그 특징을 반영하고자 고민을 하였다. bottle은 알루미늄으로 만들어졌는데, 이 알루미늄 bottle은 원래 향기를 제작하는 회사에서 fragrance oil(100% 순도의 향기)을 담는 목적으로 사용되던 것이다. 이 원래의 목적을 잘 적용하는 것이 파펨의 bottle에도 잘 어울릴 것이라는 생각에서, 일반적으로 사용되는 유리병들보다 7~8배는 비싸지만 이 aluminum bottle을 사용하게 되었다. 게다가 이 bottle은 독일에서 생산되어, 한국까지 도착하는데 배로 1.5 개월이라는 시간까지 걸린다는 단점이 있는데, 이는 operation에서의 risk로 존재하기도 하니.. 쉬운 접근은 아니었다. OTL그리고, 외관의 패키지는 골판지를 이용하였는데.. 이 또한 흔히 제품의 외관 혹은 배달용(delivery) box에는 골판지를 사용한다는 점에서 이 모티브를 가져오게 되었다. 단, 파펨의 철학 중 하나인.. 남들 다하는 것은 하지 않는다는 점에서, 우리는 박스 안에 그냥 넣기 보다는 우리의 제품이 그 사이에 위치한다(?) 라는 아이디어를 적용해 보았다.이렇게 패키지 디자인에 적용된 industrial이라는 느낌도 있지만, 그것보다 먼저.. 파펨이라는 서비스의 시작이 industrial이라는 keyword와 닿아있다. 파펨의 EDP 향수 제품은 새로운 향기를 조향하여 만드는 것이 아니라, 드롬(DROM)이라는 100년이 넘은 독일 fragrance 회사가 이미 만들어 놓은 샘플 들 중에 큐레이션을 통해 만들어지는 것이다.이미 완성도를 가진 제품들이 sample용 선반에 숫자화 된 code(e.g. 86245689)로 존재할 때, 파펨은 그 제품에 생명력을 불어넣어 제품으로 만드는 작업을 하는 것이다. 파펨의 시작부터 이러하였고, 그렇기 때문에 향기를 잘 살려내는 그 본질에 focus 하자는 것이 우리의 목표다.이러한 아이디어가 서비스의 출발점이다 보니.. 5ml 제품의 package 또한 향수라는 제품이 일반적으로 가지고 있는 향수 병의 선입견 (e.g. 아름다운 병 모양) 과는 다르게, 무광 검정 bottle에 묘하게 디자인된 category 분류용 기호만이 덩그렇게 달려있다. 파펨이 고객과의 대화 혹은 survey를 진행하게 되면, 왜 검정 바틀인가요? 혹은 투명한 것으로 바꿔주세요.. (물론 좋다고 말씀해 주시는 분들도 꽤 있다.. ^^;;)라는 의견들이 제법 있는데..  사실 파펨의 indentity라는 부분을 쉽사리 바꿀 수는 없는 것이라, 오히려 왜 우리가 그렇게 디자인하였는지를 설명해드리는 편이다.한 가지 추가 설명을 하자면, 위의 5ml bottle용 포장은 industrial 키워드가 조금 다르게 해석되어 있는데, 꼭 필요한 정보의 전달을 한다는 차원에서 카테고리의 로고(e.g. 1. F/F)가 표현되었고.. 또한 파펨이라는 제품의 특징 중 하나인 Subscription, 즉 매달 새롭게 출시되는 ART라는 기본 컨셉을 표현하여야 하였다.그래서 우선 향수가 가진 후각적인 ART, 그리고 향기를 표현하는 이미지의 visual art, 게다가 BGM의 청각적인 ART까지.. 그래서 이렇게 매달 제품을 만들어 출시하는 것이 마치 앨범 하나를 만들어 내는 것이라는 생각을 하게 되었고, 그래서 CD 케이스의 모양을 만들고 싶다는 욕심을 부리게 되었다. 마치 월간 윤종신과 같이... online 서비스를 제공하는 서비스는 물론이고, 특히나 제품을 생산하는 "Startup"에게 디자인 철학을 갖는다는 것은 쉽지 않은 이야기일 수도 있다. 그렇다고 파펨이 우월하다?라는 말을 하는 것 이기보다는..파펨은 industrial이라는 명확한 디자인 방향성이 있다 보니, 이렇게 저렇게 흔들리지 않고 계속해서 나아갈 지향점이 있다는 점이 중요한 point#파펨 #스타트업 #창업가 #창업자 #마인드셋 #인사이트 #디자인 #철학

제품을 선보일 때, 실제 사용자가 어떠한 방식으로 제품을 사용할 것인가에 대해 고민하고, 누구보다 제품을 이해해야 하는 사람들이 있다. 바로 'UX디자이너'다. 이번 기고는 인공지능을 다루는 서비스 분야가 넓어지면서, (인공지능이) 'End-User'와 직접 소통하고 대화할 수 있는 영역으로 확대됨에 따라 역할이 더욱 중요해진 UX디자이너에 대해 알아보고자 한다.많은 사람이 UX 디자인에 대해 오해하고 있다. 뛰어난 UX 디자인이란, 사용자가 느끼기에 가장 편리한 디자인이라고 생각하는 점이다. 실제로 인간은 단순히 편리한 것만 원하지 않는다. 특히, 인공지능을 탑재한 서비스는 유용성에 더 중요한 가치를 제공할 수 있으며, 서비스 성격에 따라 사용자의 감성을 많이 고려한다. 결국 인공지능 기술 기업이라면 사용자 입장에서 유용성, 편리성, 감성 등을 모두 고려한 인간 친화적인 UX 디자인을 무기로 내세워야만 한다.이에 실제 현업에서 매일 고민 하고 있는 스켈터랩스의 성진하 시니어 UX디자이너와 이야기를 나눴다.< 인공지능 개발 기업 스켈터랩스의 성진하 시니어 UX디자이너 >UX디자이너가 주로 하고 있는 일은?현재 스켈터랩스에서 대화형 UI에 엔진 및 빌더를 개발하는 프로젝트와 스마트 디바이스 개발 프로젝트에 참여 중이다. 먼저 대화형 UI쪽에 초점을 맞춰보자. 엔진은 소프트웨어 엔지니어가 집중하는 영역이라면, 빌더는 유저랑 만나는 접점이므로 UX디자이너 역할이 중요한 영역이다. 하지만, 빌더도 엔진쪽과 커뮤니케이션하며 개발하기 때문에 중간중간 엔지니어들과 '싱크업'을 해야 하고, 초기 단계이기 때문에 대화형 엔진에서 어떤 기능을 어떻게 제공할지 등을 논의해야 한다. 또한, 개발자 언어를 사용자가 알 수 있는 기능으로 '패키징'하는 일도 담당한다. 예를 들어, 지금은 'Function'이라고 부르는 것이 예전에는 'Fulfillment'라고 했었다. 두가지 다 업계에서 쓰는 용어지만, '업계 표준'이라는 것이 없기 때문에 어떤 용어가 더 적합한지에 대한 판단하고 있다.스마트 기기 같은 경우에는 실제로 사람들이 어떤 기능을 원하는지, 타겟 고객군이 어떤 라이프스타일을 즐기는지 예측하고 검증하는 과정에도 많은 시간을 할애한다. 엔지니어링 입장에서 어떤 'Feature'를 개발할 것이라고 한다면, UX디자이너는 실제 개발 가능성과 사용자 입장에서 접점을 찾아내는 역할을 담당한다.실제로 하고 있는 일 중 일반인들이 알고 있는 것과 가장 큰 차이가 있는 점은?일반적으로 생각하는 '디자인 작업'에 할애하는 시간 자체는 적은 편이다. 포토샵이나 스케치 등으로 하는 작업은 약 20% 정도에 불과하다. UX 디자인은 리서치와 디자인을 오가며 'Iteration(반복)'하는 작업이 대부분이다. 리서치는 벤치마킹이나 사용자 조사 등이 있고, 디자인에도 와이어프레임, 플로우 설계, UX 문구 선정, 애니메이션 등과 같은 다양한 작업들이 있다. 사람들이 생각하기에 디자인은 리서치가 아닌 비주얼 디자인인 경우가 많은데, 아까 말한 것처럼 여기에 할애하는 시간은 실제로 매우 적은 편이다. 고민하고 커뮤니케이션하는 시간이 훨씬 많다. 더구나 인공지능은 새로운 분야이다 보니, 공부하는 시간도 예전보다 늘었다.인공지능 붐이 일어나면서 UX디자이너의 역할은 어떤 점이 달라졌는가?일반적으로 쉽게 생각하는 것이 대화형 UI일텐데, 대화형 UI가 등장하면서 무형의 것을 디자인하는 숙명이 생겼다. 스켈터랩스에 오기 전에도 이런 고민은 많았다. 전 직장인 국내 S 대기업에서는 UI 디자이너들이 하던 고민이다. 대화형 인공지능 경험을 하다보니 생각보다 인문학적인 것에 대한 지식이 많이 필요했다. 실제로 구글은 'Conversation UI Designer'가 있다. 이 사람들 중에는 대화가 무엇인가 자체를 정의하는 사람도 있다. '특정 질문에 대해 사람들은 어떻게 대답할 것인가'라는, 예전에는 생각하지 못했던 고민을 많이 하고 있는 것이 현실이다.< 인공지능 개발 기업 스켈터랩스의 성진하 시니어 UX디자이너 >반대로 힘든 점은 무엇인가?요약해서 말하자면, 어렵고 생소해 많이 공부해야 하는 점이다. 특히, 대화형 UI에 대한 업계 표준이라는 것이 없어서 더욱 힘들다. 예를 들자면, 2008년 아이폰3G, 2010년 갤럭시S가 출시한 뒤 터치기반 스마트폰 모바일UX는 어느 정도 표준화 작업이 진행됐다. 이미 화면 사이즈에 맞는 프레임과 아이콘이 있고, 이를 바로 가져다 쓰거나 약간만 수정해 작업할 수 있는 편한 환경이 구축된 것이다.하지만, 대화형 UI는 아직 구축된 것이 적고, 보고 참고할 수 있는 것도 부족한 편이다. 때문에 정말 많은 고민과 공부가 필요하다. 여러 많은 글로벌 기업이 대화형 UI를 개발하고 있지만, 아직 어느 누가 이 분야의 선두 업체라고 할 수 없다. 아직 업계가, 기술이 충분히 무르익지 않았다고 생각한다.다시 모바일 UI의 예를 들어보자. 예전에는 줌인/아웃에 대한 실험도 상당히 많았다. 더블탭도 해보고, 돋보기 버튼도 적용하는 등 여러 과정을 거쳤고, 수 년간 실험을 통해 지금은 사람들이 두 손가락으로 늘리고 줄이는 행동을 당연하게 인식한다. 지금의 대화형 UI는 수년간 실험을 거쳐야 하는 단계라고 생각한다. 이것도 해보고 저것도 해보는 여러가지 시도를 테스트 중이다.국내 대기업에서 오랜 기간 경험을 쌓고 왔는데, 스타트업으로 옮긴 뒤 느낀 가장 큰 차이점은 무엇인가?크게 세가지로 정리할 수 있다.첫번째, 업의 특성이다. 대기업을 톱니바퀴라고 많이 표현하는데, 실제로 세부적인 것을 많이 분석하고, 일도 세분화되어 있는 구조다. 디자인 부서라고 해도 비주얼 디자인, 와이어프레임 디자인, 플로우설계, 애니메이션, UX문구 등 모두 세분화 되어 있다. 이에 반해 스타트업은 개인이 커버해야 하는, 그리고 능력에 따라 커버할 수 있는 영역이 더 넓다.두번째, 업무 환경이다. 대기업은 보안을 중요시하기 때문에 불편한 점이 많다. PC로 접속할 수 없는 사이트도 많았고, 구글 드라이브는 물론, 소식을 확인할 수 있는 해외 뉴스 사이트도 항상 승인 버튼을 눌러야 접속할 수 있다. 심지어 사무실 내에서 스마트폰 카메라 작동은 상상도 할 수 없고, PC를 들고 다니면서 일할 수도 없는 환경이다. 반면, 스켈터랩스는 '스케치', '제플린', '앱스트랙트' 등 여러 툴을 언제 어디서든 내 맥북을 들고 다니면서 사용할 수 있다.세번째, 사람이다. 대기업은 계속 디자이너들 사이에서만 일했다. 하지만, 이 곳은 개발자, 마케팅, PM 등 다양한 직군과 함께 있어 여러모로 배울 점이 많다. 특히, 스켈터랩스는 개발자가 많은 조직이고, 흔히들 말하는 천재형 개발자도 많이 볼 수 있다. 팀 내에서 개발언어로 소통하기 때문에 스스로 (디자인 이외의) 다른 영역을 공부하고 익숙해지는 중이다.UX디자이너로서 앞으로 업계 혹은 회사에서 기대되는 점은 무엇인가?개인적으로 인공지능 분야에 대해 많이 공부할 수 있고, 내 역량에 따라 전문가가 될 수 있는 기회를 잡았다고 생각한다. 한가지 바람은 스켈터랩스가 B2C용 제품을 빨리 출시를 출시하길 원한다. 기술 중심 회사라 많은 사람이 아직 정확하게 스켈터랩스가 어떤 것을 하는지 알기 힘들었는데, 실제 제품을 출시하면 우리가 어떤 업체인지, 어떤 기술을 보유하고 있는지 알릴 수 수 있고, 더불어 'End-user'와 직접 소통할 수 있기에 UX 중요성이 더욱 드러날 것이라고 생각하기 때문이다.성진하, 스켈터랩스 Senior UX Designer삼성전자 모바일 UX디자인 분야에서 오랜 기간 경험을 쌓고, 스켈터랩스로 전향 후 대화형 UI 빌더와 스마트 디바이스 프로젝트에 참여하고 있는 카이스트 출신 UX디자이너#스켈터랩스 #기업문화 #인사이트 #경험공유 #조직문화 #인공지능기업 #기술기업 #UX디자이너 #디자인