Farmnote Member's Notes

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

もう先月になりますが BtoB のデザイナー勉強会でデザインシステムについて LT をしたので、改めてファームノートにおけるデザインシステムの役割についてまとめてみようと思います。デザインシステムとはデザインシステムの定義と作成方法、導入事例よりデザインシステム：デザインの基準やドキュメント、原則に加えて、基準を達成するためのUIパターンやコンポーネントなどのツールキットをすべて備えたもの。なぜデザインシステムを作っているかファームノートには下記の記事にあるよ

Rive（旧 Flare）でつくる Flutter アニメーション

※ 2020/5/17 アップデート: 最新版で動くことを確認およびリンクを修正 ※ Flutter Interact 2019 で 2Dimensions / Flare は Rive に名称変更すると発表されました: Use Rive and Flutter for dynamic, interactive, & animated experiences (Flutter Interact '19)。こんにちは、UI デザイナー / フロントエンドデベロッパーの ka

#021 『おもてなし幻想』で考えるUXデザイナーの使命

ファームノートでUXデザイナーをやっている秋山ウテです。邦題が刺激的すぎる、話題の『おもてなし幻想』。今回は、この本から、UXデザイナーとしての使命はなんだろうかと考える機会があったので、話していきます。使っていて不自由ない、がロイヤリティにつながる本の中身をざっくりいうと、こんな感じ。よくある間違い = 「顧客の満足を上げればロイヤリティが上がる」データでわかった事実 = 「顧客の不満足を減らせばロイヤリティが上がる」「顧客を感動させればきっとまた買っ

#017 Dribbleがすごく良くてすごく使える

ファームノートでUXデザイナーをやっている秋山ウテです。昨日、仕事であるリストのデザインをやっていました。そんな時、Dribbleっていうサービスに感動したので、その話をします。僕の削除アイコンは古臭かったリストのデザインをしていたんですが、その中で削除アイコンを作る日強がありました。これ見てどんな印象を受けますか？＊note投稿用に項目名など変更しています。薄々自分でも「進入禁止の標識に似てるかもな〜」と思いつつ、先輩にフィードバックをもらいました。（

#022 ”罫線”も一つの情報

ファームノートでUXデザイナーをやっている秋山ウテです。顧客や上司から「情報量が多いなぁ…」と言われたことがある方、いらっしゃるのではないでしょうか。 Figmaでスマートフォン用のある画面を設計していたところ、”罫線”も一つの情報であることに今更ながら気づきました。そんでもって、削るといいことがあることにも気づきました。資料作りを仕事にしている方などに、共有できればと思って、今日はその話を。罫線の有無でこんなに違う特にスマートフォンなどのスペースの限られた画

#023 僕の先輩がhowを教えない理由

ファームノートでUXデザイナーをやっている秋山ウテです。上司や先輩にフィードバックをもらう機会ってありますよね。人それぞれスタイルはあるかと思いますが、みなさんの先輩はどんな感じで受け答えしていますか？今日は、フィードバックをする側の人に向けて、こんな方法もいいよということを偉そうに”される側”からお話しようと思います。いいサービスを作るにはやりがいのある環境が必要今、こんな本を読んでいます。いいサービスを出し続けるためには、『現代における優秀な人（本書では

#026 データを味方にすればデザインの納得度が高まる

ファームノートでUXデザイナーをやっている秋山ウテです。駆け出しデザイナーとして、いろいろお仕事をやらせてもらって気づいたことがあったので、その話を。「イケてるデザインなのに、なんで納得してくれないんだ！」と依頼者から成果物を跳ね返されて、しょんぼりしている方とかに届くとうれしいです。他社を参照するのもいいけど…デザイン一つ一つには、”理由”が必要です。というのも、成果物を依頼者に納得してもらう必要があるから。主義主張だけだと、宗教戦争になりかねません。爆

Daily UI #001 Sign Upにチャレンジ！

ファームノートでUXデザイナーをやっている秋山ウテです。 Daily UIにチャレンジして力つけるぞ！Daily UIっていう、UI力を100日間鍛えるプログラムに参加しました〜いろんなお題が毎日メールできて、それをやる感じ。 UI力もつけて、表現力鍛えるっす〜どんなサービスをイメージしているか？co-inっていうサービスを考えてます。僕は小銭が大嫌いなので、万が一手元にあったら銀行にあずけてます。ただ、銀行が遠い&平日の限られた時間しか受け付けてくれない…

Daily UI #002 Credit Card Checkoutにチャレンジ！

ファームノートでUXデザイナーをやっている秋山ウテです。 2日目に突入です。クレジットカードの入力フォームにチャレンジ今回は、クレジットカード（デビットカードも可）の入力フォーム。 ECとかが普及して、みなさんも入力することが多いのではないでしょうか。フォームのめんどいポイントかくいう僕もEC使うので、クレジットカードの情報を入力します。でも、多くの場合入力がめんどいです。 ①カード番号、②名義人の名前、③有効期限、④セキュリティコードを入れる必要があります。

Daily UI #003 Landing Pageにチャレンジ！

ファームノートでUXデザイナーをやっている秋山ウテです。本日はランディングページを作る課題です。ファームノートでは、僕のnote一式が日報代わりになっておりまして、多くの方が温かい目で見てくれています。特に承認を得ずにガンガンUPしているのですが、前回のアップ後に先輩から「Daily UXをやるんじゃなくて、Daily UIをやるんだよ」や、「Dribbleで参考になるやつ探してからやるんだよ」とありがたい御言葉を賜りました。そこで、今回からは特にUI面に比重を

Daily UI #005 自社のアイコンをもし作ってみたら…

ファームノートでUXデザイナーをやっている秋山ウテです。本日はアプリのアイコンを作る課題です。もし、自社のアプリアイコンを僕が作るとしたら？ってことで、やってみました。 Dribbleの作品を見て思ったこと同じ課題作がDribbleにも上がっているんですが、見て思ったのはこんな感じ。 ①どうやら黄金比なるものを用いている ②フラットなテイストが多い ③使用している色が多くても4〜5色である順番に見ていきましょー。 ①黄金比でアイコン作るのむずかった前回の課題で

Daily UI #006 プロフィールページに挑戦

ファームノートでUXデザイナーをやっている秋山ウテです。本日はユーザープロフィールを作る課題です。 SNSのプロフィール画面をイメージして作りましたー。 Dribbleの作品を見て思ったこと同じ課題作がDribbleにも上がっているんですが、見て思ったのはこんな感じ。 ①カバー写真が画面のふちまで覆っている ②プロフィール写真が丸く縁取られている ③下につづく感を出している順番に見ていきましょー。 ①カバー写真が画面いっぱいに画面いっぱいに写真があることで、迫力

「UXデザイナーは軍師たれ」の意味を考えてみた

ファームノートでUXデザイナーをやっている秋山ウテです。僕の師匠が喫煙所で何気なくこんなこと言っていました。「UXデザイナーってさぁ、軍師みたいなもんだよねぇ。」なんとなーくは理解できたんですが、改めてその意味について考えてみました。目次 1. 一般的なUXデザイナーの定義 2. ファームノートでのUXデザイナーはこんな感じ 3. ①客観的視点の提供 4. ②表現力の提供 5. ③交渉力の提供 6. まとめ一般的なUXデザイナーの定義よく聞くUXデザイナー

動詞で分ければデザインの意図が伝わるんじゃないか説

ファームノートでUXデザイナーをやっている秋山ウテです。おかげさまで、現在結構大きめの改修案件を担当させてもらってます。画面の数がかなり多いので、どうやって分類しようか今朝考えてみました。目次悩ましい画面の分類画面名は”行為”で分ければうまくいくかも視認性が上がってデザインの意図が伝わるかもまとめ悩ましい画面の分類プロトタイプを作ったら、画面数が膨大になって散らかるのは、デザイナーあるあるかもしれません。先日Atomic Designを用いたコンポ

#デザイン