Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Product development and design systems at Farmnote
Search
Kay
August 05, 2019
Design
1
3.1k
Product development and design systems at Farmnote
ファームノートにおけるプロダクト開発とデザインシステム
Kay
August 05, 2019
Tweet
Share
Other Decks in Design
See All in Design
Installing and Running decksh/pdfdeck
ajstarks
1
490
Speaker DeckにおけるGoogleスライドのフォントの問題解決/problem solving for google slides 2023
moriyuya
31
2.6k
Sociotechnical design for software and human systems
xinyao
2
490
SUKEDACHI DESIGN NIGHT発表スライド
sugiyama_sukedachi
0
230
UX/UI改善に貢献するユーザーテストとは? 基礎知識から実施のプロセスまで解説
ncdc
0
320
デザイン組織の一人目マネージャーが啜る泥水と美味しいビールに向けてTRYすること
ryoya_frst
0
180
デザインを誘発する「イネーブルメント」アプローチ #spectrumfest2023 / 20231203
minamitary
0
570
文化に寄りそうデザイン
recruitengineers
PRO
4
910
スタートアップ創業時の CXOのお仕事
tsuyoshika
0
1.5k
デザインテクノロジストが先導する プロダクト開発の世界
degudegu2510
1
360
共創のための地域基盤としての非公式組織の形成 / Informal community as an infrastructure for co-creation
fumiyaakasaka
2
220
デザイナーの帽子をかぶったわたしが、プロダクト開発するうえでスクラムチームに提供したいこと / what I want to provide to Scrum teams when developing products
hiromitsuuuuu
14
4.8k
Featured
See All Featured
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
9
8.3k
The MySQL Ecosystem @ GitHub 2015
samlambert
242
12k
Fontdeck: Realign not Redesign
paulrobertlloyd
76
4.9k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
658
120k
Writing Fast Ruby
sferik
620
60k
Large-scale JavaScript Application Architecture
addyosmani
504
110k
Teambox: Starting and Learning
jrom
128
8.4k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
273
13k
It's Worth the Effort
3n
180
27k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
30
6k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
352
28k
Web development in the modern age
philhawksworth
202
10k
Transcript
ファームノートにおける プロダクト開発とデザインシステム BtoB DESIGNERS LT勉強会 #1 - 山岸慧
Kay • UI Designer / Frontend Engineer • 新プロダクト開発 (旧海外事業)
部 • 帯広←福岡←バンクーバー←東京 • Twitter @kay_ya Designer / Engineer at Farmnote
前提知識: デザインシステム
“デザインの基準やドキュメント、原則に加えて、基準を達成するためのUIパ ターンやコンポーネントなどのツールキットをすべて備えたもの。” UX MILK - デザインシステムの定義と作成方法、導入事例
牛群管理とプロダクト開発
None
新プロダクト開発チーム • PM: 獣医師 • デザイナー / UX リサーチャー •
デザイナー / フロントエンドエンジニア • デザイナー / アプリケーションエンジニア • バックエンドエンジニア
牛群管理とドメイン知識 牛個体 畜産業界 牧場形態 現場のワークフロー 海外事情 ユーザーのリテラシー 等々
• 牛群管理に関わるドメイン知識が膨大 • 同じ牧場内でも使われる状況が異なる • 牧場作業者にとっての一般的な UI とは?
試行錯誤を増やし最適解を見つける
機能仕様 情報設計 / 画面 デザイン 画面設計 / デザイン システム 画面実装
ユーザーリサーチ 開発 リサーチ
開発サイクルの中でのデザインシステム
機能仕様 情報設計 / 画面 デザイン 画面設計 / デザイン システム 画面実装
価値検証 ユーザーテスト 開発 リサーチ ユーザーリサーチ
• フィードバックを適用し改善していく • 改善したコンポーネントでさらにデザイン・実装 • 最初から凝りすぎない
None
None
まとめ
• 最初から凝りすぎない ◦ マテリアルデザインベースからスタート • 3人のデザイナー間で気兼ねなくフィードバック ◦ 心理的安全性の高さ • 他の人が使うことを前提に
◦ 職人芸のようなコンポーネントは作らない
None
ありがとうございました!