매주 목요일, ab180 디자인팀에서 지난 한 주 간의 Ad Tech/UX/GUI/BX 관련 크고 작은 이슈, 포스팅, 컬럼 등을 모아 디자인 트렌드 리포트를 발행합니다.

Ad Tech

어드저스트 업데이트: 오디언스 빌더, ROI, 시간별 집계, 실시간 시간대 설정

오디언스 빌더를 통해 고객 세그먼트를 정의하고 잠재 고객의 광고 ID를 대시보드나 API에서 광고로 익스포트하여 새로운 광고 파트너와 리타겟팅 캠페인을 즉각적으로 운영할 수 있음(세그먼트 분류 가능 정보: 기여 캠페인, 설치 날짜, 기기 종류, OS버전, 국가 및 언어, 실행된 이벤트, 수익 및 LTV, 앱 실행 시간, 마지막 접속 시간, 설치된 앱 버전, 모든 캠페인 데이터) Cost API: cost, paidinstalls, paidclicks, paidimpressions, ecpc(Effective cost per click, cost/paidclicks), ecpm(cost/paidimpressions*1000), ecpi(cost/paidinstalls), cohortgrossprofit(cohortrevenue-cost), returnoninvestment(cohortgross_profit/cost)

구글, 광고 자동화 규제에 대한 반대 입장 표명

완벽하지 않은 광고 자동화 기술로 인해 부적절한 콘텐츠에 광고가 게재되어 광고주 브랜드 이미지에 영향을 주는 폐해가 있음에도 불구하고 구글 광고는 DTSG(Digital Trading Standards Group) 인증을 갱신하지 않는 등자동화 규제에 반대 입장을 표명함. The Programmatic Advisory CEO, Adam Blodwell “모든 유형의 타겟팅 캠페인에는 도메인 블랙리스트와 사기 IP 탐지를 제한하기만 하는게 아니라 브랜드 허용 검사와 도메인 화이트리스트로 사전 및 사후 차단이 필요하다. 또한 광고주에게 광고가 인증된 도메인에만 게시될 것이라 충분히 안내해야 한다.”

모바일광고 IGA웍스, 코스닥 상장 작업 착수

벤처캐피탈업계에 따르면 IGA웍스가 최근 코스닥 상장을 본격적으로 추진. 현재 IGA웍스는 기업가치 2000억 원으로 신규 투자 유치를 추진 중. 투자 유치 등을 통해 올 한 해 기업가치를 최대한 끌어올린 후 공개시장 입성에 나서겠다는 방침. 현재 IGA웍스는 상장 주관사 선정을 진행 중. IGA웍스는 그동안 여러 벤처캐피탈로부터 투자를 유치, 2008년 소프트뱅크벤처스와 프리미어파트너스 약 200만 달러의 시리즈A 투자 유치, 2012년 한화인베스트먼트와 KDB산업은행 약 30억 원을 유치, 또 2014년 인터베스트로 등으로부터 약 150억 원을 투자받음. IGA웍스는 2014년 매출액 162억 원을 2015년에는 매출액 193억 원을 기록. 2016년에는 매출액 200억 원을 넘어섰을 것으로 전망


UX

UX가 SEO에 중요한 이유

검색 엔진 알고리즘이 더욱 정교해짐에 따라 사용자 행태와 관련이 높은 결과를 제공하는데 집중해야할 필요성 증대. SEO 학습 및 개발 프로그램에서 UX가 우선시되어야 함. 보통 검색은 선형 접근 방식인데 이제 모든 유저 진입점에 대해 고려해야 함. 일례로 사용자가 검색한 정보가 탭 내에 숨겨진 콘텐츠일 경우 혹은 무한 스크롤시 노출되는 정보일 경우 랜딩페이지에서 검색한 정보를 소비자가 발견할 방법이 없음. 검색한 정보에 대해 최대한의 경험을 제공하여 보다 나은 검색과 전환이 이루어지게 해야 함

전환율을 높히는 2017 웹 디자인 및 UX 트렌드

연령에 따른 반응형 디자인: 세대 별 이미지를 사용해라 특히 소셜마케팅 할 때. 로딩 아이콘 대신 Skeleton screen(와이어프레임 형태의 로딩 그래픽): 페이지가 더 빠르게 로딩되는 것 처럼 느껴질 수 있음. 인게이지먼트 봇: 페북 챗봇 따위를 FAQ 섹션에 활용. 쇼핑 카트 마케팅: 선택한 제품과 관련한 제품 섹션을 제공. 애니메이션 CTA 버튼: 시각적 운동이 가시성을 향상시킬 수 있음. 시네마토그래프 이미지: 모션이 있는 이미지는 방문자 주의를 보다잘 끌 수 있으며, 페북 광고에서 시네마토그래프 이미지를 사용할 경우 클릭률이 최대 60% 높았다는 결과가 있음. 비디오로 콘텐츠 설명. 이탈 전 혜택 모달 노출: 사용자 이탈 전 할인 또는 무료배송 등 쿠폰을 노출하여 전환의 기회 마련. 페이지 세션 전환이 일어나지 않는다면 스크롤 없이 홈화면에서 바로 탐색할 수 있는 ‘원 스톱 쇼핑 전략’을 이용해볼 것

카카오는 사용자 인터뷰를 어떻게 할까?

브런치에서 많은 작가중 선정되어 1:1티타임에 초대한다는 메일 받고 매우 기뻐한 글쓴이는 곰곰히 생각해보니 ‘사용자 인터뷰’. 사용자를 판교까지 불러서 1시간반을 쓰게 하는것은 매우 어려운 일인데 좋은 표현을 이용한 것에 무릎을 탁 침. 판교역까지 가서 1시간반이나 시간을 내줘야 하는데도 불구하고 거부감 들지 않는 커뮤니케이션을 한 것. 마케팅 대화법이나 서비스 안내 문체 또한 브랜딩에 큰 부분이라고 다시 한번 생각함


GUI

Sketch(그래픽툴)에서 'CSS FlexBox'방식의 오토레이아웃 플러그인

FlexBox 오토 레이아웃을 위한 플러그인 출시
시연 영상다운로드

2017 웹디자인 트렌드 인포그래픽

줄글이 아닌 인공지능을 이용한 대화형 UI, 모바일 퍼스트, 화면에 크게 들어가는 빅폰트, 밝은 색상과 그라디언트, 동적 컴포지션과 비대칭 등 트렌디한 그래픽에 대한 소개


BX

앨런튜링 인스티튜드 브랜딩 by 레드앤와이트

수학 및 데이터 과학분야 연구소의 브랜딩 디자인 스토리, 데이터 과학의 전형적인 남성적 이미지를 제거하고 더 쉽게 접근 할 수있는 것을 목표로 디자인. Univers, Akzidenz 및 Helvetica와 같은 다양한 서체를 결합하여 다양한 분야가 한곳에 모이는 것으로 표현. 또한 13가지 색조 팔레트를 사용하여 다양하게 표현. 직선적이고 왼쪽으로 정렬된 편향된 성격을 버렸음. 중심에서 벗어나 다양한 방식으로 주변을 바라보고 도전하는 방식을 표현. 다양한 색상과 결합하는 모양은 자연물의 배열인 피보나치 수열을 기반으로 만들어짐

Airbnb 공동창업자 조 겝비아, 디자인 주도적인 비지니스에 대하여

에어비앤비가 회사의 성장을 위해 어떻게 디자인 전략을 펴왔는지에 대해 이야기. 숫자가 시키는대로 하는 것 보다 직관에 의해 섬세한 부분적인 유니크함에 집중할 것