Subscribed unsubscribe Subscribe Subscribe

@kyanny's blog

Write down what I learnt. Opinions are my own.

プロフィール画像変更のユーザーインターフェースあれこれ

いくつかのソーシャル系サイトで使っているプロフィール画像を変更したのだけど、一度に作業するとそれぞれの違いがわかって面白かったのでスクリーンキャプチャを撮ってみた。

Twitter

f:id:a666666:20111108022432p:image:w800
ごくごくオーソドックスなフォームアップロード。アップロード後の画像切り取りもないので自分で正方形に加工する必要がある。縦長の画像をアップロードしたら自動的に中央部分が切り取られて顔の上下が欠けた。天下の Twitter にしてはずいぶんそっけないつくり。 Twitter はあんまり画像には関心がないようだ。

Facebook

f:id:a666666:20111108022429p:image:w800
アップロードボタンはふつうのフォームで、こちらも天下の Facebook がドラッグ&ドロップもできないのかとちょっと驚いたけど、アップロード後はおなじみの波打つプログレスアニメーションで快適な待ち時間を演出。あと特筆すべき点として、 Facebook は縦長の画像をアップロードできる(正方形に切り取る必要がない)これは他のサイトだとできないところが多いので加工の手間がはぶけるぶんありがたい。

Google+

f:id:a666666:20111108022430p:image:w800
ドラッグ&ドロップで画像をアップロードできる。まぁ天下の Google なんだから当然といったところか。でもアップロード後は正方形に切り取らなきゃいけなくてちょっと悲しい。ここまでのソーシャル御三家のなかでは一番直感的なインターフェースだと感じた。デザインも好みだ。ただし Google+ の場合の話だが(GmailGoogle Groups まで一緒にすることはないよね・・・)

Quora

f:id:a666666:20111108022431p:image:w800
意外にやるなぁと思ったのが Quora で、もともと「Facebook アカウントでログイン」とかでサインアップするので連携先のサイトから画像を引っ張ってきてくれるのだけど、変更時も改めて新しいプロフィール画像を引っ張りなおせるようになっていた。これはものすごく楽だし合理的でとても良いと思う。正方形の切り抜きも crop 済みの画像をいくつか提示してその中から選ばせるようになっていて作業の手間が少ない。そういう類のソーシャル系サイトをあんまり使ってないのでこれがふつうのことなのかどうかわからないけど、今後そういうサービスは全部こうなってたら楽でいいなぁ。

番外編: はてなプロフィール

ふつうのファイルアップロード、正方形に加工してからアップロードが必要、さらに縦長の写真をあげるとアイコン画像がつぶれる(img タグの width height が指定してあるからで画像そのものがつぶれているわけではないと思うけど)スクリーンキャプチャはなし。あんまり頻繁に使われない機能だろうし労力割きづらいと思うけど、気が向いたときに切り取りできるようになったりフォトライフの画像から選べるようになったりしてもらえるとうれしいですね・・・。