웹디자인 트렌드 변화와 영상 콘텐츠의 중요성

상세페이지

  • HOME > 월별 특집 & 기획

web 웹디자인 트렌드 변화와 영상 콘텐츠의 중요성

트위터 페이스북

웹디자인 트렌드 변화와 영상 콘텐츠의 중요성

고작 72초짜리 드라마에 사람들이 열광한다. 아이돌 가수는 TV 밖에서도 인터넷 영상을 직접 찍어 내보내기 바쁘다.
개인방송 BJ가 대기업과 제휴 광고를 찍는다. 그런 시대가 됐다. 동영상 시장 트렌드가 빠르게 변하고 있다.
놀랍게도 이는 웹 디자인 트렌드 변화와 그 맥을 함께 한다. 간결한 카드뷰 레이아웃을 차용한 웹사이트에
짧은 텍스트, 짤방, 동영상과 같은 콘텐츠가 더욱 중요해진 것. 그중에서도 동영상은 다른 콘텐츠 대비 바이럴 속성이 가장 강력하다.
웹 제작사를 향한 영상 콘텐츠 제작 요구도 늘고 있는 실정.
월간 웹 9월호 특집은 동영상 콘텐츠 트렌드를 짚어보고 아직 동영상 트렌드에 대응하지 못한 에이전시가 준비해야 할 것들을 알아본다. 

진행. 월간 w.e.b. 편집국 AUTO PLAY ▶▶  모바일 시대 궁극의 콘텐츠, 동영상

➊ 웹디자인 트렌드 변화와 영상 콘텐츠의 중요성
➋ King of 콘텐츠 영상, 특히 모바일 영상
➌ 제작자 눈으로 바라보는  영상 콘텐츠의 지금, 그리고 근미래
➍ 프로덕션에서 에이전시 영상팀에 간 이유 임승현 펜타브리드 FL BU 본부리더
➎ 모바일 영상, 모바일의 틀을 깨라 피키픽처스
➏ 동영상 트렌드 반영을 위해 디지털 기업이 준비해야 할 것




VIDEO AGE
▶▶ 웹디자인 트렌드 변화와 영상 콘텐츠의 중요성 윈도우10의 데뷔로 인해 반응형/플랫디자인은 가속화될 전망이다.
이제 윈도우10이 제시하는 모든 스타일 UI 적용 웹은 소프트웨어처럼 동작하며, 대부분이 반응형을 지원해야 한다.
이유는 trend issue 윈도우 10 코너에서 확인할 수 있다. 이처럼 영상은 앞으로의 웹디자인에서 한 축을 담당할 예정이다.
따라서 영상의 종류와 특성을 빠르게 인지해야 한다.

글. 이종철 편집장 jude@websmedia.co.kr



: 플랫디자인과 영상의 시대

두부 모판처럼 나뉜 카드뷰/그리드 중심 UI에서 한 개의 웹사이트는 그리드 내 한 칸만을 차지할 수 있다. 한 칸을 차지하지 못한다면 잘 보이지 않는 인터넷 익스플로러의 즐겨찾기에만 등록될 수 있다. 그마저도 사용자의 액션을 불러일으키기 쉽지 않다. 만약 한 칸을 차지한다면, 그리고 차지하기 위해서는 그 한 칸 내에서 어떤 모습을 보여줄지가 중요하다. 앞서 월간 웹은 그 한 칸에 들어갈 콘텐츠로 텍스트(6월호)와 밈(짤방, 7월호)을 제시했다. 기사 바로 보기: bit.ly/1508web01(짤방), bit.ly/1508web02(텍스트)
윈도우 스타일 UI의 한 칸에 들어갈 수 있는 콘텐츠의 종류는 제한되기 마련인데, 그 콘텐츠 하나가 얼마나 강력하냐에 따라 재방문율이 결정된다. 따라서 짤방 특집에서는 강력한 삽화 한 장, 텍스트 특집에서는 정갈한 텍스트 한 줄을 다뤘다. 다음은 동영상이다. 설정에 따라 자동 재생되는 동영상이 미래 웹디자인의 핵심 중 하나다.

그렇다면 윈도우10이 보편화되지 못하거나, 사용자들이 여전히 윈도우를 데스크톱 모드(윈도우 XP나 7과 비슷한 아이콘 중심 GUI)로 사용할 것이라고 예측할 수 있다. 문제는 이제 모바일 UI가 PC UI를 리딩하기 시작했다는 것이다. 구글이 ‘머티리얼 디자인’을 중심으로 플랫디자인+@로 돌아섰고, 애플의 움직임 역시 유사하다. 해외에서는 이미 이러한 UI를 채택한 웹이 상당히 늘어났다. 한국의 특수한 웹 환경(윈도우 XP가 여전히 산재한다)을 생각하면 완전히 플랫디자인으로 돌아서진 않겠지만, 웹이 소프트웨어처럼 동작한다는 건 에이전시들에겐 또 다른 마케팅 기회가 될 수 있다. 적어도 이 흐름에 대해 방관해서는 안 된다. 윈도우10도 모바일 기기 대응을 위해 점차 스타일 UI를 권고하고 있다. 그렇다면 디지털 기업들은 어떠한 영상을 준비해야 할까? 모바일 시대에서 동영상은 다음과 같은 세 가지로 구분할 수 있다.



① 인터넷 영상      
인터넷 영상은 인터넷 등장 시기부터 있었던 모든 스트리밍 영상을 통칭한다. 유튜브, 판도라 TV 등을 통해 유통된다. 다만 시대에 따라 그 의미가 조금씩 변하고 있는데, 모바일 등장 이전에는 그저 인스턴트하게 볼 수 있는 것이었지만 현재에 이르러서 진입 행태가 달라졌다. 예전에는 (특정 목적을 가지고 있다 하더라도)즐겨찾기를 통해 웹사이트 자체에 진입 후 콘텐츠를 보는 방식이었다면 현재는 주로 검색 사이트를 통해 콘텐츠 자체에 바로 진입한다. 인터넷 영상 중 긴 영상은 e스포츠 중계, 인터넷 강의 등 취미 교육을 목적으로 하는 것들이 많다. 이 경우 길이는 짧으면 10분, 길면 한 시간 이상 정도 소요된다. 짧은 영상의 경우 3분 내외의 것으로, 주로 웹 드라마, 뮤직비디오, 공연실황, TED 등의 짧은 영상 등이 있다. 소비자의 충성도는 일부 아이돌 가수나 싸이 등의 가수를 제외하면 극히 낮은 편이다.



② 개인방송       
개인방송은 인터넷 시대를 맞아 방송인이 아닌 개인이 진행하는 방송을 말한다. 아프리카, 유튜브, 다음 팟플레이어, 페리스코프, 미어캣 등으로 유통된다. 이중 아프리카와 유튜브, 팟플레이어를 통해 진행되는 긴 방송을 흔히 MCN(Multi Channel Network)으로 부를 수 있다. 페리스코프와 미어캣 등 소셜 미디어 기반 플랫폼은 모바일 전용이며, 아직까지 MCN의 진행자들의 영역은 아니다.
개인방송은 초창기 게임을 대신해주는 플랫폼이었으나 현재는 뷰티, 마술, 먹방, 쿡방 등 다양한 영역으로 확대되고 있으며, 대도서관, 양띵, 김이브 등의 스타 플레이어들이 등장하며 일종의 스타마케팅 성향까지 보이고 있다. 장기적으로 이들이 연예계 진출까지 노리는 줄은 알 수 없으나, 전문 영역(게임, 뷰티 등)에서 이들의 파워는 상당한 편이라 잘 선택할 경우 웹 서비스가 어필하는 데도 큰 도움이 될 것이다.
페리스코프로 대변되는 모바일 실시간 영상 서비스는 아직까지 크게 구전된 사례는 없지만 각종 에이전시 등에서 활용하기 좋은 서비스다. 전문 지식이 필요 없으며 팔로잉-팔로우-시청으로 이어지는 간단한 흐름이 특징이다. 초창기에는 스타가 등장하는 시사회, 사인회, 콘서트 등을 송출할 수 있으며, 추후 모바일에 맞는 특성을 가진 콘텐츠도 등장할 수 있을 것이다. 이를 통해서도 충분히 스타가 등장할 수 있고 이 스타는 PC 웹의 MCN들과 달리 조금 더 바빠지지 않을까 싶다. 실시간이 매우 중요한 이슈기 때문이다. 이들 영상은 실시간, 이동성을 특징으로 하지만, MCN들이 수익을 극대화하기 위해서는 실시간보다 녹화 후 유튜브에 올려 수익화하는 것이 더 뛰어날 수 있다.



③ 쿠키영상       
쿠키 영상은 크게 UGC와 전문 제작 영상으로 나눈다. 이중 UGC는 유튜브에서 유통하는 MCN의 것들을 말하지는 않는다. 쿠키 영상은 전적으로 ‘바인’, ‘인스타그램’ 등의 소셜 미디어에서 생산된 것들만을 지칭하기로 한다. 바인과 인스타그램이 제시한 6~15초 내외의 짧은 영상은 소비자의 심리를 적절히 보여주는 사례이며, 이를 통해 ‘배트댓(Batdad)’ 같은 스타 플레이어가 등장하기도 했다. 이 영상군은 여러 활용도를 가진다.
웹사이트에서 이들을 활용하는 방법은 간단하다. ‘임베디드’다. 웹사이트에서 ‘실시간 인기 트윗글’ 등을 해시태그를 통해 걸러내 웹사이트에 삽입한 것과 완전히 같은 방식이다. 주의할 점은 자동재생의 타이밍이다. 방문자의 심리를 건드리지 않는 선에서 해결해야 한다. 반대로, 눈길을 잡아끄는 용도로 활용할 수도 있다.
쿠키영상 중 전문 제작자의 것은 방송 등을 잘라서 서비스하는 것들이다. 이를 적극적으로 활용한 방송이 ‘마이리틀텔레비전’이다. 또한, 여전히 대세인 가수들의 라이브, 무한도전 등의 리얼 버라이어티 등 다양한 예능의 영상들을 잘라서 활용할 수 있다. 다만 이 경우 PPL 등의 계약이 선점돼야 한다는 점에서 고비용 이슈가 있다.
이외 쿠키 영상은 해외의 동물 영상 등 다양하지만 전문 제작자인 여러분이 저작권 이슈를 무시하고 가져다 쓰기는 어려우니 생략하기로 한다.




: 활용법 생각하기

영상은 은연 중 사람의 심리를 건드리는 특성이 있다. 따라서 이 영상을 효과적으로 활용하기 위해서는 ‘많이 보게’ 해야 한다. 많이 보게 하기 위해서는 영상 제작에도 신경을 써야 하겠지만 그만큼 유통 방식도 중요하다. 따라서 SEO와 소셜 미디어 유통을 적극적으로 하는 방법이 있다. 특히 영상은 검색에 걸리지 않을 수 있으므로 영상을 설명해줄 수 있는 텍스트가 따라와야 함을 잊지 말자.







윈도우10 UI, 모바일 모드로 전환하면 그리드만 남는다 출처: 버지




안드로이드의 카드뷰-플랫디자인.
층위가 있는 것을 제외하면 윈도우 UI와 상당 부분 유사하다  출처: AndroidC





인스타그램과 바인의 차이.
길이와 임베딩 지원 여부가 가장 큰 차이다. 현재 인스타그램도 임베딩을 지원하나 영상과 이미지가 혼재된다 
출처: 테크크런치




바인에서 스타로 발돋움한 배트댓(Batdad)

tags 이종철 편집장 , 윈도우 10 , 플랫 , 머리티얼 , 반응형 , 스타일 UI , 모던 UI , 메트로 UI , 동영상 , 인터넷영상 , MCN , 개인방송 , 쿠키

저작권자 © 웹스미디어 무단 전재-재배포 금지

뉴스콘텐츠는 저작권법 제7조 규정된 단서조항을 제외한 저작물로서 저작권법의 보호대상입니다.
본 기사를 개인블로그 및 홈페이지, 카페 등에 게재(링크)를 원하시는 분은
반드시 기사의 출처(로고)를 붙여주시기 바랍니다.
영리를 목적으로 하지 않더라도 출처 없이 본 기사를 재편집해 올린 해당 미디어에 대해서는 합법적인 절차(지적재산권법)에 따라
그 책임을 묻게 되며, 이에 따른 불이익은 책임지지 않습니다.

URL 복사 출력하기 목록보기 스크랩하기

관련기사

최신뉴스
리뷰 & 하우투
가성비 씹어먹는 모니터, LG 21:9 곡면 울트라와이드
공모전 & 전시
‘직선은 인간의, 곡선은 신의 선이다’ 안토니 가우디 展
월별 특집 & 기획
웹디자인 트렌드 변화와 영상 콘텐츠의 중요성
월별 특집 & 기획
King of 콘텐츠 영상, 특히 모바일 영상
월별 특집 & 기획
제작자 눈으로 바라보는 영상 콘텐츠의 지금, 그리고 근미래

정기구독신청