web-dev-qa-db-ja.com

バーチャルツアーでパノラマ画像を接続するためのさまざまなUIパターン

ここに問題があります:

多くのパノラマ画像が利用可能で、ほとんどが屋内環境で作成されています。私たちのユーザーはそれらすべてを仮想ツアーに組み立てています。そこでは、別の種類のユーザーがパノラマ画像のある種類のホットスポット(Googleマップのストリートビューのようですが、はるかに小さいスケール)をクリックすることで、ある画像から別の画像に移動します。 。

したがって、いずれにしても、ユーザーはパノラマ間の接続を作成する必要があります。各接続は、2つのホットスポット(各画像に1つ)も作成します。環境は屋内にあるため、接続される画像/場所は、物理的に1つの場所から別の場所に移動できるものだけです(また、戻る-すべての接続が両面で​​あると想定します)。

残念ながら、画像を取得した座標は画像に使用できません。ほとんどの画像/場所はほぼ同じ高さレベルで撮影されていると想定できるため、水平方向の配置のみが重要です。ただし、オリエンテーションデータが利用できる場合と利用できない場合があります。現在調査中です。

問題は次のとおりですユーザーがこれらの接続を簡単かつ効率的に作成できるように、ユーザーのUIとワークフローを実装する方法

この時点では、基本的な提案だけが必要です。すべての接続を手動で作成することを回避することは可能ですか?ユーザーに種類のマップを作成させる必要がありますか?これは以前に行われたことがあり、良い例はありますか?

7
Septagram

「戸口をクリックして部屋に入る」UIは確かに実行可能なアプローチですが、家をツアーするのを探している人は、最初に階段をクリックして見たいとは思わないでしょう。マスターベッドルーム

おそらく this の線に沿って何かを試してください。背景はパノラマで、前景の円は家の周りのさまざまな部屋へのリンクです。

リンクがマスターベッドルーム、バスルーム、リビングルームなどとして視覚的に識別可能である限り、人々は家の中を移動するのに問題はありません。より視覚的に印象的な部屋をリストの左側に戦略的に配置して、最初に見えるようにすることも検討してください。

1
Shadetheartist

不動産Webサイトcommonfloor.comにも同様の実装があります。

https://www.commonfloor.com/listing/4bhk-house-for-sale-in-k-r-puram-bangalore/55a86ca3f41a6

enter image description here

0
Chetan