スマホニュースアプリ「全国農業新聞電子版」のUI/UXデザイン改善 Vol.2

12

Transcript of スマホニュースアプリ「全国農業新聞電子版」のUI/UXデザイン改善 Vol.2

Page 1: スマホニュースアプリ「全国農業新聞電子版」のUI/UXデザイン改善 Vol.2
Page 2: スマホニュースアプリ「全国農業新聞電子版」のUI/UXデザイン改善 Vol.2

資料:ビズ・アーツ作成

全国農業新聞アプリの主要画面の遷移図

定期購読トップ

単品記事一覧

試し読み記事詳細

購入モーダル

記事概要

本棚ブックマーク

設定

試し読み記事詳細

購入モーダル

購入モーダル

Page 3: スマホニュースアプリ「全国農業新聞電子版」のUI/UXデザイン改善 Vol.2

資料:全国農業新聞アプリよりビズアーツ作成

ヒューリスティック評価(トップ画面)

①ユーザーが探したい記事がどこにある か見つけにくい

②記事を読む前に定期購読ボタンが目に 入ってしまい、購入判断しにくい状態 で混乱させやすくなる

③記事の検索ができない

Page 4: スマホニュースアプリ「全国農業新聞電子版」のUI/UXデザイン改善 Vol.2

資料:全国農業新聞アプリよりビズアーツ作成

ヒューリスティック評価(記事詳細画面)

①新聞形式になっており、スマホで片手 操作しにくい

②紙面全体がブックマークされるため、 ブックマークした記事を見つけにくい

③・どこの記事がシェアされるのか分か  りにくい ・シェアがツイッターしかなく、拡散  しづらい

Page 5: スマホニュースアプリ「全国農業新聞電子版」のUI/UXデザイン改善 Vol.2

資料:全国農業新聞アプリよりビズアーツ作成

ヒューリスティック評価(単品記事一覧画面)

①単品購入と定期購読について、どこが どのように違うのか分かりづらく、購 入を迷ってしまう。 (メリット・デメリットが分からない)

Page 6: スマホニュースアプリ「全国農業新聞電子版」のUI/UXデザイン改善 Vol.2

資料:全国農業新聞アプリよりビズアーツ作成

ヒューリスティック評価(設定画面)

①・一番ユーザーが購入する気持ちにな  りそうな箇所(記事を読み終わった  タイミング)に購入ボタンがない ・購入のメリットなどが記載されてお  らず、購入決定を迷ってしまう

Page 7: スマホニュースアプリ「全国農業新聞電子版」のUI/UXデザイン改善 Vol.2

資料:ビズ・アーツ作成

UI/UX改善後の主要画面の遷移図

記事一覧トップ

記事検索

試し読み記事詳細

購入モーダル

定期購読申込み説明

ブックマーク記事一覧

メニュー

週間天気予報

Page 8: スマホニュースアプリ「全国農業新聞電子版」のUI/UXデザイン改善 Vol.2

資料:ビズ・アーツ作成

記事一覧トップ画面

Page 9: スマホニュースアプリ「全国農業新聞電子版」のUI/UXデザイン改善 Vol.2

資料:ビズ・アーツ作成

試し読み記事詳細画面

Page 10: スマホニュースアプリ「全国農業新聞電子版」のUI/UXデザイン改善 Vol.2

資料:ビズ・アーツ作成

週間天気予報画面

Page 11: スマホニュースアプリ「全国農業新聞電子版」のUI/UXデザイン改善 Vol.2

資料:ビズ・アーツ作成

定期購読申込み説明画面

Page 12: スマホニュースアプリ「全国農業新聞電子版」のUI/UXデザイン改善 Vol.2

資料:ビズ・アーツ作成

今後のUI/UXデザインの方向性案

近くのコミュニティやセミナー情報を見ることができる。

アプリ内で農業に関する質問や悩みを投稿すると、回答がもらえる掲示板。

EC機能(農業に必要な備品をアプリ内でワンタッチ購入)