マガジンのカバー画像

デザイン関連お気に入りnote

52
運営しているクリエイター

#UX

非美大卒でも1年半でNewsPicksのデザイナーになれる本16冊

非美大卒でも1年半でNewsPicksのデザイナーになれる本16冊

こんにちは、NewsPicksのデザイナーのよっしーです。

NewsPicks Adventカレンダー16日目を担当させていただくことになりました。とても緊張します...。

9月に入社し現在NewsPicksのアプリの機能改善やブランドの共通言語になるデザインシステム構築、広告バナーやイベント周りのデザイン、採用にも関わらせていただいています。つい一昨日にありがたいことに開発チームの新人賞をい

もっとみる
オンボーディングまとめてみた

オンボーディングまとめてみた

どうすれば新規の定着率は伸びるのか。
サービスの良さがより伝わるのか。

全ユーザーに影響を与えるオンボーディング。自分なりに UI をまとめたのでアップします。

また、今回は UI パターンの前に「オンボーディングとは」の定義からはじめました。概念があいまいに感じたので。ちょっと長いですが、お付き合いいただけると嬉しいです。

オンボーディングとはアプリにおける オンボーディング は 新規ユー

もっとみる
デザインを言葉で説明するの難しい問題 - 分解、検証、翻訳

デザインを言葉で説明するの難しい問題 - 分解、検証、翻訳

フェンリルのプランナーの柴田です。

デザイナーではない人にとって、デザインの良し悪しを判断するのは難しいものですよね。「なんとなく良い」「ピンとこない」まではわかるのですが、「なぜ良いのか」「なぜピンとこないのか」を言葉にするのは、それなりの経験と知識が必要となります。
しかし、そこをきちんと言葉にできないとデザイナーへのフィードバックは難しく、適当な指示で無駄な作業をお願いすることになります。

もっとみる

離脱されがちなSaaSの無料サービスをデザインするときに気をつけた事

SaaS / BtoB / HRtechの株式会社SCOUTERでデザイナーをしています、
たまご(@tamago_78)です!

現在SCOUTER社では、人材紹介エージェント向け / toB / SaaS事業の「SARDINE」のデザインを行っています。

SaaSにおいていくつかのプライシングモデルがある中で、導入ハードルを下げるためにフリーミアムモデルでのユーザー獲得をすることになりました

もっとみる
UIモーション制作ツールまとめ

UIモーション制作ツールまとめ

このnoteは、UIモーションを制作できるツールをまとめた記事です。

ツール多すぎ問題UIモーションはAfter Effects以外に、プロトタイピングツールを使って制作する。
しかしプロトタイピングツールも群雄割拠の時代。
山ほどあるツールから自分の業務に最適なモノを探さなければいけません。
以下では、なんとか厳選して選んだUIモーションツールの精鋭たちをまとめてみた。

3種類のプロトタイピ

もっとみる
自転車のシェアリングサービスアプリを作ってみた by cocoda!

自転車のシェアリングサービスアプリを作ってみた by cocoda!

まずはじめに私は今、電動キックボードのシェアリングサービスを展開している『LUUP』という会社でインターンをしています。

卒業旅行で1人でアメリカのロサンゼルスに行った時に、サンタモニカなどのあらゆる観光地で、黒(bird)と緑(LIME)の電動スクーターをみんな乗り回していて、「ナンダコノノリモノハ」ってなって、Melrose Avenyue〜Hollywoodまで勇気を出して(死ぬ覚悟も持っ

もっとみる
経験経済の次にくる経済はなにか

経験経済の次にくる経済はなにか

ちょうど今から20年前の1998年、みなさんは何歳で何をしていましたか?

その1998年に書かれた本で経験(Experience)が価値となり経済の中心となるという内容の本を安藤先生に教えて頂けました。興味深いのは、経験経済の先まで予測されていて興味深く一気読みしました。翻訳された本で少しわかりにくい表現もありますが、できる範囲で僕なりにまとめてみました。

新たな価値の源泉として「経験」そして

もっとみる
【翻訳してみた】マテリアルデザイン - モーションデザインを理解すること

【翻訳してみた】マテリアルデザイン - モーションデザインを理解すること

前置き
モーションデザインに関する日本語文献の不足を憂い、自身の知見の為にも翻訳をしてみることにしました。こちらはGoogleが発表したUIガイドラインのマテリアルデザインからモーションデザインについての翻訳になります。

引用元 Google - Material Design
Understanding motion - Material Design
※動画像データもこちらから引用させてい

もっとみる
課金 UI まとめてみた

課金 UI まとめてみた

売上を伸ばしたい。
課金率を伸ばしたい。
でも、難しい!

コンバージョンするサブスク UI を勉強したかったので、いくつかのアプリをスクショ。あたまの整理にまとめたのでアップ。

Web の LPO はかなりノウハウ系記事がありますが、アプリのサブスク UI は、まだまだ少ない気がします。誰かの参考になれば嬉しいです。

まとめ内のコメントは個人的感想です。まだまだ勉強中なので、お気軽にご意見い

もっとみる
初心者目線からAirbnbのUI/UXについて考察してみる

初心者目線からAirbnbのUI/UXについて考察してみる

はじめまして、チカです。関西在住の大学生です。

所属学部はゴリゴリの文系ですがもともとデザインにも興味があったことから現在は独学でUI/UXデザインを勉強しています。

勘違いしている部分や間違っている部分も多々あると思います、、見つけたらぜひご指摘をお願い致します、、、!

今回はAirbnbのアプリについて考察してみます。

ここで、そもそも何のための考察か?ということを明らかにしておきます

もっとみる
DailyUI 001 signUp - 登録しやすい新規登録とは

DailyUI 001 signUp - 登録しやすい新規登録とは

アウトプット!アウトプット!アウトプット!

DailyUI 001
登録しやすい新規登録を考えてみました。

目次
はじめに
・何を作ったか
・意識したこと

具体的な工夫点
・遷移をひとつにする
・入力操作をアシストする
・過度な装飾を避け、シンプルに見せる
・わかりやすいフィードバックを示す
・文字を読みやすくする
・少しボタンを多くする

悩んだところ
片手操作をどうするか

おわりに

もっとみる