and_297543.jpg

2月上旬より一部の有名ユーザだけに公開されていたYouTubeのチャンネルデザイン『YouTube One Channel』が全てのユーザに解禁されました。私が気になった部分は

「どのデバイスでも、どの画面でも美しく表示」

です。今まではパソコン、スマートフォン、タブレットなどデバイスごとにチャンネルの表示が大幅に異なっていました。One Channelでは全てのデバイスで同じような表示が行われるといわれています。

YouTubeの説明だと、ノートパソコン、携帯電話、タブレット、テレビや"冷蔵庫"などあらゆる画面で美しく表示されるとあります。

今回は実際に私のYouTubeチャンネルで試してみました。

●2120x1193ピクセルという非常に大きな画像が必要
一瞬目を疑うようなサイズの画像をバナー用の求められます。従来の通常サイズの画像をアップロードすると、「画像が小さすぎます」とエラーメッセージが出ます。画像が大きいのは「Ratina」ディスプレイに対応するためです。約二倍のピクセル密度のバナーを使うことによりデバイスが対応していれば鮮明に表示されます。

02_UploadImage.jpg

このように非常に巨大な画像を登録します。画像内の枠線は各デバイスによる表示範囲

●全てのデバイス用のバナーイメージは一枚の静止画から切り出される
03_SafeChat.jpg

上記画像はアップロードする画像の領域を示したものです。緑で示される中央の部分がどのデバイスでも必ず表示される安全な領域です。 この場所に文字や確実に伝えないといけないことをデザインします。 スマートフォンも緑色の領域が使われます。

タブレットでは更に黄色の領域が使われ、パソコンなど高解像度モニターだと赤色の部分が使われます。

灰色の部分に関してはテレビや冷蔵庫で使われる領域だと思われますが、手元にYouTubeに対応したテレビや冷蔵庫が無いので未調査です。

●実際に各デバイスで表示してみました
04_PC_Narr.jpg

上記画面はパソコンのブラウザでできるだけ狭く表示した場合です。 この場合は、緑の領域に相当するバナー画像が表示されています。

05_PC_WIDE.jpg

ブラウザの幅を広げると、赤の領域にそうとするバナー画像が表示されます。

スマートフォンの場合は、縦位置にしても横位置にしても緑の狭い領域が表示されます。(確認はiPhone5)

06_SP_Tate-e1362838883164.jpg

07_SP_Yoko.jpg

タブレットの場合は縦位置で緑の領域、横位置で黄色の領域まで表示されます。(確認はiPad三世代目)

08_TB_Tate-e1362839042937.jpg

09_TB_Yoko.jpg

●気になった部分
10_Care.jpg

一枚の静止画から全てのデバイス向けのバナーを作るため、デバイスごとに違いが出ないといわれていますが、画像の上に自動的にチャンネル所有者のアイコンや設定したリンクが表示されてしまいます。 上記画像では「安全領域」といわれている部分にアイコンやリンクなど(赤枠で協調)が表示されてしまい、この下のデザインは隠れてしまいます。バナーのデザインを行う際には気を付ける必要があります。

●相互支援の考え
YouTubeが機械的に選んだ関連チャンネルを表示する機能が標準で組み込まれています。知らない人のチャンネルを表示するのは嫌だからと、消してしまうと

「これを表示しないチャンネルは他のチャンネルページでお勧めとして表示されない」

と警告が出ます。 自分のチャンネルが他所のチャンネルで紹介して欲しいのなら、貴方も協力してください! という相互協力的な意味合いがあります。

11_kanrenKeikoku.jpg

●チャンネルを登録していない人が訪問した場合にはウェルカム動画
プロモーションとして嬉しい機能として、まだチャンネルを登録していない人が訪問した場合には、ウェルカム動画、自己紹介、会社案内などを流すことが可能です。今までは、最初に流す動画を決めることはできましたが、すべての訪問者に対して同じ設定になっていました。

このため、常連さんに会社案内や自己紹介を毎回する間抜けな状態になっていましたが、今回の仕様変更では防止できます。

他にもアップロードされた動画を魅力ある方法でリストにできる機能なども搭載されています。

●最後に
今回の改変で最も重要なのが「デバイスに依存しない表示」だと考えます。パソコンからスマホ、タブレット、テレビ、そして冷蔵庫まで、バナーが正しく表示されます。

 

YouTubeが新デザインのチャンネルレイアウトを全ユーザに提供開始 - ガジェット通信

http://getnews.jp/archives/297360

 

[解放軍]One Channel 新YouTubeチャンネルデザインでのバナー作成方法 - YouTube

https://www.youtube.com/watch?v=Nht8_i6oUvY

※この記事はガジェ通ウェブライターの「寺平長由」が執筆しました。あなたもウェブライターになって一緒に執筆しませんか?

■関連記事

シニア層にもITを!普通のテレビにネット経由でパソコンの画面を表示する『TAYORI』

精神崩壊させるマニュアル本『ガスライティング』が5000円という高値がついている

Amazonで液晶保護シートを買ったら未成年者は飲酒は法律で禁止と警告が!

遠隔操作ウイルスの開発は誰でもできる! 会社情報も好きな名前で設定可能

そよ風を人工的に作る画期的な天井ファン『ビッグアスファンズ』

RSS情報:http://getnews.jp/archives/297543