비디오를 사용할 때 훌륭한 UX를 제공하는 방법

웹 비디오 : 여기에 머무르는 2016 년 설계 트렌드. 일단 불가능한 것으로 간주되면 비디오는 이제 여행 사이트, 혁신적인 신생 기업 및 고급 전자 상거래의 필수 요소입니다. 그것의 힘은 감정을 불러 일으키는 데 있습니다. 여전히 사진은 종종 달성하기 위해 고군분투합니다. 에어 비앤비의 매력적인 비디오 헤더를 생각해보십시오. 그들은 "집에서 멀리 떨어진 집"의 느낌을 완벽하게 전달합니다.

그러나 비디오의 큰 파일 크기와 화면 지배력은 신중한 고려를 요구합니다. 장애인을 포함하여 모든 사용자가 비디오가 풍부한 웹 사이트에 액세스 할 수 있도록하는 방법을 살펴 보겠습니다. 비디오 크기 및 배치 최적화 비디오는 영향력이 높지만 잠재적으로 위험한 웹 요소입니다. 주요 결정은 크기이며, 이는 전적으로 그 목적에 따라 다릅니다. 분위기 비디오 : 이들은 전통적인 영웅 헤더 이미지를 대체하여 미묘하게 분위기를 설정합니다. 그들은 종종 화면을 채우지 만 더 빠른 하중을 위해 해상도가 낮습니다. 원하는 정서적 반응을 만들어내는 한 흐릿하거나 추상적 인 영상이 허용됩니다.

예를 들어, 고급 여행 사이트는 목가적 인 섬 장면을 보여주는 분위기 비디오를 사용하여 모험과 휴식을 불러 일으킬 수 있습니다. 설명 자 비디오 : 이 짧은 비디오는 일반적으로 전체 화면이 아닌 높은 전환율의 오랜 역사를 가지고 있습니다. 카드 기반 디자인과 같은 현대적인 트렌드는 작고 덜 방해적인 비디오 통합을 허용합니다.

Facebook의 AutoPlay (상호 작용하지 않는 한 사운드없이)는 비 침습적 비디오 기능의 훌륭한 예입니다. 텍스트 대안과 결합 하여이 접근 방식은 더 광범위한 청중을 수용합니다.

AutoPLay는 모터 장애가있는 사용자에게 혜택을주고 비디오 크기가 작을수록 텍스트 요약이 허용되어 시각적 텍스트 역할을합니다. 비디오는 압도적 일 필요가 없습니다. 그것은 더 간단한 요구를 가진 사람들을 소외시키지 않고 사용자 경험을 향상시킬 수 있습니다. . 사운드 및 성능 주소 청각 장애인 사용자는 나처럼 예상치 못한 비디오 사운드로 인해 종종 방해받습니다. 자동 매트는 중요하지만 자막과 텍스트 대안도 마찬가지로 중요합니다. 그러나 사용자가 누락되지 않도록 자막이 명확하게 보이도록하십시오. 비디오의 높은 대역폭 비용은 중요한 요소입니다. 인터넷 속도가 빠르면 비디오가 실행 가능한 웹 매체가됩니다. 대상 고객을 고려하십시오 : 대규모 대역폭 시장이 아닌 경우 비디오가 최선의 선택이 아닐 수도 있습니다. 세계의 상당 부분은 여전히 ​​안정적인 인터넷 액세스가 부족합니다.

소싱 고품질 비디오 영상 다행히도 스톡 비디오가 점점 더 많이 가능해지고 있습니다. 재고 이미지만큼 널리 퍼지지는 않지만 이것은 변경됩니다. Pexels는 인기있는 무료 리소스이지만 Adobe Stock은 우수한 품질을 제공합니다. 다른 옵션에는 Videezy, X Stock Video 및 Coverr (개인적으로 가장 좋아하는!)가 있습니다. 웹 비디오의 미래 웹 디자인 트렌드가 발전함에 따라 비디오의 역할도 발전 할 수 있습니다. 새로운 트렌드는 새로운 구성 요소를 가져와 혁신적인 비디오 구현으로 이어집니다. 웹 비디오의 미래는 밝고 다음에 무엇이 있는지 알게되어 기쁩니다! 아래 의견에서 아이디어를 공유하십시오!

위 내용은 비디오를 사용할 때 훌륭한 UX를 제공하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!