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サイトなどに、既存のものと同じような動作体験を望む。
●ビジョナリーが夢見るのは数百年後の世界 数年先のPCや家電の規格とか、Webやケータイの新しいサービスとか。IT業界の大きなテーマが、本当はいかに小さいか、この人に会うとよくわかる。 “この人”とは、アラン・ケイ(Alan Kay)氏。メインフレーム主流の時代に、パーソナルでダイナミックなメディア「Dynabook(ダイナブック)」を構想し、先進的アイデアを詰め込んだワークステーション「Alto(アルト)」の開発でも中心的役割を担った伝説的人物。未来を予測する最良の方法は未来を発明することだとの名言を自ら実践してきた、最高のビジョナリーの一人だ。 だが、著名な学者やビジョナリーの中でも、ケイ氏はちょっと毛色が違うように思う。米国のビジョナリーには、起業したり企業の顧問になったり、あるいは自分の大学への企業の寄付集めに熱心だったりと、ビジネスと深い関わりを持つことで自分のアイデアの実現を図
※某まとめサイトにてまとめていた記事の転用です 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
アクセシビリティ上の問題を仕込んだサイトを生成します 勉強の教材、業務の資料としてお使いいただけます 用途にかかわらず無料でお使いいただけます 障壁(バリア)の設定 プリセット版 問題をあらかじめ設定(プリセット)した駒瑠市サイトです。カスタマイズ版にのみ存在する障壁もあります。 プリセット版で使うWCAGのバージョンを選択してください WCAG 2.0以外のバリアは、まだあまり揃っていません。WCAG 2.2のバリアはまだありません。 WCAG 2.0 WCAG 2.1 WCAG 2.2 altの不具合の多い駒瑠市駒瑠市のロゴ、COOL CHOICEのロゴ、情報が不足したalt(「温暖化の状況」ページのグラフ)、altと重複したキャプションの提供(トップページ「あなたにもできる取り組み」)、文字画像にする必要がない上にaltが不適当な画像(トップページ「駒瑠市の本日のCO₂排出量」)、市
概要 Ameba Accessibility Guidelinesは、Amebaのサービスを利用するユーザーの「誰もがいつでも迷わずコンテンツを楽しむことができる」ようにするための、制作指針集である。 Amebaのサービスに携わるコンテンツや開発者は、高品質なサービスを提供するため、ガイドラインに沿った制作/開発を強く推奨する。 本ガイドラインで掲載している事例や実装方法はAmebaでの事柄である。失敗例で実装していても、WCAG 2.0(2.1)の各項目に適合できる場合もあり、適合・不適合の判断はWCAG 2.0(2.1)を参照のこと。 対象となるサービス 本ガイドラインに準拠するサービス一覧。 各サービス毎に、アクセシビリティ改善プロジェクトの目的と対象とする範囲を定義する。 アメブロ 各項目の構成 適合レベル 達成基準を対応する目的と意義、対応すると得られるメリットなど 具体例 実装
このブログを作ってからというものの、格段に記事をアウトプットする速度が出るようになったので、編集ツールについて振り返りたい。 Medium Medium の投稿画面 Medium が出てきたときは、かなり良かった。既存のブログはだいたいゴテゴテしていて野暮ったかったのに対して、記事としての体裁がしっかりした見栄えになるのでちゃんとした文章を書こうという気になった。 なにより編集画面の圧倒的なシンプルさがそれまでになく良かった。同時期に Dropbox Paper なども同様に編集作業にフォーカスしたスッキリしたプロダクトで垢抜けていたという印象がある。どちらも複数人で運用するコラボレーションツールという需要もあった。 駄目だったのはやっぱりフォント周りやコミュニティが日本語用のサービスじゃないなというところと、あと記事の表示時にモーダルが出るようになったところ。 note Note の投稿
VRのライブ動画やMVを数十本見て、再現性のあると思った手法のメモ。 VRの特性をフルに引き出したライブ、イベント体験を設計するために、意識したほうがよいことを言語化した。(VRというか、VRを用いた没入型のライブ映像といったほうがよいと指摘をうけた)。 空間を広く使おう、個室にしないライブ空間を個室にすると、VRの良さが一気に失われてしまう。VRの没入感を最大化するには、遠近感をフル活用するほうがよい。ビルの最上階、海中、空中、衛星軌道…とにかく、360度に視界が開けた空間でやろう。 視線をとにかく、合わせるVRライブとリアルライブの最大の違いは、「あなたのための」ライブが開けること。なので、出来る限り、視聴者と視線をあわせるほうがよい。超近距離で、視線があわないまま踊られても、非人間的に感じたり、ロボット感がでてしまう。こまめに視線をあわせる。視線をあわせたらニッコリする。大事。 カメ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く