Ownd アメーバにログインしてみる | OwndAmeba & Ameblo

OwndAmeba & Ameblo

オウンドとアメブロ

OwndアメーバログインURL https://www.amebaownd.com/

デザインに力を入れていることが伝わってくるOwndアメーバのログイン画面になっています。ざっくりとデザインやら使い方を見ていこうと思います。
縦長の画像ですが、これはスクロールしたらこんなふうに全部見ることができます。
ログイン画面

今風ってどこが今風なデザイン?たとえば


今風なレイアウトで、色使いが単色(フラットと言ったりする)になっています。
『大きな画像を横いっぱいに表示』されていますが、昔(アメブロが始まった10年前とか)は横幅いっぱいに画像をドンと表示するようなデザインはなかったと思います。パソコンの画面がワイドタイプが多くなってきたのでこーゆうのインパクトありますよね。今では当たり前のようにこのレイアウトが多いですが。
ブロックごとに、『英単語帳のカードが机の上に整列して並んでいるようなデザイン』になっているのもわりと新しいデザインでここ数年でかなり流行りです。

まずは上部から


右上に丸く小さいアイコンや、通知ボタンを表す鈴のマーク、鉛筆のマークが管理画面につながっています。ちょっと小さいですね。
ちなみに、左側のOwndアメーバのロゴの近くに『アメーバマイページ』と書いてあるのはまさしく、アメブロのマイページへのログインリンクです。Owndアメーバに投稿した記事をアメブロにも反映させることができるぐらいなので、Owndとアメブロは近い関係にあるのがわかりますね。でもOwndの管理画面にいくのに何回か間違えてここを押してしまいました。少し、ややこしいかたヨ!慣れればなんてことない。

ちょっとスクロールしてみる


少し下にスクロールしていけば『オススメのサイト』とあります。スタバや芸能人のOwndアメーバが紹介されていますね。一般の人のサイトがここに紹介されることは今後あるんでしょうか。もしありえるなら頑張ってサイトの質を高める意欲に繋がりそうですね。
右側には、アクセス数の概略ですね。Ownd-ameba-cssでは、まだアクセスは0です。おそらく自分自身のアクセス数は含まれていないようなので、参考にしやすいアクセス数を計測してくれるんじゃないかと思います。これも後で要チェック!

一気に一番下までスクロールしてみる


一番下のFeatured by Owndと書かれたダークグレイのエリアはウェブサイト制作の業界用語でフッター(Footer)というんですが、アメブロでいう広告エリアみたいに消したりできないエリアとして、テンプレートにも組み込まれているようです。デザイン的にはオシャレにしてくれているので良かった。無料で使わしてもらってるのでWinWinの関係ってことで。今は水嶋ヒロさんのOwndアメーバのリンクになっていますがおそらく色々ランダムに変わることでしょう。

やっとログインしてみた


もうOwndアメーバのアカウントは取っているので、記事やデザインテンプレートを編集する画面に入ることができます。上部には、一番最初に説明したアメブロへのリンクや、Owndアメーバの通知ボタンなどのエリアがあります。

管理画面

設定を変えたりできるサイドバー


左側にOwndアメーバの設定をいじれるサイドバーがあります。記事を追加したり、デザインテンプレートを変えたり、SNSとの連携の設定をしたり。ここの動きがアメブロの管理画面にはないアニメーションを使っていて、雑誌をめくるような感覚に近づけられている印象です。直感的に設定を変えられるようにしていることでユーザーにストレスを与えないようにしてくれているんでしょう。設定のたびにいちいちページが変わったら確かにストレスはありますから。慣れたらアメブロよりは少ないストレスで設定を変えたりできるようになるんじゃないでしょうか。


  • 投稿(淡い緑色のボタン)

  • ダッシュボード

  • ページ編集

  • デザイン編集

  • 投稿の管理

  • アクセス統計

  • 設定


ちなみにアメブロのサイドバーはどうなっているかというと、

  • 管理画面トップ

  • ブログを書く

  • 記事の編集・削除

  • アクセス解析

  • いいね!履歴

  • コメント管理

  • デザインの変更

  • 設定・管理


けっこうわかりやすく無駄なものもない感じがしますね。FC2ブログなんかは正直項目が多くてわかりにくいのでそれと比べるとわかりやすい方じゃないかと思いますがどうでしょう。Owndアメーバとアメブロで設定項目が似ているのでとっつきやすい部分もあるかと思います。

右側の広いエリアはプレビュー


残りの右側のエリアが一番広く取られていて、サイドバーをいろいろクリックすると視覚的にわかりやすくこの右側のエリアが変わって何をどう設定しているかがわかります。

今後いろいろ設定を変えつつ


ログイン画面がどんなふうになっているかを追っていきましたが、アメブロよりもデザインを重視して『イマ風』にしてくれているのがわかります。そういえば、アメーバがGrlsTalkという女性限定の匿名コミュニティサービスを作りましたね。ブログ?SNS?どちらに位置づけされるのか難しいところですが、デザイン面ではOwndアメーバと同じように『イマ風』なシンプルデザインになっています。
Owndアメーバもまだデザインテンプレートの数は多くないですが、良いデザインが増えるといいですね。