Noteビジネスチャット「Chatwork」のエンジニアとデザイナーのブログです。ビジネスチャット「Chatwork」のエンジニアとデザイナーのブログです。a11yこんにちは、デザイナーの(@emim)です。チャットワークのUIデザインをおこなう傍ら、社内でのアクセシビリティ関連の対応・施策や啓蒙を進める係をしています。Peatixというアクセシビリティのイベントに参加しました。アクセシビリティの情報をメルマガ/ポッドキャストで配信されているAccSell(アクセル)というサイトが定期的に開催しているセミナー形式のイベントで、13回目は視覚障害者の普段のWebの使い方を見る(ユーザーテストの公開)、という回でした。4C」の操作デモと、実際に私自身が体験させてもらった操作感が衝撃的だったので紹介します。BlogTobiiとは、アイトラッキング(視線追跡操作)機能を使った端末のこと。販売サイトを見ると、この端末自体はゲーム用に作られたもののようです。細長いバー状の端末を磁石でパソコン画面の前面に配置。このバーが視線の動きを測って、マウスの代わりに画面を操作できるようになるという仕組みです。パソコンとの接続もものすごく簡単で、Tobii端末をUSB経由でマシンに挿せば即使えるとのこと。患者のための支援技術として開発された技術だそうです。(Tobii自体の価格は2万円程度とのことだったので、弊社自慢の最新デバイス購入支援制度を活用して購入してみて、社員のみんなに使って貰うのも体験としてとても良いかも!とも思ったのですが、Macでは動かないそうで......Macメインの弊社的には宝の持ち腐れになりそうです。)具体的な操作Tobiiの目の前に座るとわかるのですが、バーの両端から赤いライトが光っていて(赤外線かなにか?)どうもその光が視線を捉えているらしい、です。私は現地でセッションの合間にTobii体験をさせてもらったのですが、当日のデモはAccSellのスタッフがおこなっていました。飛び入りですので、もちろんTobii自体のセッティングはそのスタッフさんのもののまま。普段誰も気にしていないけれど、おそらく視線や座り方にも個々人で癖があるのでしょうね。来た私には、「ここ!」という顔(視線)の位置が定まるまでは上手く操作できませんでした。裏を返せば、それだけ最初に個人に最適化できるということ。一度適切な設定をしてしまえば、手でマウスを扱うかのように使いこなすこともできそう、という印象を受けました。ちなみに最初のセッティングも、数ステップですぐ完了するそうです。デモではサングラスを掛けていても操作可能な様子も見せてもらえました。一方で、私と同様に飛び入りで体験させてもらおうとしたメガネ着用の方は、上手く操作することができないようでした。先述の「赤いライト」がメガネに反射してしまったか何かのようでした。原因がメガネ個体の所為か/セッティングの所為か/座り方の所為かはわかりませんでしたが、目で操作をしたいユーザーが必ずしもメガネを掛けていないとは言い切れない為、実際問題はどうなのだろう?と感じました。ところでTobiiとの距離については、そこそこ距離が開いていても問題なさそうです。離れすぎるとおそらくパソコンに表示されている方の文字なり、アイコンなりが見えなくなってしまうので、「自分がデスクトップを判別できる距離」が適正なのだろうと思います。「視線」で何ができるのか?Tobiiを使ってゲームも可能です。デモで使われたのは、選択したアイテムを入れ替えて並べてアイテムを消すパズルゲームでした。眼力を使って、操作・選択をおこないます。操作した感じでは、「確定」に時間が掛かるため時間を競うゲームは不向きな感じがしました。画面の中に視線操作のUIがオーバーレイします。「手でマウスを扱うかのように操作」とずっと書いているのは、見つめ(続け)ることでこのUI自体を選択操作ができる、ということです。マウスの操作(クリック)モードでオーバーレイするUI自体は、センチで表現すると10cm×10cmくらいのサイズ。上下左右の三角を見つめることで細かい位置調整が可能ですが、そもそも視線自体があまり固定できないもの。慣れるまでは不要な部分までをクリックしてしまったりもありましたが、それでも数分で割と「使える」ようになりました。会場でも紹介された動画がわかりやすいので、引用します。視線でパソコンを操作している様子は、1:14あたりから見られます。今回、「アクセシビリティ」のイベントに行ってその文脈の中でTobiiに出会ったので「四肢不自由な方の為の端末」と見てしまいましたが、よくよく考えると同じMicrosoftの開発したHoloLensの使用感にも少し似ている気がしました。今回のTobiiの操作についてはいわゆる「コード的なアクセシビリティ対応」との関係は具体的にはなく、どちらかというとビジュアルのアクセシビリティ対応との濃密な関係を感じました。視線追跡操作では小さなものを操作することができない画面から遠いと文字が小さいと何が書いてあるのか読めなくなってしまうが、アイトラッキングをするためには一定の距離が必要そう隣のものと隣接していると意図したものを選択できなくなる(ボタンの隣接など)というあたりで問題が出そうでした。デバイス」へのシフト期にあるTobii自体の感想としては、ラーニングコストが異常に低い(ものの3分もあればある程度使えるようになる)のが魅力です。何より端末自体が小さく、軽いので持ち運びにも負担が掛からなそうなので、必要なシーンではとても有効な端末です。一方で、具体的な「クリック」操作などを伴わない部分は音声デバイスを活用した方が効率的な予感もしました。一長一短で、音声を出せない場面(発話できない、障害のある場合を含む)では操作指示すらできないというケースも。いった場合には視線で操作ができるのはよさそうです。前述したHoloLensは、具体的に指を空に出してクリック動作をするなどの操作をして未来を感じていましたが、見つめればいいというのは画期的です。HoloLensが普通のメガネのようなサイズになったら手を出す必要すらなくなるという意味で、Tobiiを通してHoloLensの未来を感じました。アクセシビリティというと「障害者対応」というイメージが強かったのですが、音声デバイスが出てきたり支援技術でできることの幅が急速に広がってきていて、昨今では技術側がアクセシビリティをカバーしているという印象が強くなってきました。導入はどちらからでも良いですが、より簡易な世界になると良いなと思っています。アドベントカレン...2021-05-21メンション履歴を保存するツールを作った話こんにちは、あらい@料金プランチームです。@Chatwork_devメンバーid:cw-oritaid:okuzawatsid:d-hayashiid:shibe23id:cw-jeromechaid:cw-araiid:tinpayid:cw-sakamotoid:rabe1028id:cw-suetakeid:lmdexprid:cw-shinyaid:cw-takaseid:cw-niinumaid:j5ik2oid:tan-yukiid:yamakenji24id:yoshiyoshifujiiid:cw-ayumitakahashiid:cw-furuyaid:kaz3284id:cw-ozakiid:cw-nishikawaid:daiksyid:tasuku43id:louvre2489id:sykt13id:yamatomo73id:cw-kasugaid:cw-mottyid:cw-nishiguchiid:s12btid:cw-sayamaid:cw-moriyaid:cw-makotoikedaid:cw-yoheihayashiid:wakakumaid:cw-sakaguchiid:cw-matsubaid:ymgnid:shige0501id:nottegraid:shinharadid:eielid:cw-michihiroid:crossroad0201id:cw-miyashitaid:agoetcid:at-akaid:cw-chibaid:tenslerid:cw-akatsuid:cw-kajiwaraid:cw-otakeid:TomokoNishinaid:cw-tanakaid:cw-hayashiid:cw-marikoid:cw-shinmenid:cw-masakiid:cw-hayama最新記事モバイルアプリ開発チーム、カンバンはじめました。(1)引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。