Ayato-kosaka / spelieve

1 stars 0 forks source link

代表プランの使い方(How to use部分)説明 #866

Open Ayato-kosaka opened 11 months ago

Ayato-kosaka commented 11 months ago

@Takapy1 幾つかのデザインインスピレーション見てたけど、インスタの Guide Tour を真似るのが UI/UX 的に良さそう、(ただ、実装難しいかもだからイメージ調べてみるわ) https://mobbin.com/screens/7c72d9a1-365a-4277-9d0c-944c4720b3e4

Takapy1 commented 11 months ago

@Ayato-kosaka サンキュー、確かにいい感じやね

Takapy1 commented 11 months ago

@Ayato-kosaka miroに載せてくれた画像確認した。 それぞれの画像をよくこんなに上手く作れてるね。入力の仕方参考にするわ!

2つ目のMapの画像だけ、画像とアプリ内での操作乖離がありそうだから、 もう少し、「場所を検索して、しおりに追加していく」イメージが湧くような画像にした方がいい気がした。 (難しい可能性が高い)

あと、やはり画像に一貫性がないのだけ気になるね

Ayato-kosaka commented 11 months ago

@Takapy1

もう少し、「場所を検索して、しおりに追加していく」イメージが湧くような画像にした方がいい気がした。

ありがとう!もうちょっと考えてみるわ!

あと、やはり画像に一貫性がないのだけ気になるね

俺もそう思う! どんな感じの一貫性を持たせるかは今日の打ち合わせで決めよう!

Ayato-kosaka commented 11 months ago

@Takapy1 一旦、代表プランガイドのたたき台作れたから時間ある時に見て、意見ほしい! ※文言とか説明の構成は結構大事

Ayato-kosaka commented 11 months ago

実装方針

パッケージ

https://www.npmjs.com/package/rn-tourguide

→ これ以外特に見つからなかったから、これ試してみるが良さそう

使い方

軽く見た感じ、TourGuideZoneを加えるだけで簡単そう

機能面

Instagram みたいにしようと諸々カスタマイズするには、結構面倒臭そうなので、そのままの機能使うとかのほうが良さそう 。

Ayato-kosaka commented 11 months ago

@Takapy1 代表プランの説明のとこ、見てくれてありがとう!

指摘見たけど、 前提のイメージの認識が合ってないなぁー、、、

やりたいことは

https://mobbin.com/screens/7c72d9a1-365a-4277-9d0c-944c4720b3e4

こんな感じだから、画像を見せたいわけじゃないんよね、、

image image image image

Takapy1 commented 10 months ago

@Ayato-kosaka ごめん!そうだわ 画像じゃないから、しおり作成していく流れにするのは無理だわ

Ayato-kosaka commented 10 months ago

@Takapy1 そうそうそう!

Ayato-kosaka commented 10 months ago

@Takapy1 気づきで、代表プランガイドに1件付箋追加しました。 添付画像みたいなイメージで、 場所を入力していない時に、みたいな文言を薄い色で入れておくとかすると、使い方としてわかりやすいかもと思った!