Neste screencast, exploramos o design de outra página muito importante. Esta é uma daquelas páginas que estou entusiasmado com o design desde o início, porque é uma página que foi particularmente mal servida pelo último design. Neste novo design, vamos abordá-lo do zero e projetar algo que se adapte melhor ao conteúdo.
A primeira coisa a fazer é tornar o vídeo real na página o maior possível. Acho que seria incrível se o vídeo fosse maior na tela do que no YouTube. Gosto de assistir a vídeos muito grandes, mas nem sempre gosto de tela inteira - que esconde a tela inteira.
A questão então é para onde vai o título do vídeo. Já temos o cabeçalho do site, o cabeçalho dos vídeos e a subnavegação com barra preta. Se também incluirmos um título (e possivelmente uma descrição e metadados), isso empurra esse vídeo de largura total para o fundo da página. Esta página é sobre vídeo, portanto, mantemos o vídeo acima dessas outras informações. Felizmente, podemos usar a barra preta para mostrar o título do vídeo, portanto, não é como se o usuário se perdesse em relação ao que está olhando ou onde está na hierarquia do site.
Também usamos a barra preta de navegação para oferecer um link Assine no iTunes - que é mais relevante nesta página do que em qualquer outro lugar do site. Esse é o tipo de personalização de modelos de conteúdo que faz um site cantar.
Abaixo do vídeo, podemos estruturar uma grade que essencialmente se parece com uma postagem de blog ou snippet ou entrada alamanac ou qualquer outra coisa. Conteúdo e comentários à esquerda 2/3 e conteúdo lateral (barra lateral) à direita 1/3.