ユーザインタフェース設計
Myersらの1992年の調査によれば、一般的なグラフィカルユーザインタフェース（Graphical User Interface; GUI）アプリケーション開発でコードの48%、実装時間の約半分がユーザインタフェース部分に割かれているといいます。それだけユーザインタフェースの設計は難しいプロセスなのです。 ユーザインタフェース設計で役に立つ基礎理論や評価手法、支援ツールは、人とコンピュータの関係をよりよくしていく学問 Human-Computer Interaction (HCI) で研究、開発されてきました。ただ、こうした知見を体系化されたかたちで学習する機会は（とくに国内では）必ずしも多くありません。 このWebページでは、自分が研究者になるにあたって知っておきたかった基礎的なことを、参考文献を挙げながら紹介します。想定している読者層は HCI を専門にする学生や、ユーザインタフェー
認知科学ーUIUXデザインのための基礎理論［2020前期］｜note
専門講義科目「認知科学」講義ノート（2020年度前期 オンライン開講, 選択必修）, 担当：吉橋昭夫（多摩美術大学情報デザイン学科）（注：美術大学の学部2,3年生を対象に、認知科学とそのデザインへの応用について学びます。認知科学の精密な理論を修得することは目的としていません。）
UXデザイナーが創り出して活用する10の成果物
Miklosは、18年以上のキャリアをもつUXデザイナーのリーダーであり、プロダクトデザインのストラテジストでもあります。フルスペクトルのプロダクトデザイナーとして、ユーザーのニーズ、ビジネス目標、テクニカル面での実現可能性などを考慮しながら、ユーザーの要求を満たし、利益をもたらすプロダクトデザインを目指しています。 UXデザイナーはさまざまなシーンでその活躍が期待されています。たとえば最小限のドキュメントを用いて作業を進めるチーム、リーンスタートアップやアジャイル開発を求められる環境、外部企業とコンサルティング契約を結ぶ場合、または厳しいドキュメント要件を持つ大企業や政府機関のコンサルティング業務など、さまざまな環境が挙げられます。 関わり方や環境の性質（およびそれをすべて結び付けるもの）に関係なく、UXの専門家はデザインに関するアイデア、研究結果、プロジェクトのコンテキストを効果的にさ
言語化と価値観、そして悩み｜Hiroki Tani
僕の今の仕事というのは、デザイナーと（フロントエンド）エンジニアの間の立ち位置でいろんなことをしている。その重要な仕事のひとつが、このセッションの主題のようなデザインの言語化への取り組みをリードするということ。 具体的にやっていることの一つをあげると、例えばスライドにあるような、あるUIコンポーネントのことを何と呼ぶか、またコンポーネントの粒度についての話し合いの場を設けるようなことをする。はじめから原則と呼べるようなものがあればいいが、なかなかはじめから立てるのは難しく、各々の考え方・価値観というのをすり合わすため、ほぼ毎日に話し合いを時間をとって進めていたりする。 はじめはデザイナーが起こすデザインカンプ、といっても完全なものではなくある程度整ったSketchデータを確認しながらインベントリとしてUIコンポーネントを抽出する。そのコレクションからパターンやルールとして考えうることをデザ
「インタラクション」とは何か？ vol.1｜MASA / Artrigger CXO｜note
本記事は、Human Computer Interaction(HCI)の国際学会「CHI 2017」にて、コペンハーゲン大学のHornbæk氏とアールト大学のOulasvirta氏が発表した "What Is Interaction?" を私が翻訳・独自に解釈したものです。「インタラクション」という単語は定義されていないそう言われてみれば…と思う、2017年に発表された衝撃的なタイトルの論文をパーソンズの授業の中で読んだので、簡単に私の理解を書いておきたいと思う。 「インタラクション」という単語はCHI2016の論文集でも4500回以上登場し、今やコンピュータの世界も超えて当たり前のように使われる単語であるが、昔のようにコンピュータと人間との間だけのインタラクションで完結しなくなってきた今だからこそ、インタラクションという単語は明確に定義されていない、と彼らは論文で主張している。 よくイ
UXが重視される時代にデザイナーが価値を高めるには
ユーザー体験をデザインする「UXデザイン」がWebサービス業界の1つのトレンドとして語られる機会が多くなりました。 ユーザーの声がプロダクトに反映されるのが当然の時代において、UXを考慮したデザインは不可欠です。制作物を納品して終わりではなく、ユーザーやクライアントに歩み寄ってプロダクトに関わることが大切です。 しかし、その概念は理解できても、どうやって実務に落とし込むべきか悩んでいる担当者もいるはずです。 2018年6月、アドビ システムズ 株式会社が主催した「UX道場 Meetup 00：UXデザインが高めるデザイナーの価値とワークフロー」のパネルディスカッションから、デザイナーがUXデザインをワークフローに落とし込むヒントを探ってみましょう。 参考： UX 道場（UI / Web デザイン） – Adobe Creative Station 登壇者プロフィール 長谷川恭久(デザイナー
CXO Nightの前に予習すると面白いコンテンツまとめ｜坪田 朋
6/15(金)にCXO Night #3 - デザインを越境せよを開催します。 CDO / CXO / デザイン経営 というキーワードが使われる機会も増えました。 数年前、ボトムアップでUXデザインの壁を超えれない経験をしたあと、自分なりに勉強、実践して向き合ってきたテーマです。 3回目の開催で、今回は越境というテーマにふさわしく、登壇者やスポンサーも壁を超えて様々な方にご協力いただいております。 デザイン業界も、スタートアップ / デザインスタジオ / メーカーなど流派の違いで見えない壁がありましたが、僕の観測範囲では ユーザー体験 に向き合う一体感が生まれて、その壁が崩れてきた感触もあります。 そして今このタイミングで、業界を超えた混合チームでイベントが実現できた事は僕の中では大事件であり、とても楽しみな時間です。 デザインを閉じずにより多くの人に届けたい想いで今回は milieu 編
カスタマージャーニーマップをファシリテーションするとデザインめっちゃ捗る｜茂木 栞 Shiori Mogi
タップル誕生のデザイナーをしているもぎです。 4月にリリースしたタップルの新機能「24時間以内にデートのお相手が見つかる」おでかけ機能のデザインを担当しました。 今回は新機能の開発をスムーズにするためにやって良かったことの１つ、「カスタマージャーニーマップ」について備忘録として、良かったポイントをメモしておきます。 ポイント0：相手から聞き出すのと自分で考えるの両方一緒にできて時短で頭の整理になる ポイント①：議論が迷走しても立ち戻る場所があるのでワイヤーからとにかくブレない ポイント②：資料の読み解きを効率化して制作する時間を確保できる ポイント③：仕様が固まってきたら更新しなくてもOKにして、肩の荷を降ろせる※チームメンバーで認識合わせや、足りないこと・懸念の洗い出しをする本来の目的ももちろんありましたが、今回はデザイナーとしてよかったことにフォーカスして記載 ※ライブ感のある自由な口
Atlassianがデザインシステムの構築から学んだこと
10年以上の歳月を経て、Atlassianのデザインは徐々に改良・洗練されていきました。そういった流れの中で、Atlassianは、2012年に最初の公式なデザインシステムを作成しました。当時の最優先の目的は、Atlassianのすべての製品で一貫性を確立することでした。最初の「デザインシステム」は、実際には従来的なスタイルガイドに近いものでした。 次の５年間で、Atlassianはデザインシステムの開発と調整を行い、有益な教訓を学びました。それは、デザインシステムは一貫性の維持だけにとどまらない効果があるということでした。2017年の最新バージョンでは、製品のインターフェイスからフリクションを減らすことに重点が置かれました。そして、デザインシステムを補完するUIライブラリー「Atlaskit」が追加され、デザインシステムの機能が定義されました。 Atlaskitでは、標準となるUIコンポ
モードレスデザイン｜ai
はじめて iMacG3 を使った時、私はとても前向きな気持ちになった。説明書を読まなくても何をどうすればいいの分かったし、自分の思い描いた通りに動かすことができた。 道具は使う人の能力を拡張させると言うけれど、私はあの丸いマウスと一緒に、文章を書いたり、絵を描いたり、本当に何でも出来る気がしたのだ。 それは Mac だけではなかった。iPhone も、iPadも、Apple 製品はいつも私を高揚させた。なぜ私はこんなにも惹かれるのか。不思議に思いながらも、私は Apple 製品を追いかけてきた。 どうして？ ... 実はその秘密は既に明らかになっている。 それは、モードレスだからだ。 直感的だとか、シンプルだとか、一貫性があるとか、そういったものは表出された一部にすぎない。 この秘密は、 今から 9 年も前にインターネットに公開されたテキストにあっさり書かれている。ソシオメディアの上野学
なぜ急成長しているスタートアップではUI/UXが優れたサービスを作れるのか？｜～高垣のりこ～自分100年戦略ノート
本日は、LBSのEntrepreneurship Clubが主催するMONZO社のプレゼンがあったので、聞きに行ってきました。MONZOはRevolutと並ぶ、ロンドンを拠点とするFintechの雄で、オンライン銀行口座やコンタクトレスデビットカードといった一般ユーザー向けの金融サービスを提供する企業です。 （HPはこちら→https://monzo.com/） User Interface（UI：ユーザーがサービスを使用する際に触れるウェブサイトやアプリのデザイン）やUser Experience（UX：ユーザーが製品・サービスを使用する経験）に定評があり、LBSの学生にもユーザーが沢山いる有名な企業です。 さて、ユーザーにとって良いデザインのプロダクトを作ることを目指し、実際に非常に使いやすいアプリを作っているMonzoはどうやって優れたアプリを作っているのでしょうか。 答えは「徹底的
ユーザーファーストの功罪｜Masafumi Kawachi
UXデザイン・ユーザーファースト・ユーザー中心・人間中心設計、などあらゆる言葉が今の業界には入り乱れています。それぞれ微妙に概念としては異なるのかもしれませんが、詳しいことは置いておき、昨今の業界でやりとりされるコアメッセージは「ユーザーを一番に見ようよ！！」ってことです。それ自体はとても大事なのですがなんかこう、それが全てだよね、と語られたりそれがあれば正義、という風潮を否めません。その姿勢が本当に「善さ」につながっているのか疑問に思います。 「ユーザーがこう言ってるんだから！」の間違い業界のデザイナーと話したりweb上でたまに見かけるのは、「ユーザーの声を聞こうよ」、「事業者視点じゃなくてユーザーファーストを貫くのが大事でしょ！」といった言説です。「ユーザー」を中心に据えて、彼らの発言や意見を"鵜呑み"にする、要はユーザーという存在を神格化してしまう風潮を感じます。ときには、「ユーザー
Googleのデザイナーなどのポートフォリオを300件以上閲覧できるサイト Bestfolios - LOGzeudon
海外のデザイナーのポートフォリオを見るのに便利なサイトの紹介です。 Bestfolios - UI/UX Design Portfolio Inspiration and Showcase ポートフォリオだけでなく、次の４カテゴリで情報がまとめられています。 Portfolios（ポートフォリオ） Resumes（履歴書） Resources（デザイン素材） Articles（投稿記事） オススメなページ順に、簡単に内容を紹介します。 Articles（投稿記事） ポートフォリオに関連した記事が読めます。 今のところ４記事しかありませんが、いずれもタイトルの魔力がすごい。 Google Designer Portfolio Collection 1 Facebook Product Designer Portfolio Collection 1 10 great fonts you may
【加筆あり】 マツモトキヨシのロゴデザイナーが言った『UXの本質』と、IT業界の根本的なズレが致命的になるについて｜チカイケ秀夫@CBO(最高ブランディング責任者)
【加筆あり】 マツモトキヨシのロゴデザイナーが言った『UXの本質』と、IT業界の根本的なズレが致命的になるについて 今も「UI/UX」の議論が増えていますが、日本人が好きな表面的な手法論から、そもそもの深い部分の議論になっているのは、すごい良いと思っています。 特にIT業界が「UI/UX」が盛んに見えますが、そもそもの議論が「アプリ」「WEB」に限定されており、狭義の議論になっているので、本質的な話をしないとこの問題は解決できないと思っています。 私自身も以前はカスタマージャーニーなどもやっておりましたが、マツモトキヨシのロゴデザインをしたデザイナーの小谷中さんと、地元千葉で縁があり一緒に仕事をさせていただいた時に、施設のパンフレットデザインを見せた際に言われた、『パンフレットが置かれる現場に行ったみた？』 が今でも忘れられない一言であり、UXの本質的な言葉だと思っています。 デザイナーの
ユーザーインターフェイス解剖学・改訂版（公開版）
社内イベントで登壇した際のスライドです。｢ユーザーインターフェイス解剖学｣の改訂版。主に、UIデザインにおいて検討した方がよい／すべき考え方というものを簡単にご紹介しました。
「ユーザーが行動をおこす条件」の話｜深津 貴之 (fladdict)｜note
新入社員のこばかなさんが、「こばかなスケッチ」という自分企画を頑張っている。THE GUILDでの日々の仕事と、読書で学んだことを、一枚のスケッチにまとめるチャレンジだ。 彼女のスケッチが溜まってきたので、復習とサポートを兼ねて、解説を書いていきたい。第二回はこの絵。 行動 = 動機 × 実行能力 × きっかけ今回のこばかなさんのイラストは、「フォッグの消費者行動モデル」という概念モデルだ。ざっくり言うと、ユーザーが行動を起こすために必要な3条件を示している。 このモデルでは、「ユーザーが何かアクションを起こす」条件を、 B = MATという、とてもシンプルな式で表現する。 その意味は、「行動(Behavior)」には、「動機(Motivation)」と「実行能力(Ability)」があるタイミングで、「きっかけ(Trigger)」が訪れなければならない…というものだ。 ・動機(Motiv
提供価値によって異なるデザインプロセス | MEDLEY Developer Portal
2017-11-17提供価値によって異なるデザインプロセス最近 PS4 のグランツーリスモスポーツをやり始めて、自宅のネット環境の遅さに気づいたデザイナーのマエダです。前回はDLS についてご紹介させていただきましたが、今回はメドレーに入社して感じた「デザインプロセスの違い」について自分なりにまとめてみました。 あとで読みたい人向けに、エレベーターピッチ風にまとめると、 [ CLINICS ] というサービスは [ 患者と医療機関向け ] それぞれサービスを提供しているが [ 提供価値の違い ] によって [ デザインの役割が異なる ] ことに気づいた 特に [ 医療機関向け ] は [ UI が重要 ] となり [ 伝えることを目的とした Web サイト ] とは違って [ UI デザインの良し悪しがプロダクト全体の品質に関わる ] ため [ 事業や技術を理解 ] した[ デザインオリエ
60点以下の仕事はなくなる。深津貴之＆drikinが語る「デザイナーの新しい働き方」 - デザイン情報サイト[JDN]
東京・青山のTHE GUILD（以下、ギルド）オフィスに集まった2人のクリエイター。かたや、ユーザーエクスペリエンス（UX）の設計やコンサルティングを手がけ、ピースオブケイク社のCXO（Chief eXperience Officer）にも就任した、ギルドを主宰する深津貴之さん。一方、サンフランシスコ在住のソフトウェアエンジニアで、ガジェットを自腹で散財しつつ日々の生活を動画で発信するYouTubeチャンネル「DRIKIN VLOG」も人気のdrikin（以下、ドリキン）さん。先日ラスベガスで行われたAdobe MAXに参加した2人が、更新されるテクノロジーとクリエイティブの関係から「新しい働き方」について語る。 新しいカタチの組織「THE GUILD」 ドリキン：まず深津さんが主宰する「ギルド」からして新しい働き方だと思うんですが、そもそもギルドはどういった組織なんですか？ 深津：フリー
![60点以下の仕事はなくなる。深津貴之＆drikinが語る「デザイナーの新しい働き方」 - デザイン情報サイト[JDN]](https://cdn-ak-scissors.b.st-hatena.com/image/square/0fd0429141942984801cc0338c52ad5d44eb7620/height=288;version=1;width=512/https%3A%2F%2Fwww.japandesign.ne.jp%2Fwp%2Fwp-content%2Fuploads%2F2017%2F11%2FGT85010-1.jpg)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
デザインシンキングとは、方法ではなく考え方だ - メルカリ流の実践方法 - メルミライ - 未来を見るメディア
CASH｜ポジティブな「お金」の表現
