Microsoft Planner :UIが少し変わった!

今朝、 Microsoft Planner を開いたら違和感を覚えました。そう、UIが変わっていたんです。

▼以前のUI

▼変更後のUI

タスクのカードに影が付きましたね。フラットデザインから徐々に変わってきたというところでしょうか。シャドウがついた事でカードが視認しやすくなったと思います。

また、タスクを追加するボタンも以前は「+」だけだったけど「+ タスクを追加」になりましたね。

あとは、タスク名の左に〇が表示されましたね。クリックするとタスク完了できるチェックボタンです。以前はどうなっていたのか?というと、以前のUIのスクショがなかったのでちょっとMSの公式動画からスクショをとってきました(拝借します!)。

▼以前のUIではカードにマウスホバーすると右上にチェックボタンが表示されました

▼今はマウスホバーさせずともタスク名の左にチェックボタンが表示され

▼チェックボタンにマウスホバーするとこんな感じに変わります

ちょっとした変更ですが直感的になりました。欲を言えば、マウスホバーしていない状態でも「〇」ではなくてチェックボタンがグレーアウトされた状態で表示されていれば良いなと思います。

▼合成ですがこんな感じ?

という事で他にも変わった点がありそうですがパっと見で気が付いたところはこんなところです。

他にも…

▼ Microsoft Teams にタブとしてプランを追加した場合もUIが変わりましたね

ただ、相変わらず気になる点があります。それが、PCとモバイルアプリでUIが統一されていない点。上述の通り、PCでタスクを完了させる場合は、(他にも方法はあるけど)タスクカード内のチェックボタンをクリックする事。しかし、モバイルアプリの場合は…

▼チェックボタンはタスクカード内になく、右下の「…」をタップ

で、「完了済み」をタップするという2タップ必要なんですよね。モバイルアプリの方が操作ミスしやすいから間違えて無意識にタスク完了させないための操作感だとは思いますが、タスクカードの右下の「…」っていうのが気に食わないです。というのも、PCにも同じくタスクカードの右下に「…」があるんですよね。

▼PCで右下の「…」をクリックするとメニューが

同じUIでPCとモバイルアプリで挙動が違うのはユーザーの混乱を招くので、ぜひそのうち変更してほしいなと思います。


という事でこのようにUIや機能は日々変わっていくのと、この程度の変更は事前アナウンスがなかったりするので、やはり日々のキャッチアップや触ってみる事を怠らない方が良さそうですね。

また、マニュアルをユーザーに配布する従来型の教育手法だと大抵ユーザーからは「マニュアルと見た目が違う」というクレーム紛いの問い合わせがIT部門の来ると思います。このような更新頻度の高いサービスにおいてマニュアルが効果的なのか?メンテナンス考えるとどうなのか?別の教育手法はないのか?といった点も考えないといけないと思います。