458 Views
April 24, 18
スライド概要
2018年4月20日に行われた『Bonfire Design #3』のスライドです。
Yahoo!ニュースで全社デザインシステムを導入した時の、現場の課題や気づきについて発表しました。
ニュースアプリ独自で導入予定のデザインシステムについては、またいつかどこかでお話しできればと思ってます。
2023年10月からSpeaker Deckに移行しました。最新情報はこちらをご覧ください。 https://speakerdeck.com/lycorptech_jp
Design #3 2018.4.20 [FRY] @LODGE 全社デザインシステムとサービスの付き合い方 ヤフー株式会社 鹿山玲子 Copyright © 2018 Yahoo Japan Corporation. All Rights Reserved.
鹿山玲子 ヤフー株式会社 / Yahoo!ニュース デザイナー 写真:XXX Copyright © 2018 Yahoo Japan Corporation. All Rights Reserved.
ヤフーって、知ってる? Copyright © 2018 Yahoo Japan Corporation. All Rights Reserved.
おさらい Copyright © 2018 Yahoo Japan Corporation. All Rights Reserved.
Copyright © 2018 Yahoo Japan Corporation. All Rights Reserved.
Copyright © 2018 Yahoo Japan Corporation. All Rights Reserved.
Copyright © 2018 Yahoo Japan Corporation. All Rights Reserved.
Copyright © 2018 Yahoo Japan Corporation. All Rights Reserved.
Riff Copyright © 2018 Yahoo Japan Corporation. All Rights Reserved.
Riff 既に出来上がっているサービスに 適用させることって出来るの? Copyright © 2018 Yahoo Japan Corporation. All Rights Reserved.
導入にあたってやったこと Copyright © 2018 Yahoo Japan Corporation. All Rights Reserved.
2016.6月 ・対応洗い出し ・難しそうなところの方針検討 ・各プロジェクトで粛々と対応 (7人くらい) 2016.9月 ・Riffへの提案などまとめ ・だいたい作業完了 2017.1月 ・待ちになってた部分など残タスク片付け 現在 ・運用中 Copyright © 2018 Yahoo Japan Corporation. All Rights Reserved.
2016.6月 ・対応洗い出し ・難しそうなところの方針検討 ・各プロジェクトで粛々と対応 (7人くらい) 2016.9月 対応にかけた期間 ・Riffへの提案などまとめ ・だいたい作業完了 5ヶ月 約 2017.1月 ・待ちになってた部分など残タスク片付け 現在 ・運用中 Copyright © 2018 Yahoo Japan Corporation. All Rights Reserved.
検索窓 フォーム セレクトボックス ページャー アイコン Copyright © 2018 Yahoo Japan Corporation. All Rights Reserved.
Copyright © 2018 Yahoo Japan Corporation. All Rights Reserved.
Copyright © 2018 Yahoo Japan Corporation. All Rights Reserved.
Copyright © 2018 Yahoo Japan Corporation. All Rights Reserved.
ふりかえり Copyright © 2018 Yahoo Japan Corporation. All Rights Reserved.
現場目線でよかったこと 1. 汎用的な素材をゼロから作らなくて良くなった 2. 新規ツールを作るときに役立った Copyright © 2018 Yahoo Japan Corporation. All Rights Reserved.
対応するための工数、対応後の運用・・ 決して作業は楽にはならない Copyright © 2018 Yahoo Japan Corporation. All Rights Reserved.
運用が・・ 1. HTMLも配布されているけど、クラス名ごと変わってしまうと影響 が大きく、導入できない・・ 2. アイコンをウェブフォントで読み込んでいたら、いつの間にか名前 が変わっていて読み込めなくなったり・・ Copyright © 2018 Yahoo Japan Corporation. All Rights Reserved.
サービス目線でよかったこと 1. トップページと見た目の統一感ができた 2. ユーザーにとってわかりやすく使いやすい状態に近づいた Copyright © 2018 Yahoo Japan Corporation. All Rights Reserved.
感想 ・既存のサービスに適用するのは、一応できる。 ・大変だけど、やったほうがいいのは明らかなので協力して出来た ・デザインシステムがある状態からだと、新規の案件がはかどる! Copyright © 2018 Yahoo Japan Corporation. All Rights Reserved.
感想 ・既存のサービスに適用するのは、一応できる。 ・大変だけど、やったほうがいいのは明らかなので協力して出来た ・デザインシステムがある状態からだと、新規の案件がはかどる! Copyright © 2018 Yahoo Japan Corporation. All Rights Reserved.
生まれたもの Copyright © 2018 Yahoo Japan Corporation. All Rights Reserved.
デザインシステム作ってみた Copyright © 2018 Yahoo Japan Corporation. All Rights Reserved.
Coming soon… Copyright © 2018 Yahoo Japan Corporation. All Rights Reserved.