Making life better for people with disabilities is a laudable goal, but accessibility tech hasn’t traditionally been popular among VCs. In 2022, disability tech companies attracted around $4 bil Tesla has gutted its charging team in a new round of layoffs, despite recently winning over major automakers like Ford and General Motors and making its connector the defacto standard in North America

突然ですが、ここに一つのプロダクトがあるとします。 そのプロダクトを見つめる視線には様々な種類があります。 そのプロダクトを利用しているユーザーの視点、利用していないが存在は知っているという人の視点、それをつくるデザイナーの視点、プロダクトを運営している会社経営者の視点… もしあなたがデザイナーであれば、デザイナーの視点だけが唯一自分で体感できる「主観」で、それ以外はすべて「客観」となります。 主観と客観のスイッチング プロダクトデザイナーはユーザーの期待通りに正しく動くしくみを設計し、「このプロダクトを利用した時に、ユーザーの生活はどう変化していくのだろうか？」と問いを立てながらアウトプットを評価していきます。 自らの考える理想像をデザインしながら、一方でそれに触れるユーザーの様子を想像する…プロダクトデザイナーは主観と客観を電気のスイッチのように瞬時に切り替えることに長けた人が多いイメ

デザインを行う際には、感覚ではなく複数のロジックを活用することで、より精度の高いプロダクトを創り出すことができる。 そのプロダクトを人間が利用する場合、ユーザーの視覚や行動心理学などをしっかりと理解し、活用すればデザイナーとしての能力が一段と高まるはず。 今回紹介するのは、複数あるデザインにおける法則のうち、ビートラックスのデザインチームでも頻繁に利用される代表的な10の法則。プロのデザイナーなら、これは押さえておきたい。 デザイナーなら知っておきたいデザインに関する基本の10法則ヤコブの法則ヒックの法則80/20の法則パーキンソンの法則フィッツの法則ミラーの法則テスラーの法則FBMモデルドハティのしきい値3対1の法則ヤコブの法則ユーザービリティーの父であるヤコブ・ニールセンが提唱する法則。一般的なユーザーは、アプリやプロダクト、Webサイトなどに、既存のものと同じような動作体験を望む。

※某まとめサイトにてまとめていた記事の転用です BASENAME: 2150782012031271001 STATUS: Publish ALLOW COMMENTS: 1 ALLOW PINGS: 1 CONVERT BREAKS: richtext DATE: 12/06/2018 00:54:50 良い・悪いと思ったデザイン例からデザイン思考、デザインに関した事例などを多数サイトやSNSでの投稿を参考・引用してまとめました。 ■はじめにデザインに関する疑問や、ここでの前提をまずまとめていきます。 ―――デザインとは？ （design）の語源は、デ（de：削る）・ザイン（sign：形作る）である。これはラテン語で「私欲を削り落とし、本質を磨き上げること」を意味する。 出典 なぜゴッホは貧乏で、ピカソは金持ちだったのか? | 山口 揚平 |本 | 通販 | Amazon デザイン（de

【2021/2/19追記】 非常に多くの方にお読みいただき、また記事公開のタイミングで仕様が変わっている点もあったため、記事執筆時に不足していた部分を追記いたします。 招待制から登録制に移行 当初招待制だったAroundですが、この記事を公開したタイミングでちょうど登録制に移行していたようです。サイトもメールアドレスを登録して連絡を待つのではなく、GoogleやSlack、Appleのアカウントでサインアップできるようになっています。 音声技術は特許出願中 Aroundの要でもあるハウリングを起こさない技術や音声の自動チューニングは現在特許出願中とのことで、Aroundならではの独自性は高そうです。 モバイル対応・Linux対応は現在開発中 AroundのFAQによるとモバイル対応、Linux対応は”coming soon - stay tuned!”とのことです。 余談 よほど日本人の登

国内では遅れが指摘される企業のデジタル技術の利活用ですが、さすがに表計算やタスク管理ツールを使わないということはないでしょう。しかし、そうした基本的なデジタルツールの利用という面ですら、まだデジタルの恩恵に預かれていない未開拓の巨大市場が存在しています。机に座って仕事をするデスクワーカーではなく、製造、小売、ホテルなどの現場で働く「ノンデスクワーカー」向けのIT市場です。立ち仕事などでPCが利用できず、紙とペンによる非効率なオペレーションが多く残っています。 「デスクレスSaaS」（Deskless SaaS）と呼ばれることもあるノンデスクワーカー向けサービスは、潜在市場としてきわめて巨大です。この市場がどう立ち上がってくるのかを考える軸として、この記事では3つの視点について書いてみたいと思います。 現場をシステムに繋ぐための「ラスト・ワンマイル」 ZoomやGustoなどエンタープライズ

「デザイナーとして、プロダクトを通じてユーザーに影響を与える大きな力があるということを、私たちは知らなくてはならない」米大手会計ソフトIntuitのデザイナー ジョナサン・シャリアート氏と、Shopifyのデザインディレクター シンシア・サヴァール・ソシエ氏は、共著『悲劇的なデザイン — あなたのデザインが誰かを傷つけたかもしれないと考えたことはありますか？（BNN）』のなかで「大いなる力には大いなる責任がともなう」と呼びかけた。 同書は、デザインがよりよい社会を実現する力をもつ一方、ときに人の命を奪ったり、怒らせ悲しませたり、疎外感を与える力も備えていることを伝えている。例えば、医療ミスを誘発する複雑なインターフェースや、辛い思い出を知らせる「今年を振り返ろう」機能、特定の顔の形にだけ合う酸素マスクなど多様な“悲劇的なデザイン”が挙げられている。 これらの例と同じように、Airbnbとい

UXデザイナーとして働き始めて、3年が経ちました。今では、マネージャーとして8人のUXデザイナーをマネジメントしているのですが、これまで関わってきたUXデザイナーが共通して持っている素養として「構造化」力があります。 新卒入社したメンバーにも「構造化能力をつけよう！！」とは言うものの、どこか心の中にひっかかりが残っていました。それは、そもそも「構造化」の抽象度が高く、人によって理解が異なるのでは？という懸念でした。 ここから、「構造化」という概念自体を構造化して、共通認識化する必要があるのでは？と思い、この記事を書くに致りました。 「構造化」ってよく聞くけど、実際なんのことなん？と感じている方に特に参考になることを祈っています！ 構造化はUXデザインにおける必須となる思考であり、技術であるデザインの現場は常に不確実性との戦いです。そして、不確実が上がれば上がるほど「意思決定」が難しくなると

タップ・クリックするだけで他のデバイスと簡単にファイルを共有できるAirDropをJavaScriptだけで再現したその仕組みを紹介します。 同一WiFiで利用でき、iOSやmacOSだけでなく、AndroidやWindowsでもあらゆるファイルを簡単に共有できます。 How One Developer Recreated AirDrop Using Just JavaScript by Abdisalan 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに 新しいテクノロジーの使用 これがないとWebRTCは使用できない どのようにデータを保護しているか？ 使い慣れたUIとUX デバイスがWebRTCをサポートしていない場合はどうなりますか？ イベント駆動型のコードスタイル 自身でコードを調べる 終わりに はじめに iP

この記事は Front-End Study #3 で発表されたライブコーディングの内容を記事にしたものです。記事中のソースコードは GitHub でご覧いただけます。 この記事は、これまで一般的なフロントエンドエンジニアだった私が一年ほどアクセシビリティーについて勉強する上で 「最初に教えてくれればよかったのに〜！」と思った内容 を React と Next.js を用いて紹介するものとなっています。 読み終わった後に次にコードを書く際にふと意識できるようなアクセシビリティーの普遍的な事実を紹介し、最後に今後の React の動きについて軽く触れるものになっています。目次は次のとおりです： 基本事項 SPA のルーティングによる問題 リッチなコンポーネントでの例 Jest + React Testing Library でのテスト Reactとアクセシビリティーの今後の動き 役に立つweb

このガイドラインは、参考情報の追加や表現の改善などで、随時更新されます。 リリース:Ver. 202404.0-RELEASE+4.3.7 ガイドライン・バージョン：Ver. 202404.0-RELEASE チェックシート・バージョン：4.3.7 更新日:2024年4月23日

概要 Ameba Accessibility Guidelinesは、Amebaのサービスを利用するユーザーの「誰もがいつでも迷わずコンテンツを楽しむことができる」ようにするための、制作指針集である。 Amebaのサービスに携わるコンテンツや開発者は、高品質なサービスを提供するため、ガイドラインに沿った制作/開発を強く推奨する。 本ガイドラインで掲載している事例や実装方法はAmebaでの事柄である。失敗例で実装していても、WCAG 2.0（2.1）の各項目に適合できる場合もあり、適合・不適合の判断はWCAG 2.0（2.1）を参照のこと。 対象となるサービス 本ガイドラインに準拠するサービス一覧。 各サービス毎に、アクセシビリティ改善プロジェクトの目的と対象とする範囲を定義する。 アメブロ 各項目の構成 適合レベル 達成基準を対応する目的と意義、対応すると得られるメリットなど 具体例 実装

このブログを作ってからというものの、格段に記事をアウトプットする速度が出るようになったので、編集ツールについて振り返りたい。 Medium Medium の投稿画面 Medium が出てきたときは、かなり良かった。既存のブログはだいたいゴテゴテしていて野暮ったかったのに対して、記事としての体裁がしっかりした見栄えになるのでちゃんとした文章を書こうという気になった。 なにより編集画面の圧倒的なシンプルさがそれまでになく良かった。同時期に Dropbox Paper なども同様に編集作業にフォーカスしたスッキリしたプロダクトで垢抜けていたという印象がある。どちらも複数人で運用するコラボレーションツールという需要もあった。 駄目だったのはやっぱりフォント周りやコミュニティが日本語用のサービスじゃないなというところと、あと記事の表示時にモーダルが出るようになったところ。 note Note の投稿

みなさんこんにちは、ネクストシステム広報の田中です。 VRが年々広がりつつある今日この頃ですね。バーチャル、してますか？ 私はといえば、VR経験は少ないですが、 ・めちゃくちゃ幅取るドレスのお姉様方に罵声浴びせられながらドッチボールで死闘の末、ビニールプールに貯めた温泉で和解。 ・お風呂で元彼を召喚したと思ったら平安貴族が召喚されて申し訳なさそうに一句詠まれけり。 ・・・というようなバーチャル体験、もとい夢をよく見るので、いつマトリックスの時代がきても、誰よりもシームレスに移行できると自負しています。

VRのライブ動画やMVを数十本見て、再現性のあると思った手法のメモ。 VRの特性をフルに引き出したライブ、イベント体験を設計するために、意識したほうがよいことを言語化した。（VRというか、VRを用いた没入型のライブ映像といったほうがよいと指摘をうけた）。 空間を広く使おう、個室にしないライブ空間を個室にすると、VRの良さが一気に失われてしまう。VRの没入感を最大化するには、遠近感をフル活用するほうがよい。ビルの最上階、海中、空中、衛星軌道…とにかく、360度に視界が開けた空間でやろう。 視線をとにかく、合わせるVRライブとリアルライブの最大の違いは、「あなたのための」ライブが開けること。なので、出来る限り、視聴者と視線をあわせるほうがよい。超近距離で、視線があわないまま踊られても、非人間的に感じたり、ロボット感がでてしまう。こまめに視線をあわせる。視線をあわせたらニッコリする。大事。 カメ

本記事は DMMグループ Advent Calendar 2019 の11日目の投稿です。 先日12/10は @mimickn さんの neo4jでグラフ同士の差分を取る でした。 はじめに DMM.com VR研究室の クレウス(kleus_balut) です。 2018年2月からVRChatユーザーで、2019年4月からDMM.com VR研究室配属、 2019年8月末にリリースしたVRゲーム BOW MAN では、UI実装を中心に担当しました。 個人では VIVEBatteryInfo という、VRソーシャル向けのVRオーバーレイツールを開発/頒布しています。 VR向けUI/UXについて VRのコンテンツでは「VRならでは」を求めがちですが、UI/UXもそうであるとは限りません。 むしろ、旧来のUI (本記事では以下「2D-UI」) をそのままVR空間に3Dオブジェクトとして配置した