GNR 2.0で目指したもの

このエントリーでは、先日公開された、GNR – Googleニュースを素早くチェックの 2.0を開発するにあたり、目指したもの、こだわり、悩んだところ、などを御紹介したいと思います。

目指すところ

このアプリの目標としては、

  • より多くの人が気軽にニュースをチェックできるアプリ
  • 余計な機能は実装せずできるだけシンプルに
  • サクサク動き、快適な操作感を

というところです。この点を踏まえて、2.0ではまず一覧画面のリニューアルに取り組みました。

より見やすい一覧画面に

以前のバージョンでは、このように、リスト形式で、タイトル、サイト名、日付、サマリー、サムネイルが表示されていました。

Screenshot 2012.10.09 06.22.29
旧バージョンの記事一覧画面

どうも、「固い」印象ですね。これを、2.0では、タイトルとサムネイルだけのグリッドレイアウトに変更しました。

Screenshot 2013.04.07 03.55.15
ver 2.0の新しいグリッドレイアウトの記事一覧画面

サムネイル画像を大きく表示することで、各ニュースに、より直感的に反応でき、記事を見つけやすくなったのではないでしょうか。

また、カテゴリの変更も、以前のバージョンでは、一度カテゴリ一覧のメニューを開いてから、選択して移動する必要がありましたが、2.0では、このまま左右にフリックすることで、順次カテゴリを切り替えることができるようになり、カテゴリをまたいだブラウジングもしやすくなったと思います。

左右フリックでカテゴリの移動が可能に
左右フリックでカテゴリの移動が可能に

広告バナーVS画面の広さ

無料アプリとして公開した上で、収益を上げるには、広告を入れるしかありません。しかし、広告バナーを入れると、どうしてもその分、画面が狭くなってしまいます。

(※このエントリーのスクリーンショットでは、広告削除アドオン導入後の画面を使用しています。)

そこで、GNRでは、思い切ってツールバーを無くすことにより、広告バナー付きでもより広い画面を確保することにしました。しかし、ツールバーがなくなると、そこに配置していた各種ボタンもなくなることになります。以前のバージョンでは、記事詳細画面のツールバーには、以下のボタンが配置されていました。

1.一覧画面に戻る

2.次の記事へ移動

3.Webページを開く

4.共有メニューを開く

これらの中で、「2.次の記事へ移動」と「3.Webページを開く」については、以前のバージョンから、それぞれ、左右のフリック、記事のタイトル部分をタップ、という操作で実現できていました。なので、問題は、「1.一覧画面に戻る」と「4.共有メニューを開く」です。これらをどう実現するかが問題でした。

旧バージョンの記事詳細画面。下のツールバーに各種ボタンを配置
旧バージョンの記事詳細画面。下のツールバーに各種ボタンを配置
2.0の記事詳細画面。ツールバーがなくなりより広い画面に
2.0の記事詳細画面。ツールバーがなくなりより広い画面に

新たなジェスチャー操作

 この内、「1.一覧画面に戻る」については、他のアプリなどでは、左から右へフリックすることで、前画面に戻る動きとなっているものが多くあります。しかし、GNRでは、左右のフリックは記事間の移動に割り当てられていますので、これは使えません。そこで、画面左端からスワイプするというジェスチャーで、前画面に戻れるようにしました。画面上端から下にスワイプすることで、通知センターが表示されますが、それと同じような操作です。
画面左端からのスワイプで一覧画面に戻ります
画面左端からのスワイプで一覧画面に戻ります

また、一覧画面でも左右フリックは、カテゴリ切替に割り当てられているため、同様の操作で、カテゴリ選択や設定画面へのメニューを表示するようにしました。

画面左端からのスワイプでメニューを表示します
画面左端からのスワイプでメニューを表示します

「4.共有メニューを開く」については、下にスワイプで引っ張って離す操作で、メニューを表示するようにしました。

引っ張って共有メニューを表示
引っ張って共有メニューを表示

これらの新たなジェスチャー操作によって、ボタンなしでも、すべての機能をご利用いただけるようになりました。

特に、iPhone5のような、縦に長くなったディスプレイの機種では、最上部のナビゲーションバーの戻るボタンや、ツールバーのボタンは、片手操作では大変押しづらいのですが、このジェスチャー操作であれば、快適にお使いいただけます。

ジェスチャーVSボタン

フリックやスワイプなどのジェスチャーでの操作は、慣れると快適なのですが、ボタンと比べると、表示されない分、初めは分かりにくさがあります。

そこで、初回起動時には、操作説明のチュートリアルで、動きをアニメーションで見せるようにしています。

サクサクと記事をチェック

これは、以前のバージョンから実装している機能ですが、記事一覧取得後に、記事本文や画像を一括ダウンロードします。これにより、電波が悪くネットワーク接続状況が悪い場合でも、サクサクと記事をチェックしていくことができます。

また、一括ダウンロードはバックグラウンドで行われます。ダウンロードしながらのブラウジングや、一旦アプリを閉じて他のことをすることも可能です。

最後に

今回のアップデートでは、見やすさ、操作感に重点をおいて開発を行いました。こちらのビデオで実際の使い勝手をご覧いただけます。

似たようなニュースアプリは他にもたくさん出ていますが、見やすさ、操作感については、他のアプリと比べても負けてはいないと自負しております。

無料でご利用いただけますので、ぜひお試しください!

GNR_57@2x Download_on_the_AppStore

Googleニュースを素早くチェック-GNRのver2.0がリリースされました!

Googleニュースを素早くチェック-GNRのver2.0がリリースされました!

画面レイアウトや操作性が一新されて、より見やすく使いやすく進化しました。

まずは、このビデオを御覧ください。

次に、今回のアップデートの個々の内容です。

新機能

デザインや操作方法をリニューアルしました。変更部分を説明します。

記事一覧画面のデザイン変更

グリッド表示方式に変更

タイトルと記事の写真のみのスッキリとして見やすい表示になりました。

001

  新しいカテゴリ表示

左右フリックで、カテゴリを素早く変更することができるようになりました。

002

新しいジェスチャ操作

画面が大きくなったiPhone5でも、各種操作が片手で簡単にできるようになりました。

メニューの表示

記事一覧画面で、カテゴリ選択や設定画面へのメニューを表示するには、画面左端から右方向へスワイプします。
003-1
003-2
また、設定画面はこのメニューの一番下から開くようになりました。

003-3

記事一覧へ戻る

記事画面から、記事一覧画面へ戻るには、画面左端から右方向へスワイプします。

004

共有メニュー

記事画面で、TwiiterやFacebookへ記事を共有したい場合は、画面を下に引っ張ります。

005

初回起動時に、チュートリアルが表示されますので、そちらでも再度ご確認ください。

広告削除アドオン

広告が不要な方向けに、広告を削除するアドオンを追加しました。設定画面から購入いただけます。
006
新たに生まれ変わって、より使いやすくなったGNR2.0。ぜひお試しください。無料でご利用いただけます!

Googleニュースを素早くチェック-GNRがアップデートで画像キャッシュに対応

GNRのアップデートがリリースされました。

GNRは、Googleニュースの記事を、素早くチェック出来る、無料のニュースリーダーアプリです。

今回のアップデートでは、記事本文の事前ダウンロードに加え記事内の画像も事前にダウンロードするようになりました。

これによって、家などで事前にダウンロードしておくことで、地下鉄などのネットワークが繋がらない環境でも、画像付きで記事を確認することが出来ます。

フリックで、サクサクを時事ニュースをチェックして行くことが出来ます!

無料アプリですので、ぜひダウンロードしてお試しください!

Googleニュースを素早くチェック-GNRがリリースされました!無料です!

新作アプリ、GNRが本日リリースされました!

GNRは、Googleニュースのニュースを、素早くチェック出来る、無料のニュースリーダーアプリです。

フリックで、サクサクを時事ニュースをチェックして行くことが出来ます!

無料アプリですので、ぜひダウンロードしてお試しください!

そして、アプリのアイコンは、今iPhoneのカレンダーアプリでは一番人気の、あのStaccalの作者である@goando さんに、作成していただきました。

Staccal – 11種類レイアウトの高機能カレンダー 1.3.2(¥250)App
カテゴリ: 仕事効率化, ライフスタイル
販売元: gnddesign.com – Go Ando(サイズ: 10.7 MB)
全てのバージョンの評価: (341件の評価)
Staccalのアイコンも素敵ですが、こちらも素晴らしいアイコンになりました!!ありがとうございます。