twitter.com アーカイブc

twitter.com アーカイブc
twitter.com アーカイブc
サイトのデフォルトロゴ画像
  • マック
  • ツイッター
  • サファリ
  • デザイン
  • ツイッター

Twitterの新しいウェブデザインが気に入らない?Safariの拡張機能が役に立つかもしれない

Avatar for Zac Hall 2014年2月5日午前9時9分(太平洋標準時)

Twitter.comの新しいiOS 7風デザインが気に入らないなら、このSafari拡張機能を使えば、巨大な白いツールバーが、邪魔にならないダークなツールバーに変身します。シンプルでフラットなデザインとカラーマッチングはそのままに、邪魔になりにくくなっています。iOSでも同じように簡単に切り替えられれば良いのですが…。

[ツイート http://twitter.com/chrkirk/status/431105681102344192]

[ツイート https://twitter.com/chrisfholm/status/431105399635206144]

[ツイート https://twitter.com/bowiesongs/status/430418029814366208]

TwitterDarkBannerはここからダウンロードできます。

Site default logo image
  • AAPL社
  • iOS
  • マック
  • iPhone
  • ツイッター

TwitterがモバイルWebクライアントを徹底的に改良した経緯を公開 [写真]

Twitter は最近モバイル向けアップデートをリリースし、ライバルクライアントの Tweetbot もそれに続き Mac 向けのパブリックアルファ版を本日公開したが、このマイクロブログサービスはまだ脚光を浴びる準備ができていない。

Twitter のデザイナー、Coleen Baik 氏は今日の午後、同社のブログで mobile.twitter.com をいかにして徹底的に改良したかを詳しく説明した。

「mobile.twitter.comのローンチに向けて、設計、プロトタイプ作成、開発、テスト、そして調整に約9週間かかりました。いくつかの課題にも取り組みました」とBaik氏は記している。

課題のいくつかは次のとおりです。

  • 数千種類のデバイスで 13 種類以上のブラウザをサポートし、それぞれ独自のレンダリング特性を持っています。
  • 異なる要件を持つ入力方法に対応する
  • CSS3/HTML5以前の標準でレイアウトを構築する
  • JavaScriptをオフにしたブラウザ向けに最適化する
  • 240 x 240 ピクセルの小さな解像度からデスクトップのワイドスクリーン表示まで、スムーズにスケーリングできます。
  • 低速ネットワークではページサイズを最小化する
  • 画像がなくても、Twitter のような見た目と雰囲気を実現します。
  • 他の twitter.com クライアントとの機能の一貫性をさらに高める

デザインチームは、主要なビューとナビゲーションの計画をスケッチし、「ツイートの構造や、ツイート、検索、ダイレクトメッセージの作成といったタスクにおけるインタラクションフローといった詳細を具体化」し、その後、HTML/CSSのワイヤーフレームに着手しました。さらに、Twitterのモバイルエンジニアと協力して、「『ホーム』『コネクト』『ディスカバー』『ミー』といったメインビューを構築」しました。

Twitterは最終的に300台のデバイスで3つの異なるバージョンをテストし、最終決定を下しました。2ヶ月の作業を経て、ついに今週初めに完全版がリリースされました。リリース直後から多くの好意的な反応が寄せられました。

「変化は常に困難を伴います。それは、かつて快適で馴染み深かったものを改めて習得しなければならないことを意味するからです」と、Baik氏は主張した。「しかし、再調整の最初の苦労が、フィーチャーフォンや古いブラウザでも、より高速で快適、そして使いやすくなったmobile.twitter.comをすぐに気に入っていただけることにつながることを願っています。」

再設計の全体的な詳細については、Twitter ブログをご覧ください。


拡大
拡大
閉じる