Riot.jsを使って検索結果ページを作った話

Transcript

1. Riot.jsを使って日経電子版の検索結果ページを作った話 菊地武志 日本経済新聞社 デジタル編成局 編成部
2. 自己紹介 名前：菊地武志 所属：日本経済新聞社 先週末にフジロックに行ってきたのですが、ポケモンはあまりいませんでした。 日経での役割：日経電子版のデザインやコーディングをしてます ポケモンgoのトレーナーレベル：6
3. Riot.jsを使って検索結果ページを作りました
4. 以前の検索結果ページ • 重い • ごちゃごちゃしてる • 検索結果以外の動線 が多い
5. 作り変えるねらい 検索という能動的なアクションをするプレミアムユーザーを成功体験に導きたい。 それにより繰り返し検索され、回遊性が上がることを期待したい。（検索ページPVのアッ プ） 検索 目的のページ発見 目的達成 成功体験を経験 成功体験を 繰り返させる。
6. できました http://s.nikkei.com/2amzNrw
7. 制作スケジュール 4月 5月 6月 7月 もやもや した感じ GW 初めてRiot.jsを さわる ほぼ完成！ 政治的な社内調整 リリース PDCA 制作 わずか3週間程度で完成
8. Riot.jsにして良かったこと • 学習コストが低い（フロントエンドエンジニアじゃなくても作 れる） • 実装が簡単 • ソースが軽いため読み込みが早い • 内制で作れたため制作コストが安い
9. ありがとうございました 日経電子版では、エンジニアを募集しています。 dg_lab@nex.nikkei.co.jp