VRのUI＆UXの事例研究 - トマシープが学ぶ
2020/07/25 Immersedを追加しました。 2020/05/27 ambr,ViveSyncを追加しました。 2020/05/14 Spatialを追加しました。 既存のVRコンテンツのUIのスクショをとるだけ。 このサイトにもかなりまとまっています。 xR.design: AR & VR Interaction Examples OculusGoのキーボードはこちらで更新しています。 bibinbaleo.hatenablog.com 選択・メニュー OculusQuestのホーム Immersed ViveSync ambr Spatial(OculusQuest) PorkerStarsVR（OculusQuest) NeosVR Maquette Vカツ Cluster バーチャルキャスト The Blu Luckys Tale Oculus First Contact
猫でも分かるUMG
4. ＃UE4Osaka そもそもUMGってなんやねん？ 公式ドキュメントより • Unreal Motion Graphics UI デザイナ (UMG) は、 ビジュアル UI オーサリングツールです ユーザー向けに表示するインゲームの HUD、メニューや その他のインターフェース関連のグラフィックスを 作成するために使用できます https://docs.unrealengine.com/latest/JPN/Engine/UMG/index.html 5. ＃UE4Osaka そもそもUMGってなんやねん？ 公式ドキュメントより • Unreal Motion Graphics UI デザイナ (UMG) は、 ビジュアル UI オーサリングツールです ユーザー向けに表示するインゲームの HUD、メニューや その他のインターフェース関連のグラフィックスを 作成するために使用できます
プレイヤーのゲーム体験は、知らないうちに高められていた？ゲーム開発者らがこっそり加えた「工夫」を語り合う - AUTOMATON
ホーム 全記事 ニュース プレイヤーのゲーム体験は、知らないうちに高められていた？ゲーム開発者らがこっそり加えた「工夫」を語り合う ゲーム開発においては、プレイヤーのゲーム体験に作用するさまざまなテクニックが取り入れられているが、プレイしていてそれに気付くことはあまりないだろう。むしろプレイヤーに気付かせないようにしているものだが、実際のところ開発者は、どういったテクニックを駆使しているのだろうか。宇宙飛行士シミュレーター『Earthlight』などを手がけるOpaque SpaceのゲームデザイナーJennifer Scheurle氏が、プレイヤーからは見えない部分に取り入れている手法・技術を共有しようとTwitter上でゲーム開発者らに呼びかけており、多くのコメントが寄せられているのでいくつかピックアップしてみよう。 Hey #gamedev, tell me about some b
Interaction Museum | Home
A Collection of Innovative Interactions Find interaction techniques from Human-Computer Interaction research that inspire new designs.
ハンドコントローラーでVR日本語入力✏ - Qiita
VR内で文字を入力する この記事は、Oculus Rift Advent Calendar 2016 の17日目です。 http://qiita.com/advent-calendar/2016/oculus-rift 昨日はおかずさんの「VRコンテンツ開発について雑多に色々描いてみる」でした。 酔った勢いとは思えないまとまり具合でVR開発について具体的な改善案を提示されており、素晴らしいです。 VRのインフラ化を目論むにあたって、文字入力は死活問題です。現在の、ソーシャル機能を中心にいくつものキャズム超えてきた（※個人の見解です）コンピュータシステムにおいて、文字入力は全てのベースとなる機構です。 将来的には当然ながらVRならではの操作系が台頭してくる事が予想されますが、それまでの間はバーチャルディスプレイも併用されていく事になるでしょうし、快適に文字入力ができることの必要性は小さくない
Best Practices for Microinteractions
Microinteractions are subtle moments centered around accomplishing a single task. Almost all products around us (both physical and digital) are filled in with microinteractions. Here are just a few examples: Visual feedback that confirms the fact that a new item is added to cartPull-to-refresh that helps us update contentInterface animation that acknowledges certain action (e.g. toggle button)Ever
渡邊恵太「インタラクションコストとアプローチャビリティ」 | ÉKRITS / エクリ
インタラクションには行為のコストがある。インタラクション自体のみならず、その行為を始めるまでのインタラクションのコストを考えることが大切だ。今回のテキストでは、主にVR（ヴァーチャルリアリティ）やAR（拡張現実）におけるインタラクションの問題を例に、「インタラクションコスト」について考察していく。 ここで注目するのは、プロダクトやサービスを利用する際のインタラクションではなく、その体験の「外部」で生じるインタラクションである。インタラクションコストという用語で示したいのは、利用状態に入るまでのインタラクションが、行為を始める上での障壁になるということだ。 体験の外部にもあるインタラクション 現在「VRとインタラクション」について聞くと、没入感を高めたり酔わないようにする設計など、VRコンテンツというVR空間の「内部」に関わる話がほとんどだ。そこにも多くの課題はあるものの、筆者が常々思う課題
UI,UXデザインに活かせる！認知科学・行動経済学・脳科学のおすすめ本18選
初めまして。 面白法人カヤックでデザイナーをやっているばっこ（@is178）です。 一昔前は画面の中の要素をデザインをすることがWebデザイナーのお仕事でしたが、今や画面の向こうにいるユーザーの体験さえもデザインの対象となりました。 机の前に座っているPCユーザーだけでなく、利用シーンも様々なスマホユーザーの体験まで考慮する必要がある今、認知科学・行動経済学・脳科学などの知識もあると、デザイナーとしての強みになるのではないでしょうか。 そこで、各分野の個人的なおすすめ本を18冊紹介したいと思います。 認知科学 認知科学の対象領域を狭めないために明確な定義はないのですが、特徴づけをするならば「知的システムの構造、機能、発生における情報の流れを科学的に探る学問」です。 お馴染みのアフォーダンスやシグニファイアもこの分野ですね。 1.教養としての認知科学
コンバージョン率を劇的にアップさせるための30の心理作戦
By Tim Franklin Photography マーケットリサーチアナリストとして働き、SEOやPPCのスペシャリストであり、かつ心理学をたしなんでいるというニック・コレンダさんが、心理学の視点から導き出した「コンバージョン率を劇的にアップさせるための30の心理作戦」を公開しています。「フムフム、なるほど」というものから、「恐ろしあ……」となる戦略まであり、広告運用やSEOの知識がない人もサービスを使うユーザーとして知っておくべき内容になっています。 Conversion Optimization: An Enormous List of Psychological Tactics http://www.nickkolenda.com/conversion-optimization-psychology/ 30の戦略を見る準備として、運営しているサービスをCTA別に分けてじょうご状
ウェブの UI デザイン・ビジュアルデザインの基礎を学ぶのに役立った本まとめ（2015年・冬） - おいちゃんと呼ばれています
プライベートで新しいサイトを作りたいと思い、ここ最近はデザインに関する本を集中して読んでいた。何冊か是非薦めたいものが見つかったので紹介する。年末年始のお休みのお供にどうだろうか。 今回紹介する本の範囲 デザインといっても範囲が広いが、今回紹介するのは主に UI デザイン、ビジュアルデザインに関するもの。また主にウェブサイトのデザインに関するもの。 なお今回できるだけ新しい本を挙げるようにした。ほとんど今年（2015年）発売されたものばかり。理論的なところはずっと前から変わっていないのかもしれないが、何せウェブデザインの流れがはやいので、説明がしっかりされていることに加えて、取り上げられているサンプルが新しいものか否かが読むときのテンションに大きく影響すると感じたため。 伝えたいことを整理しよう 今回、紹介する本の順番について悩んだが、最初の本だけは迷わなかった。 なるほどデザイン〈目で見
闇雲にディズニー映画みたいなアニメーションを GUI に実装するのはもうやめよう - Qiita
はじめに 本稿は UI Design Advent Calendar 2015 – 9日目の GUI アニメーションに関する記事です。 アニメーションの12の基本原則と GUI ディズニーの アニメーションの12の基本原則/12 basic principles of animation というのがありまして、要はこの原則に沿ってアニメーションを制作すればまるでそれが生きているかのような動きをする、平たく言えばディズニーっぽい動きになる、というものです。http://the12principles.tumblr.com がとてもわかりやすいので、うちいくつかを転載しておきます。 SQUASH & STRETCH ANTICIPATION FOLLOW THROUGH & OVERLAPPING ARCS ビデオ解説：The illusion of life これらを見ただけでも、『あー、デ
Alertbox: 映画の中のユーザビリティ -- 間違いトップ 10（2006年12月18日）
映画の中のユーザインタフェース（UI）は、現実のそれよりもエキサイティングで、ヒーローたちは、なじみのないシステムを現実よりも遙かに簡単に使いこなしてしまう。 Usability in the Movies - Top 10 Bloopers by Jakob Nielsen on December 18, 2006 ハリウッドが表現するユーザビリティは、間違いだらけだ。ここではその中でも、最も著しいものをとりあげる。 1. ヒーローはどんな UI でもすぐに使いこなせる 企業に侵入する。外国の場合もあれば、異星である場合もある。そしてコンピュータの前に立つ。UI の操作方法を理解し、初めてみるアプリケーションを使えるようになるまで、どのくらいかかるだろうか。映画スターの場合は、1 分もかからない。 映画で最も現実離れしたコンピュータの表現は、どのインターフェイスもみた途端に使いこなせると
なぜSuica改札機のタッチする場所は「13度」なのか | ZUU online
（写真=ZUU online） 東大教授・山中俊治氏のデザインシンキング JR東日本でSuica改札機の導入が始まったのは2001年。かれこれ15年近く経ち、自動改札の普及で切符を買う回数は本当に激減しました。 昨年ごろから新型のSuica改札機の導入が始まりました。新型機では出口にある液晶部ではなく手前の液晶に残高表示されるようになりましたが、ほんの小さな違いでも自分自身が戸惑うほど、改札でSuicaをかざして残高をちらりと見るという動作が習慣になっているのがよくわかります。 Suica改札機の読み取り部のデザインを担当したのは、著名な工業デザイナーで東京大学教授でもある山中俊治氏です。山中氏が講演、書籍やブログでその開発裏話を紹介したことで、Suica開発機の魅力や工業デザインの醍醐味が多くの人に知れ渡ることになりました。 工業デザインに無知な私も大いに知的刺激を受けたのを思い出します
なぜメニュー表示用ボタンの「ハンバーガーアイコン」はダメなのか？
スマートフォンなどのモバイル端末用UIでよく用いられる「三」のマークのアイコンは、ハンバーガーのように見えることからアメリカでは「ハンバーガー」アイコンと呼ばれています。徐々に浸透してきたハンバーガーですが、UIデザインの優劣という観点から見た場合、「劣った醜い撲滅すべきものである」という意見が出されています。なぜハンバーガーがダメなのかについて、ジェームズ・アーチャー氏がデータ分析結果を基に理論的に解説しています。 The Hamburger Menu Doesn't Work - Deep Design http://deep.design/the-hamburger-menu/ 下の画像の赤丸で囲われたのが「ハンバーガー」。モバイル端末UIだけでなくデスクトップUIでも広く普及したアイコンで、クリックすることで主にメニューなど他の追加情報を表示させられます。 ◆不親切 一般的に普及し
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Exploring Methods for Conveying Object Weight in Virtual Reality
TechCrunch | Startup and Technology News
What VR Means for UI/UX Designers
VRでソースプログラムを視覚化し構造を解釈できる「Primitive」
motiontable
日本中の「UI/UX」の参考になるスライド資料を気合いで全部集めました！（たぶん） | BtoBサービスキューレーション Boxil（ボクシル）まとめ！
