個人Webサービス開発!BitPumpkinを使いやすくするためにいろいろ変更しました

スポンサーリンク
Pocket
LINEで送る

記事ストックサービスBitPumpkinをちょっとずつアップデートしていたのでその内容をまとめてご報告。

 

BitPumpkinの改善内容

トップページを登録フォームに変更

変更前のトップページはストックされた記事の一覧を表示していました。これは、サイトのコンテンツを見せることで興味をもったユーザーに登録してもらおうという目的でした。

ですが、この記事を見てすぐに変更

http://logmi.jp/6103

トップページ中央に登録フォームを置くという形にしました。

たしかに、Facebook、twitter、Pinteresetなど、いろんなサービスがトップページはシンプルな登録フォームです。

効果があるかはわかりませんが、とりあえずこのままでいきます。

 

2カラムから1カラムに変更

変更前

fireshot-capture-013-bitpumpkin-%e3%82%a8%e3%83%b3%e3%82%b8%e3%83%8b%e3%82%a2%e5%90%91%e3%81%91%e8%a8%98%e4%ba%8b%e3%82%b9%e3%83%88%e3%83%83%e3%82%af%e3%82%b5%e3%83%bc%e3%83%93%e3%82%b9-http___b

 

変更後

fireshot-capture-043-bitpumpkin-%e3%82%a8%e3%83%b3%e3%82%b8%e3%83%8b%e3%82%a2%e5%90%91%e3%81%91%e8%a8%98%e4%ba%8b%e3%82%b9%e3%83%88%e3%83%83%e3%82%af%e3%82%b5%e3%83%bc%e3%83%93%e3%82%b9-http___b

スポンサーリンク

 

Pinterest1カラムだったので変更。

なんかの記事で見たんですけど、「やれること(行動)が少ない方が使いやすいUIになる」ってのを読んだのでボタンを減らすことに。

以前は、右上ハンバーガーメニューの中にメニューが8個くらいあったのですが、減らしよく使うページはグローバルメニューに移しています。

Googleスプレッドシートのように右下にリンクをストックしたりグループを作成するボタンを配置しました。

2カラムから1カラムへの変更ですごい見やすくなった気がします。

 

リンクグループを本のようなデザインに変更

ストックした記事をお好みにまとめることができる「リンクグループ」という機能があるのですが、以前はストックしたリンクと同じレイアウトだったのを本のようなデザインにしました。

これで見た目で判断しやすくなると思います。

fireshot-capture-044-bitpumpkin-%e3%82%a8%e3%83%b3%e3%82%b8%e3%83%8b%e3%82%a2%e5%90%91%e3%81%91%e8%a8%98%e4%ba%8b%e3%82%b9%e3%83%88%e3%83%83%e3%82%af%e3%82%b5%e3%83%bc%e3%83%93%e3%82%b9-http___b

 

まとめ

Webサービスのいろんな改善記事を読み反映させています。

しばらくレイアウトばかりいじっていたので、そろそろ新機能を追加していきたいと思います。