公式Twitter App の考察

2016年3月中旬、Twitter社のWindows 10用 公式Twitter UWP アプリが大きく更新されました。

Twitter for Windows 10

これまでは正直安全運転というか…動けばいいかなくらいの出来だったのですが、今回の更新ではかなり頑張っており、評判も良いようです。(※1)

この公式アプリ、UWP App の Visual State の切り替えやUIのデザインを考えるに当たって良いケーススタディとして使えるように思えました。ので、触ってみて気の付いたところを書いてみようという企画です。(※2)

Visual State / Adaptive Trigger の扱いについて

幅の小さいほうから順に見ていくと、

• 0 から 450あたりまで … Mobile用 画面上部にボタンが横に並ぶ形

• 450 から 950 あたりまで … Desktop用 画面左にボタンが縦に並ぶ形

• 950 以上 … Wide Desktop 画面左のボタンに解説文が表示される

このデザインには幾つかポイントがあると思われ、

ポイント1：Mobile / Desktop切り替えの閾値がかなり小さめである

MS GitHub のサンプル等を見ていると、大体は720epxあたりを閾値として採用し、これ以下はMobile、という切り方になっているものが多い。が、公式Twitterは450に設定している。実はこのせいでマイナーな問題が発生していて…Madosma のような720x1280 Displayを「低い」DPI…150程度で使うと、幅が閾値450を超えてしまい「MobileだけどDesktop表示」という現象が起きてしまっている。

ただ不具合かというとそういうものでも無く…まずDPI設定変更はユーザーの意志であり、その結果としてDesktop様の表示となるのもまた意図した動作と言えなくもない。

…が、まーざっくり言えばこの件は単にLo Dpi 設定でのテストが抜けていたように見える。仕方ないかな。また、普通に閾値を720あたりにしておけば防げた事案であるとも言える。  

ポイント2：ハンバーガーメニューの排除

普通にうっかりハンバーガーメニューを置きがちな所であるけれど、Twitter社は一歩立ち止まってハンバーガーメニューの排除に成功している。

（Win8の頃からのDesignを踏襲しているだけ、という見方も正しいとは思うが…UWPだからってホイホイ付けなかったのは偉い）

Twitterのような1次元リストで特に「マルチカラムを用いない」場合、PCの横長画面上でのWindowでは…どうやってもコンテンツエリアの左右は余るので…わざわざSplitViewでPaneを出し入れする理由があまり見当たらないため、これは正しいデザインだと思う。出しっ放しでいいじゃない、という。  

ポイント3：Mobileでボタンを上に並べている所

最近の大きい画面のMobile機では、ボタンは下に並べるべきと個人的には思うが… Webや他PlatformとのConsistency の問題もあるので勝手にはできないのかもしれない。  

ポイント4：Pivotを使わなかった所

こちらも…左右スワイプでTL・＠・自Tweetをすぱすぱ切り替えられれば便利だろうし、3rdPartyのアプリなら「必ず」そうするだろうと思うけど…あれはあれで慣れていないユーザーにとっては意図しない操作を引き起こすともいえるので、公式としては安全運転で今の形になっているのかもしれない。また、上と同じようにConsistencyの問題もあったろう。  

その他、気が付いた点

• VoiceCommand 対応している事…所謂コルタナさん対応が各言語で入っている。えらい。C:\Program Files\WindowsApps\9E2F88E3.Twitter_5.0.0.0_x86__wgeqdkkx372wm を覗くとVCLファイルが見えます（管理者権限のついたCommand Promptでどうぞ）
• C#/XAML で作ってあること
• 共有コントラクトに対応していること…Win8.1の頃は全然動いてなかった奴
• 「引っ張って再読み込み」に対応している事…XAMLのコントロールはこれに標準対応している訳では無いため、現在は各アプリ個別にうｎうｎ唸ってインプリしている状態です。公式Twitterのインプリはちゃんとしてますね。

等、UWP Appとして旬のTopicがかなり入った意欲作であるなと感じました。

総じて良くできており、ストアアプリ・UWP結構やっている人がごりごり絡んでいるのではという印象を受けました。いい仕事ですなー。羨ましい。

 

-------

※1) 私は 3rdParty appとしてのTwitter Client についての知識は全く無いため、そちら方面の考察は無いです。ごめんなさい。あくまでもGenericなUWP Appとしてのお話です。


※2) このため、正直な所…これまでWin10/Win10Mを使い込んでいる人は公式Twitter Appよりも高機能な3rdParty App を使っている人が多いように思います。

• Tweetium
• Aristea
• Aeries

等、Windows 10 / Windows 10 Mobile 両方で使えるイカしたClientが多数ストアに載っています。