タグ インタラクションデザイン
人気順 10 users 50 users 100 users 500 users 1000 usersデザインにおけるメンタルモデル | UX MILK
Interaction Design Foundationはグローバルにデザインレベルの向上を目指す、デンマーク発の非営利団体です。 メンタルモデルは、ヒューマンコンピュータインタラクション(HCI)とインタラクションデザインにおいて重要な役割を果たしています。これらはユーザーが周りの世界をどのように知覚しているかに関連し、事実... 続きを読む
インタラクションデザインとはなにか? クックパッドのエンジニアが、北欧のデザインスクール「CIID」で学んだこと - ログミーTech
インタラクションデザインとはなにか? クックパッドのエンジニアが、北欧のデザインスクール「CIID」で学んだこと Intro to Interaction Design 2019年9月10日、クックパッド株式会社にて「Cookpad Product Kitchen #2」が開催されました。北欧、デンマーク/コペンハーゲンの新興デザインスクール、Copenhagen Institut... 続きを読む
【開催レポ】Cookpad Tech Kitchen #17 〜北欧で最新のインタラクションデザインを学んできた話〜 - クックパッド開発者ブログ
こんにちは。広報部のとくなり餃子大好き( id:tokunarigyozadaisuki )です。 8月22日 にCookpad Tech Kitchen #17 〜北欧で最新のインタラクションデザインを学んできた話〜を開催いたしました。クックパッドではCookpad Tech Kitchenを通して、技術やサービス開発に関する知見を定期的に発信しています。 第17回はデ... 続きを読む
レストラン Megriva / ロゴのインタラクション|Yukiya Okuda|note
THE GUILDの奥田( @alumican_net )です。普段はインタラクションデザイン、プログラミング、UX〜UIデザイン、また作家としてインスタレーション作品の制作をしています。 この度ご縁があり、7月5日に中目黒にオープンしたイタリアンレストラン Megriva(メグリヴァ)さんのロゴをデザインさせていただきました。お店の... 続きを読む
『IoT時代のインタラクションデザイン』に行ってきました。 – Yosuke Hori – Medium
『IoT時代のインタラクションデザイン』に行ってきました。 明治大学の渡邊恵太先生の研究室共同研究成果発表展 『IoT時代のインタラクションデザイン』に行ってきました。 渡邊先生の著書の「融けるデザイン」を拝読して自分自身のものの見方、デザインの考え方が変わったこともあり、今回の研究室初の研究成果の展示会に行くのを楽しみにしていました。 ここでは見てきた作品の一部を紹介します。 『WorldCon... 続きを読む
Webデザインにおけるスクローリングの新しいルール | UX MILK
かつてWebデザインでタブーとされていたものが、近年もっとも人気がある手法の1つとして完全復活しました。ユーザーはスクロールが必要なサイトを好み、評価するようになったのです。スクローリングは過去の汚名を捨て去り、主要なインタラクションデザインの要素として新たに生まれ変わろうとしています。つまり、デザイナーは新たなルールを学ぶ必要があるということです。 この記事では、スクローリングの復活について探り... 続きを読む
プログレスインジケータの役割とは?デザイナーのためのインジケータ設計アイデア | Goodpatch Blog
ナレッジ・ノウハウ共有 2017.08.17 UIデザイン UXデザイン アプリケーションデザイン インタラクションデザイン 中国デザイン プログレスインジケータの役割とは?デザイナーのためのインジケータ設計アイデア 突然ですが、あなたは今、居酒屋にいるとします。 「15分前に注文した生ビールがまだ運ばれてこない状況」を想像してみてください。 あなたはどのような気持ちになりますか? もう一度お店の... 続きを読む
新人デザイナー必見!ときめきとひらめきの源、デザインリソースで作業を効率化しよう | Goodpatch Blog
ナレッジ・ノウハウ共有 2017.07.24 UIデザイン おすすめツール・サービス アプリケーションデザイン インタラクションデザイン 基礎シリーズ 新人デザイナー必見!ときめきとひらめきの源、デザインリソースで作業を効率化しよう Goodpatch Blogをご覧の皆さんの中には、デザイナー見習いの人や、勉強中の人も多いことと思います。 今回のGoodpatch Blogは、そんな皆さんのため... 続きを読む
インタラクションデザインとは?理想的なUXのための5次元要素 | UX MILK
インタラクションデザインは、UXデザインという大きな分野の中で非常に重要な要素です。この記事では、インタラクションデザインの基本概念と凡例、またインタラクションデザイナーが普段どのような仕事をしているのかを簡単に説明していきます。 インタラクションデザインとは、簡潔に言うとユーザーと製品間のインタラクションに関するデザインのことです。 インタラクションデザインにおける製品とは、アプリやWebサイト... 続きを読む
UIデザインにおけるボタン:スタイルの進化とベストプラクティス | デザイン | POSTD
ボタンはごく普通の、インタラクションデザインの日常的な要素です。ボタンはとてもシンプルなUI要素に見えますが、過去数十年間でそのデザインはかなり変わってきました。 この記事ではボタンデザインの発展を辿りながら、有効なボタンを作るために何が最も重要で最適なのかを見つけて行きたいと思います。ボタンはごく普通の、インタラクションデザインの日常的な要素です。ボタンはとてもシンプルなUI要素に見えますが、過... 続きを読む
タブ型 UI について考える ¦¦ Website Usability Info
Talking about web usability, accessibility, IA, UCD, UX,... 公開日 : 2016年1月18日 カテゴリー : アクセシビリティ , インタラクションデザイン (IxD) , ユーザビリティ , ユーザーインターフェース (UI) タブをクリック/タップすると、JavaScript によって、そのタブに紐づいた情報 (タブパネル) が切り替... 続きを読む
デザインの確かな知識が身につく!Webサイトやアプリのデザインの勉強になるスライドのまとめ | コリス
実践的なUXデザインやインタラクションデザイン、レスポンシブサイトに効くデザインTips、Sketchを使ったデザインフロー、Webデザイナーのためのタイポグラフィ講座など、Webサイト・アプリなどのUIデザイン/UXデザイン勉強になるスライドを紹介します。 時間をかけてゆっくり、何度でも見たいスライドばかりです。 写真: ぱくたそ 確実に良くするUI/UX設計 from Takayuki Fuk... 続きを読む
今だから知りたいインタラクションデザインの基礎 : could
ixdデザイン 今だから知りたいインタラクションデザインの基礎 新しい技術や表現は増え続けますが、コンピューターと人間との関係のデザインという 1950 年頃から続く課題がますます重要になります。インタラクションデザインの基礎は現在にも通じるところが幾つかあります。 再考インタラクションデザイン Project Jacquard のような技術を目の当たりにすると、いよいよすべてのモノにコンピュータ... 続きを読む
フォーム入力不備の情報提示 (スクリーンリーダーのユーザーにも伝わるように) — Website Usability Info
Talking about web usability, accessibility, IA, UCD, UX,... フォーム入力不備の情報提示 (スクリーンリーダーのユーザーにも伝わるように) 2015年4月7日 アクセシビリティ , インタラクションデザイン (IxD) , ユーザビリティ , ユーザーインターフェース (UI) ウェブサイトのフォームで、入力に不備がある場合、問題となってい... 続きを読む
JavaScript が無効なユーザーはほとんどいない。だから… — Website Usability Info
Talking about web usability, accessibility, IA, UCD, UX,... 公開日 : 2013年12月27日 カテゴリー : アクセシビリティ , インタラクションデザイン (IxD) , ユーザビリティ , ユーザーインターフェース (UI) , ユーザーエクスペリエンス (UX) 「Web ユーザーのうち、JavaScript を無効にしている人は... 続きを読む
ニューヨーク近代美術館、ビデオゲームの収蔵を開始。14作品から - Engadget Japanese
MoMAの愛称で知られるニューヨーク近代美術館が、ビデオゲーム14本をコレクションに加えたことを発表しました。MoMAはビデオゲームの収蔵にあたって約40本の「ウィッシュリスト」を作成しており、今回の14本はそのなかからまず最初に集められた作品です。 選定基準の原則は「インタラクションデザインにおいて傑出したもの」。絵がきれい、プログラムがエレガントといったことだけではなく、プレーヤーと双方向にや... 続きを読む
インタフェースデザインやインタラクションデザインがなぜ重要か?
人が関わるものすべてにインタフェースがある。 インタフェースは人の行為をつくる。あるいは「行為に影響するように物の設計を考えることがインタフェースの設計」と言えるかもしれない。 行為は人の経験をつくる。連続する行為は活動つくり文化をつくる。だからインタフェースは重要である。人にとってこんなに本質的で、文化にとっても重要な現象を、なぜもっと注目しないのだろうか。インタフェースに人類の未来があると言っ... 続きを読む
訳書『デザイニング・インターフェース』第2版の出版にあたって « IA Spectrum
2007年初めに発売された訳書の改訂版となる、『デザイニング・インターフェース 第2版 ― パターンによる実践的インタラクションデザイン』を、再び翻訳させていただきました。明日のクリスマスイブに発売となります。 実物をご覧いただくと一目瞭然なのですが、かなり厚さを増しています。360ページから592ページにボリュームが増えました。これは主に、章立てについて以下のような改訂が行われたことによります。... 続きを読む
スマートフォンサイトに適したユーザビリティとは?【リサーチ】 (1/5):MarkeZine(マーケジン)
IMJモバイルでは、「スマートフォンのインタラクションデザインに関するユーザビリティ調査」を実施した。調査期間は2011年9月14日~9月15日、有効回答数は412名となった。 調査結果概要 スマートフォンの普及に伴い、インタラクション性が高いサイトが求められています。スマートフォンサイトを構築する際の効果的な表現方法としてJavaScriptの活用がありますが、実際にJavaScriptを使った... 続きを読む
Latest topics > Firefoxアドオンの開発を通じて考えるようになったインタラクションデザイン - outsider reflex
あかつかだいすけさんのご紹介で、6月27日に慶応大学湘南藤沢キャンパスでインタラクションデザインについての講義を1時間ほどやらせていただきました。その際の発表資料はいつもの通り「高橋メソッド in XUL Returns」で作ったのですが、Remote XULがデフォルトで禁止されるようになったFirefox 4以降だとこれを見るためには色々と面倒が多いので、代わりに講義の内容を思い出しながら資料... 続きを読む
SIGIXD 2nd Googleにおけるインタラクションデザイン - 安藤日記
SIGIXD 2nd ------------------------------------------------------- http://sigixd.org/2nd.php Googleにおけるインタラクションデザイン #川島さんの示唆に富んだ話がすばらしかった。 川島 優志氏 シニアウェブマスター・アジア太平洋マネージャー: "Behind the web design & Dood... 続きを読む
@IT:ユーザーが選びやすいフォームのカタチを考えよう
Webアプリケーションのユーザーインターフェイス[2] ユーザーが選びやすい フォームのカタチを考えよう ソシオメディア 上野 学 2005/6/24 前回「ユーザーにとっては “ユーザーインターフェイス”こそが製品そのもの」は、ユーザーインターフェイスというもののとらえ方と、それをデザインするうえでは、人とシステムとの対話であるインタラクションデザインを論理的に行わなければならないという話をしま... 続きを読む