マガジンのカバー画像

Farmnote Member's Notes

223
ファームノートで働く人々のマガジンです。 「世界の農業の頭脳を創る」ことを目指して日々奮闘している僕らの日常や学びなどを発信しています。
運営しているクリエイター

#Webデザイン

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

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

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

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

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 #004 「電卓」にチャレンジ!

ファームノートでUXデザイナーをやっている秋山ウテです。 本日は電卓を作る課題です。 Dribbleにアップ中の作品を見て思ったこと同じ課題作がDribbleにも上がっているんですが、見て思ったのはこんな感じ。 ①無機質な作りのものが多い(という印象) ②パーツそれぞれに黄金比が用いられているケースがある ③ボタンが丸くシャドウがかかっている(押せる感) 順番に見ていきまーす。 ①電卓をそのまま作るとめっちゃ無機質電卓をそのまま再現すると、当たり前ですが機械的で無機

Daily UI #007 情報入力のパターンは3つに分類できた

ファームノートでUXデザイナーをやっている秋山ウテです。 本日は設定画面を作る課題です。 設定のパターンが多岐に渡る系といえば、ラーメンの注文ですよね(?) ってことで、ラーメンの注文をイメージして設定画面を作りました。 作って思ったんですが、テーマ設定でドンズべりしてますが、気にせずいきます…! 迷いなく入力ができるインターフェースとは?同じ課題作がDribbleにも上がっているんですが、見て思ったのはこんな感じ。 ①”設定”の表現パターンは大きく3つ ②プルダウン

Daily UI #008 異常を伝え次へ誘導

ファームノートでUXデザイナーをやっている秋山ウテです。 本日は404ページを作る課題です。 日本人が作った404ページと海外の方の404ページに違いはありましたが、2つの点で共通するものがありました。 現状を伝え次への移動を促す同じ課題作がDribbleにも上がっているんですが、見て思ったのはこんな感じ。 ①エラー(異常)を伝える ②日本においては”謝り”、海外では”Oops!” ③ホームボタンなどで次への移動を促している 順番に見ていきましょー。 ①エラー(異常