すべての人にとっての資産の鍵 | Futubull はアクセシビリティの高いユーザー エクスペリエンスを提供

資産管理アプリのユーザーの多くが当然だと思っている標準の Red Up Green Down カラーパターンは、色覚障害のあるユーザーや色覚障がいのあるユーザーにとって非常に問題となる可能性があります。Futubull のチームは、ユーザーのニーズを受け入れて、誰もが富の鍵を把握できるように具体的な改善に取り組んでいます。

Futubull は、広範な投資情報、分析、意思決定のサービス、無料のトレーニング コンテンツ、活発な資産管理チャット コミュニティを提供することで、世界中の 1,900 万人以上のユーザーにより良い取引体験を生み出しています。また、活気に満ちた資産管理チャット コミュニティも提供しています。Futull は現在、Android、iOS、Windows、Mac、タブレット(iPadOS、ChromeOS)、ウェブブラウザ、および Futull のあらゆる機能、および車載アプリに適したユーザー補助機能を備えています。


「赤と緑のダウン」は投資アプリでよく使われるカラーパターンです。このカラーパターンは投資の上下方向への動きが大事です。しかし、このカラーパターンが広く使われると、投資家は赤緑の失明や色覚の欠陥に苦しむ投資家が苦しむことになります。これらの投資家と同様に、

△ 赤色 上 緑 下 のカラーパターン。正常な視力のユーザー(左)、1 型 2 色覚のユーザー(中央)、2 型 2 色覚のユーザー(右)


赤と緑の異なるシェード

Futubull アプリの赤と緑のカラーパレットは、元々は正常な色覚のユーザー向けに設計されているため、色覚障がいのあるユーザーはアプリを使用する際に、記号やデータを解釈して価格の上下変動を識別するなど、多大な労力を費やす必要があります。このようなカラーパターンは、ユーザーにとって非常に不便です。

生存に関するバイアスにより、赤緑覚醒の人口の割合は、多くの人々が考えているよりも高くなる可能性があります。統計によると、色覚異常(色覚異常)は、男性の約 5%~ 8%、女性の 0.5% です。Futubull の 1,900 万人という巨大なユーザーベースを考慮すると、これは決して珍しいものではありません。

Google は常にユーザーの声を重視しており、さまざまなチャネルを通じて、色覚障がいによって問題があることに気付きました。赤緑の色覚障がいを持つ投資家は、赤と緑の違いがわからず、投資の過程で確実に速度が低下します。そのため、ユーザーの視覚要素に合わせて色覚の視覚要素に合わせて最適化された新しいカラーパターンを導入しました。—— Futubull アプリ ユーザー エクスペリエンス ディレクター Garit 氏


ユーザー補助機能のカラーパターンを設計するにあたり、チームは Google のユーザー補助検証ツールを使用して既存のアプリを評価しました。このアプリはページを記録し、インターフェースの各要素をキャプチャして、フォントサイズ、タップ ターゲットのサイズ、色のコントラストなどの改善案を提示します。この入力はチームにとって非常に役に立ちました。

  • ユーザー補助検証ツール
    https://developer.android.google.cn/guide/topics/ui/accessibility/testing#accessibility- Scanner

△ ユーザー補助検証ツールにより、コントロールや要素ごとにユーザー補助の最適化が提案されるため、デベロッパーにとっては参考になります


ユーザー補助機能のカラーパレットを完成させる過程で、色覚障がいのあるユーザーに対するアンケートも実施しました。これらのユーザーには、公式チャンネルを通じて連絡があり、ユーザー補助のカラーパターンをテストするよう依頼されました。そのうえで、ユーザー エクスペリエンスに関する詳細なフィードバックと最適化のアドバイスを提供してください。このフィードバックに基づいて、全体的な改善計画を策定しました。

△ 新しい赤と緑です。


新しいピンク - 緑の配色は、同じツートーン システムを維持しつつ、正常視、1 型 2 色覚、2 型 2 色覚に関するユーザー補助検証ツールで推奨されている色コントラストに関する推奨事項 を厳密に遵守し、正常な視力の人と赤緑色の色覚を持つ人の視覚体験を考慮に入れています。

  • マテリアル デザイン: 色とコントラスト
    https://m3.material.io/foundations/accessible-design/overview

△(左)正常な色覚のユーザーの(左)、1 型 2 色覚のユーザーのユーザー(中央)、2 型 2 色覚のユーザー(右)のピンクと緑の配色パターン


誰もが利用しやすいエクスペリエンスとは

Google のチームには、色覚障害のあるメンバーを含め、現在 1,000 人以上が参加しています。使いやすい環境を作ることは、ユーザーの皆様にサービスを提供するだけでなく、Google 自身を助けるものでもあります。 —— Futubull Android R&D エンジニア Zed 氏


新しいカラーパレットを決定した後、チームは社内プロダクト チームおよび研究開発チームと連携して一連の内部テストを実施し、新機能をリリースするまでに一連の内部テストを実施しました。チームメンバーの評価のまとめ、セルフテスト、テスト エンジニアの協力により、新たに導入したカラーパレットは、色覚に障がいを持つさまざまなユーザーの操作性に 5 日間で対応できることを確認しました。

△ カラーパターンの切り替えもとても簡単です。アプリのホームページで、見たいものリストの設定アイコンをタップします。


しかし、これは Futubull のユーザー補助の改善計画の一部にすぎません。

赤 - 緑のスペクトルを超えた新たな一歩

Futubull の商品の研究開発理念は、一人で投資をより簡単にすることです。この目標は、Google のすべてのユーザーにあてはまります。 —— Futubull アプリ ユーザー エクスペリエンス ディレクター Garit 氏


また、アクセシビリティを考慮したカラーパレットを用意することで、視覚障がい者に対するユーザーの共感も高まりました。そこで、赤緑の視覚障がいを持つユーザーのニーズに合わせてピンク/緑の配色を考案した後、中空色と上向きのキャンドルを中心とした白色のキャンドル セットと、白色のキャンドルが見分けやすい白色のキャンドル セットを開発しました。

△ 固いキャンドル(左)と中が空洞のキャンドル(右)。どちらのスクリーンショットも、1 型 2 色覚のユーザーのディスプレイがどのように表示されるかを示しています


視力が弱いために文字が読みにくい方のために、テキストのサイズを大きくできるフォントサイズ設定機能も提供しています。アプリの特定のセクションや機能に特定のフォントサイズが必要なユーザー向けに、ローカライズした調整のオプションも検討しました。

△ フォントサイズを調整するためのローカライズ オプションとグローバル オプションも用意されており、ユーザーは必要に応じてこれらを選択できます


Google のチームは、ユーザー補助機能に関する取り組みを少しずつ増やしています。ユーザー補助エクスペリエンスのフォローアップを行う専任のプロダクト マネージャーを設けています。プロダクト マネージャーは、優れたユーザー エクスペリエンスを妨げる可能性のあるアプリ ジャーニーを特定し、最適化を調整します。

—— Futubull アプリ ユーザー エクスペリエンス ディレクター Garit 氏


財産への鍵を皆に届ける

今年 6 月 16 日、Futubull の新しい使いやすいカラーパレットが正式にリリースされ、好評を得ました。

△ 好意的なクチコミは期待どおりでしたが、意外な数の肯定的なフィードバックがありました


これにより、サービスのユーザー補助機能をさらに改善するというチームの自信が高まったことは間違いありません。たとえば、現在は Android デバイスと iOS デバイスからアクセスできるカラーパレットを、ウェブ ブラウザや PC プラットフォームに拡大する予定です。また、目の不自由なユーザー向けにテキスト読み上げ機能も開発中です。これらの機能を実装することで、より多くのユーザーが Futubull をスムーズに使用できるようになります。

  • Lighthouse を使用してウェブ クライアントのユーザー補助機能を確認する
    https://developer.chrome.com/docs/lighthouse/overview/

一人ではなく、より簡単に投資できるようになります。Futubull のチームは、各ユーザーのニーズにタイムリーに対応し、富の鍵を自分の手で把握できるように具体的なアクションでユーザーをサポートしています。

また、より多くのデベロッパー様がプロダクトを積極的に改善し、より利用しやすい環境を作り、より多くのユーザーを受け入れ、より大きな成功への道を開くことを楽しみにしています。