ニューハンプシャー州のコロナワクチン接種予約のウェブサイト

米国ではコロナワクチン接種をオンラインで予約するようですが、その申し込みサイトのデザインに問題があるというレポートです。
リサ・デベッテンコートさんが75歳の父親がニューハンプシャー州のコロナワクチンのウェブサイトに登録するのを手伝ったときの経験だそうです。やや米国政府への愚痴っぽい記事ではありますが、日本でも同じことが起きる可能性があるのかも。

混乱させるような指示や分かりにくい手順が多く、予約が完了したと思ったとき、実際には、ニューハンプシャー州の最初の承認プロセスを完了しただけだったそうです。

米国の医療システムは個別に独立して構築されたため、標準化されていないそうです。
それらのシステムにはUXの専門家はほとんどいないそうです。

また、疾病対策予防管理センター (CDC) による、コロナワクチン接種を管理するための、VAMS (Vaccine Administration Management System) という無料で提供されるシステムがあったそうです。
このシステムはほとんど失敗に終わったそうですが、この構築のためにCDCはデロイト社に50億円くらい払ったそうです。

デベッテンコートさんは下記のような指摘をしています。

■誰のためにデザインしているのかを明確にし、困難なケースをターゲットする。
身体の不自由な人、PCやスマホに慣れていない人、通信速度の遅い人にも配慮してデザインされるべきだそうです。

■初期のプロトタイプでユーザーテストをする。
どんなに優れたデザイナーでも、自分たちだけではすべてを正しくできないことを知っています。
代表的なグループの人々が初期のプロトタイプを使用するのを見て、その結果を慎重に検討すべきだそうです。

■グッドデザインを組織の優先事項にする
優れたデザインが重要であると誰もが主張していますが、それを実現するために必要な投資を行うべきだそうです。

「パンデミックの影響で、階級に関係なく、すべての人が、資金不足や設計不足のシステムを初めて利用することを余儀なくされたことです。この気づきが、グッドデザインの重要性を強調し、一日も早く大幅な改善につながることを期待しましょう。」

申請フォームのデザインはUXの重要箇所で奥が深いですね。

4 design lessons from the disastrous vaccine rollout >>

2021年2月22日 UX / UI

G Suite として提供されていたサービスのリブランドのようです。
Gmailのアイコンがすっかり変わって、Mの文字と封筒のダブルイメージはなくなって、Googleなアピアランスになるようです。

「Google の新しい Google Workspace ブランドには、より優れた連携、利便性、柔軟性を備えたエクスペリエンスが反映されています。また、アイコンもそれを表しています。今後数週間以内に、Gmail、ドライブ、カレンダー、Meet のほか、同ファミリーの一部であるドキュメント、スプレッドシート、スライドなどの共同編集可能なコンテンツ作成ツールで、新しい 4 色のアイコンが表示されるようになります。このアイコンには、あらゆるユーザーのための統合されたコミュニケーションとコラボレーションのエクスペリエンスを構築するという Google の取り組みが表されています。」

コロナ禍でのワークスタイルの変化に対応しながら、Microsoft Officeなどへ対抗しようということでしょうか。
Googleのサービスは、PCでChrome以外のブラウザから使うときの動作をもっとなんとかしてほしいです。

2020年10月14日 UX / UI

身振りでブラウザの上のオブジェクトを操作するデモ

下記のリンク先でパソコンでカメラの使用を許可してお試しください。もちろん録画や別ユーザーからの閲覧はありません。
左上に「PoseNetモデルが読み込まれました」が表示されたら、パソコンのカメラに手を振ってみると、手の動きに合わせてパーティクルが動き回ります。

画面上に映像は表示されていませんが、カメラからの映像のあなたの手の位置を判定して、画面内の手の位置にパーティクルが引き寄せられています。
両手を使えば両方の手の位置で引力が発生します。もう一人いればさらに引力の発生箇所を増やせます。

ml5.js という機械学習のライブラリで映像のなかの手首の位置を検出してくれました。
いろいろな使い途がありそうです。

まだ全然うまく動かせませんが、ブラウザ上のオブジェクトがジェスチャーで操作できるのは、ちょっとおもしろいです。

こちらでお試しください。
gesture attraction | ジェスチャー アトラクション | p5.js+ml5.js Generative Desig >>

2020年5月20日 UX / UI

オンボーディング段階でユーザーのエンゲージメントを失わないための心理的トリガー

オンボーディングとは、利用者や加入者がいち早く使い方に慣れて習慣的に利用できるよう導くための機能やコンテンツ、またそのようなプロセスのことです。元記事は長文ですが、よくまとまってる気がします。

はじめて無料トライアル版を使ってみたユーザーをどのように定着させるのか、そのためにオンボーディング段階でどのようにユーザーと永続的な関係性を構築するのか、その方法を解説してます。

新しいサービスやプロダクトの有用性を信じてリリースしても、ユーザーはそれを理解しないし、ユーザーにはもっと大切な関心事があることを前提として考えるべきだそうです。

ユーザーの目的を明確にして、適切なガイダンスを提供することは当然として・・・
懇切丁寧なガイドを提供するだけでなく、ユーザーが自ら行った事に対して素早く適切に結果を提供することが重要なようです。
ユーザーを「不確実」と感じるような状態にしない事が、ユーザーのエンゲージメントを維持することに繋がるそうです。
さらに、ユーザーに段階的な目標を与えて「ご褒美」をあげたり、アクティブなユーザーには「お墨付き」を与えることも有効とのこと。(個人的には嫌いな手法ですが・・・)

48時間以内にオンボーディングを完了しないユーザーは顧客として定着する可能性は低いそうです。

元記事
Psychological Triggers for Product Marketers to Keep Users Engaged during Onboarding | Growth Hackers >>

2020年4月15日 UX / UI

デジタルヘルスの促進には、スマホから遠ざかるべき。

スマホでできることはだいたい紙とペンでできるでしょ・・・という、ほとんどアートのコンセプトムービー。

1日1枚をプリントアウトして、1日の空き時間の退屈しのぎにするなら、それでいいかも・・・・と思えてきます。

Google’s big plan to fight tech addiction: A piece of paper – MIT Technology Review >>

【関連記事】
スマートフォンのタスク切り替えに物理的な空間を再現する『MAGIC UX』

このふたりの動画のコンセプトは秀逸だと思います。

2019年11月8日 UX / UI

ユーザーからの声に耳を傾けてリデザインしたというメッセージ。
いままでのデザインと比べると、読んで楽しむよりも、ユーザーが実行できる機能が前面に押し出しされた感じがします。
基本的にはスマホ版のデザインに近づける方向でリデザインしたようです。
慣れてしまえば気にならないでしょうが、個人的にはちょっとだけ残念な方向な気がします。

twitter上で実際のユーザーからの寄せfられているコメントもおもしろいです。

「ひとりのユーザーの声を取り上げて、それが広く普及したコンセンサスのであるかのように伝えるのはSNSがもたらした最悪の手法だ。」というコメントや、「編集ボタンは?」というコメントはごもっともだと思います。

下記URLからどうぞ
https://twitter.com/grandayy/status/1150948766851174402

2019年7月22日 UX / UI

チャート(図表)をデザインするためのガイドラインとされていますが、アナリティクスのダッシュボードなどのデータ分析ツールのUIのためのガイドラインのようです。
情報デザインで聞いたことのある感じですが、あらためて勉強になります。

『データに正直になる』
データを歪めたり混同したりしない。
透明性と明確さを示す。

『ユーザーを助ける』
ユーザーがデータを探索しやすいUIを提供する。
「モーションとインタラクションを利用して、文脈、洞察、関連性、因果関係を明らかにして、ユーザーの理解、分析、推察をサポートするべきです。」

『ユーザーを喜ばせる』
ユーザーが想像しているよりも速くてダイナミックな体験を提供する。
高速で反応の良いインタラクション、トランジション、モーションを考慮する。

『焦点を明確にする』
わかりやすくする。認知負荷を軽減して、ユーザーをデータの洞察と理解に素早く誘導する。
カラーリング、ラベリング、グループ化、ハイライト、比較 などを適切にデザインする。

『広がりを持たせる』
データの深さ、複雑さ、確実性 についてのユーザーニーズを満たす。
すべてのチャートは、できるだけアクセシブルにする。
不変の設定に固定するよりも、ユーザーによる多くの可能性を考慮する。

『構造を提示する』
階層と構造を視覚化して一貫性を向上させる。
視覚的な階層、方向、文脈 をユーザーに提供する。
グラフィックとインタラクションの統一性を高めて安定感と親近感を提供する。

英語の意図を汲み取れていませんが、学ぶべきところが多そうです。
ユーザーを夢中にさせようとして、ややサービス過剰な気もします。

くわしくはこちら。Google Design の Manuel Lima さんの記事です。
https Six Principles for Designing Any Chart >>

2019年7月3日 UX / UI

chrome_ad_block

たしかに、どの広告表示もイラっとさせられます。
イラっとさせることで、それが広告だと認識されるならまだ善良なUXともいえる気がしています。

以前にGoogleの検索結果の上段に表示されていた広告が広告として認識されずに「最適な検索結果」と認識されていたという調査がありました。
この鬱陶しい広告の基準はユーザーがイラっとする広告の基準のようですが、広告が広告だと認識されないまま受け取られてユーザーの意思決定に影響を及ぼすようになるほうが大きな問題のような気がします。

しかも、その基準を提唱しているのが広告配信会社でもあるGoogleなこともちょっと怖い感じがします。

Google、Chromeブラウザでブロックされる「鬱陶しい広告表示」基準を公開 | PC Watch >>

2019年4月1日 UX / UI

Cant_Unsee

2つのUIデザインが表示されて、どちらのUIデザインが「正しい」のかを選ぶゲーム。
わりと主観的な「正しさ」なのでここで紹介されているのがUIデザインの絶対ルールだと誤解しない方が良いですが、2つのデザインの違いを見極めるのはなかなか難易度高いものもあります。

視覚を鍛えて、精進します。

制作したのはソフトウェアエンジニアのAlex Kotliarskyiさん

Alex Kotliarskyi

元記事はこちら
Test your UI design skills with this addicting game >>

2019年2月14日 UX / UI

Google_Translate_design_process_02

Google翻訳をリニューアルするにあたって、ユーザー調査などのフィードバックを受けながらも安易な折衷主義にならないようにしていたようです。その過程が紹介されています。

とにかくユーザーのフィードバックやA/Bテストの結果に準じて段階的にデザインを進めたようですが、そこに新たな何かを盛り込もうとしなかったのは賢明だと思えます。

一方で、使われていない機能にユーザーを誘導しようとする試みについても紹介されています。
この試みではデザインはユーザーの同調を得られずに試行錯誤しながらも、小さな変更でユーザーを導こうとしているようです。

ずっと昔に、デザインをするときに大切なのは「最小の手数で最大の効果」を考えることだと教えられました。
そういう点でGoogle翻訳のUIのデザインプロセスは参考になりそうな気がします。

「アイスブレイカー」という身体のジェスチャーとウェブサービスの機能を関連づけるのは(あまり使うことはなさそうですが)いいヒントになりそう。

こういう機能だけのウェブサービスのUIデザインは、いつかやってみたいです。

A fish in your ear >>

3 UX Takeaways from Redesigning Google Translate >>

2019年1月22日 UX / UI