デザインの推進は簡単なことではありません。デザインの定義が広がり過ぎてしまったことで人によって解釈や期待が異なりますし、デザイナーの責任範囲も様々です。あれこれ挑戦を続けても物事は思うように早く進まないですし、時には悲観的になるかもしれません。 物事が進むのが遅いのはごく自然なことです。何か実践するだけであれば、一週間あればできるかもしれません。ただ、そこで作ろうとしている価値を組織全体に浸透させるのは時間がかかります。組織が大きければ数年かかることもあります。長期戦だからこそ難しいですし、諦めてしまうこともありますが、うまく進める方法もあります。 中核へいくほど進みが緩やかですが、インパクトが大きくなります手段の目的化にある罠例えば UI ライブラリを作ることを目標とします。とりあえず作ることはできるかもしれませんが、作業コストに担う効果は得ることができるでしょうか。 UI ライブラリを

ritouです。 idcon の Yahoo! JAPAN の人の資料と動画を見たメモです。 www.docswell.com youtu.be 2画面のログインUX p5 2画面か一回でやるかの話は、個人的にこだわっているスキャンの話もありますね。 Y!JはFederation(RP側)をやっていませんが、マネフォのようにパスワード認証/FederationがあるところにWebAuthnを追加する場合にどうすべきか、みたいなのは別途どこかで整理したい気がしています。 推測 Platform Authenticator だけはなく YubikeyとかのRoaming Authenticatorに対応してる場合、リセットした場合も同じことが起こりそう。 そもそもFIDOはブラウザ - 認証器と多段の処理になっているのでブラウザレイヤーでの完全なコントロールってのも難しそう。 例えば、Andr

「のどが渇いた」というユーザーに何を出す？ ユーザーの「欲しい」に惑わされない、本当のインサイトを見つけるUXデザイン・UXリサーチ 2022年9月13日 株式会社メンバーズ ポップインサイトカンパニーでのウェビナーのスライドです。「ユーザーが欲しいと言った機能をつけたのに使われない！」という経験はありませんか。プロダクトをつくるとき「ユーザーの心理を理解しよう」とよく言われます。しかし、ユーザーに言われたままやることと、ユーザーが本当に望んでいることは異なります。「UXデザイン・UXリサーチ」は、ユーザーを理解するための専門技術です。ユーザーインタビューやユーザビリティテストを用いてファクトを集めることで、ユーザーの表面的な言葉に惑わされない、本当のインサイトにたどりつくことができます。かんたんなワークも交えながら、体系的に解説いたします。

Webサービスなどの開発において、ユーザーと接する部分を担う「フロントエンドエンジニア」。モバイルファーストが一般化するなど、日進月歩で変化するWeb業界で、フロントエンドを取り巻く状況も大きく変化し、それに伴って求められるスキルや役割も変化している。その現状と今後のあり方について、UI/UXデザインのトップランナーであるニジボックスから、デベロップメント室室長でありNode.js日本ユーザーグループ代表を務める古川陽介氏と、同社でUI/UX事業を0から立ち上げ、現在は執行役員でありサービスプロデュース事業本部長を兼務する丸山潤氏に伺った。 株式会社ニジボックス デベロップメント室室長 古川陽介氏 ユーザードリブンなプロダクトのために、フロントエンドに注力する ――まずはお二人の現職および役割と、これまでのご経歴などについてお聞かせください。 古川陽介氏（以下、古川）：現在はリクルートのフ

ダークパターンとは、WebサイトやスマホアプリのUIをユーザーに惑わせるデザインにし、ユーザーの個人情報や時間やお金をかすめ取る手法です。 たとえば、知らない間にメール配信が登録されていたり、料金に手数料が加えられていたり、登録は簡単なのに退会が難しかったり、キャンセルがクリックしにくいようにデザインされてたり、さまざまなダークパターンが存在します。 最近のダークパターンをはじめ、さまざまなダークパターンを反面教師として学び、制作側として気をつけたいポイントが解説されたデザイン書を紹介します。 ユーザーとして騙されないように知識を増やしておくのにも有用です。 著者は「UXライティングの教科書（紹介記事）」や「ザ・マイクロコピー（紹介記事」などでお馴染みの仲野 佑希氏。これまではライティング主体の解説書を紹介してきましたが、本書はダークパターンの解説書です。デザインによるダークパターンだけで

ProductZine Day＆オンラインセミナーは、プロダクト開発にフォーカスし、最新情報をお届けしているWebメディア「ProductZine（プロダクトジン）」が主催する読者向けイベントです。現場の最前線で活躍されているゲストの方をお招きし、日々のプロダクト開発のヒントとなるような内容を、講演とディスカッションを通してお伝えしていきます。

The Lunduke Journal of Technologyより。 Unix用のMacintoshアプリケーション環境 — 1994年にさかのぼります。 ブライアン・ルンデューク 1990年代、MicrosoftはSolarisとHP-UXに対応するソフトウェア(Internet Explorer、Windows Media Player、Outlook Express)を開発し、UNIXの「Windowsらしさ」を少しばかり持ち込みました。 しかし、AppleがMac System 7全体をSolarisとHP-UXに持ち込んだことをご存知でしょうか? そうなんです! 1994年にリリースされ、1998年に中断されました。「Macintosh Application Environment」と呼ばれていました。そして、それは本当に、本当にうまく機能していました! 注: 「Macin

Welcome to FreeDOS FreeDOS is an open source DOS-compatible operating system that you can use to play classic DOS games, run legacy business software, or write new DOS programs. Any program that works on MS-DOS should also run on FreeDOS. Play classic games Play DOS games on FreeDOS! We include lots of fun games in the distribution. Or play your favorite classic games, like Wolfenstein 3D, Doom, C

新型コロナウイルスをきっかけに、世の中の潮流が変化し続けた2021年。従来とは大きく状況が変わった中で、「変化の波にどう乗った？ 2021年らしいプロダクト・プロジェクトの振り返り」と題して、プロダクトマネジメントに関する学びを共有するイベントが開催されました。本記事では、株式会社SmartHRと株式会社メルカリによる、ユーザーリサーチの具体的な手法や考え方について解説しています。 toBのプロダクトは、A/Bテストで気軽に画面を変えられない稲垣景子氏（以下、稲垣）：今回は「『ほしいものをつくる』ためのリサーチの日常化トライ」というテーマにさせていただきました。ご質問やご意見がありましたら、オープンチャットでぜひお寄せください。のちほどチャットでお答えしていければと思います。 自己紹介ですが、自分は最初にブライダル企業からキャリアを始めました。実はプロダクトマネージャーになったのは、まだ5

クルマのUXはキケンな過渡期　最近のクルマはコクピットドリルで説明しきれない問題：【新連載】「自動運転未満」なクルマとドライバーの関係（1/3 ページ） 初めまして。この度連載を書かせていただくことになった渡辺です。普段はITベンチャーの経営をしていますが、もともと大の車好きということもあり、趣味が高じて自動車関連のアプリ開発などを手がけています。 自分の愛車に加えて仕事柄さまざまな車に乗る機会が多く、自動車という工業製品のUI/UXについて思うところがあります。この連載ではそうした話を語っていきますのでお付き合いください。なお、自動車メーカーや輸入車インポーターと業務上のお付き合いがありますが、ここではそれらの企業とは無関係な、あくまで個人的な意見となりますのでご了承ください。 進化するHMI（Human Machine Interface）、何が問題なのか？ 「コクピットドリル」という

こんにちは、株式会社カミナシでデザインエンジニアをしているショウです。 突然ですが、UI/UX デザインにおいて、「楽観的な更新」という言葉を聞いたことがありますか？あまり聞いたことがなくても、実は日常にたくさん存在しています。 例えば、 twitter や facebook のいいねボタン。いいねをタップした直後に色がつくのですが、実はサーバーへのリクエスト送信と UI 上のいいねの色付きが同時に発生しています。つまりサーバーからの通信結果を待たずに UI を更新しています。 他に、trello でタスクカードを隣の列に移動したり、iMessage や Facebook メッセンジャーでのメッセージの送信、Kindle アプリで途中までしかダウンロード出来てない本が読めることなども楽観的な更新です。 図：楽観的な更新を採用しない時と採用した時のメッセージ送信のUI （引用元） 楽観的な更

Googleはユーザーエクスペリエンス(UX)改善のため、常に検索エンジンのアルゴリズムを進化させています。アルゴリズムの変更によりGoogle検索結果の順位が変更されることも多く、「Googleがいつ・どんなアルゴリズム変更を行ったのか」は、ウェブサイトの流入分析に役立ちます。そんなGoogleのアルゴリズム変更について、2021年1月から12月までの内容をまとめた図が公開されました。 An Overview of Google's Algorithm Updates in 2021 [Infographic] | Social Media Today https://www.socialmediatoday.com/news/an-overview-of-googles-algorithm-updates-in-2021-infographic/617013/ 以下がGoogleが20

「考慮もれ」「手戻り」をなくしたい モチベーションクラウドシリーズのデザイナーです。 フロントエンドエンジニアのみなさんは、画面デザインを見て**「どう実装するんだ？」**とストレスを感じたことはないですか？ 例えば... 👨‍💻 フロントエンド「Emptyのときはどうするんだろう？最初から考慮してほしいな...（ストレス）」 👩‍🎨 デザイナー「この状態も考えないといけないのか。確認するだけで1日終わるな...（ストレス）」 →お互いにとって、よくない！！！！！ こうした状態を受けて、**お互いにとってストレスなく開発するために、**デザイナーとフロントエンドで制作プロセスを改善しました。 今回は、**プロセス改善のステップや導入してみて効果的だったツール（シート）**についてお伝えします。 【まず初めに】 「UI Stack（状態デザイン）」の必要性の周知 UI Stackとは

私が新卒で配属されたのは営業でした。 ただ、初対面の人と話すのが苦手という典型的な人見知りだったため、コミュニケーション力で勝負する営業や、それに類する職種では生き残れないと思いました。デザイナーという職業に転職したのは、「自分の腕で勝負する仕事に就いた方がいい」という私なりの生存戦略だったわけです。 しかし、デザイナーになって、余程の天才でない限り、腕（＝専門スキル）だけではやっていけないことに気が付きました。 コミュニケーション力に関してはもしかしたら営業と同レベルで必要かもしれません。デザイナーとして本当に良い仕事がしたければ、デザインに関する専門スキルだけにフォーカスせず、仕事の中でカバーする領域をもっと拡げるべきだと思うようになりました。 デザイナーがカバーすべき3つのデザイン領域 私が考えるデザイナーがカバーすべきデザイン領域とは、図にすると以下のようなものです。 それぞれにつ

こんにちは。 ホットペッパービューティーのデザインディレクターの若松です。 ホットペッパービューティーでは、プロダクト領域におけるデザインチームのリーダーを担当しています。 デザインディレクターの主な役割は「プロダクトのデザインマネジメント」ですが、一言でデザインマネジメントといっても、プロダクトのUIデザインやディレクション、デザイン品質向上に向けた戦略策定や案件推進、デザインチームの統括など、あらゆるデザイン関連業務を行っています。 サービスの紹介 ホットペッパービューティーとは、国内最大級のヘア・ネイル・アイ・リラクゼーション・エステサロンが検索・予約できる総合美容メディアです。ユーザーは、フリーペーパー・ウェブサイト・スマートフォンアプリから利用できます。 国内最大級の掲載サロン数により、多くのサロンの中から自分のなりたいイメージを叶えてくれるサロンを探すことができます。また、ウェ

概要 こんにちは。 KDDIアジャイル開発センターの小板橋です。 この記事は、KDDI Engineer&Designer Advent Calendar 2021の11日目の記事です。 先日(2021/12/3)、re:Invent2021でAWS Amplify Studioが発表されました。 今回は、そのAWS Amplify Studioについてまとめ、検証していこうと思います。 AWS Amplify Studio AWS Amplify Studioの機能を要約すると、フロントエンド開発者に最小限のコーディングでフロントの開発ができる Amplifyのバックエンド構成およびそれらを管理する機能を統合した開発環境 ちなみに、amplify admin uiとの違いは？？ 昨年のアップデートでamplify admin uiというものが出ています。 実は今回のAWS Amplify

React Confとは これ 追記：YouTubeにアーカイブがそれぞれ上がってたので貼っておきます！ 注意 まとめたのはKeyNoteと React 18 for app Developerのとこだけです あとReact Nativeのところは端折ってます。 面白そうなのがあればまた追記して行きます。 はじめに ReactのAPIはプログラミングではなく、「design principles」（設計原則）に根差している。 だから、最近のデザインツールがReactのコードを吐き出したりするのも不思議じゃない。 Reactを使えばデザイナーと同じ言葉でプログラマーが会話をできるということだ。 真のUXとは開発体験を犠牲にせずとも済むものののはずだ。 React Suspense React Suspenseがやりたいこと 「ネットワークを介したデータの受け取りをpropsやstateと同じ

本記事はNRIネットコム Advent Calendar 2021 6日目の記事です。 🤶 5日目 ▶▶ 本記事 ▶▶ 7日目 🦌 こんにちは。Webディレクターの西田です。 これは職業病なのでしょうか… 仕事中でもプライベートでも、ウェブサイトやアプリを見ると、「うわーー色使いおしゃれ♡」「フォントかわいい♡」ってときめいたり、「この誘導うまっ」「そんな見せ方があったとは…！」と尊敬してみたり、はたまた「使いにくっ」「なんでそうしたんや」とつっこんだりしています。 今日は、そんな私がこんなテーマで書こうと思います。 一般的には結構使われてるけど、実は私が好きじゃないUI/UX 5選！ あくまで個人の好き嫌いをつらつらと書こうと思いますので、おおらかで器の大きな皆様に「なるほど、せっかちな人はこう思ってるのか」という気づきを持っていただけたら嬉しいです。 逆に「こう捉えたら好きになれる

Instead of hiding it in the usual Google Doc, from now on it will live here on Medium and will be updated every time I find another little gem. So make sure to subscribe! By the way, this is not about quantity but quality. This list is from my personal point of view and everyday work life and not scientific research by the way. However, feel free to add a comment if you know of a page worth adding

公開日 : 2021年10月14日 (2023年10月11日 更新) カテゴリー : アクセシビリティ / ユーザビリティ ウェブのフォームにおいて、サブミットボタンをデフォルトで無効化しておいて、ユーザーの入力不備がなくなったときにボタンを有効化する UI があります。たとえば、利用規約などの文書を読んで同意する旨のチェックを入れないと、あるいは、入力必須フィールドにすべて正しく情報を入れないと、ボタンがアクティブにならない、というものです。 サブミットボタンがデフォルトで無効化されているフォームの例。 このような UI は、アクセシビリティやユーザビリティの観点で、以下の問題があります。 そこに存在しているはずのサブミットボタンが使用できないことに対して、その理由をユーザーが理解できずに、混乱してしまう恐れがある。(ユーザーの側に誤っているという自覚がなくても、ちょっとした見落としや入