ツイッターがウェブサイトとアプリのデザインを見やすく変更、新フォントも採用

今回は「ツイッターがウェブサイトとアプリのデザインを見やすく変更、新フォントも採用」についてご紹介します。

関連ワード （SNS、Twitter、アプリ等） についても参考にしながら、ぜひ本記事について議論していってくださいね。

本記事は、TechCrunch様で掲載されている内容を参考にしておりますので、より詳しく内容を知りたい方は、ページ下の元記事リンクより参照ください。

Twitter（ツイッター）は米国時間8月11日、ウェブサイトのリニューアル版を発表した。同社によると、これによってサイトが見やすく、混乱することが減り、より使いやすくなるとのことだ。

iOSおよびAndroid向けアプリにも展開される今回の変更点の中には、Twitterの新しいフォント「Chirp（チャープ）」が採用された他、さまざまな要素のコントラストを強める変更などが含まれる。間もなく、Twitterは新しいカラーパレットも導入する予定だという。

Chirpは、Twitter初の独自書体として2021年1月に登場した。これまでTwitterは「SF Pro（サンフランシスコ・プロ）」「Roboto（ロボット）」「Helvetica Neue（ヘルベチカ・ノイエ）」などのフォントを自社ブランドに使用してきた。Chirpの目標は、Twitterに独自の視覚的表現を与えることに加えて、日常的な使用に向いたくっきりとした判読しやすい書体を提供すること、そして、動画やブランド広告に使用される際も含め、より個性的な書体を提供することだ。

I want to give a bit more depth to Chirp, our new typeface.

Type, in 280 character doses, is the foundation of Twitter. In the history of the company we’ve either relied on someone else’s typeface, from SF Pro and Roboto, to Helvetica Neue in our brand. pic.twitter.com/OrvlYsxF9g

— Derrit DeRouen (@DerritDeRouen) January 27, 2021

私たちの新しい書体であるChirpにについて、もう少し掘り下げたいと思います。

280文字からなる書体は、Twitterの基盤となるものです。これまで当社では、我々のブランドを、SF ProやRoboto、Helvetica Neueなど、他の誰かの書体に頼ってきました。

デリット・デルーエン

しかし、そのデビュー当時、TwitterはまだChirpをより広く製品の書体として採用すると確約していたわけではなかったが、Twitterでグローバルブランドのクリエイティブディレクターを務めるDerrit DeRouen（デリット・デルーエン）氏は、そうなることが「個人的な願望」であると述べていた。

今回よりTwitterは、ChirpをTwitterのウェブサイトや、iOSやAndroidのデバイス向けアプリとモバイルウェブの中核的な部分に使用している。

また、すべての欧米言語のテキストを左寄せにしたことで、スクロールしたときに読みやすくなると同社では述べている（欧米言語以外のテキストは変更されていない）。

ウェブサイトのTwitter.comで使われる色やボタンも、よりコントラストが強いものに刷新された。顕著な変化は、Twitterの青がかなり少なくなったことだ。例えば、表示をデフォルトのテーマにして背景を白くした場合、ツイートやナビゲーションが黒に変わった。また、ボタン（例えば「フォロー」などのボタン）の変更は、最も重要なアクションを目立たせることが目的であると、Twitterは述べている。

これらの変更は、今はまだ些細なことに思えるかもしれないが、これからSuper Follow（スーパーフォロー）などの拡張された機能セットが導入されると、より重要性が高まる可能性もある。Twitterがユーザーに取ってもらいたい行動を強調するための手段となるからだ。

関連記事：Twitterが同社初となる有料クリエイターサブスク機能「スーパーフォロー」発表、サービスの構造が劇的に変わる可能性

今回のデザイン変更では、Twitterが「不要な仕切り線」と呼ぶような、画面上の視覚的な混乱も解消された。グレーの背景が減り、文字を読みやすくするために字間も広げられている。

これらの変更は、Twitterにとって、テキストベースの投稿に写真やその他のメディアを時々添付して共有するだけにとどまらない、これまでとは異なるオンライン体験を導入するための準備にもつながっている。

Twitterはスーパーフォローの導入によって、より多くのクリエイターをそのプラットフォームに呼び込むことを狙っている。さらに、eコマースショッピング機能やパワーユーザー向けの有料定額サービス、Spaces（スペース）によるライブオーディオなどの機能も取り入れ、ブックマーク機能の改善なども行っている。

関連記事：ツイッターに月額330円サブスク「Twitter Blue」、間もなく登場か

しかし、いくつも機能を追加していくと、新たな選択肢が画面を埋め尽くしてしまい、特に初めての人にとっては、より混乱を招くことになりかねない。だからこそ、Twitterが今、ウェブサイトのデザインを一新することは理に適っているといえるだろう。しかし、Twitterユーザーがこのアップデートを評価するかどうかは、まだわからない。

今回の変更は、今後のビジュアルアップデートの始まりに過ぎないと、Twitterは述べているが、今後のアップデートにどんなものが含まれるかについては示唆していない。今のところ、より多くのカラーパレットを「間もなく」提供するとしているだけだ。このアップデートは、カラーパレットをTwitterの最新のブランドルックに近づけるためだと言われている。

画像クレジット：Twitter

【原文】

Twitter today is introducing a revamped version of its website, which the company says will make the site more accessible, less cluttered and easier to use. Among the changes, which are also rolling out to iOS and Android, is the implementation of Twitter’s new font, “Chirp,” and changes to various elements that will make them more high-contrast, among other things. Soon, Twitter will roll out new color palettes as well.

Chirp was first introduced in January as Twitter’s first proprietary typeface. In the past, the company had relied on fonts like SF Pro, Roboto and Helvetica Neue for its brand. The goal with Chirp — beyond giving Twitter its own form of visual expression — was to offer a typeface that’s sharp and legible for everyday use, but also one that would allow for more personality, including when put into motion or used for brand advertising.

At the time of its debut, however, Twitter had not yet committed to making Chirp the typeface for its wider product, though the creative director for Twitter’s global brand, Derrit DeRouen, said it was his “personal desire” to do so.

Today, Twitter is making Chirp a core part of the new Twitter website, as well as iOS and Android devices, including mobile web.

It’s also making all Western-language text align left, which the company says will make it easier to read as you scroll. (Non-Western text is unchanged.)

The colors on Twitter.com have been updated to be more high-contrast, too, as have the buttons. One notable change is that there’s a lot less of Twitter’s blue on the site. For example, the tweets and the navigation have now shifted to black when using the default Twitter theme with the white background. And the changes to buttons — like Twitter’s “Follow” buttons, for instance — are aimed at making the most important actions stand out, notes Twitter.

These tweaks may seem minor for now, but they could become more important as Twitter rolls out its expanded feature set — like the Super Follow and other features — as they give the company a way to emphasize particular actions it wanted the user to take.

The redesign has removed some of the visual clutter on the screen, too, like what Twitter refers to as “unnecessary divider lines.” There are fewer gray backgrounds, as well as increased space to make text easier to read.

The changes prepare Twitter to make room for a different type of online experience that goes beyond just sharing text-based posts with the occasional photo or other media attached.

With Super Follow, Twitter is aiming to bring more creators onto the platform, and the company is also rolling out e-commerce shopping features, a subscription service for power users, live audio with Spaces, redesigned bookmark collections and more.

But adding features could lead to a more confusing experience, particularly for newcomers, as the new options could begin to crowd the screen. That’s why it makes sense that Twitter is redesigning its website now. However, whether Twitter users will appreciate the update remains to be seen.

The company says today’s changes are just the start of more visual updates to come, though it didn’t hint at what those future tweaks may include. It only noted that it would roll out more color palettes “soon.” This update will be about closely aligning palettes with Twitter’s updated brand look, we’re told.

Updated 8/11/21, 4:30 PM ET to clarify changes extend to mobile and better explain plans for color palettes. 

（文：Sarah Perez、翻訳：Hirokazu Kusakabe）

Twitter. It's what's happening.

Country Code For customers of United States 40404 (any) Canada 21212 (any) United Kingdom 86444 Vodafone, Orange, 3, O2 Brazil 40404 Nextel, TIM Haiti 40404 Digicel, Voila Ireland 51210 Vodafone, O2 India 53000 Bharti Airtel

Twitter

詳細の表示を試みましたが、サイトのオーナーによって制限されているため表示できません。

mobile.twitter.com

詳細の表示を試みましたが、サイトのオーナーによって制限されているため表示できません。

Twitter - Google Play のアプリ

twitter トレンド、 写真、動画でより魅力的なソーシャルメディアに。最もいいね、シェアとリツイートが多かったツイートを調べることができます。

Twitter - Apps on Google Play

Twitter allows you to find interesting people or build a following of people who are interested in you. Maintaining a social connection has never been easier! Beyond chatting with friends, Twitter allows influencers to build a personal

Twitter Analytics

Twitter Cards help you richly represent your content on Twitter. Now use analytics to measure their effectiveness. Learn more Become an advertiser Compliment your ad campaigns with more information about your Back to Twitter ...

TweetDeck

TweetDeck is your personal browser for staying in touch with what’s happening now.

初心者のためのツイッターの使い方 - SUZ45

ツイッター（Twitter）の登録、ログイン、検索方法、使い方がたった1ページでわかる！ツイッター（Twitter）の概要から、厳選リンク、豆知識などを完全網羅の情報サイト！これを読めばツイッター（Twitter）の登録、ログイン、検索方法、使い方のすべてがわかる。

Twitter - ヘルプセンター

Twitterヘルプセンターへようこそ どのようなことをお探しですか？ 新機能 連絡を取り合いましょう 登録して、新機能や役立つヒント、ルールやガイドラインの変更などの最新情報をご覧ください。 Follow @twittersupport 障害情報 カード ...

ツイッターとは？ やさしいtwitterの使い方

ツイッター（twitter）の使い方について、日本で一番わりやすく解説しています。「ツイッターとは一体なんなのでしょう？」そんなあなたのtwitterの悩みをずばり解決します。

SNS（ソーシャルネットワーキングサービス）とは - IT用語辞 …

SNS【ソーシャルネットワーキングサービス / Social Networking Service】とは、人と人との社会的な繋がりを維持・促進する様々な機能を提供する、会員制のオンラインサービス。友人・知人間のコミュニケーションを円滑にする手段や場を提供したり、趣味や嗜好、居住地域、出身校、あるいは「友人の友人」といった共通点や繋がりを通じて新たな人間関係を構築する場を提供するサービスで、Webサイトや専用のスマートフォンアプリなどで閲覧・利用することができる。

ソーシャル・ネットワーキング・サービス - Wikipedia

SNS上での誹謗中傷による被害が深刻化している。ソーシャルメディア利用環境整備機構、総務省、法務省は、SNS事業者と共同で適正な利用を呼びかける特設サイトを2020年7月に開設。「#No Heart No SNS」をスローガンとして啓発 。

SNS（ソーシャルネットワーキングサービス）の仕組み ...

 · SNS は、ソーシャルネットワーキングサービス（Social Networking Service）の略で、登録された利用者同士が交流できるWebサイトの会員制サービスのことです。友人同士や、同じ趣味を持つ人同士が集まったり、近隣地域の住民が集まっ ...

SNSとは？初心者にも優しく解説 | SNSを楽しもう！初心者向 …

SNSってどんなもの？ SNSとは、social networking service（ソーシャル・ネットワー・・・

ソーシャル・ネットワーキング・サービスの一覧 - Wikipedia

画像共有SNS。アメリカのPinterest, Inc.が提供。2010年3月にサービス開始。 不明 - カカオトーク 韓国のカカオが開発、提供。2010年3月18日にサービス開始。韓国では「国民的SNS」とも言われている。 不明 - Bebo 2005年1月に 不明

SNSとは？やり方・見方・使い方をわかりやすく解説【とは …

SNS初心者のためにSNSのやり方・登録方法・始めるための５ステップを解説。SNSの意味・種類・仕組み・簡単に見る方法などSNSの基本をわかりやすく解説します。

無料SNS一覧 - フリーソフト100

 · SNS（Social Networking Service＝ソーシャル・ネットワーキング・サービス）とは、友人どうしのつながりから、コミュニティを広げるための集まりです。 SNSを提供しているサイトでは、日常の思いをつぶやいたり、写真をアップしたり、自分専用のページに日記を書き込んだり、友達の日記 …

SNSの種類＆人気ランキングTOP7まとめ【LINEやInstagramが ...

SNSはソーシャル・ネットワーキング・サービスの略で、気軽にいろいろな人とコミュニケーションをとるのに役立つツールです。SNSの種類と人気ランキングベスト7をまとめました。みんなどんなSNSを使っているのでしょうか？

初心者へのSNS解説

SNSとは？[TOP] SNSって良く聞くけどいったい何なの？何ができるの？SNSを良く知らないあなたにSNSの基本を解説。 おすすめSNS 5選 SNSを始めてみたいけどどれを選べばいいかわからないという方の為に、おすすめのSNSを5つ紹介。

SNSの誹謗中傷 あなたが奪うもの、失うも …

SNSは、誰もが気軽に自分の意見や思いを投稿できますが、その投稿内容によっては人を傷つけてしまいます。個人の悪口を書き込んだり、広めたり、メッセージを送りつけたりするなど、インターネット上の誹謗中傷が深刻な社会問題となっています。

Google Play の Android アプリ

Create & share photos, stories, & clips with the friends you love. 無料通話&無料メッセージアプリの決定版 メールも通話もSMSも。. どれだけ使っても無料。. 100 以上の言語に対応。. 世界がより身近になります. 人気のゲームをプレイして、実績を達成し、ハイスコアを獲得 ...

App Store - Apple（日本）

アプリは、Appleの ガイド ラインを 遵守しなければ いけません。 ダウンロードしたアプリは、すべて約束された通りに機能しなければいけません。そのため、App StoreのアプリがAppleの厳しい評価基準を満たしているか、機械ではなく人間のアプリレビュー担当者が審査します。

アプリ | Microsoft Windows 10 | 公式サイト

Microsoft Store では、アプリ、ゲーム、音楽、映画、テレビ番組など、人気のコンテンツを手軽にダウンロードすることができます。

アプリとは何ですか？超がつくほどわかりやすく解説【とは ...

アプリって何？どういう意味？そんなスマホの使い方がわからないとお困りの初心者の方のために、お年寄りにもわかるよう簡単に説明します。アプリって無料？有料？といった料金の疑問から、どんな種類があるのか具体例を上げて解説します。

Amazon.co.jp: 無料アプリ: アプリ＆ゲーム

Amazonアプリストアの詳細、1-Click設定についてやカスタマーサービスへのお問い合わせは、 ヘルプページをご確認ください。 Amazon Advertising 商品の露出でお客様の関心と 反応を引き出す Audible（オーディブル） 本は、聴こう。最初の

Google - Google Play のアプリ

- 検索ページのデザインを改善しました - 新しい Doodle をアプリ内で表示されるようにデザインしました - オフラインの音声操作（音楽を再生する、Wi-Fi をオンにする、ライトをオンにする）（*米国でのみ利用可能） - ウェブページをアプリ内で直接開けるようになりました

【最新版】おすすめの人気iPhoneアプリまとめ | AppBank

このページではおすすめの人気iPhoneアプリをまとめています。 200万本以上あるiPhoneアプリから、各カテゴリに分けておすすめアプリを厳選しました。 iPhoneユーザーは、このリストからおす

人気の無料iPhoneアプリランキング - Top App Ranking 400

App StoreのiPhoneとiPadの人気無料アプリランキング、有料アプリランキング、トップセールスアプリランキングを一気に上位400位まで閲覧することができるサイトです。各アプリの詳細ページではランキングの履歴も見られるようになりました。

Android でアプリを削除する、無効にする - Google Play ヘルプ

スマートフォンにインストールした アプリはアンインストールできます。有料アプリを削除した場合は、再度購入しなくても後で再インストールすることが可能です。また、スマートフォンに付属のシステムアプリを無効にすることもできます。

【おすすめ!】超絶面白い人気の無料ゲームアプリランキング ...

8月更新！本当に面白いおすすめの新作スマホゲームTOP20！人気の無料ゲームアプリを毎日厳選してお届け。RPG・アクションなどジャンル別でも探せます！