Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Product development and design systems at Farmnote

Avatar for Kay Kay
August 05, 2019
Design
1
3.4k

Product development and design systems at Farmnote

ファームノートにおけるプロダクト開発とデザインシステム

Avatar for Kay

Kay

August 05, 2019
Tweet

Other Decks in Design

See All in Design
AIでデザインをつくる：基礎編
Avatar for 太田賢一 kenichiota0711
3
2.5k
デザインを信じていますか
Avatar for sekig(ojiee) sekiguchiy
1
960
越境するデザイン人材：デザイナーが社会資本となる世界へ
Avatar for Goodpatch Inc. goodpatch
1
500
見過ごさない誠実さ_アクティブバイスタンダーとIntegrityが支えるアジャイル文化 / integrity-and-active-bystander
Avatar for Aki spring_aki
1
290
企業にデザインが融けたとき、デザイナーにできること。事業会社12年間の探究と葛藤 / Designship2025
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
0
1.4k
From the Visible Crossroads: Turning Outputs into Outcomes
Avatar for takai_kanako takaikanako
2
1.1k
【MIXI MEETUP！ー TECH & DESIGN DAYー】【工数98%削減】Xでモンストを話題にせよ！生成AIの活用で日本トレンド6位を獲得した企画の設計&デザイン術
Avatar for MIXI DESIGN mixi_design
PRO
0
200
2026年の勢い / Momentum for 2026
Avatar for bebe bebe
0
350
root COMPANY DECK / We are hiring！
Avatar for 株式会社ルート root_recruit
2
26k
【サイバーエージェント】Creative Switch 会社説明資料
Avatar for 【CyberAgent】クリエイター新卒採用 cyberagent_creators
0
5.1k
mount_company_profile
Avatar for mount inc. mount_inc
0
4.9k
チームをデザイン対象にする / Design for your team
Avatar for 株式会社カミナシ kaminashi
1
550

Featured

See All Featured
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
Avatar for AKADEMIYA2063 akademiya2063
PRO
1
54
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.4k
The Web Performance Landscape in 2024 [PerfNow 2024]
Avatar for Tammy Everts tammyeverts
12
1k
The Illustrated Guide to Node.js - THAT Conference 2024
Avatar for David Neal reverentgeek
0
260
Primal Persuasion: How to Engage the Brain for Learning That Lasts
Avatar for Mike Taylor tmiket
0
250
Applied NLP in the Age of Generative AI
Avatar for Ines Montani inesmontani
PRO
4
2k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
750
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
Avatar for David Neal reverentgeek
1
350
The agentic SEO stack - context over prompts
Avatar for schlessera schlessera
0
640
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
45
8.7k
Docker and Python
Avatar for Tania Allard trallard
47
3.7k
Color Theory Basics | Prateek | Gurzu
Avatar for Gurzu gurzu
0
200

Transcript

  1. ファームノートにおける プロダクト開発とデザインシステム BtoB DESIGNERS LT勉強会 #1 - 山岸慧

  2. Kay • UI Designer / Frontend Engineer • 新プロダクト開発 (旧海外事業)

    部 • 帯広←福岡←バンクーバー←東京 • Twitter @kay_ya Designer / Engineer at Farmnote

  3. 前提知識: デザインシステム

  4. “デザインの基準やドキュメント、原則に加えて、基準を達成するためのUIパ ターンやコンポーネントなどのツールキットをすべて備えたもの。” UX MILK - デザインシステムの定義と作成方法、導入事例

  5. 牛群管理とプロダクト開発

  6. None

  7. 新プロダクト開発チーム • PM: 獣医師 • デザイナー / UX リサーチャー •

    デザイナー / フロントエンドエンジニア • デザイナー / アプリケーションエンジニア • バックエンドエンジニア

  8. 牛群管理とドメイン知識 牛個体 畜産業界 牧場形態 現場のワークフロー 海外事情 ユーザーのリテラシー 等々

  9. • 牛群管理に関わるドメイン知識が膨大 • 同じ牧場内でも使われる状況が異なる • 牧場作業者にとっての一般的な UI とは？

  10. 試行錯誤を増やし最適解を見つける

  11. 機能仕様 情報設計 / 画面 デザイン 画面設計 / デザイン システム 画面実装

    ユーザーリサーチ 開発 リサーチ

  12. 開発サイクルの中でのデザインシステム

  13. 機能仕様 情報設計 / 画面 デザイン 画面設計 / デザイン システム 画面実装

    価値検証 ユーザーテスト 開発 リサーチ ユーザーリサーチ

  14. • フィードバックを適用し改善していく • 改善したコンポーネントでさらにデザイン・実装 • 最初から凝りすぎない

  15. None
  16. None

  17. まとめ

  18. • 最初から凝りすぎない ◦ マテリアルデザインベースからスタート • 3人のデザイナー間で気兼ねなくフィードバック ◦ 心理的安全性の高さ • 他の人が使うことを前提に

    ◦ 職人芸のようなコンポーネントは作らない
  19. None

  20. ありがとうございました！