스토리 홈

인터뷰

피드

뉴스

조회수 1954

믿고 보는 데일리 트루어워즈

데일리 트루어워즈란?데일리호텔 300만 고객의 150만 개 '트루리뷰'로 선정한 2017년 데일리 고객에게 가장 사랑받은 스테이&고메 어워즈입니다.사실 예전부터 데일리에서 직접 스테이&고메를 선정하여 고객분들께 좀 더 보장된 서비스를 제공하고 싶었지만 최대한 투명하고 객관적이게 업장을 선정하고 싶다 보니 그 발판이 만들어지지 않았다고 판단되어 마음속에 묵혀놓은 캠페인이었죠. 하지만! 앞서 소개드렸듯이 데일리호텔 리뷰 노출이 가능해짐에 따라 직접 다녀온 고객들에 한한 100% 솔직한 후기를 바탕으로 어워즈를 선정할 수 있게 되었어요.그리고 데일리 트루어워즈를 널리 알리기 위해 온라인 콘텐츠는 물론이거니와 앱 내의 UI 적용, 업장에 세워질 오프라인 트로피 제작이 필요했습니다. 무형의 서비스를 유형으로 만들기 위한 과정이었죠.심볼 Symbol.제일 먼저 '데일리 트루어워즈'를 알릴 수 있는 시그니처 심볼을 제작합니다. 심볼은 온라인 콘텐츠에는 물론 UI 같은 좁은 영역에도 사용되어야 했기 때문에 얼마만큼의 요소를 넣을 것이고, 축약을 한다면 어떤 요소를 덜어낼 것인지 고민해야 했습니다. 트립어드바이저 사례위 사례에서 볼 수 있듯이 실제로 사용되는 심볼은 따로 있으나 UI의 좁은 영역에는 축약형을 사용하는 형태를 띄어야 했죠.그리고 심볼이 상징적으로 표현해야 하는 요소가 무엇인지 정의하고 적용되는 온/오프라인 매체의 특성을 파악하여 쉐입을 반영합니다. 위와 같이 '데일리 트루어워즈'는 투명함, 소중함, 완벽함을 전달하고자 했고 그것을 표현하기 위해 '보석, 육각형' 즉, 데일리의 심볼로 어워즈 심볼형태를 제작해야겠다고 생각이 되었습니다.그리하여 많은 피드백과 수정 후 완성된 심볼! 이 심볼은 SNS 및 타 업장 오프라인 제작물로도 배포될 것이기 때문에 사용 규정 가이드도 함께 만들어줍니다.이제 남은 과제는 '이 형태를 UI 내에 어떻게 적용할 것인가'라는 것이었습니다. UI 적용.우선 '데일리 트루어워즈'는 마케팅팀에서 제안했고, 앞으로도 꾸준히 운영할 장기 서비스였기 때문에 마케팅적으로 필요로 하는 노출 위치, 노출 형태, 노출 워딩 등을 먼저 UI/UX 측에 요청했습니다.(보통 아이콘, 심볼 같은 요소는 Creative 디자인팀에서 진행하지만 UI에 적용될 시에는 UI에 맞는 레이아웃 및 UX가 필요하기 때문에 UI 디자인팀과 협업하여 진행합니다.)업장 리스트에서 보여지는 뱃지 요청 예시필터화면 요청 예시(좌) / 업장 상세화면 요청 예시(우)먼저 고객이 예약을 하는데에 있어 '데일리 트루어워즈'가 도움이 되어야 했기 때문에 예약을 하는 과정에 많이 노출이 되는 것을 바랐습니다. 하지만 이미 업장 리스트에는 호텔 등급, VR여부 표기, 만족도, 트루 리뷰 개수, 데일리 리워드 여부 뱃지, 좋아요 버튼이 노출되고 있었기 때문에 무엇을 추가하기에는 포화상태였죠. 해서 업장 상세화면에만 '데일리 트루어워즈'표기를 하기로 협의하게 됩니다.적용된 화면또한 원래는 UI에 '데일리 트루어워즈'심볼의 요소를 줄여 적용시키는 것을 생각하였으나 레이아웃 및 그룹핑 문제로 인해 위 이미지처럼 월계수 잎만 들어가게 됩니다. 대신 '월계수 잎은 데일리 트루어워즈다.'라는 것을 인지시키기 위해 워딩 옆에 '?' 아이콘을 추가하고 클릭 시 팝업의 형태로 풀버전 심볼과 간단한 설명이 나오도록 page를 추가합니다.적용된 화면또한 앱 내 더보기 탭에 '데일리 트루어워즈'를 설명하는 탭을 추가로 넣어줍니다. 언제든 유저들이 찾아볼 수 있도록요!트로피 Trophy.'데일리 트루어워즈'를 앱과 각 SNS 채널에 노출했다면 이제는 업장에 상을 부여하는 동시에 데일리호텔을 홍보할 수 있는 트로피 제작이 필요했습니다. 호텔 및 고메 업장에 놓일 것이기 때문에 업장주가 받았을 때 가치를 부여하고 로비에 놓고 싶을 만큼의 퀄리티가 필요했어요. 여러 레퍼런스와 시안들을 검토하고 최종으로 발주업체를 선택합니다. (기획자 더스틴의 피땀눈물)#데일리호텔 #데일리트루어워즈그리고 이렇게 스멀스멀 올라오고 있는 '데일리 트루어워즈' 인증샷에 뿌듯해합니다. 사실 개인 SNS에 올려주시는 것 까지는 생각하지 못했지만 꽤 많은 분들이 계속해서 인증샷을 올려주시고 계셔서 뿌듯하네요.(ㅎㅎ)데일리 트루어워즈 2019를기약하며.데일리 트루어워즈 2018은 1/10부터 2/28까지 약 한 달 보름 정도 홈 배너에 노출이 되었습니다. 그리고 고생한 만큼의 성공적 성과를 가져왔습니다. 트루 리뷰를 통해 투명하고 합리적인 업장들을 고객에게 소개하는 동시에 업장 측에도 어워드라는 좋은 경험을 안겨드린 것 같아 좋은 경험이었다고 생각합니다. 이번해에는 어떤 스테이와 고메가 활약을 할지 궁금해지네요.그럼 내년에 '데일리 트루어워즈 2019'로 뵙겠습니다! :)기획/진행 : Creative팀작성자 : Creative팀 Blair Ahn#데일리 #데일리호텔 #디자인 #인사이트 #디자인후기 #일지
조회수 3844

개발자, 디자이너, 기획자의 온도차

 아마 가장 많은 분들이 생각하시기에 가장 걱정되는 부분이라고 생각이 듭니다.그래서 저 역시도 이 이야기를 하는 것에 좀 조심스럽습니다. 이야기는 바로 "업무를 대하는 개발자, 기획자, 디자이너 간의   온도차."입니다. (다시 한번 말씀드려요! 제가 사용한 방법이 백프로 모두에게 맞는 말은 아닙니다!!) 스타트업은 큰 기업처럼 디자인팀, 개발팀, 기획팀이 갈려서 서로의 팀장에게 허가를 받고, 기획을 시작하고, 개발을 시작하고, 디자인하는 그런 상하관계의 구조가 아닙니다. 서로서로들 비슷한 경력들과 환경에서 서비스를 제작하는 사람들이 많죠. 특히, 젊은 스타트업 기업들은 대학생들이나 대학원생 등 아직 본격적인 사회생활을 해보지 않은 인원들이 더 많을 것으로 알고 있습니다. 아시다시피, 다들 맞춰진 직무를 기반으로 개발자는 개발자의 생각과 계산에 따라서 일을 진행하고 있고, 기획자는 기한에 맞춰 예상했던 진행대로 일을 진행하고 싶어 하고, 디자이너들은 보다 다은 디자인으로 서비스를 보이려 다양한 자료들을 모으고 분석하여 제작자의 아이디어를 입혀 새로운 콘텐츠를 제작하려 노력합니다.문제는 서로가 서로의 일에 대하여 모른다는 것입니다. 스타트업의 팀원들 간의 커뮤니케이션은 마치 연애와 같아서 서로 이야기해주지 않으면 모를 수밖에 없고, 서로 어떻게 일을 하는지, 얼마나 시간이 걸릴 것이다 등 일정에 대한 공유나, 업무를 하는 절차를 이야기 해주짖 않으면, 원치 않는 감정의 골이 생기기 마련입니다. 이런 문제를 해결하기 위해, 기업은 매일매일 아침시간에 진행하는 Scrum이라든지, Jira, Taskworld, Trello 등 다양한 프로젝트 매니지먼트 툴을 사용하고, 스크럼 마스터나, 다양한 서비스를 제작해 보신 PM(Project Manager), 또는 PO(Product Owner)님들이 각부서의 현황들을 파악하고, 다양한 부서를 총괄하고 관리합니다.그러나, 기본적으로 국내 스타트업 상황은업무자들의 수가 절대적으로 부족하고,젊은 개발자나 디자이너 같은 경우는 생업(또는 학업)과 스타트업을 동시에 하는 인원이 많고,젊은 창업자들과 직원들의 경우, 프로젝트 경험이 없어 이러한 분업구조를  낯설어하고,개발자와 디자이너 역시 자신이 작업하는 프로젝트가 언제쯤 끝날지 가늠할 수 없는 상황이 생기고,적은 인원들이 많은 프로젝트를  진행하느라 예민한 구조가 되어 남을 이해하기 힘든 상황등의 다양한 이유들 때문에 각 직군 간의 갈등 상황이 큰 기업에 대비하여 많이 생기고 있습니다(물론 큰 기업도 문제가 없진 않다고 합니다.).이 전설의 짤을 보신적이 있으신 분들도 많으실듯... (출처: http://9gag.com/) 이러한 갈등 해결 방안은 다음에 더  디테일하게 설명드리도록 하고, 이번 글에서는 간단히 저가 생각하는 발전방향에 대하여  이야기해보도록 하겠습니다. 앞서 말씀드린 것과 같이, 스타트업 팀원들의 관계는 마치 연예와 비슷하다고 생각합니다. 말하지 않으면 모를 수밖에 없는 노릇이고, 말을 해줘도 이해할 수 없는 일들이 수두룩 합니다(그런 이유로 저는, 스타트업에서 근무하시는 분들은 서로의 업무에 대하여 어느 정도의 배경지식을 배우는 게 필요하다고 생각합니다.). 그럼에도 불구하고 우리는 항상 이야기를 해야 해요. 연애를 할 때도 말이 안 통해도 될 때까지 이야기하듯이. 스타트업에서의 업무는 끊임없이 피보팅을 진행하고, 하루하루 떠오르는 처리해야 할 일들이 생깁니다. 그리고, 그러한 변경사항들에 관하여  이야기할 때, 서로가 서로의 말을 이해해 주지 못한다면, 더 큰 갈등 상황들을 야기하기 마련이지요. 그러나, 만약 각 직군의 전문가들이 서로의 업무에 대한 배경이나, 아주 기본적이더라도 기초사항을 알고 있다면, 서로의 업무량에 대한 불만이 아무래도 적을  수밖에 없다고 생각합니다. 제가 스타트업을 진행할 당시를 말씀드리자면, 저는 창업 당시 기획자로서 서비스를 기획하고, 프로젝트를 관리하고, 투자 또는 공모전 등에 쓰일 기획서 등을 제작하는 업무를 주로 하였습니다. 디자인에 관하여는 무엇을 논할 수 있는 실력도 아니고, 개발에 관하여는 더더욱 그렇습니다. 그러므로 기획서를 작성할 때나, 어떤 계획을 할 때 “원하는 시간”을 개발자나 디자이너에게 요청하고, 그러한 요청 사안과 당사자들과의 이야기를 통해 조정하고 계획을 진행하는 것이 주  업무였습니다. 그리고 나름 생각하기에는 "개발이나 디자인을 하나도 모르는 사람이 일의 진행 정도를 스스로 보고 판단하고, 기한을 준다는 것은 올바르지 않다."라고 생각하여 아주 기초적일 수 있지만 웹 공부와 포토샵 일러스트 디자인 등의 디자인과 개발 툴 공부를 꾸준히 하면서 개발과 기획에서 어느 정도  서포트할 수 있는 실력을 기르기 위해 많은 시간을 투자했었습니다. 그리고 이러한 노력 덕분에 서로의 직군과 업무에 대한 고충을 이해할 수 있어서 많은 이점을 가질 수 있었지만, 그럼에도 불구하고, 자주자주 일이 딜레이 되는 상황이 발생하였고, 그러함에 따라서 개발자와 디자이너와 기획자들이 조금씩 소원해지고  섭섭해지는 상황이 발생하였던 것 같습니다. 그래서 하나 더 생각했던 것이, "일을 처음 시작하는 초보들에게도 바로 적용해서 업무에 도입할 수 없는 어려운 프로젝트 매니지먼트 툴이 아닌 서로의 작업현황이나, 상태 정도를 가늠할 수 있는 PM 툴을 만들어 보자." 하는 것이었습니다. 그래서 창업 당시 사용한 아주 간단한 툴이 있는데, 이 프로젝트 메니지 방법은 내일 이미지로 보여드리면서 설명드릴게요. :) 그리고 지금은 Taskworld나 Jira 같은 더 전문적인 툴을 사용하고 있지만, 해당 툴에 대한 전문전 지식이 아직 없는 분들은 엑셀 등으로 서로의 일을 정리해서 공유하는 것도 좋을 것 같네요! 기회가 되면, 요즘은 제가 어떤 식으로 툴을 사용하는지 설명하는 글도 적도록 하겠습니다! 마지막으로 긴 글을 세줄 정리하자면, 1. 개발자, 기획자, 디자이너는 달라요. x나 달라요.... 2. 다르면 잘 들어보고 뭘 하는지 아는 것이 중요하다고 생각합니다. 3. 그리고 서로가 어떤 일을 하고 있는지 현황을 파악할 수 있다면 더 좋겠죠?오늘도 읽어주셔서 감사합니다! 좋은 하루들 되세요:)#코인원 #블록체인 #기술기업 #암호화폐 #스타트업인사이트
조회수 7299

초보 디자이너를 위한 안드로이드 DP(Dip), PX, DPI의 개념

안드로이드 앱 디자인은 처음인데요안드로이드 앱 디자인 처음 접하게 되면 dp, px(픽셀), Dpi이란 말을 듣게 됩니다. 안드로이드는 다양한 스마트폰 화면 크기와 해상도를 지원하고 있기 때문에 필요한 개념입니다. 처음에는 헷갈리기 쉽지만 생각보다 어렵지 않습니다. 그리고 이와 관련된 지식을 알고 있으면 디자인,개발 작업에 도움이 됩니다.스크린의 실제 단위 Pixel많이 들어봤을 법한 픽셀은 화면을 구성하는 최소 단위입니다.Pixel 단위는 화면의 전체 화면 크기와 상관없이 지정한 수치만큼 표시되는 절대적 표시 단위이므로 안드로이드에서는 Pixel보다 dp 단위를 사용하는 것이 개발이 이루어질 때 수월합니다.그 이유는 아래 DP단위 개념을 설명에서 알 수 있습니다.DPIDPI는 Dot Per Inch로 1인치에 들어가는 픽셀을 나타내는 단위입니다. 예를 들면 100DPI는 1인치당 픽셀이 100개 포함된다는 것을 말합니다. 개수가 많을 수록 고밀도이며 안드로이드에서 주요 DPI는 아래와 같습니다.DPI기준ldpi120dpimdpi160dpi (기본)hdpi240dpixhdpi320dpixxhdpi480dpixxxhdpi640dpi안드로이드의 기준 DPI는 160 DPI 입니다. 160 DPI인 경우 밀도 독립단위 DP와 PX이 같은 크기를 갖습니다. 즉, 16DPI에서는 1dp는 1px이 됩니다.다양한 디바이스 크기에 대응하기 위해 필요한 DPDP는 픽셀 독립 단위입니다.화면의 크기가 달라도 동일한 비율로 보여주기 위해 안드로이드에서 정의한 단위이며 큰 화면,작은 화면에 상관 없이 같은 크기로 나타납니다.예시1) 같은 사이즈의 애플리케이션에 Low, Medium, High-density 화면에 PX 단위로 크기를 지정했을 때예시2) 같은 사이즈의 애플리케이션에 Low, Medium, High-density 화면에 DP 단위를 지원했을 때위의 예시들을 보면 안드로이드에서 왜 DP단위를 써야 하는지 알 수 있습니다.위의 개념들을 실무에 응용DP, Px, DPI는 안드로이드 앱 디자인 할 때 꼭 알아야 합니다. 실제로 디자이너는 디자인 후 이미지를 보내줄때 해상도별로 Png파일을 보내줘야 하고 개발자도 리소스 파일을 해상도별로 관리해야 합니다.DP와 PX의 단위 변환개발을 하다보면 DP를 PX로 바꿔줘야할 경우가 있습니다. 안드로이드 레이아웃을 코드 작성 할때 는 DP를 사용할 수가 없기 때문입니다.사용하는 공식은 아래와 같습니다.px = dp * 단말 DPI/기본 160dp = px * 기본 160/단말 DPImdpi 지원 단말일 경우 dpi는 160 이므로 1dp 160/160 = 1pixel이 됩니다.xxhdpi 지원 단말일 경우, 5dp를 pixel로 계산하면5dp 480/160 = 15 pixel 이므로 xxhdpi 단말의 5dp는 15pixel이 됩니다.단위 변환을 계산해주는 도구디자이너는 가이드를 작성할 때 DP계산이 필요하고 개발자는 코드를 작성할 때 PX 계산이 필요합니다.머릿속으로 계산이 빨리 되면 상관없겠지만, 일하면서 여간 쉬운 일은 아닙니다.(숫자에 약한 디자이너라면 더더욱…!) 그래서 계산이 힘든 사람들을 위해 작업 시간도 줄여주는 도구 몇가지 소개합니다.1. Android DP/PX converter   각 화면 밀도 별로 dp 를 pixel 로 pixel 을 dp 로 간단하게 확인 해 볼 수 있다.(바로가기)2. Pixplicity DP/PX converter   각 화면 밀도 별로 pixel, dp, sp, mm, inch, pt 로 계산 값을 확인 할 수 있다. (바로가기)3. Cracker9의 Unit Converter   디자이너가 작업하면서 쓰기 유용한 포토샵 플러그인이다. (바로가기)안드로이드 앱 디자인 하실 때 도움이 많이 되셨으면 좋겠습니다.#에이치나인 #디자이너 #개발자 #협업툴 #크래커나인 #솔루션기업
조회수 2235

제니퍼 개발 이야기(UI/UX)_ 제니퍼 UI/UX의 특징

사용자가 목표로 하는 경험이나 서비스가 빠르게 구현되는 환경에서 B2B 제품의 UI는 대부분의 제품이 어렵고 복잡하여 전문가가 아니면 배우기 힘든 단점이 있었다. 제니퍼의 UX는 중요하고 자주 사용하는 기능의 사용성을 높이는데 중요도를 높이 둔다. 그렇다고 자주 사용하지 않는 기능의 UX를 중요시하지 않는다는 것이 아니다. 많은 사용자(비전문가 포함)가 사용하는 기능의 접근성을 높이고, 쉽게 사용할 수 있도록 하는 것이다. 반면, 전문가가 분석을 위해서 사용하는 복잡한 기능은 정확하게 기능을 사용할 수 있도록 유도하고, 데이터를 가장 잘 표시하는데 집중한다. 제니퍼 5는 제작 시기부터 다른 경쟁사가 하지 않은 도전을 시작하였다. 타사 제품들이 기능적인 부분에 포커스를 맞추고 개발하였다면, 제니퍼는 사용자 경험적으로 더 뛰어나게 만들기 위해 기존의 제니퍼가 가지고 있던 모든 요소를 하나하나 다시 고민하고 새롭게 재 창조하였다. 그 결과 심미적이면서도 직관적으로 사용자들이 겪는 불편함과 어려움을 최소화하였다. 많이 사용하고 중요한 기능일수록 쉬운 UX/UI현재 기업의 웹 서비스는 기업의 수익을 높이는 중요한 요소로 자리잡았다. 개발자나 웹 관리자뿐만 아니라, C 레벨 혹은 마케터까지 자신이 관련된 웹 서비스 방문자가 얼마나 되며 서비스 이용은 순조로운지 등에 관심 갖게 됐다. 그러나 이전의 APM은 IT관점으로 설계되어 현업이 제품을 이용해 애플리케이션을 모니터링 하는 것이 거의 불가능했다. 그래서 제니퍼 5는 기획 단계부터 현업까지 이해 가능한 UX/UI를 만드는데 공들였고, 사용자가 사용하기 쉬운 UX/UI를 제공하려고 애썼다. 개발 후에도 피드백을 받고 개선하는 작업을 게을리 하지 않고 있다. 간결하고 직관적인 인터페이스 제공대시보드는 관제실이나 전용 화면에서 공간을 최대한 활용할 수 있도록 만들었고, 분석의 경우 쉬운 조작만으로도 사용자가 보고자 하는 데이터를 직관적으로 보여주는데 중점을 두었다. 또한 대시보드에서 어떤 이벤트가 발생하면 해당 이벤트를 쉽게 볼 뿐만 아니라 그와 연관된 데이터의 분석도 바로 할 수 있도록 하여 사용자의 Interaction(사용자가 클릭 등의 행위를 하는 것)을 최소화하였다. 사용자는 이벤트를 선택하면 문제가 발행한 지점으로 바로 도달하는 느낌을 받도록 한 것이다. HTML 5 기반의 UI제니퍼 5는 HTML 5 스팩을 기반으로 UI를 개발했다. 제니퍼 5는 HTML 5 스팩이 나온 초기부터 개발을 시작해서 정보나 제공되는 기능 등의 부족으로 많은 어려움을 겪었지만, 수많은 연구를 통해 현재는 JUI(JENNIFER User Interface)라는 오픈소스 프로젝트를 진행할 수 있는 수준까지 이르렀다. 앞으로 HTML 5 스팩은 더욱더 발전할 것으로 예상되고 이에 맞추어 3D를 포함한 다양한 Frontend 기술을 접목해 더욱 발전시킬 예정이다. 제니퍼 네비게이션, 최단기간에 목적지까지 도달하는 구조사용자 경험을 긍정적으로 만들기 위해 신경 썼던 부분 중 하나가 네비게이션 기능이었다. 제니퍼 5의 네비게이션은 사용자 인지 네비게이션으로, 이벤트가 발생하거나, 사용자가 데이터를 분석하고자 할 때 접근하기 가장 쉬운 형태로 만들었다. 이를 위해 특정 기능이 다음으로 넘어가는 과정을 자연스럽게 구현하려고 노력했다. 제니퍼는 사용자가 주로 사용하는 기능을 집중해서 보여주는 방법으로 선택과 집중해서 제품의 UX를 개발했다. 반면 외산은 평면적으로 기능을 늘어놓아 이용자에게 적지 않은 학습을 요구한다. 제니퍼는 이용 목적이 분명한 사용자가 최단기간에 목적지에 도달할 수 있게 해준다. 이용자가 대시보드를 모니터링 할 것인지, 분석을 할 것인지, 아니면 통계를 할 것인지에 대한 목적이 정해지면 해당 메뉴를 클릭하는 방식으로 목적지까지 쉽게 도달할 수 있다.컴포넌트화를 통한 UI 통일성 및 유지보수 편의성 도모 디자인과 개발의 일관성을 위해 자주 사용하는 요소는 모두 컴포넌트화시켰다. 이에 한 요소가 JUI이고 이로 인해 새로운 화면이 추가되더라도 디자인의 일관성이 유지되었고, 화면상의 문제가 발생할 경우에도 컴포넌트 단위로 버그를 수정하여 반영함으로써 유지보수도 쉬워졌다.제니퍼는 이와 달리 데이터 관점에서 UX를 적용하기 보단, UX/UI에 제니퍼의 데이터를 맞추는 전략을 썼다. UX에 딱 맞는 옷을 찾기 위해 UI라이브러리나 차트도 새로 만들었다. 개발 생산성을 높이기 위해 제니퍼는 최대한 작은 단위로 디자인 구성요소들을 나눴다. 작은 단위로 쪼갠 후 재사용이 가능해야 개발의 일관성 및 확장성을 보장할 수 있기 때문이다. 쉽게 재사용할 수 있는 것을 컨셉으로 기술 트렌드인 HTML5를 스펙을 맞춰 공유를 목적으로 구성요소를 개발했다. 예를 들면 화면에 들어가 있는 버튼을 일일이 나눠 개발했고, 이를 재사용하기 쉽게 만들었다. 이를 통해 페이지마다 버튼이 다르게 보이는 문제를 해결했다. 하나의 버튼을 고치면 나머지 버튼도 바뀌도록 해 UI의 일관성을 유지했다.
조회수 1043

마음속의 브랜딩: 우리는 왜 맥북을 살까

지난 1월27일 오전10시 애플스토어가 상륙했지요. 몇몇 기사에서 볼 수 있듯 진풍경이 연출되었습니다. 인간복도, 끝도없는 줄, 한겨울노숙투혼, 가즈아 제창, 박수세례 등 사실 애플제품을 사용하지 않는 사람들 입장에선 저게 뭔데? 왜 저래? 라는 의문이 들 수 있는 장면들이었을 겁니다. 이와 같은 브랜드팬심은 사실 애플제품뿐만은 아니었습니다. 2015년 명동에서 발망과 H&M의 콜라보레이션 라인이 등장했을 때에도 노숙투혼 사진이 심심치 않게 올라왔습니다. 심지어 닷새가 넘게 기다린 사람도 있었죠. 뭐 이 때는 중고나라 되팔러들의 열정과 혼을 느낄 수 있는 이슈였다고 치지만, 그럼에도 뭔가 일반적인 경우는 아닌 것 같습니다. 쉐이크쉑버거가 처음 오픈 했을 때도 그러했고, 명동 유니클로는 히트택 세일할 때마다 사람들이 발을 동동 구르며 줄을 섭니다.어떤 브랜드에 열광하고 관심을 가지는 것은 그 정도의 차이가 다를 뿐 사실 누구에게나 하나쯤 애정하는 브랜드가 있기 마련입니다. 우리는 이를 취향이라고 부르기도 하고, 팬심, 덕심 등이라고 부르기도 하죠.애플스토어가 오픈했을 당시에는 역대급 추위가 대한민국을 휘감았던 날이었습니다. 거리엔 비둘기조차 돌아다니지 않는 거친 날이었죠. 하지만 덕심은 추위보다 강했던 모양입니다. 단순히 취향...이라고 하기엔 사람들의 행동이 뭔가 일반적이진 않았던 것 같습니다. 기사에 달린 댓글을 보니... 얼마 전 있었던 애플의 깜짝 배터리 이벤트 때문이었는지는 모르겠지만 대부분 부정적인 댓글들이 많더군요. 저는 개인적으로 디자인을 할 때 맥이 여러모로 편한 점이 있어서 사용하긴 하지만, 뭐 그렇게 덕력이 있다라거나 그런 것은 아닌터라 그저 '흠....' 하는 기분이었습니다. 오늘은 왜 사람들은 추위를 견뎌가며 줄을 서는가에 대해 생각해보도록 하죠 :)당시 33살이었던(나와 동갑...) 김정온 대표는 혼자 카페를 시작했습니다. 그리고 그곳은 1년만에 4개의 점포를 더 냈고, 2017년 10월 기준 32명의 직원이 있는 핫한 곳이 되었습니다. 당초엔 김포 본점으로 시작했습니다. 그러나 주말이면 사람들이 너무 많아 와서 문제(?)가 되어버렸죠. 폭풍입소문에 인스타에는 온통 인증샷으로 가득했고, 주변 도로가 마비되고 불법주차 때문에 경찰까지 나와서 교통정리를 해야하는 해프닝도 생겼습니다. 바로 '카페, 진정성' 의 이야기죠.카페, 진정성에 대한 이야기는 이미 너무 많은 인터뷰와 기사를 통해 등장한 터라 더 이상의 자세한 설명은 생략하도록 하겠습니다. 이 곳의 최대무기는 이름 그 자체입니다. 사람들을 줄 서게 만드는 힘은 '진정성'이죠. 먹거리는 정직함을 기반으로 합니다. 그 힘은 누구도 부정할 수 없죠. 품질과 서비스관리를 위해 100% 직영점으로만 운영하겠다는 철칙과, 재료선택, 제조방식 등 어느 것 하나도 타협하지 않는 고집스러움은 이 시대의 브랜드에게 새로운 메시지를 던져줍니다. 우리의 브랜드는 진정성이 있을까?... 그 진정성은 얼마나 고집스럽고 정확한 포인트를 향해있는지. 말입니다. 대부분의 사업은 모두 진정성있게 시작됩니다. 메시지가 있고 철학이 있죠. 그러나 문제는 그것을 유지하고 다른 색과 섞이지 않게 만드는 것입니다. '카페,진정성'이 밀크티가 대박쳤다고 해서 갑자기 밀크티 프랜차이즈 제품을 내버리고, 굿즈를 만드는데 신경쓰고 매장확장에 올인을 했다면 지금과 같은 곳이 될 수 있었을까요. 물론 앞서 말한 것들이 나쁜 것들은 아닙니다. 하지만 사람들이 우리 브랜드의 어떤 점을 사랑하는 지에 집중해야하죠. 카페,진정성의 매력은 그 고집스러움입니다. 내 몸에 들어가는 음식물이 무엇보다 정직한 것들로 정직하게 만들어졌다는 믿음. 저도 밀크티를 무척좋아합니다만, 진정성의 밀크티는 확실히 담백하고 맛있습니다. 그러나 마시는 순간 갑자기 용이 날아다니고 관자놀이에서 번개가 치는 비룡의 맛이 아닙니다. 그냥 맛있네~ 정도랄까요. 다만 24시간 내내 제조한 그 밀크티를 천천히 음미하는 그 자체에서 의미가 생깁니다. 특별한 밀크티를 마신다는 그 기분이랄까요. 그리고 그 기분이 거짓이 아니라는 데에서 만족감을 얻게 되죠. 인지부조화로 인한 묘한 불편함을 느낄 필요가 없다는 것. 브랜드의 힘은 여기에 있습니다.개인적인 의견입니다만 저는 맥북을 좋아합니다. 그러나 정확하게 무엇이 좋은지를 설명할 수 있죠. 음 물론 디자인적으로 예쁘고 패키지를 뜯는 과정에서 기대감을 증가시키는 등 뭐 그런 것들도 있을 수 있겠습니다만...사실 중요한 건 아닙니다. 만약 맥북이 여자친구고 그녀가 '내 어디가 좋아?' 라고 물어본다면 겁나 시크한 표정으로 '트랙패드' 라고 말할 것 같네요. 사실 맥프레를 샀다가 한 번 되팔았었는데 다시 구매하게 된 유일한 이유는 맥OS도 아니고 레티나디스플레이도 아닙니다. 트랙패드의 부들부들한 느낌이지요. 물론 스케치를 맥에서만 쓸 수 있고, 맥OS특유의 편리함들도 있겠지만 그건 부차적인 문제였습니다. 애플스토어 오픈이 난리가 났던 것도 한편으론 이해가 가긴합니다. 확실히 맥은 불편한 것과 단점투성이긴 하지만, 진짜 놓칠 수 없는 단 한가지를 만들어내는 묘한 매력이 있죠. 일반 삼성, LG, 레노버 노트북도 나쁘지 않습니다. 지금 이 글도 LG그램으로 쓰고 있으니 각자의 장단점이 있달까요. 하지만 확실히 일반 업체의 노트북은 평이하게 그럭저럭 좋은 수준입니다. 딱히 나쁜 것도 딱히 좋은 것도 없는 느낌이랄까요. 그램이 처음 출시됬을 땐 그 가벼움에 상당히 놀랐습니다만, 요즘엔 뭐 1kg 미만의 랩탑이 너무 많은터라 그램의 경량성이 크게 돋보이진 않더군요.우린 이것을 킬링포인트라고 불러야겠습니다. 제품과 서비스는 절대 완벽할 수 없습니다. 모든 사람을 모든 면에서 만족시킬 수도 없지요. 하지만 확실한 팬층을 만드는 것은 아주 강력한 하나의 킬링포인트가 있는가? 하는 것입니다. 떠났던 고객조차도 미련이 남아 다시 돌아오게 만드는 그 강력한 힘은 어디에서도 찾아볼 수 없는 독보적인 것이어야 하죠. 그리고 또 하나!단순히 독보적인 것 뿐만 아니라, 그것의 당신의 행동을 어떻게 바꿔놓을 수 있는지가 중요합니다! 가격이 싸다. 가볍다! 배터리가 오래간다! 이러한 각각의 특징들은 물론 있습니다. 모든 제품과 서비스엔 각자의 강점이 있기 마련이죠. 다른 제품보다 1,000원 싸다. 100g가볍다. 배터리가 2시간 더 오래간다....는 식의 포인트는 사실 큰 의미가 없습니다. 근소한 차이이거나 딱히 소비자에게 큰 변화를 줄 수 없는 포인트라면 Strength 에 적기 좀 애매한 감이 있죠.애플에서 맥프레를 설명할 때 마우스가 없어도 된다!...라는 걸 막 전면적으로 내세우진 않습니다. 매직마우스도 팔아야 하니까요. 하지만 써 본 사람들은 트랙패드가 얼마나 편한 지 몸으로 알고있죠. 그리고 노트북을 들고 다닐 때 마우스를 놓고 왔어도 전혀 불편하지 않다는 것에서 감화를 받습니다. 가방에 챙겨야 할 것이 하나 줄어드는 것이죠. 소비자는 이러한 행동을 통해 '든든하다.' '걱정없다.' 라는 생각을 합니다. 팩트여부를 떠나 본인에겐 그렇게 느껴지는 것이죠. 물론 맥프레는 고장나면 자비없는 나쁜놈이 되긴 하지만... 소비자 입장에서 이미 구매한 제품에 대해서 '고장나면 꽝이잖아!?' 라는 생각을 하진 않으니까요.(그래야 속이 편하거든요)유사한데 조금 더 나은 강점이 아니라... 우리만의 독보적인 킬링포인트는 무엇일까요? 떠나간 고객마저도 헤어진 전애인이 되어 '아직 파니...?' 라고 문자를 보낼만한 강력한 매력을 지니고 있나요?우리의 특별한, 올바른 가치관을 응원하는 브랜드가 있습니다. 자연파괴와 과도한 소비에 경종을 울리며 자신의 제품을 사지 말라고 캠페인 했던 파타고니아입니다. 2013년 한국시장에 진출한 이래 꾸준한 매출성장을 기록하고 있습니다. 저도 그 꾸준한 매출에 기여하고 싶었는데 가격이 후덜덜해서 파타고니아 조끼를 사지 못했습니다. 아니 사지 않는게 아니고 못사게 만들어버리면 어떻합니다 스탠리옹씨..ㅠㅠ  어쨌든 이는 저의 통장상태에 기인한 것이므로 각설하고, 파타코니아의 국내진출은 합작법인이 아닌 직진출로 진행되었는데 이에 대해 파타고니아의 빈센트 스탠리 CEO는 “장기적으로 보면 기존의 합작법인 보단 우리가 직접 시장을 책임지는 것이 낫다고 생각했다. 마케팅에 돈을 쓰기 보다는 구전으로 제품의 진정한 가치가 전달되도록 하고 인위적인 수요 창출보단 자연적인 성장을 기다리면 시장은 좋아질 것" 이라고 언급했습니다. 물론 우리 옷을 사지말라는 캠페인은 정말 멋진 캠페인일 수도 기막힌 마케팅 테마일수도 있겠지만 둘 중 어느 쪽이든 기업입장에선 자신의 철학을 노골적으로 드러냈다는 데에서 그 의의를 찾을 수 있겠습니다. 영국의 핸드메이드 화장품 브랜드인 러쉬는 화장품의 동물실험을 반대하며 천연재료로만 제품을 만들고, 심지어 동물실험 반대 엑스포를 열어 동물복지라는 진정성으로 소비자의 두터운 신뢰를 쌓으며 글로벌 브랜드로 성장했습니다. 개인적으론 향이 강려크해서 구매는 하지 않고 있고... 러쉬매장하면 떠오르는 게 매장앞에 거품가득한 세숫대야밖에 없으므로 짧게 줄이도록 하겠습니다. 저도 진정성있는 글을 쓰고싶...이처럼 요즘의 소비자들은 자신의 철학과 가치관을 드러내고 싶어합니다. 당신의 제품과 서비스를 이용하는 것을 통해서 말이죠. 난 돈관리를 철저히 하는 사람이야!...라는 걸 가계부앱을 사용하는 것으로 드러내고 싶어하고, 자기관리에 민감해~ 라는 가치관을 쥬스솔루션이나 밀스3.0을 쉑잇쉑잇하면서 드러냅니다. "너 그거 하는 사람이구나!"라는 말을 듣는 것이죠. 특별해지고 싶습니다. 아이덴티티를 드러내고 싶어하죠. 그리고 자신의 가치관을 대변해주는 브랜드가 생겨나면 그것을 찾습니다. 그리고 이 브랜드가 성장하고 함께하는 사람들이 많다는 데에서 희열을 느낍니다. 나와 같은 생각과 가치관을 지닌 사람들이 있는 곳이니까요.우리의 브랜드는 어떤가요? 우리 서비스/제품을 사용하는 사람들은 어떤 사람들인가요? 그들의 가치관과 철학을 대변해주고 있나요? 같이 만들어나간다는 것의 힘은 굉장합니다. 배민의 팬클럽인 '배짱이'는 초기 배민의 마케팅에서도 큰 역할을 했습니다. 팬클럽 내부 공모를 통해 당선된 문구들이 한 때 버스와 지하철을 휩쓸었잖아요. 2016년 상반기엔 배민의 흑자전환을 축하하기 위해 배짱이가 직접 '흙자 선물'을 선사하기도 했습니다. 기업의 흑자전환을 팬들이 축하해주는 이런 장면은 확실히 일반적인 일은 아니죠. 보통은 이 회사가 성장을 하는 지 안하는 지 관심도 없는 경우가 많으니까요. 팬클럽/소수마니아를 중심으로 한 함께하는 경영은 물론 리소스와 노력이 많이 들어가지만 그 파급효과는 정말 엄청납니다. 오히려 인플루언서나 연예인과 같은 공인들을 활용한 마케팅보다 훨씬 효과적일 때도 있죠. 참고 : http://blog.naver.com/PostView.nhn?blogId=smartbaedal&logNo=220910423476 롯데리아에선 지난 해 11월~12월까지 앱을 이용해 특정 햄버거 3종을 포함해 1만5000원 이상 구매한 소비자 중 134명을 추첨해 워너원 팬 사인회에 초대하는 행사를 열었습니다. 물론 이러한 노력은 확실한 결과를 맺었습니다. 라인프렌즈도 방탄소년단을 활용했고, 이니스프리도 워너원이 모델로 등장했던 ‘화산송이 컬러 클레이 마스크’로 300% 이상의 매출효과를 봤으니까요. 그러나 이러한 매출효과는 확실히 장기지속성을 띠기엔 좀 무리가 있습니다. 물론 제품자체도 좋고 연예인도 잘 활용한다면야 좋겠지만, 워너원 행사가 끝난 후에도 롯데리아를 갈지는 모르겠네요. 긁적이런 점에서 따끔한 소리와 응원을 함께 해주는 회사의 팬클럽은 연예인 못지않은 강력한 에너지원입니다. 수많은 사람들이 지켜보고 있는 만큼 단순히 순간적인 매출상승을 노린 노림수등은 통하지 않죠. 투자자보다 더 무서운 존재들이자, 연예인보다 더 든든한 존재랄까요. 우리 브랜드는 어떤가요? 애미야 여기 먼지가 있구나!를 외쳐줄 팬클럽이 있나요? 
조회수 1079

중이 제 머리를 깎아보았다.(feat.애프터모멘트)

세상에서 제일 어려운 게 자기꺼 만드는 거예요. 제가 일을 하면서 느낀건데 회사소개서든 제안서든 뭐든 남에게 맡기는 게 제일 좋은 것 같습니다. 물론 내가 만들면 굉장히 굉장한 걸 만들 수도 있겠지만, 도대체 그 굉장한 게 언제 만들어질 지 모르니 문제죠.어제 만든거 오늘보면 막 쓰레기같고 버리고싶고... 어제의 나는 환형동물같고 막 그렇거든요.그래서 저도 도무지 지금까지 제 새끼. 애프터모멘트를 손도 못대고 있었습니다. 아니 명색이 제가 디자인을 하고 브랜드 어쩌고 하면서 이것저것 뚝딱이똑딱이 만들어내고 있잖습니까. 근데 정작 제 제안서는 어디 길가에 구르는 잎파리 뭉치와 다름이 없더라구요.시간없는 건 둘째치고 아무리 만들어도 도무지 맘에 들지 않는 영속의 굴레에 빠져 허우적 대고 있었지요. 이대로 가다간 백골이 되어 관속에서나 완성하겠구나 싶어서... 조금 여유있던 6월에 뚝딱뚝딱 손을 대보기로 했습니다. 애프터모멘트는 '정리' 를 최우선 목표로 합니다!그러니 깔끔하고 챡 정리된 느낌의 디자인이었으면 했어요. 하지만 너무 칼같이 냉철한 느낌은 싫더라구요. 제가 그런 성격도 못되는 데다가 그렇게 막 엄청 전문적으로 보이는 게 딱히 도움이 될 것 같지도 않아서, 색을 좀 부들부들하게 써보고 싶었어요.대신 딱 두개만 쓰쟈!!~~라고 생각했죠. 그래서 그 두 개를 정하기 위해 굉장히 고민이 많았답니다. 전 개인적으로 보라색을 좋아해서 어떻게해서든 보라색을 넣고싶었어요. 일단 보라색을 넣고 의미를 부여해보쟈!! 싶었죠. 이빨을 까보자는 거죠. 그래서 기어코 보라색을 넣어버렸습니다. 보라색을 넣은 이유는, 제가 좋아해서예요. 이보다 더 명확한 이유가 있겠습니까! 하하하하하ㅏㅎ하ㅏ하하하하하하하하하....(브랜드철학 그런 거 없..)나머지 한 색은 보라색과 좀 대조되는 색이면서 충돌하지 않아야 하고, 예쁜 색이면 좋을 것 같았어요. 제가 하는 일은 브랜드를 오물조물 잘 정리해서 필요한 것만 보여주는 일이예요. 그렇게 쏙 뽑힌 것들이 나와 너와 지구인의 마음에 스르르륵 녹아들면서 퍼져나가길 원하죠! 그래서 뭔가 아이스크림 녹은 느낌?..내지는 잉크가 퍼지는 느낌을 표현하고 싶었어요. 색도 발산속성의 색이면 좋을 것 같더라구요! 그래서 노란색이 채택!!이렇게 색이 구성되었는데, 아무리봐도 자색고구마 같아. 자색고구마라고!!!!!!자색고구마다아아아아아!!!아놔..완벽히 오사쯔잖아.................하지만 돌이킬 수 없었어요. 저 이상 다른 색을 생각하고 싶지도 않았고 생각할 수도 없었거든요. 그래서 그냥 밀어붙이기 시작했습니당. 패턴은 자색고.. 아니.. 저 노란색이 주룩주룩 흘러내리는 몰캉몰캉함을 살려서 만들었어요.이렇게 몰랑몰랑 액괴 주물거리듯 흘러내리는 패턴을 써보았죠. 이게 과연 이쁠까 싶었는데, 은근히 괜찮더라구요. 대비가 강한 색이라서 뭔가 눈에도 잘띄는 듯 싶었구요.이제 로고를 좀 손대보았어요. 사실 제 로고는 별게 없어요. 애프터모멘트의 A와 크리에이티브랩와 마침표를 형상화한거예요. 마침표의 의미는 뭐 다들 아시다시피 '내 선에서 끝냅시다.' 라는 뜻이죠. 미팅다녀보면 대표님들이 다들 어디선가 멘탈과 비용을 털려서 굉장히 시무룩하시더라구요. 이제 고민말고 내가 마무리 지어드릴께요!!~~라는 거만한 메시지죠. 다른 의미론 이리저리 고민 끝! 저에게 오세용~~ 이라는 졸라 유혹의 손길같은 것이기도 하구요.그래서 이렇게 간단하게 A+마침표로 형상화했어요. 마침표부분을 C로 쪼갠건 '크리에이티브랩' 이라는 부속명칭때문에 그래요. 사실 너무 길다라는 느낌을 받아요. 저놈의 크리에이티브랩은 처음에 왜 붙였는지 사실 잘 모르겠어요. 아마 저 땐 마냥 디자인만 하고싶진 않았나봐요. 그래서 디자인에이전시나 뭐 그런 말을 붙이고싶지 않았던거죠. 창의적인 콘텐츠면 다 만들꼬야!!라는 의지가 있었달까요. 뭐 덕분에 지금은 글도 쓰고 곧 유튜브도 생각중이고 이래저래 확장할 생각을 하고있긴 합니당 :) 다만 회사이름이 겁나 길어서 맨날 클라이언트님들이 힘들어해. 사실 저도 풀네임 부르기가 좀 힘들더라구요. 가끔 소개할 때 입꼬이고.. 애픝어모멘트 크리이에뷥탭.........그냥 애프터모멘트라고 합시당.컬러는 메인컬러 자색고구마와, 노란색에 어울리는 두 컬러를 조합해서 총 4개로 구성해보았어요. 종종 포인트로 쓰기도 하고 조합컬러로 쓸 것 같아요. 근데 지금까진 쓸 일이 없어요. 그냥 비상용으로 만들어놓은 거예요.이렇게 자기만족을 위한 브랜드가이드를 뚝딱뚝딱 만들어보았어요. 이제 제가 만든 이걸 제가 지켜야해요. 겁나 귀찮더라구요. 브랜드가이드를 지킨다는 건 생각보다 엄청 귀찮은 일입니다. 하지만, 하나 만들어놓으면 나름의 기준이 있어서 맘대로 쓸 때마다 양심의 가책과 죄책감에 시달릴 수 있어서 좋습니다. (그게 좋은건가?..)목업도 만들어봤어요. 만들고보니 괜찮드라구요. 그래서 난 언제 저런 앱도 만들고 굿즈도 만드냐...돈이 없어. 얼른 굿즈 제작해서 막 굿즈도 팔고싶은데...... 저런 지우개..저런 명함..저런 앱 봐봐요. 얼마나 저 깔끔하고..저런거 다 만들어서 온 지구에 저렇게 깔고싶다. 저런 다이어리도 막 만들고싶고 만년필도 만들고싶고 그렇다구요. 일단 전세자금을 모은 후 돈이 남으면 여행도 좀 다녀오고...아이맥프로도 좀 사고..그리고도 남으면 다이어리제작을 해봅시다.(47억년 후쯤..)이렇게 브랜드정리를 하고나니 이제 웹도 손대야 하고... 서류들도 손대야 하고, 리플렛도 제작해야 하고.... 그렇더라구요. 일이란 게 참 그래요. 뭐 하나 벌리면 뒤따라 오는 일들이 오백만가지야. 아기오기마냥 졸졸졸졸 따라와선 엉덩이를 깨물고 절대 놔주지 않죠. 이제 한마리한마리씩 좀 처리를 해봐야 할 것 같아요.실제로 제 브랜드를 제작하면서 굉장히 3자입장이 되려고 노력을 많이 했어요. 제가 미팅할 때 하는 질문들을 녹음해서 틀어놓고 혼자 대화도 해봤다니까요. 누가보면 완전히 자아분열스럽달까.... 생각보다 저도 제 브랜드를 그냥 마구 다루고 있었더라구요. 로고ai 하나 놔두고 그냥 막 아무렇게나 쓰고있었달까...지금부터라도 반성하고 귀찮아죽겠지만 제 브랜드가이드를 잘 지켜서 써보려구 합니당. 저는 사실 브랜드쪽으로 업력이 오래된 것도 아니고, 비전공출신인지라 디자인퀄리티가 엄청나다고 얘기하긴 어려워요. 훨씬 레퍼런스 좋은 업체들도 많구요. 아무래도 협력업체와 프리랜서 디자이너님들과 함께 일하긴 해도 1인기업의 특성상 일을 쳐내는 속도라는 게 한계가 있거든요. 게다가 프로젝트를 취향대로 받는 내맘대로 성향때문에 여기저기 제가 맘에 드는 회사들을 대상으로 일하고 있죠. 하지만 분명한 건 이번에 브랜드가이드만들면서도 느낀 거지만... 이게 얼마나 '일' 인지 아주 잘 알고있답니다. 그래서 무작정 예쁘고 멋진걸 우르르 만들어서 PSD 던져놓고 안녕!!! 하고싶진 않아요. 브랜딩이 내부직원들에게 과중한 업무가 되지 않도록 '일'을 생각하는 브랜드를 만들려고 노력하고 있어요. 결국 브랜드란 건 사람들이 만드는 것이라서, 사람이 지치면 그때부터 흔들거리기 시작하더라구요. 이러면 안된다고!그래서 사람이 중심이 되는 브랜드를 구축하려고 꽤나 노력하고 있어요. 그리고 맥락!!..맥락없이 예쁜건 그냥 예쁜 쓰레기라고 생각해요. 브랜드는 그냥 책상에 세워놓는 게 아니잖아요. 그래서 그놈의 맥락을 찾고 연결시키기 위해서 클라이언트 님을 집요하게 괴롭힐 거예요. 계속 물어보고 계속 귀찮게 할거야!!! 하하하하하하하하하핳...그리고 말도 안되는 소리하시면 눈을 지그시 감고 '놉!' 이라고 고개를 가로저을거예요!!예쁘게 리뉴얼한만큼 나머지도 하나하나 손대면서 열심히 일을 해보겠습니다. :)돈도 많이벌고싶다....아이고 마음의 소리를 적어버렸네.
조회수 1149

똥바크 UX 디자인 이야기

나는 바크 (Bark)라는 이름의 개의 대화법을 적용하여 주변의 서로 모르는 사람들과 소소한 소통이 가능하게 만들어주는 위치기반 채팅 서비스를 운영하고 있다. 이에대한 디자인 이야기는 예전에 쓴 '대화의 장벽을 허무는 UX' 글을 참고하시길 바란다. 오늘 글에서는 이번에 새롭게 런칭한 신기능 이면에 고민했었던 UX 기획 이야기를 좀 풀어보고자 한다.소셜미디어 메인 인터페이스의 양대산맥: 타임라인 VS 카드스와이프개인적인 의견이지만, 세상의 수백가지의 소셜미디어 서비스들의 메인인터페이스는 사실 페이스북으로 대표되는 타임라인 방식과 틴터로 대표되는 카드스와이프 방식으로 양분된다고 생각한다. 타임라인 방식이란, 유저의 메인화면에 사람들이 포스팅한 컨텐츠를 순차적으로 (Chronological Order) 아래로 스크롤 하며 보여주는 방식을 말하고, 카드스와이프 방식이란 컨텐츠를 하나씩 메인화면에 띄워주고, 유저는 제안된 컨텐츠를 왼쪽/오른쪽으로 스와이프 하는 방식으로 컨텐츠를 소비하는 인터페이스를 말한다.유저 입장에서 위 인터페이스가 어떤 의미가 있는지 우선 생각해 보자. 우선 타임라인 방식의 경우 유저의 컨텐츠 소비 편의성에 초점이 맞춰져 있다. 유저가 수 많은 소셜미디어 계정에서 올라오는 컨텐츠를 직접 찾아다닐 필요 없이 그냥 메인 피드에서 순차적으로 보여지는 컨텐츠를 스크롤 쭉쭉 내려가며 소비하는, 마치 잘 차려진 밥상에서 내가 먹을 음식만 젓가락으로 콕콕 찝어가며 소비하는 방식이다. 옛날 원조 소셜미디어인 싸이월드나 마이스페이스와 비교해보면 이 타임라인 방식이 얼마나 편리한지 이해할 수 있다.싸이월드는 유저가 일일이 게정을 들어가서 컨텐츠를 소비하는 방식이였다. (사진 출처 - http://zodiacsword.tistory.com/211)반면, 틴더로 대표되는 카드 스와이프 방식은 타임라인 방식과 싸이월드같이 계정에 일일이 들어가서 컨텐츠를 소비하던 방식의 장점을 적절하게 섞은 방식이다. 타임라인 방식의 경우 발생하는 가장 큰 문제는 크게 1) 차려진 밥상에 음식이 너무 많을 경우 모든 음식을 맛보기가 힘들다는 것과 2) 계정보다는 컨텐츠가 부각되어 사람들을 '소셜라이징'하게 만들기 보다는 '수동적 소비'만 하게 만든다는 단점이 있다. (실제로 페이스북 계정의 45% 이상이 Lurkers, 즉 컨텐츠 업로드 없이 수동적으로 남의 컨텐츠만 쳐다보고 있는 사람들이라는 통계도 있다.)페이스북의 45%는 컨텐츠 공유 없이 타인의 컨텐츠만 소비하는 사람들이라고 한다.카드 스와이프 방식은 위에 언급된 단점을 절묘하게 개선하면서도 여전히 유저 편의성을 유지시키는 방식이라고 할 수 있다. 즉, 유저는 여전히 타임라인 방식 처럼 다른 사람 계정을 일일이 들여다 볼 필요 없이 잘 차려진 밥상을 수동적으로 소비만 하면 된다. 하지만 밥상에 있는 음식을 하나씩 내 앞에 들이밀어줌으로써 내가 직접 맛보면서 음식을 계속 먹을지, 버릴지를 결정할 수 있게 해 주고, 더 나아가 그 음식이 맘에 들었을 때 음식을 만든 사람과 추가적인 교류를 유도하는 방식인 것이다.위치기반+즉시성에 맞는 인터페이스란바크 앱이 유저에게 전달하고자 하는 핵심 경험은 '언제 어디서나 지금 바로 내 주변과의 교류'라고 할 수 있다. 즉, 바크에서 컨텐츠가 소비되는 방식의 핵심 성공요인은 (Key Success Factors) '지금 내 주변'이라는 위치기반의 맥락 조성, 그리고 '즉시 주변 사람들과 감정을 교류'한다는 컨텐츠 공유-소비의 즉시성 담보 이 두개에 모든게 달려있다고 해도 과언이 아니다. '개처럼 서로 짖다'의 UX 이면에는 사실 저 두가지 KSF를 달성하기 위한 중요한 목적이 있는 것이다. 이 목적을 달성하기 위한 새로운 컨텐츠 공유 인터페이스로 위에서 언급했던 타임라인 방식과 카드 스와이프 방식은 모두 다음과 같은 이유로 부적합하다.1) 즉시성이란 몇시간만 지나면 이미 즉시성의 가치를 잃고 만다.타임라인 방식은 스크롤을 아래로 조금만 내려가도 (카드스와입 방식은 스와입을 옆으로 10번만 해도) 이미 반나절 전, 어제, 심지어 몇일 전 컨텐츠 까지 쭉쭉 읽어 내려가기 마련이다. 이미 몇 시간 전의 일도 가물가물 해질 정도로 바쁜 세상에서 살아가는 현대인들에게 타임라인 방식으로는 즉시성이 담보된 컨텐츠를 교환한다는 목표를 달성시키기 어렵다. Short-term memory 연구로 유명한 Atkinson and Shiffrin의 논문에도 인간의 단기 기억 용량은 최대 30초를 넘기지 않는다고 나와있다. 즉, 이미 30초만 지나가도 해당 기억은 working-memory에서 long-term memory영역으로 넘어가거나 사라진다는 뜻이다. 물론 타인의 컨텐츠가 몇시간 전에 형성된거랑 본인의 단기기억과는 아무런 관련이 없는 얘기지만, 얘기하고자 하는 바는 인간의 '즉시성'이란 그만큼 하루, 이틀의 단위가 아닌 한시간, 두시간의 아주 짧은 term에 해당하는 영역이라는 걸 강조하기 위함이다.2) 밥상을 차려주는 순간 이미 위치기반의 맥락을 잃고 만다.타임라인이던 카드스와입 방식이던간에 대부분의 소셜미디어 메인화면은 자체 알고리즘에 의해 유저에게 컨텐츠 밥상을 차려주기 마련이다. 아무리 내 근처에 있는 컨텐츠를 위치순으로 정렬해 준다 하더라도 이미 밥상을 차려줘서 보여주는 순간 위치기반의 맥락을 형성시키기 매우 어렵다고 생각한다. 이유는 두가지가 있는데, 첫째, 위치 기반이란 '나'라는 객체와 '주변'이라는 객체들이 한 공간영역에서 구분 가능해야 형성되는 개념인데 타임라인, 카드스와입 방식 모두 '나'라는 객체는 생략해 버리기 마련이다. 또한 '주변'을 느끼게 만드는 인터페이스는 그저 필터에 '가까운 순'이라는 버튼 하나가 다이다. 유저가 그 '가까운 순'이라는 필터를 지속적으로 기억해주고 있지 않는 한 스크롤을 조금만 내려가도 이게 '위치기반 이구나' 하는 맥락 형성은 실패하게 된다.이런 이유로 바크에는 타임라인이나 카드스와입과는 다른 새로운 방식의 컨텐츠 소비 인터페이스 고안이 필요하게 되었다.Locale Mapping과 개의 대화법과의 결합위치기반 맥락을 가장 잘 살려줄 수 있는 인터페이스는 사실 우리에게 이미 너무나도 친숙한 인터페이스가 존재한다. 바로 지도기반 (Locale Mapping) 인터페이스 이다. 유저에게 유저 객체와 주변객체를 공간영역에 뿌려주는 지도기반만큼 위치기반 맥락을 잘 전달할 수 있는 인터페이스는 존재하지 않는다. 문제는, 이 로케일맵핑 방식을 소셜미디어의 컨텐츠 공유 방식과 적절히 결합시키는 것인데, 이게 쉬운 과제는 아니다. 이미 Periscope라는 라이브스트리밍 앱에서 지도기반의 스트리밍 인터페이스를 구현한 이력이 있지만, 유저 편의성 부분에서 단점이 많아 지금은 타임라인 방식과 지도기반을 병행해서 보여주고 있고, 타임라인 방식이 메인 인터페이스로 변화되가고 있다.유저가 직접 포인팅 된 컨텐츠를 클릭해서 들어갔다 나갔다를 반복해야 하는 로케일 맵핑은 소셜미디어 컨텐츠 공유 인터페이스로서 유저에게 절대로 편리한 방식이 아니고, 이를 아무리 변형한다 해도 기본 골격상 유저 편의성을 담보하기 쉬운 방식이 아니기 때문에, 우리는 아예 방향성을 바꿔서 유저로 하여금 이런 불편함을 감안해서라도 로케일 맵핑방식이 당연하다고 여기게끔 하는 스토리를 부여하고, 이를 컨벤션화 하는 방법을 선택했다. 바로, '개의 대화법'과의 결합이다.바크에서는 이미 모든 유저가 '개의 대화법'으로 소통한다는게 메인 컨벤션이 되어 있다. 개가 아무 맥락없이 서로 짖어대고 단타성 짙은 커뮤니케이션을 하듯이 바크에서도 모두가 뜬금없이 서로 짖어대고 아무 맥락없는 소소한 대화들을 (속된말로) 지껄여 대는 그런 공간이 형성되어 있는 것이다. 여기에서 더 나아가 우리는 '개가 메시지를 남기는 방법'에 대한 고민을 해 보기 시작했다. 즉, 서로 짖는게 사람의 경우 서로 실시간 대화를 나누는 행위라면, 사람들이 뭔가 쪽지를 남기거나 메시지를 전달하기 위해 하는 행위가 개의 경우 뭐가 있을까를 고민하다가 영감을 얻은 행위가 바로 개의 '똥을 누는' 배변행위이다.알다시피, 개는 똥/오줌과 같은 배변행위를 통해 본인의 메시지를 해당 장소에 남겨놓고, 다른 개들은 그 냄새를 통해 '이건 내 영역이다,' '나 오늘 참 행복하오' 등등의 메시지를 읽는다. (물론 생물학적으로 정확한 표현은 아니다. 그저 인간의 레벨에서 해석하기에 저런 행위를 할 것이라는 추측 정도이다.)이 행위를 인터페이스화 하기 위해 구현하게 된 것이 바로 '드랍 바크'라는 신기능이다. 유저는 마치 개가 현재 위치에 똥을 누듯이, 본인의 현재 감정이나 자랑하고 싶은 내용을 현재 위치에 떨어뜨려 놓는다. 이렇게 떨어뜨려진 '똥'들이 로케일 맵핑방식으로 내 주변에 형성되고, 메인화면에서 저렇게 '똥'으로 개체화된 컨텐츠로 보여준다. 이 '똥'을 열면 유저가 남긴 이미지+텍스트가 조합된 메시지가 보여지고, 유저들은 이 메시지에 대해 나도 같이 신난다는 의미의 'Happy,' 본 메시지가 별로거나 불쾌하다는 의미의 'Angry'를 사정없이 눌러댐으로써 본인의 감정을 표현할 수 있다.또한, 앞서 언급한 '즉시성'을 강조하기 위해 모든 메시지는 기본 4시간이 지나면 사라지는 휘발성 메시지로 디자인 했다. 위의 오른쪽 화면 중간에 있는 바가 현재 그 포스트의 남은 수명을 나타내는 바 이고, 4시간이 지나면 그 메시지는 맵에서 사라지게 된다. 마치 똥이 식어서 냄새가 사라지는 것 (또는 냄새가 약해져서 메시지로서 가치가 떨어지는 것)과 같은 것이다. 여기에 재미요소를 주기 위해 다른 유저들이 'happy'보트를 한번 할때 마다 포스트의 수명이 1분씩, 'angry'보트를 할때마다 1분씩 감소하도록 설계했다. 본 인터페이스의 더 자세한 내용은 다음 동영상을 참고해 주시길 바란다.https://www.youtube.com/watch?v=jAFZ5Upu_7k<iframe width="700.000000" height="394.000000" src="//www.youtube.com/embed/jAFZ5Upu_7k" frameborder="0" allowfullscreen="">드랍바크 소개영상안드로이드까지 정식 오픈한지 약 일주일이 안된 지금 하루 약 30% 이상의 활성유저들이 열심히 똥바크를 싸고 있다. 물론 모든 유저가 사용중인 기능도, 모든 사용자가 만족하고 있는 기능은 아니지만 현재까지 반응은 매우 긍정적인 편이고, 앱 내에서 뭔가 소비할 컨텐츠가 생겼다는 점, 그리고 '개의 대화법'이라는 앱의 컨셉을 더욱 공고히 하는 인터페이스라는 점에서 향후 앱의 체류시간 및 리텐션율을 높이는데 긍정적인 역할을 할 것으로 예상하고 있다.글쓴이는 스팀헌트 (Steemhunt) 라는 스팀 블록체인 기반 제품 큐레이션 플랫폼의 Co-founder 및 디자이너 입니다. 비즈니스를 전공하고 대기업에서 기획자로 일하다가 스타트업을 창업하고 본업을 디자이너로 전향하게 되는 과정에서 경험한 다양한 고군분투기를 연재하고 있습니다.현재 운영중인 스팀헌트 (Steemhunt)는 전 세계 2,500개가 넘는 블록체인 기반 앱들 중에서 Top 10에 들어갈 정도로 전 세계 150개국 이상의 많은 유저들을 보유한 글로벌 디앱 (DApp - Decentralised Application) 입니다 (출처 - https://www.stateofthedapps.com/rankings).스팀헌트 웹사이트 바로가기
조회수 7620

협업을 위한 심볼 구조화, 플러그인으로똑똑하게 스케치 사용하기

Sketch App 도입은 Zeplin을 활용하여 효율적으로 개발자와 소통하기 위해 시작되었습니다. 도입하는 과정에서 안드로이드 UI를 담당하게 되었고, 심볼의 구조화와 적절한 플러그인의 사용을 통한 작업의 효율, 가지고 있던 문제점들을 해결하는 것에 중점을 뒀습니다.기존 작업방식과 문제점디자인 작업 패턴디자인 작업 패턴을 분석했을 때, 기존의 PSD 파일들에서 컴포넌트를 가져와 재조합하는 경우가 가장 많았습니다. 디자이너간 협업 시 최근 릴리즈된 디자인이 맞는지, 요소간 간격 같은 디테일한 부분에 대해 묻는 경우가 많았으며, 개발자와의 협업 시 지칭하는 용어가 달라서 생기는 커뮤니케이션 미스가 종종 발생했습니다. 구조화에 앞서, 분석하고 내린 작업의 키포인트는 다음과 같습니다.1. 최근 릴리즈된 디자인이 영향을 받는 모든 화면에 동기화되어야 합니다.2. 개발자와의 협업 시, 심볼의 네이밍을 기준으로 커뮤니케이션합니다.3. 디자이너가 사용 시, 시안 작업을 빠르고 편하게 할 수 있어야 합니다.4. 컴포넌트, 디자인 요소들이 서로 유기적으로 연결되어있어야 합니다.5. 시안 작업 시, 유저 데이터를 사용하기 편리해야 합니다.심볼 생성 기준심볼로 만들어야 하는 경우는 다음과 같이 정의했습니다.1. 다양한 상태값을 가진 요소2. 같은 크기의 영역 안에서 다양한 형태를 가진 요소3. GNB처럼 자주 쓰이는 컴포넌트4. 카드 형태의 디자인5. 아이콘Overrides 예시심볼 폴더 구조심볼 폴더 구조디자이너들이 사용하기 때문에 첫 번째 분류는 보이는 형태, 디자이너끼리 자주 사용하는 용어로 합니다. 두 번째 분류는 원활한 커뮤니케이션을 위해 목적 혹은 개발자분들이 사용하는 용어로 지정하며, 세 번째 분류까지 해야하는 경우 2 Column, 3 Column(스타일쉐어 내부에선 Grid라는 용어를 주로 사용합니다.)과 같은 다양한 변화에 대한 것이므로, 똑같이 커뮤니케이션에 용이하게 판단하여 결정합니다.Elements 폴더는 심볼을 구성하는 심볼들이 있는 폴더입니다. 직접 심볼 폴더트리를 타고 들어가 생성하는 경우는 없으므로, 분류에 더 목적을 두고 폴더 구조가 복잡해지는 것을 감수했습니다.그리고 Overrides를 대비하여 이해하기 쉬운 용어로 작성합니다.심볼의 활용자주 쓰는 컬러들을 심볼화하고 마스크 기능을 활용하면, 아이콘들의 색상을 더 편하게 변경할 수 있습니다. 추후에 브랜드 컬러, 그레이스케일이 변경되는 경우에도 컬러 심볼만 수정하면 큰 문제없이 바로 적용할 수 있습니다.플러그인의 활용작업에 주로 사용하는 플러그인은 Auto Layout, Button, Clipboard Fill입니다.Auto Layout의 Stacked Group 기능으로 심볼이나 요소들을 유기적으로 연결시킵니다. Button은 Tag, List item 등에 사용하며 짜잘한 수정작업을 줄여 시안작업에 더 집중할 수 있도록 합니다. Clipboard Fill은 스타일쉐어 특성때문에 활용 가치가 높은 플러그인입니다. 유저 이미지, 게시글의 사진을 스타일쉐어 웹에서 복사하여 시안을 작업할 때 활용합니다. 실 데이터를 사용하기 때문에 설득력이 높아지고, 조금 더 객관적으로 작업할 수 있다는 장점이 있습니다.플러그인 사용 Gif페이지 구성모든 화면이 모여있는 Master_Android.sketch 파일에서는 페이지로 분류합니다. 이 분류와 구글 드라이브 폴더 구조를 일치시켜 빠르게 파일을 찾을 수 있도록 하였으며, 탐색이 용이하기때문에 새로운 디자이너가 오더라도 쉽게 파악가능합니다.디자인 작업 프로세스시안 작업 시, 실제 데이터를 사용하여 설득력을 높이는 것을 가장 큰 목표로 합니다.1. 디자인 작업 전, 사용할 심볼들을 모두 Detatch합니다.2. 문제해결에 맞게 컴포넌트를 디자인합니다.3. 플러그인을 활용하여 웹에서 실제 데이터들을 가져와 채웁니다.4. 시안 작업이 끝난 후, 정리하여 Zeplin으로 내보냅니다.5. 심볼을 만들어야 한다면, Master파일 Symbols에 업데이트합니다.6. Master파일에 심볼을 사용하여 화면을 정리합니다.이 과정에서 생기는 큰 문제점은 모든 작업자가 심볼 구조화에 같은 기준을 가지고 있어야 한다는 점입니다. 생성 여부, 심볼 이름을 정하는 규칙 등에 대해 문서화하여 공유해도 익숙하지 않기때문에 실수가 생기기 마련입니다. 그래서 안정화되기까지 첫 구조를 잡았던 담당자가 정기적으로 확인하여, 다듬어나가는 것으로 결정했습니다. 비효율적인 방법일 수도 있지만, 동시에 구조화를 더 탄탄하게 하는 기회였습니다.잘가 포토샵.Sketch App의 업데이트에 따라 해결할 수 있는 방법이 달라지는 경우가 많았습니다. 그에 대비하여 의존성을 줄여나가는 고민을 계속하고 있으며 UI 뿐만 아니라, 작업툴 사용에 제약이 없다는 조건 하에 Overrides 기능과, Clipboard Fill, Auto Layout을 활용하여 다양한 템플릿 작업에도 사용할 수 있다고 생각합니다.#스타일쉐어 #개발팀 #개발자 #개발환경 #인사이트
조회수 836

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

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

2018 Spoqa Design Month Review

2018년 11월에 진행된 Spoqa Design Month, 감사하게도 디자이너 커뮤니티에서 큰 관심을 받았습니다. 이번 행사를 진행하면서 스포카 디자인팀, 제 개인이 배운 점과 후기를 적어봅니다.            Spoqa Design Month를 알리는 엑스배너     행사를 만든 계기 이 행사는 2018년 4분기를 시작하며 대표님들이 보내주신 메일에서 시작했습니다. 메일에는 사무실 이사와 맞물려 새로운 단계로 도약하는 스포카에 테크업계 인플루언서를 초청해 제품팀과 외부 사람을 위한 강연을 열자는 취지의 메시지가 적혀있었습니다. 저는 지금의 디자인 팀과 기존 스포카 디자인 헤리티지라면 빠르게 고퀄리티 행사를 열 수 있겠다 확신했고 곧바로 디자이너 행사를 제안했습니다.  이 행사는 실험에 가깝습니다. 디자이너 역량에는 겉으로 드러나는 비주얼 디자인 실력뿐 아니라 논리적 사고와 커뮤니케이션 등의 “노하우”가 무척 중요합니다. 이 점을 블로그 포스팅이나 웹/모바일 서비스가 아닌 행사라는 형식으로 풀어내고 싶었습니다. 이번 실험은 스포카 한 산스, 브랜드 가이드라인, 다양한 블로그 포스팅 등 배운 내용을 커뮤니티에 나누는 팀 차원의 좋은 습관이 있었기에 가능했습니다. 또 이벤트가 한 사람에게 강력한 영향을 준다는 제 개인의 믿음이 원동력이 되었습니다. 물심양면으로 지지해주신 대표님들과 스포카 팀원 모두가 이 행사를 만든 일등 공신입니다.  결과는 아주 좋았습니다. 대규모 대외행사를 업무에 방해되지 않는 선에서 한 달 안에 준비하고 실행했는데, 저와 디자인 팀 모두에게 뿌듯한 경험이자 추억이 되었습니다. 내부에 디자이너 신규입사자 두 분이 계셨고 이분들의 회사 적응에도 행사 준비가 큰 도움이 되었습니다.  간략한 행사 후기 11월을 Spoqa Design Month로 선언하고 포트폴리오 리뷰와 네트워킹 파티, 총 두 번에 걸친 행사를 기획했습니다. 이번 행사를 통해 어떤 일이 벌어졌을까요? 아래 간략하게 정리했습니다.  1) 포트폴리오 리뷰를 홍보하는 페이스북 포스팅은 17,000뷰 이상 도달했으며, 참석 지원자는 두 행사를 합해 250명에 달합니다. 특히 지원자의 신청서와 포트폴리오를 살펴보면서 말로만 듣던 스타트업 인재가 어떤 분인지 알게 돼 기뻤습니다!  2) 포트폴리오 리뷰를 통해 17명 멘티가 두시간 동안 8명의 멘토(김다흰, 박미성, 신해나, 안혜림, 윤지영, 이영진, 이지혜, 차은경)에게 포트폴리오에 대한 꿀팁 대방출 열강을 들었습니다.        3) 멘티 중에 몇 분은 멘토가 재직 중인 회사에 면접 제의를 받았고요!  4) 몇몇 멘티는 서로의 포트폴리오를 봐주며 의견도 주고받아 자발적 네트워킹이 이루어지기도 했습니다.        5) 포트폴리오 리뷰 멘토분들과 스포카 디자인팀이 이번 행사를 통해 만나 이후에 송년 만찬 이벤트를 열었습니다.  6) 행사 두 번 모두 편안하고 유익했다는 후기를 끊임없이 들었습니다.        7) 네트워킹 파티 패널(서유진, 소민경, 윤현진, 최민지)과 회사에서 일하고 고민하는 지점을 나누고 공감하는 토크 시간을 가졌습니다.        8) 네트워킹 파티에서 10개 이상 스타트업의 구인 공고를 공유했습니다.        9) 네트워킹 파티 이후 스타트업 디자이너가 모여 피드백을 주고받는 “스타트업 디자인 피드백” 슬랙 채널을 노연정 디자이너님이 만드셨습니다.  10) 그 몇 명 없다는 블록체인 업계 디자이너가 서로 알게 되었고 페이스북 그룹을 만들어 운영할 예정이라고 합니다!        위 언급한 일 외에도 참가자만 알고 있는 다양한 해프닝도 있었습니다. 포트폴리오 리뷰 행사에 대한 조금 더 자세한 후기는 유다정 님의 글 “Spoqa Design Month : Portfolio Review를 돌아보며”를 읽어보세요.  행사를 만드는 사람들을 위한 행사 회고 행사를 만드는 사람, 행사에 꾸준히 참여하는 사람에게 도움이 되길 기대하면서 이번에도 저희가 배운 점을 적어봅니다.            행사 회고 기록     콩 심은 데 콩 난 지점    사전 미팅을 통해 스포카 디자이너와 패널분들이 미리 깊은 이야기를 나눴고, 이는 행사장에서 편안한 분위기를 만들었습니다.   사진 촬영 인력을 팀 외부 인력으로 미리 정해두었습니다. 그래서 내부 인원이 사진 촬영에 많은 신경을 쓰지 않아도 되어 행사 준비와 진행에 더 집중할 수 있었습니다.   두 행사 모두 여성 패널로 꾸렸습니다. 디자인 행사 참여자가 대부분 여성인데, 자신이 겪은 경험과 비슷해 더 공감이 간다는 의견이 다른 행사보다 많았습니다.   다음 행사 때는 개선해보자, 앞으로 고민 포인트    포트폴리오 리뷰 시간, 패널 토크 시간 모두 다소 촉박하게 진행되어 아쉽다는 의견이 있었습니다.   오거나이저의 역할 자체에 대해서도 고민이 됩니다. 준비하는 사람은 어디까지 참여하고 어디까지 참여 유도할지 고민이 많았습니다. 행사 준비 단계부터 이 범위를 정하지 못해 준비팀이 조금 허둥댔던 부분도 있었고요. 가능하면 팀원 각각 역할과 해야 할 일을 자세히 문서로 남기면 더 좋은 행사를 만들 때 도움이 되리라는 이야기를 나눴습니다. 이 항목은 저희뿐 아니라 모든 행사를 만드는 사람이라면 늘 고민하는 지점이지 않을까 싶습니다.   스타트업 디자이너 커뮤니티의 중요성    행사를 준비하면서 그동안 스포카 디자인 팀에서 진행한 디자인 결과물과 배움을 나누는 노력이 디자이너 커뮤니티 빌딩에도 분명 어떤 역할을 한다는 사실을 확인했습니다. 여태까지 진행해온 여러 노력이 결실을 보는 순간이었습니다.   스타트업에서 일하는 디자이너의 네트워킹과 피드백에 대한 갈증이 저희 예상보다 무척 커서 놀랐습니다. 머리로만 알던 커뮤니티 빌딩의 가치를 실제로 행사를 준비하며 체험했다고나 할까요?       저는 거의 모든 주말에 강연하거나 그룹 운동을 하거나 밋업에 참여하는 등 개인적으로 이벤트를 무척 즐깁니다. 이번 행사는 특히나 커뮤니티 빌딩과 네트워킹에 긍정적인 에너지가 많이 느껴졌습니다. 백여 개가 넘는 회사 디자이너가 보내온 지원서를 읽었는데요. 치열한 일상을 들여다보는 흔치 않은 경험, 거기다 이 기회를 통해 많은 분을 알게 되어서 정말 기쁘고 감사한 마음입니다. 앞으로도 이 능력 있는 디자이너분들과 커뮤니티에서 종종 만날 생각에 설렙니다. 다양한 이벤트를 만드는 여러 그룹을 통해 스타트업 디자이너 커뮤니티가 발전하고 나아갈 방향도 기대됩니다.            제주도 어디에나 있는 귤     이 글을 퍼블리시 하는 지금 저희는 휴식 겸, 2019년을 준비하는 업무에 집중할 겸 제주도에서 원격으로 일하는 중입니다. 내년에도 스포카 디자인 팀은 배운 점을 활발히 나누고 커뮤니티에 기여하는 활동으로 커뮤니티에 찾아갈 예정입니다. 이 글을 읽는 디자이너 여러분의 회사, 스터디 그룹에서도 이런 알차고 즐거운 행사가 지속해 열리길 바라며 글을 맺습니다.    행사 기획 및 참여오거나이저 : 강영화, 이유진, 유다정, 김혜민포트폴리오 리뷰 패널 : 김다흰, 박미성, 신해나, 안혜림, 윤지영, 이영진, 이지혜, 차은경네트워킹 파티 패널 : 서유진, 소민경, 윤현진, 최민지   사진 촬영: 안정빈
조회수 4972

UI 사용성 평가, 쉽고 간편하게 하는 방법

최근 몇 년 새 린스타트업, 린 소프트웨어 개발 등 '린' 이야기를 많이 접하게 되었었다.학교 다닐 때만 해도 린스타트업이라는 단어는 잘 알지도 못했고 린 제조라는 단어가 훨씬 친숙했었는데 이제는 오히려 린 제조라는 말이 더 어색하게 들릴 정도다. 하여간 린스타트업이란 단어는 린 제조라는 에서 유래가 된 것이며 Lean(군더더기 없는) + Startup(자신들의 가설을 증명해가는 단계의 조직) 이 합쳐진 말인데, 바로 이 린스타트업에서 사용하는 소프트웨어 개발 프로세스가 린 소프트웨어 개발 방법론이고 기존 전통적인 워터폴 방법론과는 큰 차이점을 보인다. 이 두 가지 방법론을 비교하자면 아래 그림과 같다.워터폴과 린스타트업을 잘비교 설명하는 그림위 그림처럼, 워터폴 방법론 프로세스 에서는 바퀴, 차대, 카울 등의 단계를 차근차근 순차적으로 진행하여 완벽한 최종 제품 or 서비스인 자동차를 만들어 시장에 내놓는 방식이었고, 린스타트업의 프로세스는 보드, 킥보드, 자전거, 오토바이 등의 작은 단계마다 고객에게 가치를 제공할 수 있는 결과물로 시장에 내놓고 반응을 살펴가며 최종 결과물로 만들어가는 방식이라 할 수 있다. 기껏 자동차를 만들어 놨어도 팔리지 않으면 허사니까 작은 단계마다 시장을 즉시 접하고 파악하여 리스크를 줄이는데 목적이 있다.린스타트업 프로세스를 들여다보면 위 그림처럼 Build, Learn, Measure 과정을 계속 끊임없이 반복하며 원을 그리게 되는데, 이렇게 수 많은 원을 그리며 점차 완벽한 원 (=완벽한 제품 or서비스)를 만들어 나가게 된다. 그래서 린스타트업 책의 표지도 수많은 원이 그려져 있는 것이다.[린 스타트업 The Lean Startup] 책 표지이처럼 린스타트업 프로세스에서는 필연적으로 테스트 과정을 계속 반복하게 되는데, 어떻게 하면 이 테스트 과정에 투입되는 자원과 비용을 줄일 수 있을까? 이러한 질문의 좋은 해답이 [사용자를 생각하게 하지 마 Don't make me  think]라는 책에 잘 설명되어 있어서 소개하고자 한다.(소개할 내용은 BM을 검증하기에는 무리이며, 오직 UI의 사용성에 관한 부분이다.)사용성 평가 소개사용성 평가란?사용성 평가란 한 사람이 어떤 물건을 가지고 일반적인 과제를 수행하는 과정을 지켜보는 것이다. 대상은 웹사이트, 애플리케이션, 제품 프로토타입, 새 디자인을 담은 스케치 등이 될 수  있다. 그 과정에서 사용자가 혼란스럽다거나 답답하다는 느낌이 드는 지점을 찾아서 고치는 것이 사용성 평가의 목표다. FGI와의 큰 차이점은 그 물건에 대해 나누는 대화를 듣는데 그치는 것이 아닌 실제 사용하는 모습을 보는 것에 있다.개인적으로 단 한 명을 하더라도 꼭 해야 한다고 생각하는데, 왜냐하면 만든 사람은 조금만 지나도 너무나 많은 것을 알고 있기 때문에 새로운 관점으로 볼 수 없게 된다. 그럴 때 평가를 해보면 전혀 다르게 이용하는 사람들을 보며 새로운 시각이 열리게 된다.소개하는 사용성 평가는 전통적인 평가 방법이 아닌 'DIY  평가’라는 이름으로 시간과 예산, 전문지식과 공간에 제약받지 않고 누구나 쉽고 간편하게 진행할 수 있다. 전통적 평가방법이 많은 자원을 투입하여 가능한 모든 문제를 찾기  위해서였다면 DIY 평가방법은 적은 자원으로 당장 개선할 문제를 찾기 위한 목적이다.DIY 평가 방법평가 주기&시간한 달에 한번 오전 시간 정도면 충분하다. 그 정도의 주기와 시간이면 단순하므로 지키기가 쉽고, 평가로 얻은 결과만으로도 다음 평가까지 개설시킬 충분한 업무량이 생길 것이다.참여자적정 참여자 수는 3명이다. 전통적인 방법에 비해 3명은 표본으로 삼기엔 너무나 적은 수이며 따라서 모든 문제를 밝혀내기엔 부족한 인원수라는 것은 사실이다. 하지만 전혀 문제 되지 않는다. 왜냐하면 DIY 평가는 정량평가가 아닌 정성평가로써 데이터를 만들어 내기 위한 목적이 아니다. 또 모든 문제를 찾아낼 필요가 없다. 단 1회의 평가만으로도 찾아낼 수 있는 문제의 수는 고칠 수 있는 양을 채우고도 남는다. 또 3명을 넘겨 평가를 거듭해 보아도 점점 이미 알고 있는 중복되는 문제들만을  재확인하게 될 뿐이다.모집테스트에 참여할 사용자는 페르소나와 꼭 일치하는 사람을 고집할 필요는 없다. 그런 사용자를 찾기 위해서 노력하는 시간에 차라리 그냥 사전 지식이 없는 사용자로 조건을 완화하고 진행하여도 만족할 만큼 충분한 문제점을 발견할 수 있다. 또 조건을 완화할 경우 참여자를 쉽게 모집할 수 있게 된다. 우리는 서비스를 만들며 페이스북 그룹 몇 곳에다가 모집글을 올렸었는데 수 많은 참여자를 모집할 수 있었다. (그것도 자원봉사자로!)진행자참여자 옆에  1:1로 나란히 앉아서 평가 진행을 돕는 진행자 1명만 있으면 충분하다. 전문가가 아니라도 상관없다. 평가 용지와 스크립트를 보며 조금만 연습해도 충분히 잘 할 수 있다.평가 장소&도구캠코더와 마이크가 준비된 매직미러 딸린 조용한 방일 필요 없다. 편한 카페 같은 공간에서 노트북과 마우스, 화면 녹화 소프트웨어 정도면 충분하다.(도구 소개는 먼저 작성하였던 '스타트업 UI 프로젝트에서 사용한 10가지  도구’에서 좀 더 자세히 볼 수 있다)평가대상프로젝트 초반에  가까울수록 좋고 극단적으로는 디자인이나 개발 등이 전혀 이루어지지 않은 상태에서 자신의 서비스가 아닌 경쟁사의 서비스나 유사한 서비스를 사용하게 해봐도 된다. 서비스 와이어프레임 때 실시해봤고 프로토타입 때 실시해봤다 그리고 오픈 베타 중인 지금도 하고 있다.과제각 평가대상의 단계마다 평가하고 싶은 부분이 달라 과제가 달라지게 되는데 예를 들자면 만약 로그인 프로세스를 평가하는 목적이라면 계정 가입하기, 계정 로그인하기, 아이디 찾기, 비밀번호 찾기 같은 과제일 것이다.좋은 질문에서 좋은 해답을 찾는다고 한다. 좋은 과제를 준비하자.진행순서&방법1. 인사(4분)참여자가 진행과정을 이해한 상태에서 평가에 임할 수 있도록 진행방법을 설명한다2. 배경 질문(2분)참여자에 대해 몇 가지 질문을 던지다. 참가자의 긴장을 풀어주며 사전 지식을 가늠할 수 있다3. 둘러보기(3분)서비스 첫 화면의 첫인상으로 서비스가 제대로 이해를 전달하는지 파악한다.4. 과제(35분)평가의 핵심적인 부분으로 참여자가 일련의 과정을 수행하는 모습을 관찰하는 부분이다. 여기서 중요한 것은 참여자가 과제에 집중하되 본인이 생각하는 내용을 소리 내어 말하게 해야 한다. 말을 안 한다면 말하게끔 유도하는 질문을 던져야 한다. 예를 들면 “지금 어떤 생각이 드나요?”, “어디를 보고 계시죠?”, “이제 무엇을 할 건가요?” 등인데 질문할 때는 유도 질문하지 않도록 조심하여야 한다 참여자 스스로 과제를 수행해야 하는데 “가입 버튼을 찾고 계신가요?”라고 질문한다면 참여자에게 가입을  유도시키게 되기 때문이다.5. 심층질문(5분)과제 간에 행동을 유도할까 봐 미처 하지 못했던 질문을 할 수 있다.6. 마무리(5분)감사인사와 함께 마친다.(진행순서&방법에 대해 간략하게 소개하였는데 가장 중요한 부분인데도 불구하고 이 글에 함께 쓰기엔 어려워 따로 분리하여 자세히 써야 할 것 같다. 다음 글 쓸 때 소개할 예정인데 아마 12월 말에 소개할 예정이다.)평가 진행 후평가 후 일반적으로 파악할 수 있는 문제들이 3가지 있는데 소개한다.  1. 콘셉을 이해하지 못하는 경우무엇을 할 수 있는지 모르거나 또는 할 수 있을 거라 짐작했던 내용을 할 수 없게 된 것이다.2. UI 텍스트가 문제인 경우사용자가 사용하는 단어와 여러분이 사용하는 단어가 다른 경우다.3. 찾는 내용을 찾지 못하는 경우사용자가 원하는 것을 찾지 못하는 경우로써 더 눈에 띄도록 해야 하는 경우이다.문제들을 보다 보면 진짜 중요한 문제도 있고 덜 중요한 문제도 있을 테고 문제뿐 아니라 사용자들이 제안한 내용도 있을 거다 "이런이런 기능 있으면 좋겠어요"하고 말이다. 이러한 문제들은 아마 다 고치기 어려울 수 있다.때문에 팀원들이 모여서 관찰한 내용을 공유하고 고칠 문제와 고칠 방법을 정해야 할 텐데 어떻게 고칠 우선순위를 정해야 할까?1. 공동목록을 만든다평가 중에 목격한 문제들로만 가장 심각하다고 생각하는 문제를 3개씩 말하고  화이트보드 같은 곳에 적는다.새로운 문제를 더하려는 충동을 자제하고 새로운 기능에 대한 요청은 꼭 필요한 게 아니라면 배제한다.2. 가장 심각한 문제 10개 뽑는다공동목록을 만들며 중복되는 문제든 투표를 하든 10개만 뽑는다.3. 순위를 매긴다심각한 순서로 1~10위까지 순위를 매긴다.4. 목록을 정돈한다1위부터 차례대로 다음 평가전 한 달간 누가 어떻게 고칠 것인지 정한다 완벽하게 고치지 못하더라도 조치를 취한다는 것이 중요하다.5. 매우 쉽게 고칠 수 있는 목록은 따로 둔다심각하지 않고 매우 간단한 문제들은 별도로 모아 두어서 짧은 시간에 고칠 수 있을 때 고친다.지금까지 쉽고 간단하게 UI 사용성  평가하는 방법에 대해 글을 작성하였는데 본문에서 먼저 언급했던 것처럼 진행방법에 대해한 자세한 내용은 다음 글쓰기 때 따로 더 심층적으로 다루도록 하겠다.다음글 :https://www.theteams.kr/teams/143/post/64512참조 : [사용자를 생각하게 하지 마 Don't make me think], 구글 이미지 검색#텐시티 #디자인 #디자이너 #UI #UX #사용성개선 #사용성평가 #인사이트
조회수 1819

Prototyping

안녕하세요. 스포카 디자인팀 인턴 박소연입니다. 이번 글에서는 사용자 경험User Experience 디자인 과정 중 프로토타이핑Prototyping에 대해 설명해보도록 하겠습니다.Prototyping이란,Prototype이란 “처음”을 뜻하는 그리스어 protos와 “느낌”을 뜻하는 typos가 합쳐져 “원본”, “초기”를 뜻하는 prototypos가 되었고, 이것에서 발전한 “초기 형태”인 prototypon에서 유래하였습니다. (출처: 위키피디아)프로토타이핑의 주목적은 UX 컨셉을 구체화하여 사용자에게 직접 실험을 하기 위한 것입니다. 먼저 조사한 결과를 토대로 아이디어와 컨셉을 도출합니다. 그 이후 실제 모델을 제작하고, 해당 모델에 해당하는 사용자와 전문가에게 사용하게 한 후 의견을 기록합니다. 프로토타입을 제작할 시에는 사용자가 구현될 시스템에 대하여 어느 정도 명확한 심상을 얻을 수 있을 정도의 디테일을 유지하여 제작합니다. 실험 시, 최대한 실제 환경이나 그와 비슷한 상황에서 실험하는 것이 중요합니다. 또한, 실험 중에 전체적인 서비스의 감성의 흐름과 피드백을 기록해야 합니다.프로토타이핑은 크게 두가지로 나누어질 수 있습니다.첫째는 아날로그 프로토타이핑으로, 종이에 연필로 쉽고 빠르게 스케치하는 것이 관건입니다. 두 번째는 디지털 프로토타이핑입니다. Low fidelity 혹은 high fidelity로 제작할 수 있는데, low fidelity는 최소한의 구성요소는 다 갖추고 있는 정도를 뜻합니다. 주로 보여주기용인 파워포인트, 키노트 등으로 구현할 수 있습니다. 발사믹과 같은 프로그램을 사용하여 간단한 인터랙션을 구현할 수도 있습니다. High fidelity는 완성에 거의 가까운 형태로, 장식적인 요소도 모두 포함하여 정확히 제작하게 됩니다. 실험에 적합한 형태를 선택하는 것이 중요한데, 장단점을 표로 정리해서 보여 드리겠습니다.다양한 프로토타이핑 유형:프로토타이핑특징장점단점아날로그프로토타이핑연필과 종이.빠르고 간단하다.수정이 쉽다.구체적이지 않다.구현할 항목이 많을 시오래 걸린다.디지털프로토타이핑-low fidelity보여주기 혹은인터랙션 가능.하나 혹은 다수의프로세스를 표시.수정이 비교적 간단.시스템의 특징을 살리기어려울 수 있다.디지털프로토타이핑-high fidelity인터랙션과 장식적요소까지 구현.가장 구체적이고이해가 빠르다.특징을 모두 구현할수 있다.제작에 오래 걸린다.수정이 힘들다.프로토타입을 제작하고 난 후에는 제작한 모델을 사용하여 실험을 진행 할 수 있습니다. 실험 종류 역시 여러 가지가 있지만, 이번에는 세 가지만 추려서 소개해 드리겠습니다.Desktop Walkthrough말 그대로 책상 위에서 구현할 수 있는 작은 모형을 말합니다. 레고와 같은 3D모형을 이용하여 실제상황의 특징들을 구현합니다. 이를 무대로 삼아, 사용자의 페르소나Persona를 구현한 모형을 직접 움직이며 사용자 경험을 재현합니다. 간단한 모형으로 다양한 사람들이 이해하기 쉽고, 전체적인 프로세스를 포괄적으로 검토할 수 있습니다. 또한, 모형을 여기저기 움직이면서 문제점을 수정하기에 쉽습니다.Service Prototype서비스 프로토타입은 소품과 물리적인 목업mock-up을 이용하여 상세한 서비스를 재현하게 됩니다. 주로 해당 제품을 사용하는 실제 환경과 최대한 비슷한 곳에서 사용자가 직접 사용하고 역할극 등을 진행하게 됩니다. 사용자가 직접 사용하고 만져볼 수 있는 모델이 있기 때문에 사용자가 서비스에 대해 좀더 깊은 이해를 할 수 있습니다.Service Staging서비스 스테이징은 좀 더 많은 인원이 필요합니다. 여러 이해관계자가 지켜보는 가운데 디자이너와 사용자가 함께 프로토타입을 사용한 시나리오scenario를 재현합니다. 역할을 바꾸어 여러 번 반복 재연하면서, 다양한 이해관계자의 피드백을 받을 수 있습니다.프로토타입 실험 요약:DesktopWalkthroughService PrototypeService Staging장소LEGO 모형실험실, 스튜디오, 실제상황실험실, 스튜디오, 실제 상황대상LEGO 모형사용자사용자, 디자이너 등목적시범, 설명이해 도모,사용성 파악사용성 파악, 이해관계 정립,시나리오 점검Conclusion이제까지 UX Design의 과정 중 한 가지인 프로토타이핑에 대해 간략히 설명해보았습니다. 프로토타이핑의 가장 중요한 목적은 사용자들이 직접 체험하고 이해할 수 있도록 최대한 실제와 가깝게 재현하는 것입니다. 하지만 프로토타이핑으로 다양한 실험을 했다고 디자인이 완료된 것은 아닙니다. 수집한 의견을 반영하여 수정과 보완을 거쳐 새로운 프로토타입으로 다시 실험하는 등 응용 범위는 다양합니다. 프로토타이핑은 UX Design에 필수적인 과정입니다. 보통, 디자이너와 개발자들은 사용자들이 자신이 생각한 대로 움직일 것이라고 일종의 “착각”을 하게 되는데, 이는 프로토타이핑을 통해 적절히 조정할 수 있을 것입니다.참고자료 및 이미지 출처:· 서비스 디자인 교과서, 안그라픽스, 2012· http://www.enginegroup.co.uk/site· http://www.loop-ux.com· http://www.davidarno.org/2009/09/17/napkee-converting-balsamiq-mockups-into-flex-views-just-became-a-complete-breeze/· http://inspirationfeed.com/inspiration/25-examples-of-wireframes-and-mockups-sketches/#스포카 #디자인 #디자이너 #디자인팀 #인턴 #인턴생활 #인사이트 #꿀팁 #경험공유

기업문화 엿볼 때, 더팀스

로그인

/