Webデザインはうまくいった：優れた社説

多くのウェブデザインの話は、コンテンツの周りで何が起こっているかに関するものです。 ページ速度、デザインシステム、検索エンジン最適化、フレームワーク、アクセシビリティ—リストはどんどん増えていきます。 これにより、 Smashing Magazineで多くのことを書くことができます。これは素晴らしいことですが、すべてが何に役立っているかを思い出す価値はあります。

Web Design Done Wellシリーズのこの第3版では、多くのWebサイトの心臓部であるコンテンツに焦点を当てています。 より具体的には、編集コンテンツ。 Webはストーリーテラーに素晴らしいツールの選択肢を提供してくれました。私自身、時折半有能なジャーナリストとして、私は優れたスクープが大好きです。

以下は、次のレベルに引き上げるために編集コンテンツに組み込まれているWebテクノロジーの例です。 次に、デジタルコンテンツについて創造的に考えるための幅広いヒントで締めくくります。 今でもコンテンツ制作ラインに圧倒され、良いものが輝いています。

ロイターはスワイプに傾く

米国の人種差別に関するこの記事では、ロイターがスワイプを中心にコンテンツを形作り、ストーリーを一口サイズのチャンクに分割します。 読書は、従来のスクロールアプローチよりもはるかに目的があります。 それは本のページをめくるようなものです。 モバイルでは、文字通り次のセクションにフリックします。 これにより、迅速で即時のレポートが作成されます。これは、ショーでの優れたデータ視覚化は言うまでもありません。

私たちはモバイルファーストの世界に住んでいます。 これについて貴重であることには意味がありません。 はい、雑誌のスプレッドには特定のクラスがあります。 はい、デスクトップビューを使用すると、より大きなキャンバスを操作できます。 現実には、ほとんどの人はあなたが携帯電話で公開したものを見ているので、それに寄りかかってください。 同様のアプローチについては、ニューヨークタイムズとインプットによるこれらの「タップストーリー」も優れています。 モバイル中心の社説をさらに読むことに興味がある人には、伝説的な新聞デザイナーのマリオガルシアによるTheStoryを心からお勧めします。

ニューヨークタイムズは言うよりもむしろ示す

COVID-19のパンデミックが引き起こしたすべてのひどいことについて、それは少なくともいくつかの息を呑むほど良い報告につながりました。 このインタラクティブなニューヨークタイムズの作品は、読者を粒子レベルに導くことによってフェイスマスクがどのように機能するかを説明しています。 繊維がどのように粒子を捕らえるか、そしてなぜ異なるマスクが異なるレベルの効果を持っているかを見ることができます。 どんな愚か者も複雑なトピックを理解しにくくすることができますが、それらを理解しやすくしますか？ それはそれ自体が芸術の形です。

ここにはたくさんの要素があります。 グラフィック、色、アニメーション—ボートが浮かんでいる場合は、拡張現実体験もあります。 乾いた、息苦しい主題であったかもしれないものが生き返ります。 そして何よりも重要なのは、それは重要な情報です。 このようなものが、GabrielGianordoliが2020年のSocietyforNewsDesign賞で世界最高のデザイナーに選ばれた理由です。 スマッシング。

ワシントンポストは指数関数的な広がりを視覚化する

パンデミックはまた、世界中の出版物のトップページにデータの視覚化を強制しました。 2020年3月からの指数関数的な拡散に関するこの記事（覚えていますか？）は、特定のウイルスが実際に大きな問題になる方法と理由をすばやく視覚化するという信じられないほどの仕事をします。 本格的なシミュレーションから小さなインラインスパークライングラフまで、これはデジタル設定を最大限に活用した社説です。

私がこれについて特に好きなのは、それが決して不当に感じられないということです。 すべてのビジュアルはストーリーを改善し、同じ概念を言葉だけで説明しなければならない人をほとんど気の毒に思うほどになります。 ボタンをクリックするだけで12以上の言語で利用できることは、もう1つのすばらしいタッチです。これは、Webが実際にはボーダレスであることを思い出させるものです。 この記事が世界中で何人の人々を助けたかを想像することしかできません。

マーシャルプロジェクトはメディアをミックスします

ここでマーシャルプロジェクトは、子供の童話の優雅さとほろ苦い美しさで、米国の刑事司法制度についての強烈なジャーナリズムを提示します。 「TheZo」では、クリエイティブな執筆、印象的なイラスト、魅惑的なナレーション、そして重要なストーリーが組み合わされています。 これはフルフローのマルチメディア社説です。

彼らは、歌はいくつかの形をとることができると言います。 オンラインの編集コンテンツについても同じことが言えます。 上に表示されているのは、96ページの学術論文に触発されたものです。 オンラインでアニメシリーズとして新しい視聴者を見つけ、1人ではなく2人のエミー賞にノミネートされる可能性があることは、インターネットの変革力の証です。

SBSのインタラクティブグラフィックノベルは目新しいものではありません

インターネットの変革力と言えば、インタラクティブなストーリーはどうでしょう。 私たちは皆、映画の適応、ラジオプレイの適応、ミニシリーズの適応などに精通しています。 なぜウェブページの適応ではないのですか？ これは、オーストラリアの放送局SBSがThe Boatでやろうとしていることです。これは、NamLeの同名の本の短編小説をインタラクティブに表現したものです。

ページのオープニングシーケンスはあなたをすぐに引き込みます。あなたが読んでいる間、その言葉は波に乗って傾いたり転がったりします。雷と雨の音があなたの感覚をいっぱいにします。 物語が落ち着くと、マット・フインのイラストが思い出のように漂います。 それは非常に鮮やかな体験であり、それ自体が美しいだけでなく、若い世代に文学をもたらすための賢明な方法でもあります。

周りのプリン猿

この感動的なサイトシリーズのサウンドエディションに間に合うようにこれに出会えたらいいのにと思います。 関係なく、それは今ここにあります。 本当に素晴らしいデジタル社説のショーケースでは、プディングは無限の猿定理を音楽を通して生きるほど説明していません。 猿定理が何であるかわからないのですか？ さて、あなたは何を待っていますか、ページは私ができるよりも説明の無限に良い仕事をします。 待ちます。

インタラクティブな4つのノートの例を使用することにより、この記事は読者を巻き込み、概念を理解しやすくします。 最後の楽しいタッチとして、ページ自体はライブで進行中の実験であり、ますます複雑になる曲をランダムに処理します。 約19年で「セブンネイションアーミー」を手に入れることが期待できます。 サルがキーボードで十分長く入力することで、完璧なJavaScriptフレームワークを作成できるかどうか疑問に思います。 希望は永遠に湧きます。

A List Apart：A Class Apart

データの視覚化、音楽、拡張現実、その他の洗練されたツールのすべての話について、基本を正しくするために言われることがたくさんあります。 ページは、人目を引くためにベガスストリップと同等のウェブである必要はありません。 リストApartは、ほとんどの場合よりも優れていることを示しています。 そのコンテンツへのアプローチは、常に私の心の中にあります。 タイトル、イラスト、コピー、青いハイパーリンク。 綺麗な。

私が今気付いたのは、かなり昔のことでした。私は「ブルータリスト」ウェブデザインの2つの分野について書きました。 私が言ったことの要点は、一方のアプローチは大声で派手で、もう一方のアプローチは断固として機能するということでした。 List Apartは、正しく行われた後者の美しさを示しています。 マルチメディアツールキットは素晴らしい資産ですが、今でも言葉だけで十分な場合があります。

コンテンツについてクリエイティブに考える

良くも悪くも、ウェブは絶対にコンテンツで溢れています。 それの多くは素晴らしいですが、そうではありません。 それをめぐる話の多くは、組立ラインについて話している産業家にすぐに期待するような冷たく計算されたリズムを持っています。 上で共有された例は、物事を解き放ちたいという衝動に抵抗することの価値をうまく伝えていますが、現実になりましょう。ほとんどのWebサイトには、たとえばワシントンポストのリソースがありません。

ただし、個人のブログからグローバルな出版物まで、あらゆるレベルのコンテンツについて創造的に考える方法があります。 それらのいくつかを次に示します。

• デフォルトのアプローチについて質問します。
  私たちは、物語を語る方法を含め、習慣の生き物です。 早い段階で時間を取って、一歩下がって尋ねてください。どうすればこれを別の方法で行うことができますか？ たぶん、フォトエッセイは記事よりも賢明でしょう。 ヒートマップはテーブルよりも優れているかもしれません。 専門化はもちろん重要ですが、他の、多くの場合補完的な方法であなたを盲目にしないでください。
• 無料のリソースを使用します。
  インターネットの素晴らしい贈り物の1つは、驚くべき無料のものがどれだけあるかということです。 わざと、実際には無料のように。 写真からグラフィックデザイン、データ視覚化ツール、オーディオ編集ソフトウェアまで、コンテンツを変換するために必要なリソースはクリックするだけです。 景品タグは、開始するのに適した場所です。
• コンテンツに複数のフォームを提供します。
  マーシャルプロジェクトが「TheZo」で特によく示したように、ストーリーはさまざまな形をとるときに新しい視聴者を見つけることができます。 記事を書きましたか？ 素晴らしい、オーディオバージョンを録音してみませんか？ データドリブンレポートを作成しましたか？ かなりかっこいいですが、それらの番号をD3に接続し始めた場合と同じくらいかっこいいですか？ 見つける唯一の方法。
• 実験。
  ここでの例は作物のクリームですが、新しいアイデアを試し、それがもたらす時折の失敗を受け入れることから得られるものは非常に多いことを言及する価値があります。 反復は創造的なプロセスの鍵です。 何かを試してもうまくいかない場合は、問題ありません。 それが機能するものに到達する唯一の方法です。

コンテンツに対する万能のアプローチはありませんが、ストーリーを尊重することが不可欠です。 Webテクノロジーは補足的なものであり、メインイベントではありません。 それらを犬を揺さぶる尻尾にしないでください。 物語が語られている方法と調和しているときに最良の結果が得られます。 それは何年もの間人々に固執する種類のコンテンツです。