ab180 디자인팀에서 격주로 Ad Tech / UX / GUI / BX 관련 크고 작은 이슈, 포스팅, 컬럼 등을 모아 트렌드 리포트를 발행합니다.


Ad Tech

구글, 2018년 2월 크롬에서 특정 네이티브 광고 차단 예정: 사용자의 이용 흐름을 방해하는 팝업 광고 등이 해당되며, 사이트에 표시된 광고 중 하나라도 표준에 어긋나면 사이트의 광고가 모두 차단됨
https://techcrunch.com/2017/12/19/google-will-turn-on-native-ad-blocking-in-chrome-on-february-15/
By Darrel Eterington @techcrunch.com

Hyperlocal 광고 이해하기: GPS, Wi-Fi 액세스 포인트 등 정확한 위치를 파악하거나 추정하는데 사용될 수 있는 셀 타워 ID 등의 정보를 사용할 수 있어야 함. 광고주는 보통 특정 건물 또는 우편번호를 정확히 식별하기 위해 IP 주소를 선호. 미국 전역의 매장에서 비콘을 서비스하며 Hyberlocal 데이터를 제공하는 업체인 InMarket은 자사의 SDK를 제휴 앱들에 설치하여 파트너 앱 중 사용자의 위치 신호가 범위에 들어오면 사용자 선호를 파악. 쿠키 코너를 자주 탐색하는 사용자는 쿠키를 좋아한다고 판단하여 온라인 상에서 오레오 광고를 표시하는 형식. 이렇게 5천만 명의 미국 성인을 추적 중이라고 하나 인구 밀도가 높은 도시의 경우 정확도는 30% 수준
https://www.martechadvisor.com/articles/search-social-ads/4-key-points-to-understand-hyperlocal-advertising-and-7-bonus-use-cases-to-run-today/
By Robert Brill @martechadvisor.com


UX

2018 UX디자인 트렌드 예상: 더 단순해진 네비게이션 - Linear(or step-by-step)/음성 활용(10대들은 음성을 검색에 더 많이 활용), 이해를 도울 수 있도록 정보 정리 - Content first, Clear visual language(미니멀한 레이아웃, 채도/명도차로 call-to-action 버튼 강조, 큰 헤드라인), 기능(e.g,. 탐색)과 재미 등 서로 다른 목적의 애니메이션 사용, 비디오 콘텐츠 강세(라이브, 웰컴 메시지), 친근한 서비스 메시지(실패 알림, 마이크로 인터랙션, 대화형 인터페이스), 더 중요해질 콘텐츠(팩트 체킹 등), 웨어러블 디바이스, 인증 간소화(이베이의 one-time 패스워드: 아이디나 이메일 계정 입력 시 등록된 모바일로 패스워드 전송, 미디엄 magic link: 이메일 입력 후 이메일 링크 선택 시 가입 완료, 생체 인식, 2채널 인증), 머신러닝/위치 정보 등 활용으로 보다 개인화, Cashless, 증강현실(구글 렌즈), From MVP to MLP(Minimum Loveable Product)
https://uxplanet.org/the-state-of-ux-for-2018-4b2ea908c837
By Anthony Miller @uxplanet.org

고객 여정 지도(Customer Journey Map): 고객 여정 지도는 사용자의 서비스 인입 전/후 터치포인트를 나열하여 팀이 사용자에 공감할 수 있도록 돕고, 이 기준대로 지표를 트래킹하여 연결이 끊기는 포인트를 파악하고 컨버전을 개선할 수 있음. 구글 애널리틱스의 User Flow 리포트를 참조하면 간편
https://www.sitepoint.com/boost-ux-with-analytics-and-customer-journey-mapping/
By Vincent Feendy @sitepoint.com

2017 스타트업 디자이너 설문조사: 기술 스타트업 디자이너는 비즈니스 사이드에서 인볼브되어 로드맵/회사 전략, 보유/전환/퍼널 메트릭 등 기획 필요. 스타트업 초기에는 PM 역할을 겸하는 디자이너들이 많으나, 점점 PM 단독 롤로 독립하며 디자이너와 1:4 정도 비율 유지. 디자이너들은 비즈니스에 대한 이해와 더불어 글쓰기 능력도 중요. 알고리즘 연속선 상에서 사용자를 대변하여 이점과 불리한 점을 생각할 수 있어야 함
http://www.futureof.design/?utm_content=buffer0e589&utm_medium=social&utm_source=facebook.com&utm_campaign=buffer
@futureof.design


GUI

리액트 스토리북 소개: 리액트 UI 개발 툴로 개발자, 디자이너, 기획자 간 협업 용이. Airbnb, Slack, Coursera 등 사용 중. 재사용 가능한 컴포넌트 개발을 할수 있도록 도와주고 빈번하게 일어날수 있는 오류 등을 빠르게 확인 수정 할 수 있음
https://www.vobour.com/book/view/NmjuPr2amxubQ7tqr
by 오역 유발자 @vobour.com

2018 웹디자인 트렌드 예상: 밝고 볼드한 미니멀리즘, 사진 콘텐츠 우세, 웹 어플리케이션들의 리디자인, 인터랙티브 콘텐츠, 자유로운 형태의 Brutalism, 비즈니스 성장을 위한 엔드 유저에 대한 이해와 일관성 유지, 비디오/자유로운 형태/그라디언트 사용
https://www.forbes.com/sites/tomaslaurinavicius/2017/12/20/web-design-trends-2018/2/
By Thomas Laurinavicius @forbes.com

CareerBuilder 인터랙티브 디자이너 팀의 테이블 리디자인 과정 소개 
https://uxdesign.cc/designing-tables-for-reusability-490a3760533
by Havana Nguyen @uxdesign.cc


BX

본질의 발견 - 최장순: 업의 본질 찾기 - 서비스 이용자 분석하기 - 업에 대한 사람들의 시각찾기(고객경험) - 문제점 해결방안 도출 - 앞선 과정을 통해 우리 찾기 - 미래지향을 위한 현재 파악 - 연관성 있는 행보 물색 : 우리의 능력과 시각.
철학을 드러내는 작업 또한 브랜딩. 브랜딩은 내부고객(구성원)과 외부고객을 위한 작업. 우리가 선택한 시장이 얼마만큼 유망한지를 봐야지 시장조사 자료를 토대로 우리가 누구인지 정한다는 것은 굉장히 어처구니 없는 일. 우리가 우리를 정의하지 못한다면, 우리를 만나는 고객들은 절대 우리가 누구인지 모를 것이고, 우리가 의도하지 않은 바대로 우리를 규정할 것
http://book.naver.com/bookdb/book_detail.nhn?bid=11472412
By 유철

‘MINI’ 로고 리뉴얼: 지난 2001년 이후 새롭게 디자인. ‘날개 달린 바퀴’ 모티브를 유지하며 여러 어플리케이션에 더 잘 적용하기 위해 2D 플랫 디자인으로 교체됨
https://www.designweek.co.uk/issues/11-17-december-2017/mini-unveils-new-tradition-conscious-logo/
by Aimee McLaughlin @designweek.co.uk

‘Fanta’ 로고 및 보틀 리디자인: 재미와 활기를 주제로 리디자인
https://www.designweek.co.uk/issues/20-26-march-2017/fanta-rolls-rebrand-new-bottle-design-uk/
by Sarah Dawood @designweek.co.uk

2022 베이징 동계 올림픽 공식 엠블럼 공개: 겨울을 뜻하는 한자인 ‘동’ 에서 시작되어 스키어와 스케이터의 역동적인 모습을 담아 그려냄. 캘리그라피 톤으로 진행된 이 엠블럼은 총 4천 5백여 출품작들 중 선택된 시안
https://www.olympic.org/news/beijing-2022-unveils-official-emblems
@olympic.org

Medium 로고 리뉴얼: 현재 버전으로 리뉴얼한지 2년 만에 기존 버전과 유사하게 회귀. 브랜딩을 유지하지 못하고 빠르게 교체됨에 비난의 목소리도 있지만, 이전 로고의 화려한 컬러 보다 차분하고 정교한 톤이 미디엄 본래의 가치를 담았다는 의견도 있음
http://www.creativebloq.com/news/medium-reveals-a-new-logo-again
by Dom Carter @www.creativebloq.com