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

Ad Tech

트위터, ‘Advertising Transparency Center’ 개설: 집행 중인 모든 광고 콘텐츠, 소재, 게재 기간 열람 가능. 부적절한 광고(혹은 비선호 광고) 신고를 활발히 하기 위함

https://techcrunch.com/2017/10/24/twitter-advertising-transparency/ by Anthony Ha @techcrunch.com

Adobe, 광고용어 사전 발표: AdTech/MarTech에 사용되는 광고용어 설명
(받아보기: http://www.adobe.com/au/landing/adtech-martech-glossary-download.html?scid=7011O000002bMYsQAM&siid=7011O000002SW4JQAW)

http://www.adnews.com.au/news/news-bulletin-adobe-unveils-ad-tech-glossary-how-salesforce-drives-the-economy by AdNews @adnews.com

Salesforce가 앞으로 어떻게 경제를 주도해나갈까: IT 전반에서 가장 빠른 성장 중인 클라우드 컴퓨팅과 비슷한 성장 추세로 연간 성장률 17%, 2022년 까지 2조 달러 가량의 관련 투자 예상
(보고서 보기: http://www.salesforce.com/assets/pdf/misc/idc-study-salesforce-economy.pdf)

by AdNews @adnews.com

구글, 내년 크롬에서 일부 광고 포맷(일반적인 광고보다 많은 시간을 소비하게 하는 인터랙션 광고) 차단 예정

http://www.businessinsider.com/google-chrome-ad-blocking-forces-ad-tech-cos-to-abandon-business-2017-10 by Mike Shields @businessinsider.com

UX

InVision, Brand.ai 인수로 ‘Design System Manager’ 기능 릴리즈: 팀 내 합의된 디자인 요소 공유를 원활히 하기 위함. Sketch, InVision Studio와 같은 도구에서 최신 라이브러리 접근. 관리자 권한만 라이브러리 수정. 라이브 코딩 통합 가능. 외부 팀 공유가능

http://www.businesswire.com/news/home/20171025005391/en/InVision-Acquires-Brand.ai-Introduces-Design-System-Manager

> by Eastern Daylight Time @businesswire.com
 검색 기능 최적화: 검색 결과 페이지를 검색 쿼리와 관련있도록. 자동 완성 기능. 콘텐츠 키와 연관있는, 잘 작동하는 필터 기능. 리스트/그리드 - 콘텐츠 유형에 따른 페이지 레이아웃 필요

http://www.business2community.com/web-design/ux-design-part-4-design-search-01938308#t6Bi0klvUioUkGjk.97 by Jason Davis @business2community.com

인터페이스의 사용성 및 이해도 향상을 위한 적절한 ‘공백’의 사용: 공백의 정의 - 그래픽/아이콘/이미지를 둘러싼 시각적 공간, 여백/패딩/거터를 포함한 레이아웃, 자간/줄간

http://www.business2community.com/web-design/ux-design-white-space-01942939#Mf4wvJPRAJzOZ0H6.97 by Jason Davis @business2commnunity.com

GUI

장난스러운 인터페이스 사례

https://www.smashingmagazine.com/2016/04/this-interface-is-a-good-joke/ by Charles Hannon @smashingmagazine.com

장난스러운 인터페이스: 즐거움을 주는 인터랙션에 대한 시도로, 시스템 기본 기능을 방해하지 않는 한 ‘대화형 시스템에’서 사용성 개선에 유용(이벤트 혹은 신규 기능이나 안내) 미션클리어에 대한 보상도 한 종류

https://www.smashingmagazine.com/2016/04/this-interface-is-a-good-joke/ by Charles Hannon @smashingmagazine.com

인비젼 스튜디오 2018년 1월 출시 예정 (링크 참조): 맥/윈도우 지원. 실시간 아트보드 지원(like FIgma) 디바이스 미러링, 인터랙션 프로토타이핑

https://www.invisionapp.com/studio?utmcampaign=studio&utmsource=hsemail&utmmedium=email&utmcontent=57490454&hsenc=p2ANqtz-x3cyaLrEUMtTEBujIcIOslNJjPF-tIdSloaM0ObkfTTbSTlOpxNB-PjYL6Qom8s0IvW8H-x8naJ7cCWZAOK1jhTrQ&hsmi=57490454 @invisionapp.com

BX

어도비 (매우 방대한) 아이콘 리디자인 업무 프로세스 소개: 로고, 시작화면, 제품 내 아이콘 등 모든 그래픽 요소 리브랜딩. 100가지가 넘는 제품과 서비스의 120가지 이상의 유형이 대상. 각 10가지 크기로 .ICNS(맥용), .ICO(윈도우용)등으로 나눠 정리. 릴리즈 주기 별 관리 디자인 자산 7,000개 이상으로, 각 제품별 중복 형식 제거 및 서로 간 공유 가능하도록 설계하여 관리해야 하는 아이콘의 수의 65% 경감. 또한 제품 별 형태를 기능 별로 재정리하고 메타포를 유사한 형식으로 그룹핑. 이후 내부 컴파일러 앱을 제작하여 수작업을 줄임

https://medium.com/@annydesign/redesigning-adobes-file-type-icon-system-language-6efa4aed1b30 by Anny Chen @medium.com/@annydesign

Sam Partners, K Bank 브랜딩 사례 소개

http://sampartners.co.kr/portfolio-item/k-bankholistic-branding/ @sampartners.co.kr

구글과 이탈리아 디자인의 부활: 애플이 독일의 절제적인 Braun사의 디자인을 계승했다면, 구글은 이탈리아의 장난기 넘치는 Olivetti사의 디자인을 계승 (Olivetti: 60년대부터 차별화된 디자인으로 사무기기를 생산한 회사)

https://blog.prototypr.io/google-and-the-resurgence-of-italian-design-e9234cf3d073 by Adam Richardson @blog.prototypr.io

브랜딩 기본 정의에 대하여: 브랜딩은 인식을 통해 식별되고 결국 각인되는 목적성을 갖는데, 소비자 관점에서의 브랜드는 무의식 속에서 각인됨. 경험적 요소들이 결국 무의식을 좌우하며, 사소한 부분에서의 경험부터 하나하나 모여 그 브랜드를 각인시킨다는 이야기와 그 사례 소개

https://brunch.co.kr/@roysday/108 by Aftermoment Creative Lab @brunch.co.kr

Muzli, 이 주의 UI 인터랙션 #97: MTA 회사는 정확한 수치를 ‘쉽고 빠르게 읽히도록’ 해야 함. Abakus의 인터랙티브한 Collapsible Tree View가 좋은 사례

https://medium.muz.li/ui-interactions-of-the-week-97-7ffae0f37d0f by Muzli @medium.muz.li