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 #반복그리드 #프로토타이핑 #공유기능

시대의 패러다임을 반영한 자동차 기능과 디자인을 연구하는 이들이 있습니다현대·기아자동차가 꿈꾸는 자동차는 이제 이동 수단에 그치지 않습니다. 생활 공간이자 새로운 라이프스타일이 창조되는 공간입니다. 그 새로운 자동차 생활을 여는 출발점에는 사람을 향한 이해와 배려가 담겨 있어야 함은 물론입니다. 인간공학적 이론과 사용자 경험을 바탕으로 가장 필요한 기술을 디자인, 그리고 제품 기획으로 표현하는 현대자동차 제품UX기획실. 그들과의 인터뷰를 통해 현대자동차그룹이 만들어가는 휴먼 오리엔티드의 의미와 가치를 만나봅니다.현대자동차 제품UX기획실 사람들현대자동차 제품UX기획실 연구원들을 소개합니다!제품UX통합개발팀 이윤하 책임연구원자동차 UX기획 및 선행개발을 담당합니다. 사용자 경험을 바탕으로 사람에게 꼭 필요한 기능을 제공하는 자동차를 만드는 일에 보람을 느낍니다.제품UX통합개발팀 김한비 책임연구원자동차 UX의 방향성을 고민하고, 로드맵을 수립하고 있습니다. 사용자 관점에서 차를 바라보고 기획하다 보면 곧 자신이 이상적으로 생각하는 차를 만들 수 있을 것이라고 생각합니다.제품UX전략팀 이동경 책임연구원SUV 차종의 HMI(Human Machine Interface) 개발을 담당하고 있습니다. 차량 콘셉트에 맞는 HMI 제안, 복잡해지는 차량의 기능들을 사람들이 보다 편리하고 쉽게 조작할 수 있도록 사용자 관점에서 검토하고 개선합니다.제품UX전략팀 정재훈 연구원차세대 HMI 콘셉트를 기획·개발하고 사용자 관점에서 검증합니다. 미래의 환경과 트렌드를 분석해 사용자에게 새로운 경험을 제공하는 일에 자부심을 느낍니다.제품UX전략팀 정지연 연구원현대·기아자동차만의 일관된 HMI를 제공하기 위한 표준화 업무를 담당합니다. 누구나 쉽고 편리하게 이용할 수 있는 차를 만드는 게 목표입니다.제품UX전략팀 문재민 연구원자동차에 새로운 기능이 추가되거나 조작 방식이 변하면 사람들은 혼란을 겪습니다. 원리평가를 통해 사람이 가진 특성을 데이터화하여, 새로운 기술을 적용하는 데 기준을 제공합니다.휴먼 오리엔티드 기술에 대하여제품UX통합개발팀 김한비 책임연구원휴먼 오리엔티드 기술의 중요성이 부각되면서 자동차 분야에서도 사용자 중심의 기술과 디자인이 큰 주목을 받고 있습니다. 자동차 개발에 있어 제품UX기획실만의 원칙이 있다면 무엇인가요? 김한비 책임연구원 UX(User Experience)란 사용자가 제품이나 서비스를 이용하면서 생각하거나 느끼는 총체적인 경험을 말합니다. 이를 바탕으로 그것이 꼭 기술이 아닐지라도, 사람을 중심에 두고 꼭 필요한 ‘무엇’을 기획하는 것이 우리의 일입니다. 사람들에게 정말 필요한 차를 만들려면 사용하는 사람의 입장에서 차를 바라봐야 해요. 즉 사람들이 운전할 때 가장 불편함을 느끼는 것은 무엇인지, 어린아이가 안전하게 차에 오르내리려면 어떻게 해야 하는지, 사람들은 어떤 소리를 좋아하는지 등을 고민하는 것이죠. 이는 사람에게 꼭 필요한 기능을 갖춘 차를 만들기 위한 필수 불가결한 과정입니다.정재훈 연구원 인간공학 기반의 HMI 개발은 자동차와 사람이 원활하게 소통할 수 있도록 돕는 것에 초점을 맞춥니다. 현재 차량에서 제공하는 안전·편의 기능은 200개 정도인데 자율주행 등 기술이 고도화될수록 더 많은 기능이 추가될 수밖에 없어요. 이때 사람 중심의 개발 원칙이 없다면 좋은 기능이 아무리 많아도 너무 복잡하고 어려워 사용하지 않게 되죠. 이를 방지하기 위해 우리 연구원들은 주행 중 운전자의 시선 분산을 최소화하는 ‘안전성’, 생각한 대로 쉽게 조작할 수 있는 ‘직관성’, 필요한 정보와 기능만을 제공하는 ‘간결성’을 최우선으로 HMI 표준화를 확립합니다. 쉽게 말해 돌발 상황, 혹은 일상적인 주행에서 운전자들이 흔히 보이는 행동을 분석해 가장 필요로 하는 기능을 가장 손이 닿기 쉬운 곳에 배치하는 것이죠.제품UX통합개발팀 이윤하 책임연구원제품UX전략팀 문재민 연구원사용자 경험은 어떤 방식으로 수집하고, 어떤 과정을 거쳐 차량에 적용하고 있나요? 이윤하 책임연구원 사용자 조사는 기획 단계부터 철저하게 사용자를 중심으로 진행됩니다. 여러 가지 방법이 있지만, 대개 시장 분석 데이터를 통해 우리가 만들고자 하는 차량의 주요 사용자를 설정하는 것부터 시작됩니다. 그 뒤 설정된 사용자의 집이나 사무실에 방문해 자동차를 타면서 겪는 불편함이나 상황들을 직접 듣고 함께 차를 타보며, 앞으로 자동차에 기대하는 기능이나 디자인에 대한 요구를 파악하죠. 단순한 인터뷰가 아닌 직접 관찰하고 체험함으로써 사용자가 이상적으로 생각하는 자동차의 본질을 이해하는 것입니다. 그렇게 수집된 데이터를 바탕으로 사용자 경험의 콘셉트와 이를 구현할 기능들을 기획합니다. 이후 설계 부문 연구자들과 협의해 실제 차량에 구현하고, 원리 평가 및 실험을 통해 꼭 필요한 기능만을 선별하죠.문재민 연구원 실질적이고 정교한 사용자 경험 데이터를 얻으려면 실사용자의 사용 패턴을 정량적으로 분석해야 합니다. 대표적인 방법이 사람의 시선이 어떻게 이동하는지를 측정하는 ‘시선이동 측정장비’로 주행 중 운전자의 행동 패턴을 분석하는 것이죠. 니로 EV에는 다이얼식 변속기가 적용되어 있습니다. 이 새로운 방식의 변속 장치를 운전자가 기존의 방식보다 더 편리하게 사용할 수 있도록 시선이동 측정장비를 이용해 기어를 바꿀 때 어느 곳을 보는지, 시선이 얼마 동안 머무는지, 얼마나 자주 보는지 등을 파악했습니다. 그리고 사용 패턴을 분석해 다이얼식 변속기의 위치와 크기, 제어 방식을 결정했습니다.제품UX전략팀 정지연 연구원평소 사용자들의 마음을 읽기 위해 관심을 두거나 노력하는 부분은 무엇인가요?정지연 연구원 최근 유행하는 기기들은 직접 사용해보는 편입니다. 드론, RC카, 세그웨이, 홈 IoT 기기 등 가리지 않죠. 새로운 아이디어를 생각해내고 이를 구현하는 것도 중요하지만, 지금 있는 것들을 잘 융합하는 것만으로도 얼마든지 새로움을 만들 수 있습니다. 지금은 자동차랑 크게 상관없어 보이는 기술도 언젠가는 자동차에서도 쓰일 수 있다고 생각합니다.김한비 책임연구원 음성 인터페이스에 관심이 많습니다. 집에서 AI 스피커를 사용하고 있는데 어느 날 네 살 아이가 AI 스피커에 “000, 핑크퐁 펭귄 노래 틀어줘~”라고 말하는 걸 봤어요. 글을 몰라서 휴대폰이나 컴퓨터에서는 자신이 원하는 노래를 찾을 수 없는데, 말로 하니 쉽게 사용할 수 있는 거죠. 또 AI 스피커는 이름도 있고, 대답도 하니까 더 친근하게 느끼는 것 같아요. 차도 ‘삶의 동반자’가 되려면 누구나 사용할 수 있고, 인간의 감성적인 부분까지 만족시키는 쪽으로 더 발전해야 한다고 생각합니다.제품UX전략팀 정재훈 연구원지금까지 진행한 UX 관련 기획 중 가장 보람을 느꼈던 순간이 있다면 말씀해주세요.정재훈 연구원 2016년도 제네시스 EQ900가 인간공학회가 주관하는 ‘인간공학디자인 대상’을 수상한 것이 기억에 남습니다. 제네시스 EQ900는 제네시스 브랜드를 론칭하고 처음 출시된 차량으로 ‘인간 중심의 진보(Human-Centered Luxury)’라는 브랜드 방향성을 가지고 있었던 만큼 다양한 새로운 시도를 했었거든요. 주행 중 시선이 분산되는 것을 최소화하기 위해 사용자 경험을 면밀히 분석, 필요한 순간에 가장 편리하게 조작할 수 있는 위치에 스위치를 배치했습니다. 또 항공기 인테리어 엑스포를 방문한 경험을 바탕으로 후석 시트에 앉을 때 항공기 1등석 수준의 편안함을 느낄 수 있도록 다양한 착좌 자세를 제공하고, 조작도 원터치로 작동되는 현재의 시트를 만들 수 있었습니다.정지연 연구원 현대·기아자동차는 2013년도부터 모든 차량의 실내 스위치를 기능에 따라 같은 위치에 배치한 ‘실내 스위치 표준화’를 적용하고 있습니다. 이후 미국 J.D. Power에서 발표한 IQS(자동차 초기 품질 평가)나 미국에서 제품 구매에 가장 영향력을 미치는 잡지인 < 컨슈머리포트 >에서 사용하기 편리하다는 평가를 꾸준히 받고 있죠. 또 친구에게 현대·기아자동차의 스위치 표준화에 대한 재미있는 이야기를 들은 적이 있습니다. 가끔 카셰어링을 이용하는데 꼭 현대·기아자동차를 선택한다고 하더라고요. 다른 회사 차량에 비해 스위치가 깔끔하고 사용하기 편리하게 정리되어 있기 때문이죠. 특히 주유소에서 주유구 버튼을 찾지 못해 진땀 흘릴 일이 없다는 게 가장 큰 이유였습니다.이윤하 책임연구원 올해 초 출시된 신형 싼타페는 패밀리 SUV로서, 특히 어린 자녀를 둔 사용자들의 경험을 바탕으로 안전을 중심으로 기획·개발되었죠. 안전하차보조(SEA), 후석동승자알림(ROA) 기능이 대표적이라고 할 수 있습니다. 안전하차보조는 주행 중 차선 변경 시 옆 차선의 차량 접근을 알려주는 후측방보조알림(BCW)에 쓰이는 센서를 주차 중에도 활용할 수 있도록 만든 기능입니다. 옆에서 차가 지나갈 때 뒷좌석의 어린아이가 문을 열려고 하면 자동으로 ‘차일드락’이 걸려 문이 열리지 않게 하죠. 후석동승자알림은 목적지에 도착했을 때 어린아이나 반려동물 등을 두고 내리면 운전자에게 알려줘 혹시 모를 불상사를 막아주는 기능입니다. 출시 후, 각종 언론과 자동차 관련 커뮤니티 등에서 해당 기능들이 크게 주목받아 보람을 느꼈습니다.제품UX전략팀 이동경 책임연구원UX 관점에서 미래의 자동차 기술과 디자인은 어떤 방향으로 발전해나갈까요? 이동경 책임연구원 이제 사람들은 공간이 바뀐다고 해서 하던 일을 멈추지 않습니다. 휴대폰으로 듣던 음악을 차에 타자마자 스피커로 이어 듣고, 태블릿에서 결제한 콘텐츠를 차량 모니터로 보죠. 모든 것이 연결되는 커넥티드 세상으로 변해가고 있는 것입니다. 따라서 자동차는 출발과 도착만을 이어주는 이동 수단이 아니라, 자신이 경험하고 있는 모든 것이 공유되는 또 하나의 공간이 되는 셈이죠. 미래 UX 역시 이러한 경험을 제공하고 새로운 시간 창출에 더 큰 가치를 두고 발전하지 않을까 생각합니다.김한비 책임연구원 차가 똑똑해질수록 사람들의 기대는 커집니다. 현대·기아자동차가 꿈꾸는 이상적인 자동차 역시 사람들에게 ‘삶의 동반자(Life Companion)’로 다가가는 자동차입니다. 즉 자동차를 이동 수단에서 여행의 동반자로, 편리한 기계에서 나를 이해하는 친구로, 운전하는 공간에서 머물고 싶은 공간으로 만드는 것이 현대·기아자동차의 UX 방향성입니다. 지금까지 차량에서의 고객 경험은 ‘승차-주행 준비-주행-하차’로 한정되어 있었죠. 하지만 모든 것이 초연결되는 미래 자동차를 만들기 위해서는 고객의 라이프스타일을 이해하고, 함께 소통하며 감정까지 교감할 수 있어야 해요. 그것은 자동차뿐 아니라 모든 UX의 궁극적인 지향점이라고 생각합니다.글. 임종관사진. 안용길 도트 스튜디오 ▶ 해당 기사는 현대자동차그룹 모터스라인에서 원문을 확인할 수 있습니다.#현대 #현대그룹 #현대자동차그룹 #현대자동차 #기아자동차 #제네시스 #모터스라인 #UX #사용자_경험 #HMI #자동차_디자인 #자동차_기능 #휴먼_오리엔티드 #인간공학 #직무소개 #직무정보 #HMG저널 #HMG_Journal #HMG #기업문화 #조직문화 #UX중심 #고객중심 #구성원인터뷰

페이스북 광고로 성공하거나 실패할 수 있는 방법은 약 백만 가지가 있지만 아래의 Tip을 알고 디자인을 한다면 광고를 성공으로 이끄는 데 도움이 될 것입니다.광고는 타겟팅이 생각만큼 단순하지 않기 때문에 종종 실패할 수 있습니다.이 글에서 소개되는 Tip을 가지고 소비자와 페이스북 모두 좋아할 수 있는 광고를 만들어보세요!페이스북 광고디자인 Tip #1  : 다채로운 광고 이미지를 만들어라 페이스북 뉴스피드를 생각해 봤을 때 따분한 광고들로 가득 차있을 것입니다. 그럴 때 사람들의 시선으로 사로잡을 수 있는 다채로운 광고를 만들어보세요!사람들을 사로잡는 광고는 어렵고 화려한 포토샵 스킬이 들어간 광고가 아닙니다.조사에 따르면 대부분의 사람들은 사람이나 상품의 첫인상을 90초 이내에 평가한다고 합니다. 그중 약 62-90%는 색깔에 영향을 받습니다.만약 어떤 컬러를 사용해야 할지 모를 때엔   브랜드 컬러 유지하기  색깔에 따라 줄 수 있는 심리적인 느낌에 맞게 선택하기  3-5가지 다른 컬러를 A/B 테스트하기 The New York Times는 새로운 페이스북 광고 색상을 다채롭게 사용하여 지속적으로 테스트하고 있습니다. 페이스북 광고디자인 Tip #2  : 대조되는 색상을 사용해라UsabilityTools의 조사에 따르면 대조적인 색상을 사용한 랜딩페이지는 그 전 광고에 비해 클릭률이 75% 증가했다고 합니다. 대조가 강할수록 광고에 더 많은 집중을 가져올 수 있습니다. 나이키의 광고를 예로 들어 보겠습니다. 나이키의 대조적인 광고는 시선을 바로 끌게 합니다.Udemy의 다른 예가 있습니다. (주황색과 흰색 광고 요소의 대비에 주목하세요.)때로는 광고 요소 사이의 대조뿐만 아니라, 전체 뉴스피드와 대조되는 페이스북 광고도 사람들의 시선을 주목시킬 수 있습니다.페이스북 광고디자인 Tip #3  : 긍정적인 이미지를 심어줘라이미지는 이야기를 말하며, 인공지능 개척자 Ray Kurzweil에 따르면 우리의 뇌는 유용한 조언을 찾는 패턴으로 채워져 있습니다. 그렇다면, 페이스북의 광고 디자인이 이야기를 하도록 만들 수 있다면 어떨까요?SumoMe의 광고를 예로 들겠습니다.이 그래프는 꾸준히, 빠르게 성장하고 있는 SumoMe의 성장 곡선입니다.그래프를 보고 부럽다는 생각이 드셨나요?심리학자들은 오늘날 사람들이 브랜드를 결정하게 만드는 것은 정보보다는 감정에 의지한다고 설명합니다. 그렇기 때문에 회사에 긍정적인 부분을 브랜드에 연결하는 것이 중요합니다. (예: 회사의 빠른 성장)뉴스피드에서 이 광고를 본 후, 사람들은 SumoMe를 꾸준히 성장하는 브랜드라고 연상할 것이며, 클릭을 하게 되고 클릭수가 많아질 것입니다.페이스북 광고디자인 Tip #4  : 기억할만한 기호를 사용해라잠재 고객이 긍정적인 감정으로 광고를 기억할 수 있도록 디자인에 '긍정적인 기호'를 포함해야 합니다. '긍정적인 기호'는 다음을 포함할 수 있습니다.체크 표시스마일 이모티콘축하 이모티콘별 표시그 예시로 Asana의 페이스북 광고를 볼 수 있습니다. Asana의 광고디자인에는 확인 표시 아이콘과 함께 성장 곡선을 표시합니다.이러한 기호는 무엇을 느끼게 할까요?이 광고를 보는 사람들은 시간 안에 일을 마친 것 같은 느낌을 느끼게 될 것입니다. 그러한 느낌은 보는 사람들로 하여금 긍정적인 인식을 가져다줄 것이며, 그러한 긍정적인 인식은 광고효과로 이어질 것입니다.페이스북 광고디자인 Tip #5 : 핵심 키워드를 잘 보이게 배치해라 만약 광고를 사람들에게 알리는 것이 첫 번째 목적이라면 이미지 안에 바로 핵심 메시지를 배치하는 것이 좋습니다. 또한 광고 이미지 텍스트가 짧고 간결한지 확인해보세요.Upwork는 핵심 메시지인  “Find Your Perfect Freelancer”를 사람들의 시선에 바로 들어올 수 있는 위치에 배치하여 그들의 핵심 메시지를 바로 눈에 들어올 수 있게 디자인하였습니다.-이제 동일한 광고 디자인을 반복해서 보면서 타깃 고객에 대해 걱정할 필요가 없습니다. 이 글을 통해 페이스북 광고효과가 향상되길 바랍니다:)            퍼포먼스 마케팅 에이전시, 오피노 바로가기

화를 낸다고 해서 근본적인 문제가 해결되지 않더라고요"어떻게 해야 너그럽고 좋은 사람이 될 수 있나요?"가 나의 첫 질문이었다.좋은 사람이 많은 스푼 멤버들 중, 가장 '어른'의 표본 중 표본. 개인적으로 존경하고 닮고 싶은 선배이자, 동료. 입사 초, 단 한 번의 대화로 제가 입덕 하게 된 나이젤을 소개합니다.나이젤 曰: "저는 착하지 않습니다! 써니가 늘 저의 이미지 메이킹을 해주셔서 늘 감사합니다 하하.. 저는 예전에 지금과는 많이 다른 류의 사람이었어요. 사실 이렇게 바뀌도록 노력하게 된 계기가 있었어요. 스푼에 오기 전 다른 곳에서의 나이젤은 조금 과격했어요. 제 성격을 바로 드러내는 사람이었어요. 하지만 시간이 흐를수록 깨달았어요. 절대 화를 낸다고 근본적인 문제가 바뀌지 않는다는 것을요. 사람이 화를 안 낼 수는 없어요. 저도 화가 날 때가 많고 스트레스도 받지만 부드럽게 상대를 존중하며 문제를 해결하는 편이 훨씬 더 도움이 된다는 것을 알았어요."듣고 싶은 당신의 스푼 라이프프로젝트 매니저는 어떤 업무를 하나요?"저는 스푼 라디오 프러덕트 그룹에서 UX리딩을 맡고 있습니다. 간단하게 설명드리면 스푼 앱을 만드는데 어떠한 방향으로 만들 것인지 동료들과 협업하여 유저들이 조금 더 편하게 서비스를 사용할 수 있도록 돕는 일을 하고 있어요. 이벤트 또는 이슈가 발생했을 경우 개발팀, 마케팅팀 그리고 운영팀과의 커뮤니케이션을 담당하고, 업무 프로세스를 조율하는 역할입니다. 말을 많이 해야 하는 업무다 보니, 다른 성향의 많은 분들과 소통하며 커뮤니케이션 스킬이 생기는 것 같아요."개발자에서 기획자가 되기까지"저는 8-9년 정도 개발자 생활을 했었어요. 원래 기획자는 아니었어요. 개발은 정말 아무나 할 수 있는 게 아니라고 생각해요. 너무나도 어려운 직무예요. 개발자가 되는 장벽이 굉장히 쉬운 건 사실이지만 어느 정도 수준에 올라가려면 끈기와 지속적인 공부가 필요하거든요. 프로젝트 매니저로 포지셔닝이 바뀌면서 장점이 있다면 제가 개발자 출신이다 보니, 개발자의 고충을 잘 이해하고 커뮤니케이션하는데 조금은 수월하다는 것 같아요. 요즘은 UI/UX 이론과 사용자 조사 방법론에 더 관심이 생겨 강의를 들어요. 배움엔 정말 끝이 없는 것 같습니다"좋은 기획자가 되려면?"어려운 질문이네요. 사실 기획은 누구나 할 수 있다고 생각합니다. 기획 업무의 많은 부분은 관찰, 리서치, 요구사항 분석을 하고, 이후에는 프러덕트에 어떻게 적용을 할 것인지에 대해 조율하는 역할이에요. 그래서 말을 참 많이 해야 하고요. 문서 작성 및 정리도 잘해야 하는 것 같아요. 스스로가 어떤 시점에 어떤 이야기를 했는지 알고 있어야 하고요. 저는 정리를 못하는 편이지만 메모는 많이 하는 편이에요. 앱 기획자다 보니, 플로우를 정확히 알기 위해 앱을 많이 보고 버튼 하나하나 눌러보곤 합니다."동료들과의 *케미 비결이 궁금합니다.(*미디어 속 등장인물들이 현실에서도 잘 어울리는 것을 뜻하는 한국 내의 신조어로, 원래 스포츠계에서 팀 내 단결력을 의미하는 영어 단어인 케미스트리(chemistry)에서 변형되었다)"케미요? 저희 팀원분들 한 분 한 분이 참 열성적이십니다. 함께 일을 하면 시너지 효과가 납니다. 특히 Mika는 업무를 함께 하며 가장 저와 커뮤니케이션을 많이 하시는 분인데 대단하신 분이라고 생각합니다. 정말 배울 점이 많으신 분이에요. 제가 늘 많이 배우고 있어요. 정말 좋은 시점에 스푼에 와주셔서 즐겁게 감사하게 일하고 있습니다."제가 함께 일하고 싶은 사람은실력은 기본적으로 중요하다고 생각합니다. 이 곳은 프로들이 모인 자리니까요. 하지만 많은 사람들과 함께 일을 하기 위해선 결과적으로 겸손한 태도와 올바른 인성이 중요하다고 생각합니다. 결국엔 모든 것들은 사람이 하는 일이니까요. 서로를 존중해주고 시너지 효과가 나야 더 좋은 결과물을 만들어 낼 수 있다고 생각합니다.나를 한마디로 표현한다면?물 - "저는 물 같은 사람이 되고 싶어요. 도덕경을 읽어보았는데 그 내용 중에 가장 좋은 건 물과 같다는 말을 보았습니다. 어디서 모나지 않고 남들에게 편한 사람으로 살아가고 싶습니다"알고 싶은 Nigel의 이야기멋진 스타일링의 근원이 궁금합니다."스타일링이요? 7:3 비율인 것 같습니다. 제가 7 정도 입고 싶은 옷을 입으면 와이프가 3 정도 코칭을 해줍니다. 정말 아닌 옷을 입으면 이건 아닌 것 같다고 이야기해주기도 하고요. 저는 사실 쇼핑을 좋아해서 와이프가 함께 가자고 할 때 같이 가는 걸 좋아해요."스푼의 결혼 전도사 나이젤 "저는 결혼하면서 삶이 많이 바뀌고 아이들을 키우면서 스스로가 성장하고 있다고 느껴요. 그래서 결혼 전도사처럼 결혼을 하라고 좋다고 이야기하는 것 같아요. 아이들을 크는 모습을 보는 것이 가장 큰 행복입니다. 아이들과 평일에 시간을 많이 보내지 못해서 아쉬운 면이 많아요. 저희 아들이 진짜 해맑거든요. 저한테 가끔 이런 질문을 해요.아빠! 나비는 대체 왜 나는 거야?아이들의 때 묻지 않은 순수함, 어른들에겐 들을 수 없는 피드백들이 너무나도 신기하고 저를 행복하게 해요. 저는 아침 출근 전 항상 아이들에게 시 한 편을 읽어주고 나와요. 그렇게라도 아이들과 조금 더 시간을 보내려고 노력하고 주말엔 아무리 피곤해서 아이들과 밖에 나가요. 아무리 힘들어도 아이들을 보면 스트레스가 풀리고 행복해지더라고요."좋은 사람이 되기 위한 팁이 있다면"저는 좋은 사람이 되기 위해선 말투가 바뀌어야 된다고 생각해요. 그래서 어떻게 말하면 사람들한테 똑같은 말을 조금 더 부드럽고 좋게 전달할 수 있을까? 하고 고민을 많이 하는 것 같아요. 작년에 읽은 책 중에 가장 추천하고 싶고 좋아하는 책은 '말 그릇'이라는 책입니다. 말투를 많이 바꾸려고 노력을 참 많이 했어요. 원래 저를 잘 아시던 분들은 제게 너무 가식적인 것 아니냐며 또는 혹시 나이 때문에 바뀌셨냐고 많이 물어보셨어요 하하.. 물론 나이도 있다고 생각합니다. 하지만 정말 굳이 이렇게 살아서 뭐하나라고 생각이 들더라고요. 그래서 정말 좋은 사람이 되려고 노력을 많이 했고 지금도 항상 노력하고 있습니다."팀원들이 Nigel을 한마디로 표현한다면?Ella:  홍길동 - "항상 바쁘게 다니셔서!!!!!!!"Ester: 등대지기 - "화창한 날 등대에 기대 해안선을 바라보며 커피를 마실 것 같은 이미지가 떠올라서"Mika: 토끼 오빠 - "토끼 닮아서요 히히..."Mia: 수요 미식회 맛집 - "자리에 항상 사람들이 북적북적 붐비기 때문에...(만인에게 인기 만점)"Ann: RM - "BTS RM 같은 마이쿤의 리더"