見出し画像

facebookとfacebook liteをトレースして比較

今回はAndroid版 facebookとiOSユーザーには馴染みのないfacebook liteをSketchでトレースして比較検討します。

facebook liteとは?

• スムーズな読み込み - Facebookの最速バージョンで、写真のアップロードや友達の投稿の読み込みをよりスムーズに行うことができます。
• 使用データ量を軽減 - データをより効率的に使用し、使用データ量を節約できます。
• あらゆるネットワーク環境で利用可能 - このアプリは2G接続や接続速度が遅いまたは不安定な地域での利用にぴったりです。

基本的には、4Gなどの高速ネットワークが通っていない環境でFBを使えるようにした軽量版のアプリです。


通常版、lite版のUI比較


まず何をしてもらいたいか?がlite版と通常盤で違っていました。

近況アップデートのプライオリティが違う

このUIの差を見て、そもそもFacebookって何をするツールなんだったけ?と混乱してしまいました。通常盤は、まず検索があって、ストーリーを推しています

その点において、lite版は検索したいときはメニューの検索を選択し、投稿もすぐできるとても主軸サービスに素直なUIだと思います。ただ、ちょっとガサガサしてますね。

facebookってそんなに検索を多用するツールだったっけ?
instagramでやってるストーリーをFBでやるの誰得?

通常盤は、アドレス帳のリプレイスだと考えれば検索も使うか・・・ と思うもののなんか釈然としません。あんまり使用シーンが思い浮かばない。イベント検索とか?

また、ストーリーも私のページでは一般のユーザーが使っているのを見たことがありません。(あの欄がカンストしてるのも稀)きっとなにがしかの数値が出ていることなんでしょうけど、facebookとして必要な機能なのかどうか。変化はしなければいけないのはわかるんだけれど。通常アプリに関しては疑問の残るUI設計だと思いました。

ただ、今後動画の時代だと捉えられているし、ザッカーバーグも動画の強化に触れているので、そういうコミュニケーション方法に移行していくことは間違いないのでしょう。しかし、それがinstagramと同じ手法であることが正しいのだろうか。

・・・

カラースキーム うわっ・・ 私のグレー多すぎ・・?

通常

lite

通常アプリの方でも多いのに、lite版ちょっとグレー多すぎでほんの少しの色違いがたくさんありました。これだけグレーが多いということはおそらくアルファになっていて、下のカラーが透けてるんだろうなとは思うのですが。

どこにそんなに使用されているのか?

lite版は、見ての通りカオスです
lite版と通常盤の決定的な違いは、一つのポスト(白カード)の上下、背景との境目に罫線が設定されているところです。しかも上下で色を変えている。
通常盤はというと、もともと背景色が濃いのでポストの境目に罫線設定はされていません

さて、lite版とはなんだったでしょうか? 軽量で読み込みが早いでしたよね?
そうなると、なぜ通常アプリと同じく背景と白カードというシンプルな設計になっていないのでしょうか?疑問しかありません

lite版のストーリーも真四角に見えて2px程度radiusが設定されています。
ここもほんの少しの見た目をそこねてもパフォーマンスに振り切って、真四角にした方がよかったんじゃないだろうかと思うところです。

・・・

テキスト設定

一方で、lite版のテキスト設定は気持ちいくらいに16pxです。
それがすこしガサガサした印象をもたらしていますが。

通常

シャアではなくシェア もしかしたら3倍シェアされる・・・

lite

私の方でも説明したかったんですが、先にもっとわかりやすく書かれていた方がいらっしゃったので、テキストのグレースケールの使い方についてはこちらご覧になるとよろしいかと思います。

まとめ

通常アプリはこれで正解なのか謎
lite版はもっとシンプルにできたはず
カラー多すぎ
大きな企業もUIは迷う

他にも、気になる点があったので、そこも少し別記事で触れようかどうか迷っています。聞きたい人いればなのだけど。


おまけ
誰にもいわれてませんけど、長崎のカリオモンズコーヒーさんで、ホワイトデーのお返しなどにも最適なスコーンセット販売中です! オーナー自ら産地に出向いて仕入れてきた美味しい珈琲もどうぞ!
http://www.kariomons.com/

この記事が気に入ったら、サポートをしてみませんか?気軽にクリエイターを支援できます。

note.user.nickname || note.user.urlname

よかったらサポートお願いします!(切実)

\ 全米が震えた吉 /
20

Thingo TKSK

孤独旅家 / ロースター / バリスタ / web制作 / 山頂エクストリーム家

#デザイン 記事まとめ

デザイン系の記事を収集してまとめるマガジン。ハッシュタグ #デザイン のついた記事などをチェックしています。広告プロモーションがメインのものは、基本的にはNGの方向で運用します。
1つ のマガジンに含まれています
コメントを投稿するには、 ログイン または 会員登録 をする必要があります。