212 Views
August 04, 14
スライド概要
7/16の勉強会にて発表された資料です。
Yahoo! JAPAN DeNA「iOSエンジニア・UI/UXデザイナー勉強会」
http://dena.com/campaign/2014/yahoo_dena/
2023年10月からSpeaker Deckに移行しました。最新情報はこちらをご覧ください。 https://speakerdeck.com/lycorptech_jp
タブレット版 Yahoo!ニュースアプリ のこだわり
⾃自⼰己紹介 ⽥田中 淳⼦子 デザイナー 2008年年 ヤフー新卒⼊入社(デザイナー職) … UI設計メイン 2013年年04⽉月 ニュース担当 「根性あるよね」 「しなるよね」 「平和だよね」
Yahoo!ニュースアプリの紹介 スマートフォン版 タブレット版 2013/7/1 iPhone版アプリを公開 2013/11/20 Android版アプリを公開 2014/3/3 iPad版アプリを公開 2014/6/30 Android版タブレットアプリを公開
プロダクトについて 1日のはじまりと1日の終わりに。 世の中の「今」を知るYahoo!ニュース
プロダクトについて 忙しい朝は1分で。 主要ニュース、天気が一目で分かる
プロダクトについて 帰宅後はじっくり。 経済、スポーツ、トレンド…。豊富なコンテンツ
プロダクトについて スライドショーで手軽にニュースをチェック。 ※Android版は近日 準備
プロダクトについて 背景の着せ替えで あなた好みのデザインに
設計する上でのこだわりテーマ 当たり前を上質に 〜~とにかく読みやすく〜~
当たり前を実現するためにやった事 デバイスの特性を知る ! • • • • いつ使われてるの? どうやって使われてるの? 誰がつかってるの? 他
当たり前を実現するためにやった事 Yahoo!ニュースユーザーを知る ! • • • • • 何を期待してるの? 何が好まれてるの? どんな人たちが見てるの? いつどこで見てるの? 他
当たり前を実現するためにやった事 ニュースの需要を知る ! • • • • • 世の中のニュースってなに? 何が好まれてるの? どんな人たちが見てるの? いつどこで見てるの? 他
当たり前を実現するためにやった事 競合を知る • • • 見せ方について 仕様について 他
当たり前を実現するためにやった事 Yahoo!ニュースを知る • • • • • 仕様について どうやって作ってるの? 既にどんなプロダクトがあるの? 何をめざしてるの? 他 編集 企画 技術 デザイナー
当たり前を実現するためにやった事 メンバーと「ユーザー」を共有し確認+発⾒見見 ! ※吉田さんは架空の人物です ※大川さんは架空の人物です
コンセプト スマートフォンアプリとはすみ分け 朝と夜の⾃自宅宅利利⽤用時間帯に最適化 朝 さくっと。 今⽇日のニュースを俯瞰してチェック ⽇日中はスマホ 夜 じっくり。 興味のままにたくさんの情報を
仕様の検討 競合をもとに展開 !
こだわりポイント 1 忙しい朝は1分で。 主要ニュース、天気が一目で分かる これだけは押さえておきたい トピックス8本+α 縦⼀一列列のトピックスの価値を保持 ⼀一直線の⽬目の動き 毎朝ニュースを開くハードルを下げる
こだわりポイント 2 帰宅後はじっくり。 経済、スポーツ、トレンド…。豊富なコンテンツ 気が済むまで深堀 ⼀一覧を⾒見見失わない安⼼心感 迷いようのないシンプル構成 どんどん下に続く (ほぼ)エンドレスな記事消費体験
こだわりポイント 3 スライドショーで手軽にニュースをチェック。 準備 忙しい朝に○○しながら ニュースを確認できる
成果 アプリの評価も上々
成果 「朝晩2回」のタブレット利用シーンを変革! ■Y!全体のタブレットアプリ利用傾向 ■Y!ニュースタブレットアプリ利用傾向 UXデザイン!
おわり ありがとうございました。