UXにおけるビジュアルデザインの5つの原則
スケール、視覚的な階層、バランス、コントラスト、ゲシュタルトの原則を正しく適用すれば、美しいデザインを生み出せるだけでなく、ユーザビリティも向上させられる。 5 Principles of Visual Design in UX by Kelley Gordon on March 1, 2020 日本語版2020年12月17日公開 ビジュアルを見たとき、我々はそれが魅力的か不愉快かを、通常、すぐに判断できる（なぜならば、こうした判断は、Don Normanのエモーショナルデザインのモデルでいうところの、本能レベルで展開されることが多いからだ）。しかしながら、レイアウトが視覚的に魅力的である理由を言語化できる人はほとんどいない。だが、優れたビジュアルデザインの原則をグラフィックに活かすことで、エンゲージメントを促進し、ユーザビリティを向上させることは可能である。 ビジュアルデザインの原則は、
デザイン読書補講 1コマ目『UX・情報設計から学ぶ計画づくりの道しるべ』｜designing
こんにちはこんばんは、はじめましておひさしぶりです。吉竹です。 このたびdesigning編集長の小山さんから連載のお声がけを頂き筆を執ることになりました。……と言っても「誰やねんお前」となりそうなので、最初に少しだけ自己紹介をさせてください。 まず何をしている人かと言うと、主にデザインのお仕事をしています。専門領域はデジタルプロダクトのインターフェイスデザインで、たまにロゴデザインや写真撮影、執筆などもしています。実はここ（designing）のロゴもお手伝いさせて頂きました。 当初、小山さんからは「デザイナー向けにおすすめ本の書評を書いてもらえませんか」と相談を頂いたのですが、書評が書けるような深い知識や理解があるわけでもないので、自分らしい文脈で語れるコンセプトを考えたところ、タイトルにもなっている『読書補講』の切り口が浮かび上がりました。 きっかけは、自分が非常勤講師を勤めさせて頂
音声革命の鍵となるVUIデザインは近現代で拡張されたデザインの代表例｜広野 萌
新型コロナウイルスの影響により、外出自粛・休校・テレワークが日常となったことで音声メディアが活発化している。 近年でいうと「Voicy」「stand.fm」「REC.」「Spoon」などの音声アプリが話題で、音声配信プラットフォームの「Radiotalk」も先日3億円の資金調達を発表した。ラジオアプリ「radiko」の会員数は1000万人近いという。 スマホ中心の音声メディアの勃興は、映像メディアがテレビからYouTube・TikTokに移行したように、一見すると「スマホが起こす音声革命」のように思えるが、実はスマホの普及は「音声革命」のひとつの要因にすぎない。 スマートスピーカーの普及によって家に音楽・音声が流れる環境が増えてきていること、AirPodsなどのワイヤレスイヤホンの進化によって運動中・通勤中・仕事中に音を「ながら」で聴くことができるようになったこと、そして冒頭に記したコロナ
Googleが採用するUXデザイン手法「3対1の法則」とは デザイン会社 ビートラックス: ブログ
先週アップしたエシカルデザインに関する内容に関して、具体的にどのようにして“正しいデザイン”を行えば良いのかという質問が寄せられた。 一つの方法は、UXピラミッドの原則に従ってプロダクトの体験価値を検証したり、UXハニカムを活用する方法もある。 それらに加えて今回紹介したいのは、GoogleのAndroidチームが採用しているUXデザイン手法である。とてもシンプルですぐにでも活用できる内容になっている。 進化するデジタルプロダクトに対するUXデザインアプローチサービスのデジタル化やDXが進む中で、多くのプロダクトにおける「完成」という概念がなくなり、デザインは常に進化し続ける必要性が出てきた。特にユーザー体験においては、デバイスの進化やユーザーの感覚の変化などを考慮し、常に改善を続けなければならない。 では、実際にどのようにデザインの良し悪しを判断すれば良いのだろうか？継続的にバージョンア
アクセシビリティを意識したUIライティング
Michaelは人間を大事にしながら、チームが素晴らしいプロダクトを作り上げる手助けをしています。ジャーナリストというバックグラウンドを生かし、便利で実用的なユーザー体験のデザインにおいて言葉が果たす役割を説いてきました。 WCAG2（Web Content Accessibility Guidelines 2.0）のスタンダードを満たしながら書くということは困難かもしれませんが、間違いなく価値があることです。典型的な天才であり、物理学者であるアインシュタインは、かつてこんなことを言いました。 「どんな愚か者でも、物事を大きく、複雑に、暴力的にすることはできる。しかしこの逆を行うためには、ほんの少しの才気と莫大な勇気が必要である」 ありがたいことにこの本は、よりアクセシビリティを意識して書くことの役に立ちます。今まで、次のようなことを学んできました。 なぜわかりやすさが重要なのか エラー状
UIUX デザイナーと仕事をする際にプロダクトマネージャーとして持っておきたい 8 つのマインドセット｜Fritz | Lead Product Manager @ Mercari
2020 年に入り、メルカリ US ではプロジェクトの担当 PDM を検討する際に「UIUX に大きな変更が入るならこの人」「関係者マネジメントが重要ならあの人」「テクニカルな知識が要求されるならこの人」といった具合に、プロダクトマネージャーそれぞれの特性・得意分野を考慮したうえで決定する傾向が以前にも増して強くなりました。 その結果、自分（フリッツ と申します、こんにちは）の場合は UIUX 改善を中心としたプロジェクトが相当に増え、並行して 3-4 名の UIUX デザイナーとそれぞれのプロジェクトについて議論することが毎日の風景となりました（めっちゃくちゃ楽しい）。 こうした状況下にあって、あらためて デザイナーと UIUX について議論・もしくはフィードバックをする際に気をつけている・気をつけたいことについて前後編にわけて振り返りをしたので共有してみたいと思います： ・前編（この記
UXを知るためのブックリスト（2020）｜yoshi_design
はじめにひさしぶりにブックリストをつくりました。今回のブックリストでは「UX」を取り上げています（日本語で読める本だけです）。 ここで扱うUXは “User Experience” のことです。巷には様々な定義がありますが、定義の話にはあまり興味がないのでここではしません（他のブログや学術書をお読みください）。 タイトルに UXデザイン と書くか、UX と書くか迷いましたが、「UXというワード」が扱う範囲が、製品やアプリの使用経験からマーケティングやDX（デジタル・トランスフォーメーション）にまで拡張してきている状況をふまえて、あえてデザインを外して「UX」としました。（異論はたくさんありそうですがそれぞれのお考えは尊重します。定義論争と同じくそこにはあまり興味がありません） 以下で本を紹介していきますが、いざブックリストを作ろうと思うと、網羅的、体系的に書かれた本が少ないことに気付きます
UXライティングの勉強におすすめの本3選｜nao | UXライター / コピーライター | 著書『#秒で伝わる文章術』発売中
UXライティングについてこのnoteを書き始めてから、ありがたいことに「UXライティングのことをもっと勉強したい！」という方から連絡をいただくことが増えてきました。 その理由として、UXライティングに相当する考え方や概念自体は以前からあったものの、それに対して「UXライティング」という名前がついたのは最近なので、勉強するための本を見つけるのが難しい状態だからなのかなと思います（特に日本語では）。 そこで今回は、2020年8月時点でわたしがおすすめする、UXライティングの考え方を学べる本を3冊紹介したいと思います。 まずはじめに、そもそもUXライティングとはどういうものなのかを簡単に説明し、その後におすすめの本を紹介します。 UXライティングとはUXライティングとは、WEBサービスやアプリなどのプロダクトのユーザー体験を、より快適で洗練されたものにするために、PCやスマホなどの画面（UI）に
［新連載］なぜUXデザインにおいてリサーチが欠かせないのか
UXデザインにおける大切なフェーズであることは理解しているけれど、どのように進めればいいかわからない。「定量リサーチ」、「定性リサーチ」という言葉は聞いたことがあるけれど実践できていない。本連載ではそんな方に向け、現場で使える具体的なリサーチの手法や業務への取り入れ方をお伝えしていきます。初回となる今回のテーマは「そもそもリサーチとはなにか」です。 こんにちは！UI/UXデザインカンパニー・アジケでUXデザイナーをしている佐藤李里（サトウリリ）です。この連載のテーマは、UXデザインの中でもとくにおざなりになりがちな「リサーチ」についてです。 「リサーチってやらなければいけない気はするけど難しそうだし、お金と時間もかかりそう」という印象を持っている方もいるかと思いますが、この連載では、限られた工数でできる実践的な方法を紹介していきます。「やらない理由あれこれ」を抹消し、連載が終わる頃には皆さ
なぜUI/UXデザイナーの仕事は批判の的になるのか？その謎を解明すべく我々は（以下略）
この記事に関連する話題: プロダクト開発者に求められる、これからの「倫理」の話をしよう。 他人の仕事の難しさ・勘どころを正しく想像できる者に、私はなりたい。 もちろん専門外の話であればそれを100パーセント理解するのは難しいし、知った気になって軽々しく口を出すのも違う。でもその仕事に向き合う人の“気持ち“を知る努力はできるはずだ。その努力なくして「あのチームは仕事が遅い」「なんでこの程度のモノしか作れないのか」などと批判をするのは大変格好が悪い、と僕は思う。 社内外の様々な会話のハブとなるプロダクトマネージャーという仕事において、この点は特に重要だと思う。 ・・・という話は既に "Don't "Guess" How People in Other Roles Work" で書いた通りで、書籍 "Inspired: How to Create Tech Products Customers
スマホ用の気持ちいいインタラクションを豊富に備えた、オープンソースのUIコンポーネント -Cuberto
スマホアプリ用の気持ちいいインタラクションを豊富に備えた、オープンソースのUIコンポーネントを紹介します。タップやスワイプなど、ユーザーの操作に反応するアニメーションは、見ているだけでも楽しめます。 GitHub Open Source Collection ここで紹介するUIコンポーネントは、ロンドンの制作会社「Cuberto」によるもので、MITライセンスで商用のプロジェクトでも無料で利用できます。 Bubble Icon Tab Bar -GitHub 現在位置のアイコンをバブル状にするタブ。 Balloon Picker -GitHub 風船がふわふわ浮かびながら追従するカスタムピッカー。 Fluid Card -GitHub タップすると、アニメーションで拡張するカード。 Liquid Swipe -GitHub 流体のアニメーションでスワイプ。 Rubber Range Pic
「構造化」という概念をリバース構造化する｜Katsuki Noda
UXデザイナーとして働き始めて、3年が経ちました。今では、マネージャーとして8人のUXデザイナーをマネジメントしているのですが、これまで関わってきたUXデザイナーが共通して持っている素養として「構造化」力があります。 新卒入社したメンバーにも「構造化能力をつけよう！！」とは言うものの、どこか心の中にひっかかりが残っていました。それは、そもそも「構造化」の抽象度が高く、人によって理解が異なるのでは？という懸念でした。 ここから、「構造化」という概念自体を構造化して、共通認識化する必要があるのでは？と思い、この記事を書くに致りました。 「構造化」ってよく聞くけど、実際なんのことなん？と感じている方に特に参考になることを祈っています！ 構造化はUXデザインにおける必須となる思考であり、技術であるデザインの現場は常に不確実性との戦いです。そして、不確実が上がれば上がるほど「意思決定」が難しくなると
『あつまれ どうぶつの森』の世界観をつくるUXライティング｜nao | UXライター / コピーライター | 著書『#秒で伝わる文章術』発売中
2020年5月現在、世界で最も洗練されたUXを実現してるプロダクトのひとつが、Nintendo Switchのソフト『あつまれ どうぶつの森』ではないでしょうか。 子供から大人まで世代を問わず楽しめて、日本のみならず世界中の人々を虜にし、入手が困難になるほど爆発的に売れている。 何より外出自粛になったこのタイミングで、外で遊ぶことを疑似体験できるソフトがドンピシャで発売されるという運命の巡りあわせに、任天堂の持つ神懸かり的な力を感じずにはいられません。 それだけ多くの人に愛されるプロダクトなので、プレイしていても学ぶことが本当に多く、いま自分が遊んでいるのか、仕事をしているのか、わからなくなるほどです。 いや、さすがにそれは言い過ぎました。プレイしている時は完全に遊んでいます。完全に遊んでいるのですが、それでもゲームをしていて、自分の仕事に活かせるような「これは…！」というようなアイデアや
「要件定義」がうまく機能しない「3つの壁」
はじめに 「ユーザーエクスペリエンス(UX)デザイン」という言葉を、よく耳にするようになりました。UXデザインの分野には、エンドユーザーのニーズをつぶさに拾いあげることで、プロジェクトやビジネスを成功に導くためのノウハウが集まっています。 UXデザインの基本のひとつは「エンドユーザーにインタビューにいく」ことです。 本連載を通じて、ユーザーインタビューの「はじめの一歩」を体験していきます。第1回、第2回では、「そもそもユーザーニーズはどのようにすればわかるのか」について解説します。 「エンドユーザーにうれしいものづくりをしよう」と考える UXデザインでは「私たちは、誰を『しあわせ』にするために、ものをつくっているのだったか?」を強く意識します。 UXデザインの根本的な思想は、「エンドユーザーにうれしいものづくりをしよう」と考えることです。エンドユーザーにうれしいものをつくり、ビジネスがうま
UX Timeline, back to the past!
Since 2015, I am not affiliated, associated, authorized, endorsed by or in any way officially connected to AirBnb, Deezer or others companies displayed on uxtimeline.com. Despite many hours of research on Internet (Wayback Machine; Google Image; etc.). It could remain some mistakes. Please let me know. Designed by Jacinthe BUSSON, COO & Co-founder Fastory.io and Elegantt For Trello
UXデザインにおけるダークサイド｜zaxirolls
今回のお話サービス・プロダクトのUXとは何でしょうか？ サービス・プロダクトとユーザーの相互コミュニケーションを上手くつなげたり、ユーザーの目的を達成するためのデザイン（=仕組み・設計）がUXとも言えるかと思います。 サービス・プロダクトのUXをより良くするために、様々なデザインを考え実施していくことになりますよね。 その中で「邪悪だ」とか「ダークサイドに落ちた」と思ったことはあるでしょうか？ また何かしらのサービス・プロダクトを使っていてこれは邪悪だと感じるようなデザインに触れたことはありますでしょうか？ 今回はこの記事を見ながら、UXにおけるダークサイド・邪悪さについて考えていきましょう。 ①ダークサイドUX＝「企業の利益＞ユーザーの利益」という状態この記事では、ダークUXと記載していますがスターウォーズ好きのためダークサイドと記載させていただきます。 さて、この記事でのダークサイドU
ナッジを使ったUI/UXデザイン｜zaxirolls
今回のお話普段からアプリやWEBサービスを使って、SNSや買い物を楽しんでいるかとは思います。 その中で通知やポップアップ、アラートなどを見て「ウザいな」と思ったことはありませんか？ また反対に「いいタイミングで通知してくれて助かったな」と思ったりしたこともあるのではないでしょうか。 一体ユーザーによって何かしらの行動を気持ちよく促してあげられるデザインとはなんなのでしょうか。 今回は、この記事を見ながら「ナッジ」について考えていきましょう。 ３行まとめ①ナッジとは「自発的に望ましい行動を促す仕組み」 ②選択構造を意識したデフォルト設計 ③ユーザーの行動の誘引を与えよ ①ナッジとは「自発的に望ましい行動を促す仕組み」 ナッジという言葉は聞いたことがあるでしょうか？ 行動経済学や心理学などを大学などで学んだことがある方は一度は聞いたことがあるかもしれません。 ナッジとは2017年にノーベル経
「トークシナリオ法」でUIを設計する｜TSUYOSHI KANEKO / GOGEN株式会社CXO
インターフェースの設計をユーザー視点で構築するのは、決して難しいことではありません。 ここでご紹介するのは、私がユーザーとUIの整合性を取るために使う、最も簡単な思考法です。 良いインターフェースは会話をするあなたがこれから設計するインターフェースは、あなたの代わりにユーザーと会話をしてくれる人間のような存在です。 何かを販売・広告するウェブサイトなら、あなたの代わりに24時間営業トークを行うセールスマンのようなものであり、 また、ライフスタイルのアプリ等であればそれを隣で説明する良き友人であり、それが業務ツールであれば使い方を教えるよきメンターになります。 良いインターフェースのデザインを設計したいのであれば、このような優秀な解説者のトークシナリオ（台本）を作成するかのようにUIを設計するのが一つの解決策です。 よく設計されたインターフェースは、ユーザーの一つひとつの思考に対して、一つひ
UXデザイナーから学ぶ、無効状態のボタンをグレーアウトにしない理由
一時的に操作ができない無効状態のボタンを表示する場合、どのようにデザインすると、ユーザーの混乱を少なくすることができるか、UXの観点から解説した記事を紹介します。 無効状態のボタンをグレーアウトにしてしまうと、他のボタンにグレーを使用できなくなったり、操作できない不具合かもとユーザーは思うかもしれません。 Why You Shouldn’t Gray Out Disabled Buttons by UX Movement 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 無効状態のボタンをグレーアウトにしない理由 無効状態のボタンをグレーアウトにしない理由 ページ上でアクティブになっていないボタンがある場合、あなたはどのように実装していますか？ ボタンを本来の場所から一度削除した後に表示すると、ユーザーは突然現れたボタンに驚くかも
UXピラミッド – UXデザインの正しい評価方法 – デザイン会社 ビートラックス: ブログ
前回の「UXハニカム – UXデザインの正しい品質評価方法 –」では、サービスやプロダクトのUXデザインを評価する際に一般的に用いられている、UXハニカムを活用した方法を紹介した。加えて、実はもう一つユーザー体験のクオリティを測る方法がある。 ユーザー体験を構成する3つのポイント消費者がサービスを受けるとき、ユーザーがプロダクトを利用するときに受け取る体験の質を高めるのがUXデザイナーの仕事になる。 そして、その体験を左右するのが、1. 見た目の品質 (Look), 2. 感覚の品質 (Feel), 3. 使いやすさ (Usability) である。大きく分けてこの3つの要素のクオリティが高いほど、ユーザーに対してより優れた体験を提供することが可能になる。 実用性と利用感覚を測るUXピラミッドUXハニカムに加えて、もう一つのUXクオリティを測る手法としてUXピラミッドがある。6つの階層で構
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
