In diesem Screencast befassen wir uns mit dem Design einer weiteren, sehr wichtigen Seite. Dies ist eine der Seiten, auf deren Design ich von Anfang an gespannt war, da sie vom letzten Design besonders vernachlässigt wurde. In diesem neuen Design gehen wir es von Grund auf an und gestalten etwas, das besser zum Inhalt passt.
Die erste Aufgabe ist, das eigentliche Video auf der Seite so groß wie möglich zu machen. Ich denke, es wäre großartig, wenn das Video auf dem Bildschirm größer wäre als auf YouTube. Ich schaue gerne Videos sehr groß, aber ich mag nicht immer den Vollbildmodus – der den gesamten Bildschirm ausblendet.
Die Frage ist dann, wo der Titel des Videos platziert wird. Wir haben bereits den Website-Header, den Video-Header und die schwarze Unternavigationsleiste. Wenn wir auch einen Titel (und möglicherweise eine Beschreibung und Metadaten) hinzufügen, schiebt dies das vollbreite Video ziemlich weit nach unten auf der Seite. Diese Seite dreht sich **voll und ganz** um Videos, daher behalten wir das Video über diesen anderen Informationen. Glücklicherweise können wir die schwarze Leiste verwenden, um den Titel des Videos anzuzeigen, sodass der Benutzer nicht verloren ist, was er gerade sieht oder wo er sich in der Hierarchie der Website befindet.
Wir nutzen die Navigation in der schwarzen Leiste auch, um einen Link zum Abonnieren auf iTunes anzubieten – was auf dieser Seite relevanter ist als an jedem anderen Ort der Website. Das ist die Art von Anpassung von Inhaltsvorlagen, die eine Website zum Leben erweckt.
Unterhalb des Videos können wir ein Raster strukturieren, das im Wesentlichen wie ein Blogbeitrag oder ein Snippet oder ein Almanacheintrag oder etwas anderes aussieht. Inhalt und Kommentare auf den linken 2/3 und Nebeninhalt (Seitenleiste) auf den rechten 1/3.