マガジンのカバー画像

Farmnote Member's Notes

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

#UI

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

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

Daily UI #012 ECは、3つのゴールに向かって導線が作られていそう

ファームノートでUXデザイナーをやっている秋山ウテです。 今回はECサイトにFigmaで挑戦しました。 で、海外の人がよく反応してくれるので、日本ならではの商品なにかなと思い、卵かけご飯(これ日本ぐらいしか食べられないらしいですね。)を題材にしました。 最終的に3つのゴールがある…かも同じ課題作がDribbleにも上がっているんですが、見て思ったのはこんな感じ。 ①視覚面 - 手に取れない分写真を大きく表示している ②導線面 - 最終的に3つの着地点を用意している ③情

Daily UI #013 ビジネス系とプライベート系のチャットでは情報配置が違った

ファームノートでUXデザイナーをやっている秋山ウテです。 今回はダイレクトメッセージにFigmaで挑戦しました。 右から自分&左から相手or左から自分と相手同じ課題作がDribbleにも上がっているんですが、見て思ったのはこんな感じ。 ①Instagram、LINEなどなどは自分は右、相手は左から ②ビジネス系のチャットは自分も相手も左から ③カーニングにも挑戦 プライベートでよく使うメッセージアプリとビジネス系のメッセージアプリには情報の配置に違いがありました。

Daily UI #014 Keynoteでカウントダウンタイマーを作る方法

ファームノートでUXデザイナーをやっている秋山ウテです。 今回はカウントダウンタイマーにプレゼンテーションソフトのKeynoteで挑戦しました。 アニメーションを手軽に作れるKeynote、やばいアニメーションやモーションを作るツールは、Adobe animationとかいろいろあります。 でも、Macに標準で入っているKeynoteでもアニメーションやムービーが作れるんですよ。 仕事でちょっとしたムービーを作りたかったり、スライドの納得度を上げるためにアニメーション

Daily UI #015 シンプルなOn-Offボタンでどう差別化するか

ファームノートでUXデザイナーをやっている秋山ウテです。 今回はOn-OffボタンをAtomicで挑戦しました。 右から自分&左から相手or左から自分と相手同じ課題作がDribbleにも上がっているんですが、見て思ったのはこんな感じ。 ①On-Offボタンのパターンはほぼ1つ ②シンプルな形状だからこそ、アニメーションで差がついている 順番に見ていきましょー。 ①On-Offボタンのパターンはほぼ1つOn-Offボタンというと、こういった形状が多いようです。 実生

Daily UI #016 UXを損なうポップアップとどう向き合うか

ファームノートでUXデザイナーをやっている秋山ウテです。 今回はポップアップにFigmaで挑戦しました。 また、下記記事を参考にしています。 一般的にはユーザーに嫌われるポップアップ同じ課題作がDribbleにも上がっているんですが、見て思ったのはこんな感じ。 ・「SALE開催中」や「今すぐユーザー登録」などの内容が多い印象 ・画面いっぱいに表示されるものが多い印象(PCを想定している?) 一方で、記事によると、購入やユーザー登録などのコンバージョンを意識したポップ

Daily UI #024 脱スキューモーフォズムな航空券

ファームノートでUXデザイナーをやっている秋山ウテです。 今回は航空券です。 また、先日発売されたこの本の「Minimal & Clean」も参考にしてまーす。 脱スキューモーフォズム的な作り 同じ課題作がDribbleにも上がっているんですが、見て思ったのは、リアルの航空券に似た形状のものが作品として多いこと。 現実にある物質に似せて作るのをスキューモーフォズムといいます。(ざっくりですが...) 昔のiOSアプリのメモ帳とかは現実の紙に似せて作られていましたが、