web-dev-qa-db-ja.com

アプリ-ユーザーはツイートやFacebookの投稿のテキストを編集できますか?

Androidアプリを構築しています。非常に優れたユーザーインターフェイス/フローと思われるものを実装しました。

写真を当社のウェブサイトにアップロードするには、3つのステップがあります。

  1. 写真を選択します。
  2. キャプションを入力し、Twitter/Facebookボタンをクリックできます。これらのボタンをクリックすると、さまざまな認証フローが実行され、投稿できます。これが完了すると、ボタンが強調表示されます。

  3. 写真がアップロードされ、選択されている場合はFacebook/Twitterに投稿されます。このプロセスを視覚的に明確にするために、進捗スピナーなどがあります。

このようにすべてが非常によく見え、機能します。問題はカスタマイズです。

私たちが投稿するステータスは、基本的に「ユーザーxがアプリに写真をアップロードした」です。次に、追加した可能性のあるキャプションを追加します。

Twitterでは、140文字の制限に収まるようにキャプションをカットする以外は同じです。

私の質問は、ユーザーがこのテキストをカスタマイズできるようにする必要があるかどうかです。

これを行うには、UIを変更して何らかの「テキストの編集」ボタンを追加する必要があります。これにより、エクスペリエンスが低下し、状況がやや複雑になると考えています。

次の考慮事項はインターフェースです。 TwitterとFacebookはそれぞれのSDKを通じて「投稿」アクティビティを提供するため、ユーザーがFacebookボタンをクリックするとFacebookアプリのステータス投稿画面に移動してデフォルトのメッセージを設定するように実装できます。

繰り返しになりますが、Facebookをクリックしてそこに投稿する必要があるため、エクスペリエンスが低下しているように感じます。その後、Twitterをクリックしてそこに投稿する必要があります。そして簡単。

もう1つのアプローチは、テキストを変更するための独自のインターフェイスを実装することですが、これは少し手間がかかります。140文字しか入力できないことを確認してください。テキストを編集するための追加のボタンの問題もあります。物事を複雑にし、ユーザーを混乱させる余分なもの。

だから..どうすればいいですか?ユーザーは、アプリから投稿するステータスとツイートをカスタマイズできますか?もしそうなら、そのためのユーザーインターフェースを実装する最もクリーンで明確な方法は何ですか?

ありがとう

4
Thomas Clowes

混乱する可能性があるので、ユーザーは公式のものではない他のアプリ(またはそれを置き換えるサードパートの何か)で投稿を編集するべきではないと思います。しかしその場合、iOのようにネイティブシステム拡張として実装する可能性について考えたことはありますか?ユーザーはキャプション付きであなたのウェブサイトに写真をアップロードすることができ、それが完了すると、アプリはこのような共有アイコンを表示します share icon

共有するさまざまな方法を示し、ユーザーが各投稿を編集できるようにします。 enter image description here

デフォルトでは、アプリの設定ビューで、ユーザーはすべてをソーシャルネットワークに自動的に投稿するかどうかを指定できますが、その場合、テキストを変更できなかったため、「... 」ユーザーエクスペリエンスを向上させるために、少しのカスタマイズを犠牲にする方がよい場合があると思います。

1
BigK

最初の質問に答えるために、ユーザーがFBとTwitterのステータス/ツイートを編集できるようにする必要はないと思います。しかし、それはアプリが何を達成しようとしているかに依存します。

別の提案として、それをすべて同じものにしてみませんか?つまり、ユーザーが写真/ビデオにキャプションを入力できる1つのテキスト領域を作成します。彼らがそのテキスト領域に投稿するものは何でも、アプリ、Facebook、Twitterのキャプションとして同時に投稿します。

テキスト領域の隣に、ユーザーがその投稿をTwitterやFacebookに送信するかどうかを選択できる2つのトグルボタンを配置できます。または、アプリの設定を通じてのみ両方のソーシャルネットワークを統合することもできます。統合すると、投稿は自動的にソーシャルネットワークに送信されます。そうすることで、ユーザーを集中させ、(他のアプリではなく)自分のアプリと対話することができます。

それがあなたの質問に完全に答えるかどうかはわかりませんが、この特定のページがどのように見えるかを見せてくれれば、ワイヤーフレームを撮影することができます。

編集1:OP、添付されているのは、私の説明を明確にするために、以前のコメントの忠実なワイヤフレームです。 enter image description here

1
myuxteam