家族の遺産をどのように継承するか考えたことはありますか? —そのためのアプリを作成する

Ironhack Barcelonaの個人(および最終)学生プロジェクト

なぜこのトピックですか?

こんにちは、私の名前はアンフィサで、バルセロナのUX / UIブートキャンプを卒業しています。私はロシア人、ブリヤート人、ポーランド人の血を自分の静脈に流しており、常に家族の歴史に興味を持っていました。私は父と一緒に家系図を描き、家族の伝説を解こうとしました。

自分の過去を知ることは、自分の現在を理解するのに役立つだけでなく、やる気を与えてくれると信じています。例えば、私のポーランドのおばあちゃんマリア・ミハウォフスカは、1937年にスモレンスク公証会議所(私の町)の最初の長になりました。その「女子力」はどうでしょう!

みんなが共有したいクールで刺激的な家族の物語を持っていると確信しています。

私が持っている唯一のスリリングな質問は、「この情報を将来の世代にどのように伝えることができますか?子供、孫、grand孫?」です。

Ironhackでの最後のプロジェクトでは、家族の遺産を引き継ぐというトピックをさらに開発し、人々が自分の過去をどのように気にしているのか、家族の遺産に関する情報を伝えようと考えているかどうかを調査することにしました。

強力な調査を作成する

家族の遺産のトピックは非常に広範であり、私の最初の課題は要約された比較的短い調査を作成することでした。

私の目標は、ユーザーが家族の歴史に興味を持っているかどうか、そしてこの情報を親relativeに伝える必要性を感じているかどうかを理解することでした。

トピック(系図コミュニティ)に興味のある人や、特定の深い関心のない人にも、さまざまなプロフィールを持つ人にリーチしたかったのです。 7つの質問でアンケートを作成し、非常に短い時間で249の回答を収集することができました。

幸いなことに、人々は家族の遺産を引き継ぐことに興味があるという私の仮定が証明されました。

調査の結果。クリックしてズーム

8回のインタビューを行い、実際にもっと面接が必要なことを理解する方法

多数の調査回答があるため、研究の範囲を絞り、ターゲットグループを特定し、より具体的な質問をする必要があると感じました。

インタビューの最初のラウンド(25〜40歳、子供なし)

私は人々(主に25歳から40歳)にインタビューを始め、8回のインタビューの後、子供のいない若者は私のターゲットグループではないという結論に達しました。一般的にこのトピックに興味を持っていますが、家族の遺産を将来の世代に引き継ぐ必要性を想像するのは困難でした。

この一連のインタビューから最も重要なことは、戦略を変更し、さまざまな経験を持つユーザー(高齢者と自分の家族を持つ人々)に集中することでした。

新しいターゲットオーディエンスへのアプローチ

私は新しいターゲットオーディエンスの一人と簡単なインタビューを行い、別の非常に重要な詳細を認めました。その人は家族の遺産をさらに伝えることに興味がありませんでした。

  • 彼は専門的なバックグラウンドで、できるだけ少ないテクノロジー(モバイルのみ、コンピューターなし)を使用しようとしています。したがって、必要に応じて、インターネットに保存されている情報ではなく、印刷された写真を伝えます

これは私が自分の家族と一緒に特定の年齢の人々に連絡する必要があるだけでなく、彼らも技術に精通していなければならないことに気づきました。

2回目のインタビュー(40歳以上、子供を含む)

2回目のインタビューでは、45〜55歳の3人と話をしました。

私の質問は:

  • ユーザーが家族歴に関する情報を伝えることに興味がある場合
  • 既存のソリューション(オンラインファミリーツリーエディター)を使用していた場合
  • 彼らが現在経験している課題と、新製品/ソリューションに期待すること
  • 将来の世代に家族情報をどのように見せたいか

インタビュー結果の分析

アフィニティ図(realtimeboard.comで作成)。クリックしてズーム

I私が見つけた主な問題点は、彼らが持っていたすべての情報が整理されておらず、異なる媒体(デジタルと紙)に保存されていたことでした。

family家族のコンテンツを保存、編集、カスタマイズできるオンラインの場所を希望するかどうか尋ねられたとき、全員がそのような場所が非常に役立つことに同意しました。

visual視覚的な家系図(特に、より多くの支部、より多くの家族、したがってより多くの情報が含まれる場合)は、はるかに代表的で理解しやすいものになります。

people人々はまた、子孫がアクセスできるコンテンツとメッセージについても懸念していました。

誰のためにアプリを作成しますか?

ターゲットグループから収集したすべての問題点を分析して、ユーザーペルソナを作成しました。

ユーザーペルソナ

ユーザーペルソナのソリューションを作成するUXデザイナーとして自分に尋ねた質問は次のとおりです。

問題の質問

市場ですでに利用可能なソリューションは何ですか?

MyHeritage、FamilySearch、Ancestryなどのアプリケーションは、主にDNAテストの取得やアプリの他のユーザー/家族との接続などの追加機能を備えた家系図の構築に集中しています。別の家系図エディタではユーザーの問題を解決できないと感じたため、利用可能なすべての機能を詳しく調べることなく、非常に迅速な調査を行いました。

だから、家族の記憶を守ることに集中した製品を調べたかったのです。それらのアプリケーションのリストを見つけ、同じ競合分析を実施し始めたとき、それらのほとんど(本を忘れない、StoryPress、Story of My Life)がもう機能していないことに気付きました。なぜだろうかと思いましたが、残念ながら並行して調査する時間はありませんでした。

プロセスのこの部分からの主なポイントは、時間が非常に制限されている場合でも、既存のソリューションから学ぶのに役立つ可能性があるため、価値をもたらす競争分析を実施する必要があることです。

何を提供できますか

競合分析とユーザーニーズの調査は、設計したいツールの最終的なアイデアを形作るのに役立ちました。

ユーザーに提供したかったソリューションは、ユーザーが家族や特別な家族のイベントに関する情報を保存できるアプリで、いつでも好きなときに確認できます。

上記の分析に基づいて、ソリューションに必要な機能のリストを作成しました。ユーザーに次の機会を与えたかったのです。

  • 視覚的に代表的な家系図を持っている
  • 各家族に関する情報への簡単なアクセス
  • 家族の出来事に関する情報を作成/追加する
  • 各家族と家族の出来事に関する情報をカスタマイズする

Minimum Viable Productを提供できるようにするために機能に優先順位を付けることにし、MoSCoWキャンバスを作成しました。

すべての機能を時間通りに提供できないことに気付いた後、それらを確認し、MoSCoWキャンバスで1つの「必須」機能を「すべき」に移動する必要がありました。

アプリを作成する

アプリにどの機能を含めるべきかを明確に理解した後、すべてのアイデアを視覚化し、紙に書き始めます。アプリの外観にはさまざまなバリエーションがありましたが、インターフェイスを2つの部分に分けるアイデアが特に気に入りました。左側に家系図、右側にコンテキストメニューがあるインタラクティブキャンバスです。

低忠実度から高忠実度までのプロトタイプ

設計の反復と決定

以下では、ユーザーによるテストと、中〜高忠実度のプロトタイプの全体的なプロセスに基づいて、いくつかの反復と決定を見つけることができます。

1 |不要な要素の優先順位付けと削除

不要な要素:メニューパネルとタイムライン

以前:最初は、家系図と左のメニューパネルの下に、マイルストーン(各マイルストーンが家族のイベントを表す)を含むタイムラインがあることを考えていました。

後:後で、A-タイムライン機能を開発するのに十分な時間がなかったことに気付きました(残っているすべての作業を優先した後、この機能を後の開発計画に移動しました)。アプリのその他のオプションを開発する予定はないので、メニューパネル。

D.o.d、ライフイベントタグとメディア。クリックしてズーム

前:

  • ビデオと写真を2つの異なるアクションとしてアップロードする
  • タイトルの近くに配置されたライフイベントタグ(ユーザーがライフイベントの名前を決定するのを支援するためのものでした)
  • フォームのデフォルトのフィールドとしての死亡日(d.o.d.)

後:

  • ユーザーがすべての記録(写真、ビデオ、音声)をアップロードできる一般的な「メディア」カテゴリ
  • ユーザーにフラストレーションを引き起こしたため、Hi-Fiにライフイベントタグがありません
  • d.o.d.リンクの下に隠れています(特に、生きている家族に関する情報を入力している間、ユーザーに否定的な反応を引き起こす可能性があると思いました)

2 | 「新しい家族を追加する」ボタン

「新しい家族を追加」ボタンの配置を決定するプロセス

「+」(新しい家族を追加)ボタンの配置に苦労しました。直感的に理解できるように、家族カードに近いものにしたかったのですが、同時に家系図のアーキテクチャを壊すことはできませんでした。また、カード上の他の要素(アイコン)を邪魔したり、間違った機能をユーザーに提案したりすることもできません(たとえば、「9イベント」に近い「+」は「新しいイベントを追加する」という意味です)。

3 |紛らわしいUI要素

プロフィールアイコン/ボタンの配置を編集する

以前:「編集」アイコンは、プロファイルのヘッダーを編集すると誤って理解されていました

後:パネルの下部にある「プロファイルの編集」ボタン

4 |テキスト階層

テキスト階層の改善

以前:タイトルはコンテンツよりも視認性と読みやすさが優れていました

後:タイトルよりも重要度が高いため、コンテンツが際立っている

5 |一貫性

一貫性の改善

以前:プロファイルと「新しいファミリーメンバーの追加」パネルは、両方とも類似したUI要素を持っていたにもかかわらず、レイアウトが異なっていました。

後:すべてのパネルに同様のヘッダーとUI要素があります。

6 |読み込み状態— UIスケルトン

FAMORYアプリのUIスケルトン

ユーザーがファミリーツリーキャンバスに新しいファミリーメンバーに関する初期データを挿入している間、右側のコンテキストメニューには、アクションが完了すると表示される画面レイアウトとともにロード状態が表示されます。

なぜFAMORY。名前とUIの選択

アプリの名前— FAMORY —は2つのキーワード= familyとmemoryを組み合わせたものです。これらの単語の組み合わせにより、メインメッセージが作成され、アプリの主な価値が示されます。これは、ユーザーが家族の思い出を残すのを支援するためのものです。

FAMORYのロゴとスローガン

ライトUIが馴染みやすく、以前のプロジェクト(uniON-HR Webアプリの事前登録)で既に使用していたため、ライトグレーをプライマリカラー(背景の色)として最初のhi-fiデザインを作成し始めました。

色を試してみることを勧めてくれた友人のマリーナトレシュチュンに感謝します。私は暗いUIの恐怖を克服しました。私たちは皆、時々新しいことを試すことを少し恐れていますよね?

暗い背景は、背景とカードのコントラストを強調するのに役立ちました私のデザインでは、カタマランフォントファミリ、NounProjectのアイコン(Gregor Cresnarが作成)、および2つの主要な色(ダークブルーとグレー)を選択しました。

FAMORYはどのように機能しますか?

クリスのタスク:義理の母を家系図に追加し、彼女のプロフィール写真を追加し、息子の結婚式の日を確認し、写真アルバムを確認します。

次に何をすべきですか?

1 —マイルストーン付きの家族のタイムラインを含めます。各マイルストーンは家族のイベントです

この機能は、ユーザーが家族歴史の歴史的概要を把握するのに役立ちます。時間の経過の観点から、家族で何が起こったのかを見ることができました。

2 —他の家族をアプリに招待する

このアプリにはさまざまな家族に関する情報が含まれているため、コンテンツを編集/作成するために、アプリへのアクセスも必要です。

3 —家族アカウントの管理者は、他の家族にタスクを割り当てることができます

ワークロード(写真のアップロード、情報の入力、新しい家族メンバーカードの作成)は非常に広範囲になる可能性があるため、ユーザーがタスクを他のユーザーに割り当てることでワークロードを共有できる家族管理ツールを含めたいと思います。

4 — Googleドライブ、Dropboxなどから写真とビデオをアップロードします。

私の挑戦と持ち帰り

プロトタイプのテスト

アジャイルA / B、滝ではありません。設計の変更を行う/考えている間、フロー全体を完了することなくすぐにテストしていました。これにより、多くの時間を節約できました。

改善する必要があるもの

テキスト階層と一貫性—複雑なUIの場合の弱点を理解し、それらを改善したいと考えています。

ユーザーインターフェイスデザインの実験

暗いUIは、試してみると怖くありません。基本的に、試してみるとすべてが怖くありません。経験豊富な同僚から試してみてフィードバックを求め、ユーザーの意見を聞いてください。

優先順位付けとMoSCoW

優先順位付け(特にMVPおよび時間的プレッシャー下)ルール—大量の作業に過剰なストレスをかけないようにするのに役立ち、最も重要な機能について考えさせられました。すべてを完了するのに十分な時間がないことに気付いたとき、«must»機能と«should»機能の違いについて実際に学びました。

コミュニティの助け

できるだけフィードバックをお願いします。このプロジェクトでは、クラスメート、UX / UIの友人、TA、私の先生であるNevanにフィードバックを求めました。調査を開始するのを手伝ってくれた249人の調査回答者を忘れないでください。

私のアイデアを発展させ、デザインを揺るがすために貢献、批判、支援、動機付けしてくれたすべての参加者に感謝します。

これは私の最終プロジェクトでした。Ironhackでの学習経験は終わりましたが、同時にBig UX Journeyの始まりに過ぎませんでした。私は次のUXチャレンジに興奮して興奮しています!

いつものように、私はどんな種類のフィードバックにも非常にオープンであり、このプロジェクトについてのあなたの考えを共有するか、またはLinkedInで私に連絡してこんにちはこんにちはと言ってください