web-dev-qa-db-ja.com

他のアーティファクトに影響を与えずにモバイルでチャットウィジェットを表示するにはどうすればよいですか?

これらのウィジェットは画面の他のアーティファクトと重複しているため、モバイルでユーザーチャットアイコンを表示する最良の方法を知りたいです。モバイルではスペースが不足しているため、アイコンの重複が表示されています。この問題を防ぐにはどうすればよいですか?モバイルディスプレイ用にこれらのチャットアイコンをどこにどのように配置すればよいですか?これらのアイコンを画面の右側に最小化して表示するのは良いことでしょうか?これを使用すると、ユーザーがその最小化された記号をクリックすると、これらのアイコンが表示される場合があります。これらを表示する最良の方法を提案してください。悪い英語でごめんなさい。

This is mobile view of screen

2
Ollie

最初に触れなければならないのは、このページにはが多すぎて、ユーザーがそれらを区別するのが難しい場合があることです。関数レイアウトの再設計を改善しました。

あなたの質問については、他の人のチャットアイコンを重ねるのは適切ではないと思います。これで、ユーザーが「型紙」アイコンをクリックできなくなり、画面がスクロールできないように見えます。

  1. ロビーが述べたように、チャットは非常に重要ですか、それとも頻繁に使用されますか?はいの場合、チャットアイコンをわかりやすくクリックしやすい場所に配置することに同意します。

  2. レイアウトを再設計できる場合は、右上隅の「ベル」の近くにチャットアイコンを配置することをお勧めします。メッセージセンターのように見えるため、関数型でのチャットと非常に似ています。

  3. 最も人気のある1つのチャットアイコンを提供し、他のアイコンを折りたたむことができます。 WhatsAppアイコンを使用したり、メッセンジャーやTwitterなどを折りたたんだりします。小さな下向き矢印または三角形のボタンをクリックすると、他のアイコンが表示されます。この場合、通常、すべてのユーザーが1つの比較的安定したチャットソフトウェアを持っているため、スペースを節約できます。そして、いつか他のチャットソフトウェアアイコンを追加したい場合は、より拡張可能です:)

4
Danlin Chen