マガジンのカバー画像

あとで読む

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

記事一覧

エモーショナルUIデザイン

エモーショナルUIデザイン

はじめに2013年にスタートアップに参加したことをきっかけに、今までいくつかのデジタルプロダクトのUIデザインに携わってきました。2020年にTakramに参加してからは、さらに多様な事業のプロダクトに関わらせていただいています。この約10年間のあいだに世の中のUIデザインのノウハウは確立されてきており、既存のコンポーネントなどを組み合わせれば、きれいなUIが誰でも簡単に作れる時代になりました。そ

もっとみる
MoT プロダクトマネージャーブログリレー始めました

MoT プロダクトマネージャーブログリレー始めました

以前在籍していたタクシーアプリGOについての記事です。
現在は所属していませんので記載当時の情報としてご理解ださい。
最新情報はGO株式会社までぜひ問い合わせをしてみてください!(多分歓迎されます!)

こんにちは、フリーランスでプロダクトマネージャーをしている @go-go-pdm と申します。
https://twitter.com/go_go_pdm

始めました、ということですでにスタート

もっとみる
🗂️ Design Materials:A / Bテストとは?推測や仮定に依存せずに、簡単で効果的なテストをして、コンバージョン率最適化しよう。

🗂️ Design Materials:A / Bテストとは?推測や仮定に依存せずに、簡単で効果的なテストをして、コンバージョン率最適化しよう。

あなたがWebサイトのコンポーネントをデザインしたり、コンテンツのコピーを書いたり、アクションを促すフレーズのボタンをデザインしたりするとき、デザイナーたちは直感を使って、人々がクリックしてコンバージョンする理由を予測したくなるかもしれません。

しかし推測や仮定に依存するよりも、A / Bテストと呼ばれる簡単で効果的なテストを実行する方がはるかに優れています。

スプリットテスト、または分割テス

もっとみる
フリマアプリのワイヤーフレームを無料で配布します

フリマアプリのワイヤーフレームを無料で配布します

noteにファイルアップロード機能が付いたと聞いて。試しに投稿。

サンプルで作ったフリマアプリのワイヤーフレームを無料で配布します。著作権フリーの扱いにするのでどのような用途に使っていただいても構いません。
・デザイン勉強中で題材がほしい
・フリマアプリを検討するにあたってサクッとワイヤー作りたい
みたいなときに使ってもらえたら幸いです。

今回は「中古車のフリマアプリ」というテーマで作りました

もっとみる
インタフェースデザインの心理学📕

インタフェースデザインの心理学📕

ももやんです。読書第3弾は「インタフェースデザインの心理学」です!

インタフェースデザインの心理学について
この本のテーマ
人間の行動原理に基づいたデザインを提唱している本。人はどう見るか、どう感じるのか、どのように決断するのかを100の指針と例と一緒に紹介しています。

🌟中心視野と周辺視野

中心視野とは
対象を詳細に見る時に使う領域のこと

周辺視野とは
視野のそれ以外の領域。見えてはい

もっとみる
インタフェースデザインのお約束📕

インタフェースデザインのお約束📕

ももやんです。読書第4弾は「インタフェースデザインのお約束」です!

インタフェースデザインのお約束についてこの本のテーマ
サービスのユーザビリティや性能向上のほか、顧客満足度を高めるUXをデザインをするための101のルールを紹介している。

🌟まだ先があることは省略記号を使用するAppleの例

・プリント...をクリックすると設定画面が出てくる
・ 設定をしてプリントを押すとプリントが開始さ

もっとみる
駆け出しデザイナーがざっくりUIの歴史をまとめてみた📝

駆け出しデザイナーがざっくりUIの歴史をまとめてみた📝

ももやんです。今回はUIの歴史について簡単にまとめます🐻

1945~1968年 バッチインタフェース
タイプで穴を開けたパンチカードを読み込ませて命令を送るインタフェース。処理に数日かかることもあった、、😲これは知りませんでした!わざわざ穴開けて、読み込ませて処理に数日、、、便利な世の中に感謝しかないですね😭

1960〜1980年代 キャラクターユーザーインタフェース(CUI)またはコマ

もっとみる
大事なのは基礎!HIGを簡単にまとめてみた🍎

大事なのは基礎!HIGを簡単にまとめてみた🍎

ももやんです。今回はAppleのHIG(ヒューマンインタフェースガイドライン)について簡単にまとめます🐻‍❄️

🌟iOSの3つの大きなテーマiOSのデザインにおける3つの大きなテーマがあります。以下の3つのテーマを意識してアプリをデザインしましょう🔥

・Clarity(明瞭さ)
読みやすいテキスト、わかりやすいアイコン、控えめな装飾、余白、色、フォント、グラフィックを用いて、重要なコンテ

もっとみる
デザイン初心者でもわかる!Material Designのまとめ✨

デザイン初心者でもわかる!Material Designのまとめ✨

ももやんです。今回はGoogleのMaterial Design(マテリアルデザイン)について簡単にまとめます🐶

Material Designの大きなテーママテリアルデザインは、光の反射の仕方や影の出来かたなど、現実世界の法則を取り入れたガイドラインです。紙とインクをベースに考えられており、UI上には階層が存在しています。

🌟SurfacesUIを構成しているコンポーネントは「Surfa

もっとみる
OOUIってなんなのさ!オブジェクト指向UIデザインを読んでみた📕

OOUIってなんなのさ!オブジェクト指向UIデザインを読んでみた📕

ももやんです。今回はオブジェクト指向UIデザインという本について簡単にまとめます🐻‍❄️

📕オブジェクト指向UIデザインについて
この本のテーマ
オブジェクト指向UIデザインとは何か、どのように設計していくかのプロセスに加え、18個の実践問題を紹介しています。

🌟オブジェクト指向UIとタスク指向UIオブジェクト指向UIとは?
オブジェクトを手がかりに操作設計されたUIのこと。オブジェクト

もっとみる
ハード×ソフト×ネット時代の新しい設計論をまとめてみた

ハード×ソフト×ネット時代の新しい設計論をまとめてみた

ももやんです。今回は融けるデザインという本について簡単にまとめます🐻‍❄️

📕融けるデザインについてこの本のテーマ
デザイナーとエンジニアに向けて、ハード・ソフト・インターネットが融けあう時代の、新しいインターフェースデザインの発想の手がかりをまとめた本

🌟パソコンが一般化した理由パソコンはもともとアメリカ空軍や研修者たちが研究内容を共有するために開発されました。では、どのようにパソコン

もっとみる
義務教育で教えて欲しかった、、!UXデザインのあれこれ

義務教育で教えて欲しかった、、!UXデザインのあれこれ

ももやんです。今回はUXデザインの教科書という本について簡単にまとめます🐻‍❄️​

📕UXデザインの教科書についてこの本のテーマ
UXデザインの基礎知識やUXデザインをする上で使える手法を紹介している本。

🌟UXデザインとはユーザーが嬉しいと感じる体験になるように、製品やサービスを企画の段階から理想のユーザー体験を目標にしてデザインしていく取り組みとその方法のことです。

🌟UX白書の

もっとみる
デザイナーなら必ず読んでおきたい!デザインリサーチの教科書

デザイナーなら必ず読んでおきたい!デザインリサーチの教科書

ももやんです。今回はデザインリサーチの教科書という本について簡単にまとめます🐻‍❄️​面白いと思った冒頭部分を重点的に紹介するので、詳しいデザインリーチの手順はぜひ本を読んでみてください🙏

📕デザインリサーチの教科書についてこの本テーマ
デザインの歴史からデザインリサーチのHow To を事細かに紹介している本。

🌟プロダクトデザインの領域の変化

https://www.sony.

もっとみる
プロダクトデザインのアプローチ(中編)― みんなの銀行 × Fjord Tokyo

プロダクトデザインのアプローチ(中編)― みんなの銀行 × Fjord Tokyo

こんにちは。みんなの銀行デザイングループの中村です。「みんなの銀行 × Fjord Tokyo」連載シリーズ第2回の前編では、どのようにアプリ設計に着手し、進めてきたのかをお届けしました。中編のテーマは、みんなの銀行を象徴するシンプル・ミニマルな「白と黒」の配色について。新しく立ち上げる銀行を、なぜこの配色にしたのか。その背景をお話しします。

👇前編はこちら

Fjord Tokyo

みんな

もっとみる