web-dev-qa-db-ja.com

iOS要素を使用したアンケートの作成に関する問題

アプリ内に調査要素を含めるプロジェクトでクライアントと協力しています。ネイティブアプリでは見たことのないいくつかの調査要素があり、要素を作成するための最良の方法、または厳密な近似に関するいくつかのガイダンスに感謝します。

  • 静的テキスト応答、長い形式または空白を入力(これらがUITextViewのUITextFieldsであることを容易に)
  • 複数選択の質問の単一または複数の回答(UIPickerは単一選択で機能しますが、複数選択でこれを行う方法はわかりません)
  • マトリックステーブル、単一および複数の回答-これに取り組む方法がわからない、テーブルの各行のピッカーを想定しますが、面倒で、UIが同じフォームから非常に離れているようですウェブ。
  • ランキング、ドラッグ・トゥ・オーダー、スタック・ランキング・オーダー、リッカート・スケール-ランキングのストローを本当に把握しています。 Likertは、従来のLikertオプションでUIPickerを使用するのが最も理にかなっています。スタックランキングは、各値にピッカーを使用して値を選択するように見えますが、2つの値に同じランクを付けないように、大量のエラー処理を行う必要があるようです。よりシンプルでクリーンなソリューションはありますか?

Stack Ranking Order QuestionMatrix of Likert Scale Questions

6
propstm

それはだれがその調査に記入しているのかによると思います。エンタープライズソリューションやアプリのベータテスター向けに設計している場合は、UI/UXに重点を置かずに簡潔かつ簡潔にしますが、アプリの通常のユーザー向けに構築する場合は、分割します複数の画面に入れて、きれいにしてみてください。

ユーザーが先にある質問の数を知ることができるように、下部にある種のインジケーターを配置します。質問が多すぎない場合は、数値表現(2/13)または下に添付されているようなものにすることができます。

次の質問に移動するために、右上に[次へ]ボタンがあり、ユーザーは質問間を左/右にスワイプできます。

textView(複数行入力)を使用した静的な質問。入力フィールドを事前に選択して、ユーザーがタップする必要がないようにします。また、キーボードはアプリの下部を覆うため、キーボードの上に表示されるインジケーターをスライドさせることを検討してください。

static questions

複数の回答は非常に簡単です。ユーザーは同意するもののオン/オフを切り替えます

multiple answers

代替マトリックス。私はそれを分解して、人々が一度に1つの質問に集中できるようにしますが、同じタイプのすべての質問を互いに近づけ、下部に同じインジケーターの色を表示するようにします。

matrix alternative

ランキングはもう少し複雑で、複数の方法で実行できると思います。ユーザーに好みの順序で選択肢をタップしてから、上下にドラッグオプションを提示して順序を変更するように依頼できます。

ranking

私はそれがあなたに別の見方を助けるか与えることを願っています.

最後に何をしたか教えてください。幸運を。

8
budidino

私は長い形式のファンではありませんでした。誰もいない。ただし、フォームはユーザー入力をまとめて取得するための重要な方法です。最近、あるスタートアップがフォームの認識方法を変え、やや快適なユーザーエクスペリエンスの作成を支援しています- Typeforms

これは今のところ文脈から外れているように聞こえるかもしれませんが、そこに到達します。

  1. きちんとした最小限のフォーム=気晴らしなし
  2. 一度に1つの入力要素=フォーカスとユーザーの注意
  3. 進行状況インジケーター=進行状況に関するユーザーの認識
  4. ページ間の美しい遷移=ユーザーの関与

今、私は彼らのために働いているわけではありませんが、UXの観点からはそれは勝利です。

モバイルデバイスで長いフォームを作成する際に問題が発生しました-要点は次のとおりです。

  1. フォームのフローを単一のユニットに分割します-一度に1つ
  2. これで、現在の問題と入力、および意識状態を作成するための全体的なユーザーの進行状況を表示するための画面全体ができました。
  3. 空白またはネガティブスペースを使用して、読みやすさを向上させ、焦点を合わせ、混乱を減らすことができます。

最後に、iOSのデフォルト要素の使用に制限されており、それらを使用してエクスペリエンスを作成する必要があるため、既存のものを利用するには巧妙な方法が常にあります。

例:いくつかの説明テキストと5つの選択肢を持つ複数選択ボタンを実行する必要があるとしましょう。プレーンボタンを使用できますが、5つのアイテムを持つリストコントローラーを使用しても同じことができます。各項目はクリック可能で、次の質問に直接移動します。

この交換の主なモチーフは、製品固有の問題ではなく、一般的にUXについて議論することです。答えは、困っている人を助けるのに十分一般的でなければなりません。だからあなたはそれを手に入れ、あなたのツールをリストし、質問の大きな(巨大な)サンプルを手に入れ、そこにあるすべてのユニークなタイプの質問のリストを試して作成し、あなたが自由に使えるすべての様々なコントロールの別のリストを作成してください(仕事開発者と一緒に)、どのiOS要素を使用してさまざまな種類の質問を表現できるかを示すマッピングを考え出してください。

UXデザインとは、問題を理解し、研究を通じて適切なアプローチを見つけ、それを最も直感的な方法で解決することです。常に、実行できることの境界を押し広げます。

PS:「それがUXのやり方です」というスピーチ全体を使いすぎて申し訳ありません。

乾杯

3