Daily UI #016 ニュースアプリ

おはようございます。今日はニュースアプリをデザインします。

見ているニュースアプリといえば、何でしょうか。

HuffingtonPost、Newspick、Techcrunchくらいですかね。

Twitterで流れてくるものなどを見るので、他には見てないのですが、がんばって作っていきます。

お題はこちら。

そして完成品はこちら。

ロゴにメカ感を出してしまい、男子っぽくなってしまいました…。キラキラ女子も見てくれるかな。

コンセプト

●ペルソナ 
・25歳、ポジティブ女子
・電車通勤
・企画部に配属された
・図やチャートグラフでニュースをチェックしたい
・IT系に勤務

●機能面
・テクノロジー関連のニュースに特化
・タグで検索可能
・ジャンルをアイコンで表示

ユーザー課題の想像

・電車通勤時に使用したい。
・アイコンや図式でニュースを知りたい
・電車内で確認したニュースを後でじっくりみたい
・IT業界に特化したニュースだけをみたい

使ったフォント・色

●フォント
Avenir かっちりしてそうだけど、カーブが箇所に入っていて、柔らかい印象もあって、私は結構日常でも多用しています。

●色
選定は合っていたのかわかりませんが、IT系なので、黒白ベース。黒を深い紺にして柔らかさを出したつもり。ニュースは淡い水色、ボタンはオレンジで統一。

参考アプリ・参考サイト

Newspick、TechCrunch

制作にあたっての工夫点

・ロゴをテック系、IT系のイメージ合わせて制作
・アイコンでカテゴリーを細かく表現できた
・ニュースを後で読む機能をつけた
・大カテゴリーから小カテゴリーをアイコンで表現し、本当にみたいニュースだけをソートできるように設計
・透明度を使って、指定されているアイコンが何かがわかる

振り返ってみての改善点

・実際のニュースボックスにもカテゴリーのアイコンを小さく入れて、どんなニュースか読まなくてもわかるように改善できた
・女性ターゲットの割に色使いが男子っぽくなってしまった。（これではITガチガチ感が出てしまう？）

制作時間：1時間40分　20分：アイデア構想　1時間10分：デザイン制作