UI/UX志向で開発する際の関連記事・メディア・ツール・学習教材などなど

これからUI/UXを整理・学習するにあたってリソースを漁ってみました。この分野、かなり曖昧になりがちなのでケースバイケースで考えるしかなかったのですが、現在、手頃な仲間内のプロジェクトがあるので思考とプロセスにこだわってアプリデザインを完成させたいと考えています。その際に参考にする・したドキュメントやリソースなどをここにまとめていきたいと思います。また、プロジェクトを進めるにあたっての個別の記事は別途投稿していきます。

入門編

【動画】What is the UX design process? (2019) 

The UX design process in 6 stages

UXデザイナーが理解しておきたい6つのキーワード

優れたUXデザインの価値

誰にでも分かるUXの基本

ユーザーを惹きつけるサイトを作る、UXデザイン9つの法則

組織作り

「デザイン経営」宣言を宣言で終わらせないための3つの提言

シリコンバレーの企業はどのようにしてスピードを上げているのか?

デザインと経営を融合するために知っておくべき15のポイント

現代の大企業の平均寿命は15年 – 生き残り戦略のイノベーション

企業と事業のVisionの関連について

ビジネスデザイン

スタートアップのアイディアを考える際の意外な落とし穴

ベンチャー企業とスタートアップの違い

ディスラプト (破壊) されるサービスに共通する4つの不満要素

問題発見できなければ問題解決なんてできない

価値創造の新しい発見方法

サービスデザイン入門編【モノからサービスへ】

ビジネスにおけるユーザーエクスペリエンス (UX) の重要性

【医療テック×UX】スタートアップが変えた私達のヘルスケア体験

イノベーションの効果測定方法

医療・選挙・HR・ファッション。UXデザインを用いて問題解決した実例集

「無料」がありふれた現代におけるフリーミアムの長所と短所

UI / UX デザインプロセス

デザイン会社が実践するデザインプロセス

ユーザーエクスペリエンスデザインプロセス

スタートアップのデザイン支援がスタート!デザインプロセスを紹介します

ユーザビリティに関するメディア - UI/UX case study: Dealsdate

9ステップ 人間中心 UI / UX ガイドライン

シンプルなWebデザインを実現するための複雑な道のり

手軽にアイデアを形にするペーパープロトタイピングのすすめ

国内のUX専門家が集結した「UXify 2018 Japan」開発プロセス【前編】

国内のUX専門家が集結した「UXify 2018 Japan」開発プロセス【後編】

デジタル製品設計における設計QAの重要性

ユーザーフローから学ぶミスコミニュケーションの発生原因と対処方法

できる!リモートワークでのUXデザイン

130名のデザイン組織でゼネラルマネージャーが実践する6つの方法

ピクサーのデザインチームが重要視する4つのプロセス

デザイナーがデザインスプリントに取り組むべき理由

よりリアルなユーザー像を作りあげるペルソナ法

ゴールを念頭にWebサイトをデザインするということ

ワイヤーフレームは具体的要素とその配置を確認するもの

プロジェクトの成功に欠かせない「キックオフ設計」の考え方

Webサイトのプロジェクトを上手にキックオフする方法

UI / UX デザイン手法

コンバージョン中心設計(CCD)のシンプルな7原則

【デザインスプリント入門】話題の高速サービス開発法とは

OOUI – オブジェクトベースのUIモデリング

OOUI - オブジェクトベースなUIデザイン

OOUI - オブジェクトベースなUIデザインに取り組むための心構え

ステークホルダーマップでプロジェクトを巡る状況を把握する

効率のよい意思決定のためのデータドリブンデザイン

UXデザインの承認を得るための「UXの提案書」の作り方

【デザインスプリント入門】話題の高速サービス開発法とは

MLP(Minimum Lovable Product)を用いたプロダクトデザイン手法

他者と協力してワイヤーフレームを作るべき理由と5つの実践法

UXデザインとUIデザインの3つの大きな違い

体験をタッチポイントへと分解し、構造化するには

「構造」を明らかにするリバースモデリングとは?

プロトタイピングで陥りがちな6つの落とし穴

デザイン思考

イベントレポート「スタートアップにおけるデザイン思考

デザインの一貫性の重要性とは

ユーザーリサーチ

UX リサーチの紹介(動画)

アンケートフォームを作るときに気をつけること

効果的なユーザーインタビューのためのガイドライン

プロダクトの健全度を測る (Sequoia Capital)

ユーザー調査とユーザーテストに最適なUXツール

最大限の価値を得るためのUXリサーチの実施方法

ユーザーインタビューを始めるための9つのポイント

アンケートの調査結果をゆがませる9つのバイアス

ゲリラユーザビリティテストをUXプロジェクトに導入する方法

リモートユーザテストの実例から学ぶ5つの教訓と手法

UXデザインに欠かせないオンサイトリサーチの活用方法

OOUI視点で、iOS写真アプリを分析・考察してみた

チームビルディング

会議やイベントで活用!簡単に準備できるアイスブレイクのワーク

チームの関係性を可視化する「ステークホルダーマップ」とは

人間中心設計/認知工学

イノベーションを起こすための3ステップ・ツールキット - IDEO.org

Apple アクセシビリティ

ウェブアクセシビリティについて

英国内務省によるウェブアクセシビリティの「べき/べからず」

ユーザビリティ

UsabilityGeek

UI設計のための10のユーザビリティヒューリスティック

優れたユーザビリティを実現する25の基本概念

ケーススタディ:CNNのモバイルアプリ

UXデザインに欠かせない「ユーザーテスト」とは?

ユーザビリティテストは絶大な効果が!!

ケーススタディ: Spotify Vs. Apple Music Mobile Apps

間違いを予測して防ぐためのヒューリスティック評価

ケーススタディ:Overcastのモバイルアプリ

ケーススタディ:Zocdocのモバイルアプリ

ケーススタディ:ESPNのファンタジーフットボールアプリ

ケーススタディ:世界8500万人が使う脳トレアプリ「Lumosity」

すべてのフードデリバリーアプリに必要な4つのUXの必要性

ユーザーのタスク完了を見極めるアプローチ

ユーザビリティのメンテナンスについて

モバイルのレスポンシブデザインにおける4つの基本ポイント

ユーザーが信頼できる支払い画面を作るための7つのヒント

優れたダッシュボードをデザインするための10のガイドライン

モバイルユーザーを困らせない方法

クリエイティブなタブバー型ナビゲーションを考える

ECサイトのUXを向上するためのチェックリスト

ヒューマン・インターフェース

Apple Human Interface Guidelines

ナビゲーションを改善する方法

Webマーケティング

1000万MAU突破のnoteが“note.com”を取得した理由

定量分析の心得 〜目は最強の分析ツール〜

初期ユーザー獲得に意外と有効なオフライン施策

SEOとユーザビリティの新時代

ユーザー体験こそがマーケティング戦略の主流になる

【UXデザイン】コンバージョン率を向上させる7つの方法

モバイル広告のAppLovinに聞く海外展開の秘訣

モバイルロイヤリティプログラム:すべきことといけないこと

海外の共創マーケティング成功事例3選

D2Cブランドに学ぶブランド認知向上に効果的なキャンペーン事例4選

Webサイトでブランドロイヤリティを築く方法

Webコンテンツ制作

UXライターとは?なぜ今UXライティングが注目されるのか

メルマガの登録フォームを効果的にデザインする方法

効果的なUXライティングのための16のルール

優れたWebのコピーライターが気をつけている7つのこと

UX デザイン

ジョー・ゲビア: Airbnbの成功の裏にある信頼のためのデザイン

企業とユーザーの目標を結ぶ「コンテンツ戦略」の役割

楽しいユーザー体験をつくるための5つのコツ

感情に訴えるUXデザインを作成する方法

登録フォームのユーザー体験のガイドライン

UXデザイナーがイノベーションを起こす方法

ゲーミフィケーションに向けた3つのステップ

ユーザーが許可したくなるPush通知を考える

ペルソナが失敗する理由

BtoBサイトのためのペルソナ、作成の具体的手法

カスタマージャーニーマップのパターン

カスタマージャーニーマッピング:顧客獲得への道のり

なぜカスタマージャーニーマップを作るのか?その目的と作り方

サービスデザインとは何か

サイトの問題点を浮き彫りにする「UX監査」のガイドライン

Webサイト内のフリクションを見つけて改善する7つの戦略

インターフェイス上に流れる時間を捉えるには

UXにおける最良の決定の構築

デザイナーも知っておきたい、パーソナライズを活用したUX改善事例

会話型UXデザイン:はじめに

UXを向上させるデザインの4つの整頓方法

スクロールがユーザー体験に与える影響とは

サービスのオンボーディングにおけるベストプラクティス

D2Cブランドに学ぶウェブサイトに必要な3つのUX要素とは

食事配達アプリが持つべき4つのユーザー体験

海外事例から学ぶ、ユーザーの行動を導く優れたCTA10選

クレジットカードのオンライン決済で考慮したい3つの好事例

ランキング機能の本来の役割について考える

UI デザイン

新規登録 UI まとめてみた

キャンセルのキャンセル問題から考えるダイアログデザイン

タブバーに項目名は必要かどうかの境界線を探ってみた

タブバーのデザイン事例と、ユーザー思いなUI作り 10の秘訣

UI観察 #009 料理動画アプリの使い勝手を観察する

UI改善の「効果」を最大化する!ユーザーインタビューを軸にした改善

UI観察 #010 検索画面(国際線航空チケット)の使い勝手を観察する

よりよい検索体験のために改善したい11のポイント

メルカリの商品検索におけるUI/UXの考え方

レスポンシブな検索フォームの実践例

UIデザインに文化間の違いは存在する?

スマートフォンのディスプレイ巨大化に伴う、UIデザインの潮流

ユーザーに直感的で分かりやすいボタンとは、UXの観点からくわしく解説

何のためのUI?

パーソナライズされたUIと直感性がどうUXを改善するのか

UX視点で考えるレイアウトとは?

Webデザインに動きを加える5つの方法

インタラクションデザインの簡単な紹介

アダプディブデザインか、レスポンシブデザインか

モバイルアプリにおけるポップアップのガイドライン

エラーメッセージはフォームのどこに表示するべきか

デザイナーが覚えておくべき英字タイポグラフィのルール10選

モバイルのフォームに最適なツールチップの表示方法

見出しを最後まで読まないユーザーのためのアイブロウヘッドライン

非デザイナーがビジュアルデザインをレビューするための5つの視点

タイポグラフィを活用するための12のツール

UIデザインにおけるイラストの活用法とは

マイクロインタラクション

UXデザインを強化するためのマイクロインタラクションの活用

飾りだけではない、体験のためのアニメーションの活用法

より良いUIのためのマイクロインタラクション入門

デザインシステム

デザインシステムの定義と作成方法、導入事例

デザインシステムの作成:ステップバイステップガイド

UXエンジニアが知っておきたいデザインシステムの原則

UI デザインテンプレート

アトミックデザイン

Atomic DesignとCSS設計 | CodeGrid

Atomic Design を分かったつもりになる

http://atomicdesign.bradfrost.com/

マテリアルデザイン

Material Design テンプレート

Google IO 2018のMaterial Designアップデートまとめ

デザインシステム
https://material.io

A Figma publication for design systems creators, designers, developers...

その他、デザインテンプレート

iOS11 Design Templates

Sketch App Sources テンプレート

Figma Resources テンプレート

フリーデザインリソース&ソフトウェア - icons8

デザイントレンド2017-2019

視認性重視で白っぽく?! Complexion ReductionでシンプルになるモバイルUI

店舗はもう不要!? 自宅で試着し放題の新サービストレンド

インスピレーション

いわずと知れたDribble

ウェブアプリ、モバイルを中心としたUI/UXコレクション - Uplabs

Chorme Extentionからアクセスする新興コレクション - Muzli

モバイルデザイン - Mobbin

プロダクトデザイナーのためのライブラリ - Design notes

インプット・アウトプットできるデザインリソース - Goodpatch

デザインシステムのコレクション - Adele

UI / UX デザイン に関する情報メディア

UX に関する包括的なメディア - UX Planet

World Leaders in Research-Based User Experience - Nielsen Norman Group

UX Milk 毎朝ちゃんと飲むUX

Standard ブログ - Standard

サンフランシスコからデザイン・イノベーションをお届け - Bitrax

デザインに関するWebページをかんたんに保存・共有できるサービス

最新のデザイン・テクノロジー・ビジネスを学べるメディア20選

UI/UX ツール

Figmaを使って開発チームの生産性をあげるプロダクトマネジメント

ユーザー体験の改善・検証に使える海外UXツール16選

UI/UXに関するオンラインコース

Interaction Design Foundation

世界トップのデザイン思考を学べる - IDEO 

100のUIを作っていく実践型のサービス - Daily UI

デザインを学びたい全ての方へ – 海外のデザイン学習リソース200選

UXデザイナーが成長を続けるための15の習慣

【動画】イノベーション実践のための公開講座

UI / UX / 人間中心設計 書籍など

デザイン思考に関する推薦書籍

【無料PDF】デザイン思考を実践するための学習教材一覧

おすすめのUI/UX インフルエンサー

Steve Schoger

デザインに関するイベントなど

業界の壁を越えた、日本最大級のデザインカンファレンス

その他、トピック

デザイナーが身につけておくべき知財の基本

DX - エンジニアが殺到!経産省が極秘にはじめた「電子政府計画」

Storybook+AtomicDesignでデザイナーが開発に参加した話

ひどいダッシュボードの法則

グーグル、目の不自由な人に周囲の情報を伝えるアプリ「Lookout」を発表

AI時代のUXデザイン

心理学から学んだ「UXの法則」を視覚化して紹介する

Intuitがデザイン思考を活用して年間売上を1,000万ドル増やす方法

サンフランシスコのデザイン会社まとめ

サンフランシスコのUXデザイナーが語る UXの基本とこれからのトレンド

Webデザイナーが避けるべき厄介なクライアントの特徴

この記事が気に入ったらサポートをしてみませんか?