ECサイトやSaaSのアカウントを作るため、入力フォームに全角で住所を打ち込み。番地や郵便番号などの数字は半角で書き、情報を登録しようとしたら「この情報は半角では入力できません。全角で入力してください」。よく見るとページ内に「番地は全角で入力してください」という注意書きがあったので、再度打ち直し──入力フォームを使ったことがある人なら、多くの人がこんな面倒な経験を味わっているのではないだろうか。 こういった仕様は巷（ちまた）にあふれており、ネットで「全角・半角問題」などと呼ばれている。ユーザーに不便を強いているにもかかわらず、このような入力フォームはなぜなくならないのか。 この課題のソリューションとして、ユーザーが入力フォームに打ち込んだ文を自動で半角・全角に統一するなどの機能を持つJavaScriptライブラリ「InputManJS」を提供するグレープシティ（仙台市）の若生尚徳さん（ツー

Webサイトを作っています。山田啓太です。制作したWebサイトはポートフォリオサイトにまとめています。 この記事では具体的なUIを例に上げてそれぞれのUIを実装するときに僕が気をつけていることを書いていますが、その考えは渡邊恵太さんの著書、「融けるデザイン」の第1章〜第3章で語られている内容を非常に参考にしています。渡邉さんが独自の研究を通じて自己帰属感という単語に行き着くまでの過程も面白いのでぜひ読んでください。 自己帰属感とはある道具をまるで自分の身体の一部かのように扱えているとき、その道具は自己帰属感があると言えます。例えば大多数の日本人にとってお箸は自己帰属感のある道具でしょう。私たちがお箸を持って食べ物をつまむとき、まるでお箸が自分の指の延長になったかのように、お箸自体を全く意識することなく動作を行えます。 自己帰属感は自分の身体と扱う道具との高い連動性によって引き起こされると、

You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert

フォームにテキストを入力した時など、ユーザーインタラクションにおいてどの程度の遅延だと煩わしく感じるかを検証するためのデモサイトを紹介します。 当然きびきびと操作できるのがベストですが、実際にどの程度の遅延が許容範囲なのか確認してみるのも一考です。 Typing delay experiment GoogleのMonica Dinculescu氏（@notwaldorf）が制作したサイトで、Audio delay experiment（音の遅延）と比較できます。 デモサイトの操作は、簡単です。 遅延時間を定義し、フォームにテキストを入力すると、遅延を体感できます。しっかりと体感するには、一度に多くの文字を入力してください。

イージングなしとあり 画像ではイージングがわかりやすいようにグラフを入れてあります。 横が時間、縦がスケール、点がキーが打たれていることを表しています。 UIごとのイージング UI素材ごとにどのような緩急の付け方が良いのか迷うかと思います。 ダイアログアニメーション以外に、画面遷移時のUIの動きやクエスト開始演出など様々なアニメーションを入れるたびにどのイージングが正解なのか、それについては正解はありません。 ゲームの色味やデザイン、世界観を知らずにアニメーションは付けられません。 また、UIがどこまで世界観を踏襲するのかで、システムのような動きにするのか、世界観に合わせた動きにするのかも変わってきます。 こういった部分は関係部署にコミュニケーションをとってどんなゲームを作りたいのかを把握し、イージングはどうするのかを考えていきます。 そして、予備動作やオーバーシュートが必要なのか不要なの

こんにちは。.HUMANSの福家隆(@takashifuke)です。 最近、音声プロダクト開発に向けていろんな人に会わせていただきながら、ざっくりと音声アシスタント（Siri・Google Assisntant・Alexa）の利用状況を聞く機会が増えました。 膨大なボリュームを調べていないため反論もあると思いますが、結論から言うとSiri（もしくはGoogle Assistant）を日常的に使う人はほとんど見当たりません、今のところ。 ここで言う「日常」とは、日々持ち歩くスマホやスマートイヤホン経由で音声アシスタントを少なくとも毎日、2-3度以上は起動・利用するシチュエーションを指します。 肌感としては自宅でEchoシリーズを使っている方が1/5人の割合、スマホの音声アシスタントを日常的に利用する人は数十人に一人くらいと言ったところ。ちなみにAlexaはスマホには進出していないため、自宅ユ

1980年から1997年にかけてAppleに勤め、今やコンピューター上で当たり前に行われている、データをクリップボードへいったん保存して別の場所に貼り付ける「カット」「コピー」「ペースト」を生み出したラリー・テスラー氏が2020年2月17日(月)に亡くなりました。74歳でした。 Larry Tesler http://www.nomodes.com/ Larry Tesler, the Apple employee who invented cut, copy, paste, dies at 74 https://www.cultofmac.com/685669/larry-tesler-the-apple-employee-who-invented-cut-copy-paste-dies-at-74/ Larry Tesler, Modeless Computing Advocate,

見つけたら追記します Hololens2＋HandTracking Oculus LeapMotioin MRTK 最後に Hololens2＋HandTracking ハンドトラッキング操作でのメニューの場所についても書いてある medium.com 左手のそばに出して、自分の好きな空間に固定するか、編集する対象のオブジェクトの横に出すとか Oculus Oculus Questのハンドトラッキング設計プロセス、必見。 従来のVRがステップ関数の集まりであると認識したうえでありとあらゆる人間工学とUI研究をやり直している 加えて見た目を影にして、周辺に来た時にポリゴン粉砕するとかアルファブレンドするとかも効果として設計済。https://t.co/XLx672dr5b pic.twitter.com/cPyxz7Sytf — Akihiko SHIRAI, Ph.D ＠聚逸虚拟现实工作室

こんにちは。ZOZO広報の松尾です。最近買い物をしていたら、お店に「アドベントカレンダー」が並んでいました。もうあっという間に年末ですね。みなさん、2019年はどんな一年でしたか？ 私がZOZOに入社したのは昨年12月なのですが、それからもう一年が経ちました。本当に変化の大きな一年でしたが、一つひとつ乗り越えてこれたな…と振り返っては、少しほっとする思いでいます。 12月15日、ZOZOは「ZOZOTOWN」誕生15周年目を迎えます。前社長の前澤さんが退任し、また大きな節目を迎えることになった私たちZOZOですが、これまでの15年間も、多くの、そして時に大胆な変化を遂げながら成長してきました。 …ここで、みなさんに質問です！15年前のZOZOTOWNがどんな姿だったか、知っていますか？ 実は15年前、初期のZOZOTOWNは、今とは全く違う姿をしていました。そこで今回は、ZOZOTOWNが

はじめまして！ MESONでデザイナーをしているまちるだ(@mathi0829lda)です！ MESONに入ってから8ヶ月がたちました！ 私自身、アプリやwebのUIデザイン経験が多く、実装がUnityでのデザインをしたことがありませんでした。 MESONではエンジニア1人とデザイナー私1人という少数体制です。二人三脚での開発をすることになったものの、どう考えてもエンジニアの負担が大きすぎる・・・と思い、デザインからUnityでUIを組むところまでを私がやることにしました！ 今回の記事では ・Unityを触ってみたいけど抵抗があるデザイナーさん ・デザイン→UnityでのUI開発をしようとしているデザイナーさん がコード無しでUnityでUIを組めるようになれるところまでを紹介します！ またUnityの機能を、普段みなさんがよく使うPhotoshopやXDの機能に当てはめて紹介している所も

Vue.jsでさまざまなUIコンポーネントやインタラクションを実装するチュートリアルやリソースがまとめられたVue.js Examplesを紹介します。 ページやアプリのレイアウトをはじめ、スクロールコンテンツ、カード型コンポーネント、オーバーレイ、フォームや検索、ナビゲーションやページネーション、Lazy Loadなど、最近見かけるものが揃っています。

チャットボットのUXと、導入現場のリアル：Webmaster Camp: 企業サイトの担当者が考えておきたい、AIとUIの今。

Webサイトやスマホアプリのデザイナー・制作者、そしてクライアントにも役立つUI要素のデザインのチェック項目を紹介します。 ページに必要な要素、UIコンポーネントに必要な要素、あると便利な要素がまとめられています。デザインを始める時、そして最終的な成果物をチェックする時に、デザインに必要な要素が欠けていないか確認することができます。 Pages: Login このページに必要な要素 ロゴ 完全なロゴ、もしくはシンボルマークのどちらか。 タイトル ユーザーに何をさせたいかに関するコンテキスト。 アカウントの識別 ユーザーの一意の識別子。 パスワード 自分のアカウントにアクセスを許可するための安全なプライベートコード。 パスワードのリセット ユーザーは自分のパスワードを忘れてしまうかもしれません。 登録するためのリンク ユーザーがアカウントを持っていない場合は、このページにアクセスします。 オ

2017年秋冬に開講されたネットイヤーグループ主催のUX Schoolが、この春２期生を募集します。そこで今回はUX Schoolの講師と第１期受講生の計４名に、スクールでの学びや受講後の変化についてお話を伺ってきました。 UX School講師 宮村 和実 氏：ネットイヤーグループ株式会社 UXデザイン部 シニアUXデザイナー（左端） 原田 紘子 氏：ネットイヤーグループ株式会社 UXデザイン部 UXデザイナー（右端） UX School第１期 受講生 小松 尚寿 氏：スタディプラス株式会社（中央左） 恩田 志保 氏：株式会社オズビジョン（中央右） 気軽に実践的に学べる、UX School ── １期生の卒業から１年近く経て、ついに２期生を募集されるということですが、UX Schoolを知らない方のために、どのようなものかを簡単に教えてください。 宮村：公式Webサイトに「裸足でUXしち