awesome product design

素晴らしい製品デザイン

製品デザイナー向けのブックマーク、リソース、記事のコレクション。

デジタル製品設計は、正式なソリューションで機能的な問題を解決するための反復設計プロセスです。デジタル製品デザイナーは、実際の問題を特定し、可能な限り最良のソリューションを提供し、その特定のソリューションの需要を示している市場にそれを立ち上げます。

プルリクエストで面白いものを追加してください。

コンテンツ

• 研究
• UX
• ui
• ビジュアル
• プロトタイプ
• アクセシビリティ
• 書き込み
• データ
• IoT

研究

方法

意思決定

• Untools-問題を解決し、意思決定を行い、システムを理解するのに役立つツールとフレームワーク。

研究計画

• Smashing Magazine-利害関係者が愛するUX研究計画。
• NNグループ - ユーザー調査のプロジェクト管理：計画。
• インタラクションデザイン - 1ページのユーザー調査計画。
• Branding5-デザインの基礎としてブランドのポジショニングを作成します。

ユーザーインタビュー

• NNグループ - 多くの弱点にもかかわらず、インタビューは探索的ユーザー調査のための貴重な方法です。
• uxdesign.cc-ユーザーインタビューを最大限に活用する方法。

利害関係者のインタビュー

• ボックスと矢印 - 利害関係者にインタビューするためのチートシート。
• UX Apprentice-利害関係者インタビューテンプレート。
• 相互作用設計 - UXの利害関係者インタビューの準備。

研究統合

• UXの動き - ユーザー調査を使用可能なデータに変える方法。
• スライドシェア - デザイン研究統合。
• メディア - ユーザー調査の合成にTrelloを使用します。
• TUTS+ - アフィニティ図を準備して使用する方法。
• 中 - アフィニティ図：ヒントとトリック。

競争分析

• Xtensio-方法：競争力のある分析を作成します。
• Hootsuite-競争分析テンプレートは、競争を裏切るのに役立ちます。

行われる仕事

• Intercom-ジョブストーリーを使用した機能の設計。
• JTBD-ユーザーストーリーをジョブストーリーに置き換えます。

ペルソナ

• usability.gov-ペルソナの目的は、主要な視聴者の信頼できる現実的な表現を作成することです。
• UX Mag-ペルソナ：優れたユーザーエクスペリエンスの基礎。
• TUTS+ -UXデザインへのペルソナの定義と適用。

共感マップ

• UX PIN-共感マップの実用ガイド：10分間のユーザーペルソナ。
• Boagworld- UX設計用の共感マップの適応。

ストーリーボード

• UXマガジン - ソフトウェア設計プロセスのストーリーボード。
• ミディアム - UXデザインのストーリーボード。
• NNグループ - カスタマージャーニーマップをいつ作成するか。
• UX Lady-マップ、ユーザーの旅などを体験してください。
• Smashing Magazine-カスタマージャーニーマッピングについて知る必要があるすべて。
• ミディアム - エクスペリエンスマップの構築方法。

記事

• Smashing Magazine -The Rainbow Spreadsheet：共同リーンUX研究ツール。
• Coglode-一口サイズの行動研究分析。

テスト

• ユーザーテスト - 顧客の洞察のロックを解除し、収益を増やします。
• 最適なワークショップ - あなたとあなたのチームが自信を持ってデザインの決定を下すのに役立つユーザー調査プラットフォーム。
• 成功を測定 - UXデザインの成功（または失敗）をどのように測定しますか？
• ルックバック - シンプルで強力なユーザー調査。
• 完全なストーリー - あなたの顧客体験について何を知りたいですか？
• Desinion-あなたの会社やクライアントの会社のために、賢く情報に基づいた設計上の決定を下します。
• 猿の調査 - 本能を洞察に変えます。
• ETNIO-ユーザー調査のために実在の人々を傍受します。

UX

ガイドライン

• UXブックマーク - 世界中の最高のUX Webサイトのコレクション。
• Gov.uk-政府チームが優れたデジタルサービスを作成して実行するのを支援します。
• 方法18F-プロジェクトに人間中心のデザインをもたらすツールのコレクション。
• ガイド18F -18Fガイドは、チーム全体のベストプラクティスのリポジトリです。
• usability.gov-ユーザーエクスペリエンスの改善。
• 内側ラボアムステルダム - 設計方法ツールキット。
• デザインキットIDEO-創造性を解き放つためのステップバイステップガイド。
• Gamestorming -Gamestormingは、世界中のイノベーターが使用する一連の共同作成ツールです。

記事

• UX Magazine -UX Magazineは、エクスペリエンスデザインのすべての側面を探索する無料のコミュニティリソースです。
• UXブース-UXブースは、ユーザーエクスペリエンスコミュニティによる出版物です。
• UXマスタリー - ユーザーエクスペリエンスの専門家が始めて良くなるのを支援します。
• UX Myths-誤った信念ではなく、証拠に基づいて製品を構築します。
• リストと離れて、リストのままで、Webコンテンツのデザイン、開発、意味を探ります。
• 52週間のUX-実在の人々のために設計するプロセスに関する談話。
• UX PIN- UXデザインのすべてのファセットを探索するガイド、記事、電子ブック。
• IXDライブラリ - 相互作用設計に関連する材料のコレクション。
• Lukew-デジタル製品デザインの背後にある重要な詳細と全体像に関する出版物。
• NNグループ - エビデンスに基づいたユーザーエクスペリエンス調査、トレーニング、コンサルティング。
• 情報設計 - 1997年以来、Infodesign Hedsign。
• Intercom-デザイン、顧客の成功、スタートアップブログ。
• uxdesign.cc-ユーザーエクスペリエンス、ユーザビリティ、製品設計。 uxdesign.ccをフォローしてください。
• UX反応 - 楽しいもの。

ツール

• UXレシピ - このプロジェクトは、「UX」という用語の客観化に対する個人的なマニフェストです。
• UXチェックリスト-UXプロジェクトチェックリスト。
• ux stackexchange -uxスタック交換は質問および回答サイトです。

ui

ガイドライン

• Ant Design -Enterpriseアプリケーション向けのUIデザイン言語。
• iOSガイドライン - Appleプラットフォームとシームレスに統合する優れたアプリを設計するための詳細な情報とUIリソースを取得します。
• Googleマテリアル - マテリアルデザインは、デジタルエクスペリエンスを作成するための理論、リソース、ツールを組み合わせた統一されたシステムです。
• Google Design -Google Designは、Googleのデザイナー、作家、開発者のグループが率いる協力的な取り組みです。
• Facebookデザイン - Facebookのデザイナーが作成した記事、ビデオ、リソースのコレクション。
• USTWO -Pixel Perfect Precision Handbook 3。
• Vinsol-デザイナー向けのヒント：開発者から。

インスピレーション

• PTTRNS-すべての設計リソースの母親。
• アイデアへの呼びかけ - あなたの想像力を明るくしてください！
• Android Niceties- Android UIコンベンションに関するインスピレーションと洞察を提供することを目指しています。
• 素敵なUI-モバイルUI要素のコレクション。
• ブライアン・ロビン - 最高の製品の視覚的探求。
• インスピレーションを受けたUI -iOSモバイルアプリのデザインパターン。
• Sloppy UI-それはすべて、トローリングではなく、知的誠実さについてです。

ツール

• パターンラボ - パターンラボを使用してアトミックデザインシステムを作成します。
• 巨大 - スタイルガイドの作成と維持を簡単にするためのツール。
• Figma Bootstrap 5 UI Kit -UIキットは、Atomic Design SystemとAuto Layoutで構築された300以上の編成されたブートストラップ5コンポーネントを含む5つのコンポーネントを含む。
• スケッチブートストラップ5 UIキット - アトミックデザインシステムとスマートレイアウトで構築された300以上の整理されたブートストラップ5コンポーネントを含むUIキット。

ビジュアル

リソース

• 設計原則FTW-インターネット上のデザイン原則の最大のコレクション。
• Awesome Design Systems-デザインシステム、パターンライブラリ、およびその間のすべてのキュレーションリスト。
• 素晴らしいスケッチ - デザイナー、開発者などのための素晴らしいスケッチビデオ、記事、プラグインなどのキュレーションリスト。

アイコン

• 象徴的な使用 - 象徴的なことに会います。最新のWeb向けに設計された決定的なアイコンセット。
• アイコンファインダー - 1,739,045個のアイコンを検索するか、42,226個のアイコンセットを閲覧します。
• 私たちはアイコンフォントが大好きです - これは無料でオープンソースのアイコンフォントホスティングサービスです。
• 名詞プロジェクト - すべてのアイコン。
• ICONMONSTR- 263コレクションで3847+無料の簡単なアイコンを発見します。

フォントファウンドリー

• Open Foundry-ノイズフリー環境でのオープンソースフォント用の新しいプラットフォーム。
• 使用と変更 - リブルまたはオープンソースのライセンス、タイポグラフィ、および自由な文化愛好家によって選ばれたオープンソースのライセンスの下で配布される現代のフォントセットを提供します。
• フォントファブリック-FontFabricは、独立したタイプのファウンドリーです。
• フォントリス - 無料のフォントユートピア。
• 再生タイプ - 100を超えるフォントと500近くのフォントウェイトの選択を参照してください。
• IdentyFont-主要な機能に関する質問に答えることにより、フォントを識別します。

タイポグラフィ

• NNグループ - タイポグラフィ用語チートシート。

色

• Coolors-超高速カラースキームジェネレーター！
• カラー愛好家 - クリエイティブコミュニティ。
• カラーハント - カラーハントは、色を愛するすべての人にとってソーシャルプラットフォームです。
• ブランドカラー-1100以上のカラーコレクションSASS、LESS、スタイラス、CSSで利用可能。
• ATMOS-カラーパレットを作成するために必要なすべて
• Branition Colors-ブランディングに最適なカラーパレットの手で覆われたコレクション。

ストック画像

• Unsplash-無料（やりたいことは何でも） - 高解像度の写真。
• StockSnap-毎週追加された数百の高解像度画像。
• Pixbay-どこでも使用できる無料の画像とビデオ。
• ジェイ・マントリー - 無料の写真（CC0）。
• Get Refe-ロイヤリティフリーで高品質の実生活の写真。
• ISO共和国-ISO共和国は、クリエイティブプロフェッショナルに無料のストックフォトを提供しています。
• すべての無料株式-1つの場所で無料のストック画像、ビデオ、音楽、アイコンをすべて入手してください。
• PEXELS-フィルタリング、ナチュラル、コマーシャルなど、さまざまなスタイルの無料ストック画像。
• UNDRAW-想像して作成できるすべてのプロジェクトのオープンソースイラスト。

ストックビデオ

• Vimeo-無料の個人、企業、または商業使用のためのロイヤリティフリー株式ビデオ。

ツール

• Polarr -Photo Editor。
• LiceCap-シンプルなアニメーション画面キャプチャ。
• ハンドブレーキ - ハンドブレーキは、ビデオをほぼすべてのフォーマットから、広くサポートされているコードの選択に変換するためのツールです。

プロトタイプ

記事

• 12の原則 - アニメーションの12の基本原則は、ウォルトディズニースタジオの「老人」によって開発されました。
• HOVERSTAT-代替デジタルデザインの本拠地。
• マイクロインタラクション - 詳細を備えたデザイン。
• モーションUIデザイン - インスピレーションのためのリソース、モーションUIデザイン、アニメーション、トランジションに関連するソフトウェア、ライブラリ、その他のもののリスト。

ソフトウェア

• POP -POPは、ペンや紙のアイデアをインタラクティブなiPhoneまたはAndroidプロトタイプに変えるのに役立ちます。
• Invision-世界をリードするプロトタイピング、コラボレーション、ワークフロープラットフォーム。
• マーベル - シンプルなデザイン、プロトタイピング、コラボレーション。
• Flinto -Flintoは、デザイナーがモバイル、デスクトップ、またはWebアプリのインタラクティブなプロトタイプをすばやく作成できます。
• 折り紙スタジオ - アイデアを探索、反復し、テストします。
• Framer-Oll-in-One Design Workflow。
• Proto-アプリのように見えて機能する完全に相互作用する高忠実度のプロトタイプを作成します。コーディングは必要ありません。
• プロトピー - プロトピーは、高度で高度にインタラクティブなプロトタイプを構築するための最も簡単なプロトタイピングツールです。

ツール

• LOTTIE-すべてのネイティブアプリに高品質のアニメーションを簡単に追加できます。
• Keynotopia -Keynotopiaは、モバイル、Web、デスクトップのUIモックアップを作成するための基調講演とPowerPointを最高の迅速なプロトタイピングツールに変換します。

アクセシビリティ

記事

• gov.uk-サービスをアクセスできるようにする：はじめに。
• Smashing Magazine-色のコントラストとそれを再考する理由。
• ミディアム - デザイナーのアクセシビリティ。あなたのRGBに気をつけてください。
• Web信頼できる - 視覚的なデザインと色のアクセシビリティ。
• リストアパート - 簡単な色コントラストテスト。

ツール

• Wave -Webアクセシビリティ評価ツール。
• コントラスト比 - 任意の2つの有効なCSS色のコントラスト比を計算するツール。
• スヌーク - 色のコントラストチェック。

書き込み

• Google Trends-ストーリートレンドのトレンド。
• Google ngram -Google Books ngram Viewerにフレーズを入力すると、本のコーパスでこれらのフレーズがどのように発生したかを示すグラフが表示されます。
• ヘミングウェイ - ヘミングウェイアプリは、あなたの執筆を大胆で明確にします。
• 読み取り可能 - 誰かの注意を引くために7秒があります。 Readable.ioは、ノイズを切り取るのに役立ちます。
• 作家 - あなたの文章はどれほど読みやすいですか？
• Taskade-コラボレーティブエディターとアウトライナー。

データ

• ロンドンデータストア - ロンドンデータストアは、無料でオープンなデータシェアリングポータルです。
• yougov-私たちは参加の力を信じています。
• data.gov-政府部門や機関、公的機関、地方自治体によって発行されたデータを見つけます。
• テートコレクション - ここでは、約70,000のアートワークのメタデータを紹介します。
• NASA-データ、コード、APIを無料で設定しています。

IoT

記事

• IoT Weekly News-モノのインターネットでJustin Grammensによる手で選ばれた記事を購読してください。
• IoTアジェンダ - IoT製品ではなく、IoTユーザーエクスペリエンスを設計します。
• すべてのためのIoT-モノのインターネットの設計 - 5つの重要な原則。

ツール

• ノードレッド - モノのインターネット用の低ベースのプログラミング。