YouTube começa a testar novo design na web
Interface nova chega 2 anos depois da última mudança
A interface do YouTube recebe um redesign significativo com pouca frequência. Afinal de contas, como um site que tem mais de 1 bilhão de usuários ativos, seria pouco prudente alterar com frequência a forma como eles navegam. Dito isso, o YouTube decidiu que já era hora de dar um tapa no layout da versão web do site e começou a testar um novo design esse mês.
Esse novo look do YouTube é baseado no Material Design, o esquema de desenho que o Google tem adotado para todas as suas propriedades. Ele chega 2 anos depois do último grande redesign do YouTube. Dentre alguns dos detalhes que denotam a mudança, está o novo favicon, que agora usa um vermelho mais escuro, e o destaque enorme para o primeiro vídeo da lista de vídeos em tendência.
Veja abaixo como ficaram algumas das outras seções e canais do site.
Quer testar o novo layout? Siga as instruções abaixo, cortesia do site Venture Beat e específicas para o navegador Chrome.
1 – Abra o YouTube.
2 – Abra o console de desenvolvimento
3 – Na aba “Resources”, apague o cookie VISITOR_INFO1_LIVE do domínio youtube.com.
4 – Na aba “Console”, digite o comando a seguir e aperte Enter, para criar um novo cookie que habilita a nova interface:
document.cookie="VISITOR_INFO1_LIVE=Qa1hUZu3gtk;path=/;domain=.youtube.com";</p>
<div class="o-social-float o-social-float--horizontal"><a class="o-social-float__icon js-open-comment" href="#"><svg viewBox="105.1996 236.2722 24 23.6905" xmlns="http://www.w3.org/2000/svg">
<g id="_01_align_center" data-name="01 align center" transform="matrix(1, 0, 0, 1, 105.19958305358887, 236.27225494384766)">
<path d="M21,0H3A3,3,0,0,0,0,3V20H6.9l3.808,3.218a2,2,0,0,0,2.582,0L17.1,20H24V3A3,3,0,0,0,21,0Zm1,18H16.366L12,21.69,7.634,18H2V3A1,1,0,0,1,3,2H21a1,1,0,0,1,1,1Z"/>
<rect x="6" y="5" width="6" height="2"/>
<rect x="6" y="9" width="12" height="2"/>
<rect x="6" y="13" width="12" height="2"/>
</g>
</svg><span class="o-social-float__icon-count js-comment-count-horizontal"><hyvor-talk-comment-count
instance="https://talk.hyvor.com"
website-id="10957"
page-id="64739"
></hyvor-talk-comment-count></span></a> <a class="o-social-float__icon js-open-social-share" href="#"><svg viewBox="184.52 177.1214 24.0013 20.5866" xmlns="http://www.w3.org/2000/svg">
<path d="M 207.522 177.122 C 206.97 177.122 206.522 177.57 206.522 178.122 C 206.519 181.434 203.835 184.119 200.522 184.122 L 194.692 184.122 L 194.692 182.536 C 194.692 180.996 193.025 180.035 191.692 180.805 C 191.541 180.892 191.402 180.999 191.278 181.122 L 185.399 187.001 C 184.228 188.172 184.228 190.071 185.399 191.243 L 191.278 197.122 C 192.367 198.21 194.226 197.712 194.624 196.225 C 194.669 196.056 194.692 195.883 194.692 195.708 L 194.692 194.122 L 199.522 194.122 C 204.491 194.116 208.517 190.09 208.522 185.122 L 208.522 178.122 C 208.522 177.57 208.075 177.122 207.522 177.122 Z M 192.692 195.708 L 186.813 189.829 C 186.423 189.438 186.423 188.805 186.813 188.415 L 192.692 182.536 L 192.692 185.122 C 192.692 185.674 193.14 186.122 193.692 186.122 L 200.522 186.122 C 202.82 186.123 205.006 185.134 206.522 183.408 L 206.522 185.122 C 206.518 188.986 203.387 192.118 199.522 192.122 L 193.692 192.122 C 193.14 192.122 192.692 192.57 192.692 193.122 L 192.692 195.708 Z" style="transform-origin: 196.521px 187.415px;" transform="matrix(-1, 0, 0, -1, -0.000030517578, 0)"/>
</svg></a></p>
<ul class="o-social-float__btns-content">
<li><a class="js-copy-link" href="#"><svg viewBox="222.4946 241.3896 23.9967 23.9985" xmlns="http://www.w3.org/2000/svg">
<path d="M 126.975 89.884 C 126.745 89.654 126.529 89.402 126.334 89.136 C 126.009 88.69 126.107 88.064 126.554 87.739 C 127 87.414 127.625 87.512 127.951 87.958 C 128.08 88.136 128.225 88.307 128.388 88.469 C 129.191 89.272 130.258 89.714 131.393 89.714 C 132.528 89.714 133.596 89.272 134.398 88.469 L 139.898 82.969 C 141.555 81.312 141.555 78.615 139.898 76.958 C 138.241 75.301 135.544 75.301 133.887 76.958 L 132.829 78.016 C 132.438 78.407 131.806 78.407 131.415 78.016 C 131.024 77.625 131.024 76.993 131.415 76.602 L 132.473 75.544 C 134.91 73.106 138.875 73.106 141.312 75.544 C 143.749 77.981 143.749 81.946 141.312 84.383 L 135.812 89.883 C 134.632 91.064 133.062 91.714 131.393 91.714 C 129.724 91.714 128.154 91.064 126.975 89.884 L 126.975 89.884 Z M 125.393 97.714 C 127.063 97.714 128.632 97.064 129.812 95.883 L 130.87 94.825 C 131.261 94.435 131.261 93.802 130.87 93.411 C 130.48 93.02 129.847 93.021 129.456 93.411 L 128.397 94.469 C 127.594 95.272 126.527 95.714 125.392 95.714 C 124.257 95.714 123.19 95.272 122.387 94.469 C 121.584 93.666 121.142 92.599 121.142 91.464 C 121.142 90.329 121.584 89.261 122.387 88.459 L 127.887 82.959 C 128.69 82.156 129.757 81.714 130.892 81.714 C 132.027 81.714 133.095 82.156 133.897 82.959 C 134.057 83.12 134.203 83.291 134.333 83.469 C 134.657 83.916 135.282 84.016 135.73 83.69 C 136.177 83.365 136.276 82.74 135.951 82.293 C 135.761 82.031 135.546 81.78 135.312 81.546 C 134.131 80.364 132.561 79.714 130.892 79.714 C 129.223 79.714 127.653 80.364 126.473 81.545 L 120.974 87.045 C 119.793 88.225 119.143 89.795 119.143 91.464 C 119.143 93.133 119.793 94.703 120.974 95.883 C 122.154 97.064 123.723 97.714 125.393 97.714 Z" transform="matrix(1, 0, 0, 1, 103.35159301757812, 167.67413330078125)"/>
</svg></a></li>
<li><a class="js-share-button" href="https://web.whatsapp.com/send?text=https://www.b9.com.br/64739/youtube-comeca-testar-novo-design-na-web/"><svg viewBox="135.4042 255.0624 23.885 24" xmlns="http://www.w3.org/2000/svg">
<g id="WA_Logo" transform="matrix(1, 0, 0, 1, 135.3471508026123, 255.06238555908203)">
<g>
<path style="fill-rule:evenodd;clip-rule:evenodd;" d="M20.463,3.488C18.217,1.24,15.231,0.001,12.05,0 C5.495,0,0.16,5.334,0.157,11.892c-0.001,2.096,0.547,4.142,1.588,5.946L0.057,24l6.304-1.654 c1.737,0.948,3.693,1.447,5.683,1.448h0.005c6.554,0,11.89-5.335,11.893-11.893C23.944,8.724,22.708,5.735,20.463,3.488z M12.05,21.785h-0.004c-1.774,0-3.513-0.477-5.031-1.378l-0.361-0.214l-3.741,0.981l0.999-3.648l-0.235-0.374 c-0.99-1.574-1.512-3.393-1.511-5.26c0.002-5.45,4.437-9.884,9.889-9.884c2.64,0,5.122,1.03,6.988,2.898 c1.866,1.869,2.893,4.352,2.892,6.993C21.932,17.351,17.498,21.785,12.05,21.785z M17.472,14.382 c-0.297-0.149-1.758-0.868-2.031-0.967c-0.272-0.099-0.47-0.149-0.669,0.148s-0.767,0.967-0.941,1.166 c-0.173,0.198-0.347,0.223-0.644,0.074c-0.297-0.149-1.255-0.462-2.39-1.475c-0.883-0.788-1.48-1.761-1.653-2.059 s-0.018-0.458,0.13-0.606c0.134-0.133,0.297-0.347,0.446-0.521C9.87,9.97,9.919,9.846,10.019,9.647 c0.099-0.198,0.05-0.372-0.025-0.521C9.919,8.978,9.325,7.515,9.078,6.92c-0.241-0.58-0.486-0.501-0.669-0.51 C8.236,6.401,8.038,6.4,7.839,6.4c-0.198,0-0.52,0.074-0.792,0.372c-0.272,0.298-1.04,1.017-1.04,2.479 c0,1.463,1.065,2.876,1.213,3.074c0.148,0.198,2.095,3.2,5.076,4.487c0.709,0.306,1.263,0.489,1.694,0.626 c0.712,0.226,1.36,0.194,1.872,0.118c0.571-0.085,1.758-0.719,2.006-1.413c0.248-0.694,0.248-1.29,0.173-1.413 C17.967,14.605,17.769,14.531,17.472,14.382z"/>
</g>
</g>
</svg></a></li>
<li><a class="js-share-button" href="https://www.linkedin.com/shareArticle?mini=true&url=https://www.b9.com.br/64739/youtube-comeca-testar-novo-design-na-web/&title=YouTube começa a testar novo design na web&summary=YouTube começa a testar novo design na web&sorce=@b9&text="><svg viewBox="103.3516 169.456 20.293 20.2922" xmlns="http://www.w3.org/2000/svg">
<path id="Path_2520" d="M17.291,19.073h-3.007v-4.709c0-1.123-0.02-2.568-1.564-2.568c-1.566,0-1.806,1.223-1.806,2.487v4.79H7.908 V9.389h2.887v1.323h0.04c0.589-1.006,1.683-1.607,2.848-1.564c3.048,0,3.609,2.005,3.609,4.612L17.291,19.073z M4.515,8.065 c-0.964,0-1.745-0.781-1.745-1.745c0-0.964,0.781-1.745,1.745-1.745c0.964,0,1.745,0.781,1.745,1.745 C6.26,7.284,5.479,8.065,4.515,8.065L4.515,8.065 M6.018,19.073h-3.01V9.389h3.01V19.073z M18.79,1.783H1.497 C0.68,1.774,0.01,2.429,0,3.246V20.61c0.01,0.818,0.68,1.473,1.497,1.464H18.79c0.819,0.01,1.492-0.645,1.503-1.464V3.245 c-0.012-0.819-0.685-1.474-1.503-1.463" transform="matrix(1, 0, 0, 1, 103.35159301757812, 167.67413330078125)"/>
</svg></a></li>
<li><a class="js-share-button" href="https://www.facebook.com/sharer.php?u=https://www.b9.com.br/64739/youtube-comeca-testar-novo-design-na-web/"><svg viewBox="108.6591 134.0524 24 23.855" xmlns="http://www.w3.org/2000/svg">
<g transform="matrix(1, 0, 0, 1, 108.65908288955688, 133.97940063476562)">
<path d="M24,12.073c0,5.989-4.394,10.954-10.13,11.855v-8.363h2.789l0.531-3.46H13.87V9.86c0-0.947,0.464-1.869,1.95-1.869h1.509 V5.045c0,0-1.37-0.234-2.679-0.234c-2.734,0-4.52,1.657-4.52,4.656v2.637H7.091v3.46h3.039v8.363C4.395,23.025,0,18.061,0,12.073 c0-6.627,5.373-12,12-12S24,5.445,24,12.073z"/>
</g>
</svg></a></li>
<li><a class="js-share-button" href="https://telegram.me/share/url?url=https://www.b9.com.br/64739/youtube-comeca-testar-novo-design-na-web/&text=YouTube começa a testar novo design na web"><svg viewBox="212.4441 270.0536 24 24" xmlns="http://www.w3.org/2000/svg">
<g id="Artboard" transform="matrix(1, 0, 0, 1, 212.44405364990234, 270.05355072021484)">
<path style="fill-rule:evenodd;clip-rule:evenodd;" d="M12,0C5.373,0,0,5.373,0,12s5.373,12,12,12s12-5.373,12-12S18.627,0,12,0z M17.562,8.161c-0.18,1.897-0.962,6.502-1.359,8.627c-0.168,0.9-0.5,1.201-0.82,1.23c-0.697,0.064-1.226-0.461-1.901-0.903 c-1.056-0.692-1.653-1.123-2.678-1.799c-1.185-0.781-0.417-1.21,0.258-1.911c0.177-0.184,3.247-2.977,3.307-3.23 c0.007-0.032,0.015-0.15-0.056-0.212s-0.174-0.041-0.248-0.024c-0.106,0.024-1.793,1.139-5.062,3.345 c-0.479,0.329-0.913,0.489-1.302,0.481c-0.428-0.009-1.252-0.242-1.865-0.442c-0.751-0.244-1.349-0.374-1.297-0.788 c0.027-0.216,0.324-0.437,0.892-0.663c3.498-1.524,5.831-2.529,6.998-3.015c3.333-1.386,4.025-1.627,4.477-1.635 C17.472,7.214,17.608,7.681,17.562,8.161z"/>
</g>
</svg></a></li>
</ul>
</div>
<p>
5 – Recarregue a página e o layout novo deve aparecer.
Essa dica não funciona para usuários logados, então você deve ou deslogar do YouTube ou abrir uma aba anônima.
Comentários
Sua voz importa aqui no B9! Convidamos você a compartilhar suas opiniões e experiências na seção de comentários abaixo. Antes de mergulhar na conversa, por favor, dê uma olhada nas nossas Regras de Conduta para garantir que nosso espaço continue sendo acolhedor e respeitoso para todos.