【アップデートされたアプリのUIUXまとめてみました】2016年5月

こんにちは。LIGでデザイナーをしております。

Facebookやtwitterでも日々UIを改善していている様子を見ると、サービスはどこまででも改善できる生き物だなあと思います。

アップデートするたびに、あ、ここ変わったって思うので、せっかくなのでまとめていくことにしました。ちなみに、わたしが気づいた点しかまとめません。バグ改修はもちろん書きません。

5/19: twitter

ツイートしようとすると、これまではカメラロールが表示されていたところ、最初の2つのブロックにカメラもアイコンと動画のアイコンが追加されました。タップすると、カメラの撮影と動画の撮影が起動します。

こちらは今回のアップデートではないのですが(たしか今年頭くらい?)に、ツイートボタンが右上からキーボードの近くに変更になりました。

おそらく、トップ画面からツイートする編集画面に行くためのボタンが右上にあるため、ツイートボタンも同じ場所に置いていたと思われるのですが、

編集中の指はキーボードの近くにあるため指の移動距離が縮まり押しやすいのと、右上にはキャンセルボタンがあるため押し間違えることも多かった(実際よく間違えておしちゃっていらいらしてた)のではと予測しています。

5/16: YouTube

わたしが最近ももクロばかり見ていることがばれましたね笑。この右下にある動画投稿ボタンが追加されました。

押すと動画撮影とカメラロールにある動画の一覧が表示されます。

twitterもYouTubeもユーザーに投稿を促す改修していますね。

ちなみにYoutubeはもう一点変わっているのが、ひとつの動画を閲覧すると、続けて類似の動画を自動で再生をしてくれるようになりました。視聴回数が勝手に増えますね^o^

5/15: NAVITIME Transit

赤枠で囲われたところがこれまではなかったのですが、追加されました。日本は目的地までの行き方がたくさんあるため、これまではどれが定期券を使える乗り換えなのかを一回一回見に行かなきゃいけなかったのが、これだと一目でわかります。便利。

おおお!こうしてみるとかわったところがたくさんある・・・!

①:「時刻表」のテキスト表記

たしかに、これが時刻表だって知らなかった・・・。のと、時刻表のアイコンなら他にもありそうだな。。認知させるために一旦テキスト置いたんですね。う〜ん、でも東京は電車の本数多いから時刻表とか気になりませんけどね。

②:駅数表示

これは親切ですね。なくてもいいけど、あったほうが乗り過ごしなさそう。

③:時刻の色分け

これだと乗り換え1回なので色のルールがわからないのですが、乗り換え2回以上を見てみると、どうやら、最初の出発とそれぞれの到着の時刻が水色になっているようです。これだと見間違えないからですかねえ。わたしは到着より出発時刻のほうが大事だと思うのですが、これはどっちを目立たせたくてこの色使いにしたのでしょう。。ただ視認性あげるためかなあ?

④:前後の路線

前後1本ずつの表示が3本ずつになり、かつボタンで目立つようになりました。たしかに、次の1本→次の1本・・・と遷移することが多かったので、一気に見れたほうが便利。

と、書くためにNAVITIME触ってたらまた新たに発見しました!!!

おおおおおおお!!!!いつもスクショ撮ってたけどここで保存できるようになりました。(ってまあ手間的にはスクショとそんな変わらないけどw)登録は経路の登録ですた。そんでね、画像を保存すると・・・

LINEでそのまま共有できる!!!(そもそもLINEの共有がちょっと使いにくいことはおいておいて・・・)。これで、何分に着く?ってやりとりも一発。ただ、わたしは経路の共有は仕事で同行してもらう上司に送ることが多かったので、その点LINEだけだとあんまり使わなそう。ちなみに隣のシェアは、テキストでのシェアでした。これでもいいんだけど。

5/11:Instagram

待ってましたインスタ。

アイコンすごい違う。これに関してはいろいろ記事あったんで、これとかどうぞ。動画かわいいしめっちゃ苦労があったんだろうなーってめっちゃ伝わる(誰だわたし。)


まずは色。モノトーンになり、すっきりとした印象になりました。ユーザーが上げてくれる写真でサイト自体が鮮やかに色づくのでいいですね。

そして色も白、グレー、黒、青(上の赤枠内の選択のみ青色が・・・)と少ない色使いになりました。これまでは青、薄いグレー、濃いグレー、黒、白があり、特にフッターのところは色が複数あり、どれを選択しているのか混乱した記憶があります。

そしてアイコンもすっきり。線アイコンになり、選択しているものは塗りつぶされる仕様です。アイコンの丸の比率(特に検索アイコンやカメラアイコン)が大きくなり、角丸も進んでいるので、より一層女子が好む感じになってると思いました。


ちなみに仕事はアプリと関係ありません。


サポートしていただけるなんて夢のようです・・!いただいたお金は、熱量と感情が溜まった際の起業資金にさせていただきます。使わないよう、普段とは別の口座を登録してます。