ニューヨーク・タイムズは、過去7年間で最大規模のウェブサイトのデザイン変更を実施したが、同紙に詳しい読者は、それが過去に戻ったように感じるかもしれない。
劇的な変化はありません。青い見出しと長いサイドバーはなくなり、より多くの余白を備えた灰色のデジタルレディが採用されました。しかし、このサイトは NYTimes.com よりも New York Times に似ているように感じます。
[slug="twitter-politicians" も参照]
「私たちはアイデンティティを維持するために、サイトにさらに重点を置いています」とタイムズのデジタルデザインディレクターのイアン・アデルマンは言います。
アデルマン氏とデジタル製品担当エグゼクティブバイスプレジデントのデニス・ウォーレン氏が、再デザインの発売前夜に行われたMashableとのインタビューで繰り返し立ち戻ったのは、そのアイデンティティの概念だった。
クレジット：
Pixel に適したすべてのニュース
再設計されたサイトには、特にモバイル デバイスでのユーザー エクスペリエンスを変革する一連の技術的な変更が含まれていますが、一見しただけではすぐには分かりません。最大の変更点は記事ページにあり、ユーザーを関連記事に誘導するための記事リボンが上部に表示されるようになりました。
クレジット：
この機能強化はビジネス面にも影響を与えます。ビジュアルを重視することで、サイトは成長を最大限に活用する機会を得ることができます。儲かる動画広告。新しいサイトは、タイムズ紙がネイティブ広告を開始するための準備も整える。
サイトの要点を詳しく確認するには、以下をチェックしてください。Mashable のハンズオン機能。
紙の出版物を通じてよりも多くの人がタイムズをオンラインで体験します。同社の Web サイトには 1 日あたり約 160 万人のユニーク閲覧者がおり、新聞の毎日の発行部数は 731,000 部近くです。
これにより、NYTimes.com がメディア出版の事実上の顔となり、再設計は同社の計画における重要なステップとなる。このサイトは過去数年間にわたって微調整が行われてきましたが、今回の再起動には、今後何年にもわたってサイトの基盤を形成するまったく新しいバックエンドが含まれています。
「私たちの Web サイトと同じくらい成功しており、規模も大きい Web サイトのバックエンド全体を再構築することは、飛行機を操縦している間にエンジンを交換するようなものです。そのため、非常に慎重に行いたかったのです」とウォーレン氏は言います。
バランス法
再デザインを計画し、実行するにあたり、タイムズ紙は、タブレットの爆発的な普及や、幅 768 ピクセルまで適合するレスポンシブ モバイル デザインの導入など、前回のサイト全面見直し以降、インターネットがどのように進化したかを考慮する必要がありました。
「私たちは、このエクスペリエンスはタッチ デバイスで使用するために作られたという基本的な立場をとっていました」とアデルマン氏は言います。 「私たちのほとんどが依然としてデスクトップ コンピューターの前に座ってマウスを使ってポイントを設定している世界において、これがタブレット上で非常にうまく機能すると言うことは重要な選択でした。」
新しいホームページはレスポンシブではありませんが、新しい記事ページには若干のレスポンシブな柔軟性がありますが、レスポンシブ Web サイトの通常の実装である携帯電話に完全に対応するわけではありません。したがって、モバイル ユーザーは引き続き mobile.nytimes.com に誘導されます。 The Times には、iPad および Android タブレット用のタブレット版新聞もあります。サイトがデバイスに読み込まれ、その画面サイズに適応できる場合、そのサイトは完全に応答しているとみなされます。
「これほど大規模な Web サイトを完全にレスポンシブ化するのは大変な仕事です」と、Web サイト設計会社の共同創設者である Alex Mathias 氏は言いますイサドラデザイン。 「そうは言っても、それがニューヨーク・タイムズが次の再設計に向けて進むべき方向であることは間違いありません。人々はタブレットやモバイルデバイスを介してニュースを利用しており、この傾向は今後何年も続くでしょう。」
完全にレスポンシブなデザインが欠けていることは、Mashable から連絡を受けた多くのデザイナーによって指摘されましたが、サイト全体の美しさは一様に賞賛されました。リチャード・カーシー、ウェブデザイン会社の創設者buildrr.comでは、コメント セクションへの変更が歓迎すべき変更であることを強調しています。
「新しい内装ページがとても気に入っています」とカーシーは言います。 「彼らはコメントを分離する編集作業を行っていますが、これは切実に必要とされており、素晴らしい追加機能です。」
The Creative Momentum の CEO である Carl Widdowson 氏は、Mashable への電子メールで次のように書いています。「すっきりとした感触のおかげで、より集中したい分野に集中することができます。このサイトにアクセスすると、最新ニュースのアラートが目に留まります。他のセクションとは別に、これは宝石店のようなインパクトがあるので気に入っています。白と黒の色調を使用すると、どんな色も輝き、ダイヤモンドのように目立ちます。」
もう 1 つの主要な考慮事項は、会社のビジネスの変化、特に加入者ペイウォールの成功でした。
「新しい製品を作るために座るたびに、常にさまざまな影響をすべて比較検討することになります」とアデルマン氏は言います。
それを念頭に置いて、この再デザインは主に読者を念頭に置いて考えられたとウォーレン氏は言う。
「最も重要なことは、購読者がオンラインで私たちのジャーナリズムに料金を払っていることです。私たちは彼らが可能な限り最高の体験を得られるようにしたいのです」と彼女は言います。 「この再設計の主な理由は、より優れた、より魅力的なユーザー エクスペリエンスを提供することです。」
読者と広告主の両方を満足させる必要性というと、定型的なメディア戦略のように聞こえるかもしれませんが、タイムズの購読者ベースが拡大しているということは、ユーザー エクスペリエンスが引き続き重視される必要があることを意味します。全体の収益というのは、同社は広告の減少を補って余りある購読者への支払いで利益を上げてきたからだ。
再設計の最初の計画は 2011 年に始まり、さまざまな部門間の協力プロセスが必要でした。これには、サイトの広告サービスの改善も含まれます。
「広告エクスペリエンスの一部を再設計する素晴らしい機会がありました」とウォーレン氏は言います。 「反応はとても良かったです。広告主も今回の内容に満足していると思います。」
これらのさまざまな影響には、エグゼクティブエディターのジル・アブラムソンがかつて提唱したコンセプトであるネイティブ広告の導入が含まれます。コメントした、「少し混乱しすぎます。」
しかし、広告収入が減少し、広告主がネイティブ広告に群がっているため、タイムズのアイデンティティに沿った方法でこの分野を探索する以外に選択肢はほとんどなかった、とウォーレン氏は言う。
「業界においてネイティブ広告が非常に重要になっていることは疑いの余地がありません」と彼女は言います。
「時代がネイティブ広告を検討するには、非常に慎重に行う必要があると思います」とウォーレン氏は付け加えます。このサイトのネイティブ広告機能は、「これが広告であるというユーザー側の混乱が絶対にないように」するために考案されました。
読者はタイムズ初のネイティブ広告を見ることができますここ。
時代は変わりつつある
サイトの表面的な変更はすべて、最も重要なものは内部にあります。
このサイトのバックエンドには、より多くのデータを生成する新しい分析プログラムが組み込まれており、読者に関する豊富な情報が同社に提供されます。
「私たちはここ 1 年ほど、新しいビジネス インテリジェンス プラットフォームの開発に投資してきました。その一環として独自のタグ管理システムを作成しました」とウォーレン氏は言います。 「想像できるものはすべてタグ付けされているので、分析することができます。」
以前の指標の 1 つであるページビューは、新しいサイトでは重視されなくなります。再設計により改ページがなくなり、連続スクロールで新しいストーリーにアクセスできるようになりました。
しかし、サイトにさまざまな変更が加えられたにもかかわらず、多くの点は変わっていません。ユーザーは、中央に集中された写真、右側の 3 つのコラム、市場と意見、そして同じ安心感のあるマストヘッドによって迎えられます。
「私たちはウェブサイト全体について話しているので、ある意味、それが私たちがやっていることのすべてです」とウォーレン氏は言います。 「明らかに、私たちのウェブサイトは多くのことを行っており、エクスペリエンスを向上させるために、赤ちゃんをお風呂のお湯と一緒に捨てないように注意する必要がありました。」
「それらが紙に少し似ている要素であることは事実ですが、私はニューヨーク・タイムズのアイデンティティほどメディアの観点からそれを考えていません」とアデルマンは言う。
比較のために、1996 年のタイムズの Web サイトのスクリーンショットを以下に示します。
クレジット：