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
3.4k
1

Product development and design systems at Farmnote

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

Avatar for Kay

Kay

August 05, 2019

Other Decks in Design

See All in Design
「ツール」から「パートナー」へ。AI伴走時代のUXデザインとは？～操作を減らし、成果を最大にするための設計～
Avatar for NCDC ncdc
1
310
kintone Style Book
Avatar for kintone kintone
6
12k
「バイブコーディングって何？」から始まった、 AIとの一年間と、その先のこと
Avatar for 瀬戸英晴 seto
0
190
改正JISを見据えた、企業のアクセシビリティ対応ロードマップ
Avatar for Yu Morita securecat
1
290
モビリティプラットフォームの未来を築くクラウド基盤
Avatar for Hajime KOSHIRO kossykinto
0
250
Storyboard Assignment: Storyboard from Comic Strip
Avatar for Mandalyn Teo lynteo
3
240
Signull 団体説明資料
Avatar for Signull signull
0
500
デザインの文脈を理解する：エンジニアがデザインカンファレンスに参加して得た学びと気づき
Avatar for 蛋白（たんぱく・TANPACT） hypebeans
0
150
社長の宿題への回答 「新卒×AI」が生み出す価値
Avatar for さき saki822
2
110
生成AIの不確実性を価値に変える、「ビズリーチ」の体験設計 / KNOTS2026
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
6
980
つくり方を変えていく | change-how-we-build
Avatar for mottox2 mottox2
2
930
mount_company_profile
Avatar for mount inc. mount_inc
0
5.9k

Featured

See All Featured
Avoiding the “Bad Training, Faster” Trap in the Age of AI
Avatar for Mike Taylor tmiket
0
110
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
Avatar for r-kagaya rkaga
61
43k
Code Review Best Practice
Avatar for Trisha Gee trishagee
74
20k
JAMstack: Web Apps at Ludicrous Speed - All Things Open 2022
Avatar for David Neal reverentgeek
1
400
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
Avatar for Liv Day livdayseo
0
92
Redefining SEO in the New Era of Traffic Generation
Avatar for Szymon Słowik szymonslowik
1
260
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
Avatar for Mfonobong Umondia mfonobong
2
350
Max Prin - Stacking Signals: How International SEO Comes Together (And Falls Apart)
Avatar for Tech SEO Connect techseoconnect
PRO
0
140
Neural Spatial Audio Processing for Sound Field Analysis and Control
Avatar for NII S. Koyama's Lab skoyamalab
0
240
Stop Working from a Prison Cell
Avatar for Chris Michel hatefulcrawdad
274
21k
Skip the Path - Find Your Career Trail
Avatar for Mark Kilby mkilby
1
93

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. ありがとうございました！