UI UXデザインに役立つ心理学の法則19選！具体例を交えて解説 | 株式会社ニジボックス
ユーザーにとって、より分かりやすく使いやすいプロダクトを設計するためには、ユーザー心理に寄り添ったUI UXデザインが必要です。 「良いUI UXデザインとは？」を考える上で指針となる、心理学などをベースとした法則・ルールがあるのをご存じでしょうか？ この記事ではその中から、特に押さえておくべき19の法則・ルールをピックアップ。 デザインへの生かし方と一緒に解説します。 UIデザイン、UXデザインとは？ 本題となる法則・ルールを紹介する前に、そもそもUIデザイン・UXデザインとは何か、を押さえておきましょう。 UIデザインとは？ 「UIデザイン（ユーザーインターフェースデザイン）」とは、ユーザーがプロダクトをスムーズに使えるように、ユーザーとサービスの接点（UI）をデザインすることです。 UIとは、例えばサイトの見た目から、文字、画像・動画やアニメーション、ボタンなどの機能、入力フォームに
適切なリンクラベル：クリックを促す4つのS
リンクテキストを具体的なものにすれば、リンクに偽りがないとユーザーに期待してもらえるし、その期待に応えることもできる。また、中身のある具体的なリンクテキストにすることで、簡潔なまま、単独で意味がわかるようになる。 Better Link Labels: 4Ss for Encouraging Clicks by Kate Moran on March 24, 2019 日本語版2019年10月30日公開 ユーザーはリンクテキストによってサイト内を移動する。コンテンツの見つけやすさや発見しやすさ、アクセシビリティに対する、この小さくて控えめなUXの文言による貢献度は大きい。 そして、こうした役割を最もうまく果たせるリンクとは以下のようなものである： 具体的である（Specific） 偽りがない（Sincere） 中身がある（Substantial） 簡潔である（Succinct） 具体的であ
現代のWebナビゲーションにおける４つのルール
Webサイトはあらゆる種類の情報にアクセスできます。ある企業についてもっと知りたい、商品を購入したい、寄付をしたい、リソースにアクセスしたいなど、探している情報を見つけるために私たちはサイトナビゲーションを頼っているのです。 多くのWebサイトが「十分」に機能するナビゲーションを備えており、ユーザーを必要な情報にアクセスさせることができます。しかし、それは試行錯誤を重ねたからなのです。この記事では、デザイナーがより効果的でわかりやすいナビゲーション体験を作り出せるようになるためのベストプラクティスをいくつか紹介します。 『ナビゲーションは検索よりも大切である』という記事で、著者のGerry McGovern氏は彼のチームが行った調査について紹介しており、「ユーザーの70%はリンクのクリックから始め、30%は検索を使用した」と述べています。また、「検索を使うよりもリンクをクリックするほうが簡
「デザイン落とし穴」という話をしてきました - transitkix design log
transit_kixです。 UX MILKの三瓶さんにお声がけしてもらい、先日ux failconというUIデザインやUXデザインに携わっている人々の集まるイベントに登壇してきました。 登壇資料 内容は、サービスデザインにおいて仮説→検証→実行のそれぞれのフェーズで陥りやすいケースについてお話ししました。 ユーザーストーリーを吹き出し形式に これは簡単で比較的効果があるので、初心者で勉強したい人はどうぞお試しあれ。 当日の様子 DMMさんの新オフィス、壁に本物の植物が生えています。 他の登壇者の方の失敗談も面白かったです。 「賃貸住宅「コンセントハウス」のデザイン」(シャープ/電化美術の中田 裕士さん)
UX（ユーエックス）ってなんだ？実際に活躍している人たちに聞いてみた（前編） | ウェブ電通報
ユーザー体験価値設計の重要性 前回からすっかり連載の時間が空いてしまいました（汗）。連載を続けるのって難しいですね。メディアの記者やライターの皆さんとは職業柄普段からお会いしていますが、改めて尊敬した次第です。 今回は、IT業界でもよく使われる用語である、UX（＝読み：ユーエックス／ユーザーエクスペリエンスの略）という言葉に迫ってみたいと思っております。 UXとは、語義通りユーザーがあるサービスやプロダクトに接しているときの体験全体を総称する言葉として一般的に使われており、ITのウェブサービスやアプリの世界でも、類似したサービスやたくさん出てくる中で、このUXの考え方が年々重要視されてきています。 ITサービスの場合はデバイスからアプリまたはウェブにアクセスして操作することがほとんどで、その画面UI（ユーザーインターフェース）と併せて考えることが多いので、よく「UI／UX（ユーアイユーエッ
UX Recipe - User Experience Journey Mapping Tool.
UX Recipe は、世界で最もカジュアルなジャーニーマッピングツールです。自分のアイデアを物語にして残しておくことができます。世界で最もカジュアルな ジャーニーマッピングツール あなたはどんなストーリー体験を作りますか? 次の物語を、気軽にいっしょに。 FEATURES 自分のアイデアを物語にして 残しておくことができます。 誰でも簡単に ストーリーが作れる カードを並べるだけで、自分だけのオリジナルストーリーが作れます。また、豊富なカードがはじめから用意されているので誰でもすぐに美しいストーリーが描けます。 チームで共有し コラボレーションできる 作成したストーリーをチームメンバーやクライアントにすぐに共有できます。画像ファイルをエクスポートできるので、すぐに企画書に貼り付けて使うことができます。 さまざまなストーリーを 見つけられる ゼロから作る必要はありません。さまざまなストーリ
[触る・動く・気持ちいい、RamotionによるUI/UXアニメーション] 他 海外のWebデザイン情報 | WEBデザインすーぷ
2015年2月13日 Webデザイン RamotionによるUI/UXアニメーション UI/UX Animations by Ramotion Ramotion is a digital agency focusing in brand identity, mobile apps and web products based in San Francisco, USA. We are featuring their collection of UI/UX Animations from the last year, it’s amazing to see their experimentations on how the users will interact with an interface. For this case, on mobile. Ramotionはアメリカのサンフランシ
![[触る・動く・気持ちいい、RamotionによるUI/UXアニメーション] 他 海外のWebデザイン情報 | WEBデザインすーぷ](https://cdn-ak-scissors.b.st-hatena.com/image/square/215203d9bd5bfc3978493b7278848b55c19fd482/height=288;version=1;width=512/http%3A%2F%2Fi0.wp.com%2Fweb.html-css-javascript.com%2Fwp-content%2Fuploads%2F2015%2F02%2Fi7.jpg%3Ffit%3D723%252C240)
UXデザインで考えるコンテンツ設計 | ykazu.com
先日、ベースキャンプ名古屋にて開催された WCAN mini 2015 Vol.1 「UXデザインプロセスを活用したコンテンツの評価方法」（講師: 長谷川 恭久さん）の参加レポートとなります。 このセミナーでは、主に Web サイトにおけるコンテンツの実状と把握、その評価やより良いコンテンツを提案するための UX デザインの手法をレクチャーとワークショップを交え、5時間で学ぶというものです。 良いコンテンツを設計し提供するためには、ユーザーを理解すること・今のコンテンツを評価すること。これらは制作プロセスでは当たり前なことでも「できていない現実」に改めて気付かされます。いくつか自分なりの解釈も含めて、特に印象的だった内容をハイライトとしてレポートします。 良いコンテンツとは？ 「良い」は誰が決めるのでしょうか。利用者、ユーザーです。コンテンツ提供者は、ユーザーになり代わって良いコンテンツを
Yahoo! JAPAN Creative Blog — UXデザインをただの理想で終わらせないために
マーケティングソリューションカンパニーUXストラテジーチームの瀧です。 11月に開催した「Design dot Yahoo! JAPAN—UXの構想と実現」というUXデザインに関するトークイベントを開催しました。今回は、その内容を踏まえて、UXデザインをいかに実践していくかについて最近考えていることを書きたいと思います。 【参考】Design dot Yahoo! JAPAN告知ページ：http://designdot6.peatix.com/ デザイナーの価値を考える場Design dotというイベントは2014年の6月から、BEENOS株式会社の山本郁也さんと株式会社コンセントの坂田一倫さんによって始まったデザイナーの役割や価値について語り合うトークイベントで、今回で6回目でした。 私は5回目で初めて参加しましたが、そこで語られていた「人の生活を“豊か”にするモノづくりをデザイナーはで
UXについて理解が深まる！ユーザーエクスペリエンス概念図まとめ【全26枚】
photo credit: eskimoblood via photopin cc こんにちは、@h0saです。 世に出ているUXについての理解を助ける概念図をまとめました。 UX（ユーザー体験）という概念は目に見えない分、それを説明するための図やビジュアルで説明した資料が世の中に数多く存在しています。 この記事では、主に有名どころをピックアップしつつ、全26枚の画像を短い説明を加えて紹介していきます。 更新履歴 2014/12/29： ・Alan Cooper氏のUX概念図（Form/Content/Behavior）を追加 2015/08/16： ・リンク切れの修正とそれに伴う記事の再構成 2016/05/06： ・リンク切れの修正 ・UX Maturity Model を追加 ・記事末尾に参考資料のスライドを追加 2017/1/8： ・Alan Cooper氏のUX概念図を削除（ソー
ECサイトのUXデザイントレンド： 追随すべきもの3つと敬遠すべきもの3つ
最新のeコマース調査で明らかになったのは、商品画像が大きくなり、レビューが充実して、割引が使いやすくなるなど、ショッピングサイトのユーザーエクスペリエンスが改善したということである。しかし、新しいデザインは、商品情報の非表示、サイトからの貧弱なフィードバック、カスタマーサービスエリアの情報過密といった問題も抱えている。 Ecommerce UX: 3 Design Trends to Follow and 3 to Avoid by Amy Schade on January 26, 2014 日本語版2014年3月11日公開 最近、eコマースユーザーエクスペリエンスレポートのシリーズをアップデートしているのだが、デザインの改善が見られることに我々は勇気づけられている。その一方、従来からの問題がまだ残っていることや、新たな問題も出てきていることにはがっかりした。 前回のeコマース調査の結果
Beenos （ビーノス） | 創業者がUX（ユーザーエクスペリエンス）の全責任を背負うべき
創業者がUX（ユーザーエクスペリエンス）の全責任を背負うべき. By beenos Posted in - news & Specialist on 10月 2nd, 2013 山本 郁也/Fumiya Yamamoto Design Fellow 株式会社ネットプライスドットコム Beenos本部 楽天株式会社や株式会社ビジネス・アーキテクツを経て株式会社ネコメシへ合流後、並行してBeenosへ参画。 Beenos本部にて、IA/UXデザイン、ユーザビリティエンジニアリングの領域から、Webサービス開発支援を行う。人間中心設計推進機構正会員。 ヒューマンインターフェース学会正会員。UX Tokyo所属。 スタートアップ時に創業メンバーが知っておく最低限のＵＸ構築法とは？ スタートアップのチーム・サービスを今までにたくさん見てきて、デザインを構築するにあたり陥りがちな落とし穴と最低限
ノンデザイナーこそ押さえておきたい! UI/UXが学べる神スライド7選 | Find Job ! Startup
競合に負けないWebサービスをつくるため、UI（User Interface）、UX（UserExperience、ユーザー体験）にこだわるのは、もはや常識。良いUI/UXはチーム全員で考えることが、良いサービスをつくる秘訣です。 エンジニアやWebディレクターも学んで損はしません。もちろん、本職デザイナーの方々にも役立つ7つのスライド厳選まとめです！ 目次 基礎知識 １．UXのためのUIデザイン ２．UX is not UI ３．ククパド美ちゃんと学ぶ！クックパッドのUI改善プロセス：前編 応用編（Webサイト） ４．ククパド美ちゃんと学ぶ！クックパッドのUI改善プロセス：後編 ５．コンテンツで改善する UI デザインの極意 応用編（スマホアプリ） ６．UI＆UX / 重要なのは、毎日さわって嬉しいUI UX! 応用編（タブレットアプリ） ７．ニコニコ超デザイン-
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
UXは戦略まで落とし込むべし、「いい商品なのに売れない」から考えるユーザー体験と戦略 - 4/12～4/18のWeb担の記事まとめ | 先週のWeb担まとめ記事 | Web担当者Forum
カスタマージャーニーマップとは？ UX向上を達成する7つの事例と作成方法 | 実践！ プロも使うラピッドUX手法
UIデザインについて改めてしっかりと学ぶために参考になるスライドまとめ
cmmntr.com
企画アイデアがざくざく生まれるUX発想シート＋UX的発想の超基本 | 実践！ プロも使うラピッドUX手法
ゴールから始めよう！ 公開版 - リーンスタートアップの仮説を「デザイン」する方法
ユーザエクスペリエンスを正しく理解する-UXとUXデザイン
