「直感的なインターフェイス」の正体を考える｜Takumi Tonosaki
デジタルプロダクトデザイナーとして、現時点で自分が考えている「直感的なインターフェイス」のポイントをまとめたいと思います。普段無意識に使えているからこそ、言語化できていないことも多いと思うので参考になれば幸いです。 直感的なインターフェイスの定義直感的なインターフェイス＝無意識下でも使えるインターフェイス ※「感動する、情緒的な価値を感じる」などのデザインは今回は「直感的なインターフェイス」のスコープからは外したいと思います。 1.普遍性直感的に使えるデザインにとって「普遍性」はとても大事な思想です。ここでいう「普遍性」とは奇をてらわずに「当たり前である」、「一般的である」と感じるデザインのことです。 ◎スキューモフィズムこの普遍性の考え方の一つに「スキューモフィズム」があります。スキューモフィズムとは、すでに現実世界にあるものを模倣してわかりやすく伝える手法です。 スキューモフィズムで有
Shippioデザイン組織の立ち上げにおける、プロダクトチーム全体でのデザインプロセスと責任範囲の明確化｜Cocoda
Shippioデザイン組織は、2022年に1人だったところから、2023年4月現在では5名が所属しています。 プロダクトデザイン領域に責任を持ち、マーケティングに関わる制作物のデザインなどは責任範囲としていません。 Shippioデザイン組織の変遷と、2023年4月現在の組織体制 1年間で、デザイン組織の規模は1名から5名規模に拡大しているデザイン組織の立ち上げにおいて重要視したのは、プロダクトデザイナーやプロダクトマネージャーの責任範囲、つまり「何に取り組み、何に取り組まないのか？」を明確にすることです。 これにより、プロダクトデザイナーの採用や、プロダクトチームの連携がうまく進む結果につながりました。課題や、取り組んだことについてまとめてみます。
ソシオメディア | アナーキー・イン・ザ・UX
この記事は、2016年12月16日に開催した「フリー ユア UX 2016」における同タイトルのオープニングトークをもとにしています。 2015年末に行ったイベント「UX まとめ」では、「UX」という言葉が世間でどのような意味で用いられているのかを考察しました。その最後にこのようなスライドをお見せしました。 この図では、UXというものはデザインの種類を表すものではなく、人が人工物とインタラクトする際に人の側で生じる主観であるということを説明しています。 人工物、つまり人が何かの意図を持って作ったものは、すべてデザインされています。人工物を「アーティファクト」と言いますが、ではアートとデザインはどのような関係にあるのでしょうか。 アートとデザインの関係については色々な言い方がされています。例えば、「アートは感性的でデザインは論理的だ」とか、「アートは問題提起でデザインは問題解決だ」といったこ
医師とデザイン。なぜ医療現場は複雑なUIが好まれるのか？｜Kei Kobayashi | 精神科医×デザイナー
医師は情報が詰めこまれたスライドが好き？こんにちは、株式会社CureAppデザイナーの小林です。精神科の医師ですがデザインが好きすぎてデザイナーとして働いています。 医療の世界から会社員に転身すると、日々さまざまな発見があります。先日社外の人とプレゼンテーションの話題になり 「医師向けのプレゼンでは、シンプルなものより情報が詰め込まれたスライドが好まれるんです」 と言われ驚きました。 たしかに医療系のスライドは医師に限らず文字が詰めこまれた分かりづらいスライドが主流ですが、それはデザインへの関心が低いだけでけっして「好き」なわけではない、そう思っていました。 しかし改めて「もしかして医師は本当に複雑なデザインが好きなんじゃないか？」という疑念がわいてきました。 よく見る医療系スライドの一例 https://www.dinf.ne.jp/doc/japanese/resource/kouse
Backdrop | UX は iPhone によって発見された説
UIデザインに20年近く携わってきた私としては、昨今、「UX と UI は違う」と多くの人が言うのを聞くたび、違和感を覚える。なぜなら、彼らが UX と呼んでいるものはまさに、我々がずっと「ユーザーインターフェースデザイン」と呼んできたものだからだ。それは決して画面の表層的なグラフィックを指すものではなかった。システムが提示する概念モデルや、サービスが提案する体験価値を、合理的なインタラクションの蓄積として現すこと。ユーザーが知覚するシステムの全体像を定める試み。それがUIデザインだったし、そういうスコープで HCI や UCD はテーマづけされてきたと思う。 そもそもユーザーインターフェースという概念はかなり抽象度が高いと思っている。まず、ユーザー（利用者）という言葉は、人間というものに対する人工物の存在を前提としていて、人が道具を作り道具が人を作るという、社会や文化の根本的な発展スパイ
デザイン組織の成熟度に合わせたデザインシステム提案
難易度が高過ぎな海外事例 Web で公開されているデザインシステムは、インスピレーションにはなりますが、最初に目指すものとして相応しくない場合があります。好例として紹介される Salesforce の Lightning Design System が最初に GItHub にデプロイされたのが 2015年の9月。プロジェクトが始まったのはもっと前だと思うので 4 年くらい続けているはずです。Salesforce で働くデザイナーの数は分かりませんが、 LinkedIn で調べると 300 名以上のデザイナーが検索結果に表示されます。 少なくとも 300 名のデザイナーが働いている組織が 4 年くらいかけて作っているものと同等なものは作れません。欧米の事例は「自分たちでツールを作ることもあります」と言うような大規模組織が多いことから、参考にならない場合があります。 ひとまず原則や色から始める
効果的なUXライティングのための16のルール | UX MILK
Nickはロシアのセントピーターズバーグ出身のソフトウェアデベロッパー/ブロガーです。彼による他の記事はこちらをご参照ください。 UXライティングとは、プロダクトとユーザー間のインタラクションを支援し、プロダクト内のユーザーを導くUIのコピーライティングのことを指します。UIのコピーには、ボタンやメニューラベル、エラーメッセージ、セキュリティの注意喚起、利用規約、その他のプロダクト使用に関する指示などが含まれます。 UXライティングの主な目的は、ユーザーとデジタルプロダクトのコミュニケーションを解決することです。この記事では、効果的なUXライティングに関する実践的なヒントを提供します。 ※編注：当記事はあくまで英語におけるUXライティングについての紹介になります。 なぜUIのテキストをいじることがデザインプロセスにおいて重要なのか 多くの場合、プロダクトの開発者は、UIのテキストをプロダク
スマホのメニュー表示に使う「ハンバーガーアイコン(三)」で大失敗！(ヤフーCMO村上)【K16-6A #6】
スマホのメニュー表示に使う「ハンバーガーアイコン(三)」で大失敗！(ヤフーCMO村上)【K16-6A #6】 2017 2/06 ▶平日 毎朝7時に公式LINE@で新着記事を配信しています。友達申請はこちらから！ ▶ICCの動画コンテンツも充実! Youtubeチャネルの登録はこちらから！ 「ユーザー・エクスペリエンスのベストプラクティス」【K16-6A】セッションの書き起し記事をいよいよ公開！7回シリーズ(その6)は、スマートフォンサービスにおけるユーザー体験の高め方や留意点等について議論しました。ぜひ御覧ください。 ビジネス最適化プラットフォームを提供するドーモ株式会社（Domo）はICCカンファレンス KYOTO 2016のゴールド・スポンサーとして本セッションをサポート頂きました。ビジネスデータの集約とリアルタイムの意思決定が可能なDomoの詳細はこちらからご覧ください。 ICCカ
さまざまなデザインの伝達手段と自分に適した手法の見つけ方 - ポップインサイト
私は、UXデザインアプリケーションであるUXPinのCEOであるMarcin Trederです。そして、ベテランのUXデザイナー兼UXチームのマネージャーでもあります。 みなさんにワイヤーフレーミングとデザインドキュメントの作成をご覧いただけることを大変嬉しく思います。毎日の仕事をより簡単にするための応用テクニックをみなさんが楽しんで学習することを願っています。 この記事では、ワイヤーフレームの作成方法やデザインドキュメントの作成方法を紹介します。私自身の経験を踏まえたヒントをお伝えすると同時に、私が犯した重大なミスをみなさんは避けられることを期待しています。 記事は実践向けに作成されています。なので、少しのデザイン哲学と多くの実話を期待していてください。 すべてのデザインドキュメントの事例は、UXPinによって作成されています。 ワイヤーフレーム、プロトタイプ、モックアップの違い 数年前
スプラトゥーン、みまもりSwitchなど任天堂のUI/UXデザイナーさんによる「“娯楽”を追求するUIデザイナーの仕事とは」 #uicrunch
リンク connpass UI Crunch #13 娯楽のUI - by Nintendo - (2018/04/27 19:00〜) ## “娯楽”を追求する、UIデザイナーの仕事とは 私たちは日々、実用品と娯楽品に囲まれて生活しています。どちらも生活に大切なもの。 今回は"もっと便利に"を追求するのではなく、"もっと楽しく"を追求する、UIデザイナー3名を任天堂からお迎えし、「Splatoon」 や「Nintendo みまもり Switch」 などの事例を交えながらお話いただきます。 子どもから大人まで楽しめる娯楽の裏側には、どのような想いや工夫があるのか。 みなさんと一緒に学べる機会になればと思います。 また、後 59 users 1621 UI Crunch @ui_crunch 「娯楽のUI」、開場しました！19:30より、任天堂さんのUI/UXデザイナーさんにご登壇いただきま
CAREER HACKのまっさんが選ぶ、4月に読みたいデザイナーさんの記事30選｜まっさん／PdM@pasture｜note
こんにちは、CAREER HACKのまっさんこと、まっさんです。突然自分のメディアをdisってあれですが、CAREER HACKって新着がずらーっと並んでいて過去の良記事が埋もれがち。なのでここに「デザイン」に関する記事を集約していこうと、ふと突然思い立ったのであります。分類は苦手なので、とりあえず僕がピン！ときたものから並べます。 レッツゴー！💁 .
UXのプロはコンバージョン最適化をどう見ているのか？ - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
無料で資料をダウンロード SEOコンサルティングサービスのご案内 専門のコンサルタントが貴社サイトのご要望・課題整理から施策の立案を行い、検索エンジンからの流入数向上を支援いたします。 無料ダウンロードする ＞＞ CRO(コンバージョン最適化)の文脈においては、しばしばUX(ユーザーエクスペリエンス)についても議論しなければなりません。CROとUXが被る部分、そして対立する部分はどこにあるのでしょうか？そして、実際作業を行う際はどのようなことに気を付ければ良いのでしょうか？ UXの専門家たちの意見を聞いてみましょう。 — SEO Japan 自分が取り組んでいることに対して、他者の意見を聞くことは、いつも楽しいものだ。 コンバージョンの最適化に関して、私たちはUXがプロセスの重要な部分を担っており、UXがさらなるコンバージョンをもたらしてくれると信じている。しかしUXの専門家たちは、コンバ
ユーザーインターフェイス解剖学・改訂版（公開版）
社内イベントで登壇した際のスライドです。｢ユーザーインターフェイス解剖学｣の改訂版。主に、UIデザインにおいて検討した方がよい／すべき考え方というものを簡単にご紹介しました。
デザイナー向け認知科学／認知心理学の入門書 （2025.12.29追加編集）｜yoshi_design
はじめに若手のUIデザイナーから「使いやすいアプリをデザインするために認知心理学を勉強したい。どんな本を読んだらいいですか？」と相談を受けたので、いくつか紹介してみます。ちょうど、大学入試センター試験（国語）で「デザイン」や「アフォーダンス」が取り上げられたこともあり、このタイミングで書いてみることにしました。 認知心理学の学問分野は広大ですし、僕は認知心理学者ではありませんので、あくまでも、１）デザイナー向けに、２）仕事に役に立つ、３）入門書、 という観点で選びました（前半の入門編）。 （僕自身は、多摩美術大学の大学院生の時に、須永剛司教授（現・東京藝大）の研究室で、インタフェース・デザインの実践研究をしながら、文献や論文、ゼミの輪読、学会や勉強会などを通じて、認知科学／認知心理学を学び、それがその後のインタラクション研究に続いていきます。） 後半の中級〜上級編には名前がよく出てくる有名
デザインに必要なのは「ユーザビリティ」だけじゃない。そそるデザインを作る方法
日本では、サービスの開発やUXデザインの文脈で最も注目される機会が多いのは「ユーザビリティ」だと思います。これは、UXデザインの源流にメーカー由来のユーザビリティ工学があることがその理由でしょう。 しかし、今やモノづくりの枠を超え広範なものとなったUXデザインにおいては、ユーザビリティを突き詰めるだけでは不十分です。何故なら、ユーザビリティのみを突き詰めたものは「問題がない製品」にはなっても「感動を与える製品」にはならないからです。 「問題がない製品」のままでは、その他大勢の製品やサービスに埋もれてしまいがちです。そこで登場するのがデザイラビリティ（=望ましさ）、もう少し砕いて言えば「人々にとって望ましいデザイン」「そそるデザイン」といった感じでしょうか。 ユーザーエクスペリエンスホイールちなみに、デザイラビリティは「desire（欲求・願望・想い）」が語源で、「desirability」
キャンセルのキャンセル問題から考えるダイアログデザイン｜Goodpatch Blog グッドパッチブログ
この文脈では、「編集内容のキャンセル」という処理を続行しても良いかをユーザーに確認しています。続行に同意したい多くのユーザーは直感的に同じ表記の「キャンセル」を押したくなるでしょう。しかしそれでは編集のキャンセルが実行されません。 このキャンセルボタンが意味するのは、「『編集内容をキャンセルする』のキャンセル」なのです。つまり、ユーザーが望み通りに編集内容を破棄するためには、反対側のOKボタンを選ぶべきなのです。このような「キャンセルのキャンセル」は二重否定で意味がややこしくなるので避けなければなりません。 ここで「キャンセルのキャンセル」にならなければ良いということで、次のようにボタン名を変えてみました。 これでもう迷うことは無くなりましたか……？ 私はこの修正は誤りだと判断します。「はい」「いいえ」は結果を予想しにくい表現なので、ダイアログのアクションボタンに用いることはあまり適切では
World IA Day 2017 Tokyo
2017年2月18日（土）13:00から恵比寿のamuにて開催しました。 今年の東京のローカルテーマは、「いま改めて考える『分類』」。分類といえばこの方、系統樹思考や「THE BOOK OF TREE」の翻訳の三中信宏氏に基調講演をいただきました。 また、データビジュアライゼーション分野で活躍されている矢崎裕一氏にはアルゴリズムと分類の関係をお話しいただき、楽天の池田龍馬氏にはEC観点での分類のお話をいただきました。 当日の模様はYouTube Liveで中継し、現在も動画はご覧いただけます。 Welcome Video from Richard Saul Wurman World IA Day 2017 Tokyoのアーカイブ動画 プログラム 13:00 オープニング：長谷川敦士氏 13:10 ダイアグラム思考—分類と系統の世界観—：三中信宏氏 14:10 ネットワーク時代のデータビジュ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Manabu Ueno on X: "1枚目のような図をよく目にするが、ナンセンスだと思う。それぞれは関係しつつも独立した概念であり、包含関係で表すことはできない。例えば2枚目のようにクラス図風にモデリングすれば、概念同士を繋ぐアナロジカルな構造が見えてくる。 https://t.co/e5mVPOYRlv" / X
Miyamoto | DeNA Design on Twitter: "なぜかあまりネットに流れてない情報なんですけど。UXデザイン界隈では有名な「グーグルUXデザインプロフェッショナル認定証」って講座があるんですが、実はそのコース3でFigmaのEducation planの特典があります。 社会人… https://t.co/1pURyKMUCt"
本当に実践的なデザインドキュメントの書き方 第1回：なぜ渡されたワイヤーフレームは分かりにくいのか？ | アドビUX道場 #UXDojo - Adobe Blog
