هل سبق لك أن فكرت في كيفية نقل إرث عائلتك؟ - إنشاء تطبيق لذلك

مشروع طالب فردي (ونهائي) لـ Ironhack Barcelona

لماذا هذا الموضوع؟

مرحبًا ، اسمي Anfisa وأنا خريج من UC / UI Bootcamp في برشلونة. لديّ دم روسي وبوريات وبولندي يركض في عروقي وكنت دائمًا مهتمًا بتاريخ عائلتي. جنبا إلى جنب مع والدي اعتدنا على رسم شجرة العائلة ومحاولة كشف الأساطير العائلية.

أعتقد أن معرفة ماضي قد يساعدني في فهم حاضري ، فضلاً عن إعطائي بعض الدوافع. على سبيل المثال ، أصبحت جدتي البولندية Maria Michałowska أول رئيسة لغرفة كاتب العدل في سمولينسك (مدينتي) في عام 1937 - ماذا عن "قوة الفتاة"!

أنا متأكد من أن كل شخص لديه بعض القصص العائلية الرائعة والملهمة التي يرغبون في مشاركتها.

والسؤال المثير الوحيد الذي لدي هو "كيف يمكننا نقل هذه المعلومات إلى أجيالنا المقبلة - الأطفال ، والأحفاد ، والأحفاد العظماء؟"

بالنسبة لمشروعي الأخير في أيرونهاك ، قررت تطوير موضوع نقل تركة الأسرة بشكل أكبر ، واستكشاف كيف يهتم الناس بماضيهم وما إذا كانوا يفكرون / يخططون لنقل معلومات حول تراثهم الأسري؟

إنشاء مسح قوي

موضوع إرث الأسرة واسع للغاية وكان التحدي الأول الذي يواجهني هو إنشاء مسح قصير وقصير نسبيا.

كان هدفي هو فهم ما إذا كان المستخدمون مهتمين بتاريخ عائلاتهم وما إذا كانوا يشعرون بالحاجة إلى نقل هذه المعلومات إلى أقربائهم.

أردت الوصول إلى أشخاص لديهم ملفات تعريف مختلفة ، الأشخاص المهتمون بالموضوع (مجتمع علم الأنساب) وكذلك الأشخاص الذين ليس لديهم اهتمام عميق محدد به. لقد قمت بإنشاء استطلاع مع 7 أسئلة وفي وقت قصير جدًا تمكنت من جمع 249 إجابة.

لحسن الحظ ، تم إثبات افتراضي أن الناس مهتمون بنقل تراث عائلاتهم:

نتائج المسح. انقر للتكبير

كيفية إجراء 8 مقابلات وإدراك أنك بحاجة فعلاً إلى المزيد

مع وجود عدد كبير من الردود على الاستبيان ، شعرت أنني بحاجة لتضييق نطاق البحث ، وتحديد مجموعتي المستهدفة وطرح أسئلة أكثر تحديداً على الناس.

الجولة الأولى من المقابلات (سن 25-40 ، بدون أطفال)

بدأت في إجراء مقابلات مع أشخاص (تتراوح أعمارهم ما بين 25 و 40 عامًا) وبعد 8 مقابلات توصلت إلى استنتاج مفاده أن الشباب بدون أطفال ليسوا الفئة المستهدفة. على الرغم من اهتمامهم بالموضوع بشكل عام ، إلا أنه كان من الصعب عليهم تخيل الحاجة إلى نقل إرث الأسرة إلى الأجيال القادمة.

كان أهم الوجبات السريعة في هذه الجولة من المقابلات تغيير الإستراتيجية والتركيز على المستخدمين ذوي الخبرات المختلفة (كبار السن والأشخاص الذين لديهم أسرهم الخاصة).

تقترب من جمهور مستهدف جديد

لقد أجريت مقابلة قصيرة مع شخص من جمهوري المستهدف الجديد وأقرت بتفاصيل أخرى مهمة للغاية - لم يكن الشخص مهتمًا بتوارث أسرته بشكل أكبر بسبب:

  • مع خلفيته المهنية ، يحاول استخدام أقل قدر ممكن من التكنولوجيا (فقط للجوال ، بدون كمبيوتر) ، لذلك إذا لزم الأمر فإنه سينقل الصور المطبوعة بدلاً من المعلومات المخزنة على الإنترنت

هذا جعلني أدرك أنني بحاجة للوصول ليس فقط إلى أشخاص في سن معينة مع أسرهم ولكن يجب عليهم أيضًا أن يكونوا أذكياء في التكنولوجيا.

الجولة الثانية من المقابلات (سن 40+ ، مع الأطفال)

في جولتي الثانية من المقابلات ، تحدثت إلى 3 أشخاص تتراوح أعمارهم بين 45 و 55 عامًا.

أسئلتي كانت:

  • إذا كان المستخدمون مهتمين بنقل معلومات حول تاريخ العائلة
  • إذا كانوا يستخدمون أي حلول موجودة (محررات شجرة العائلة عبر الإنترنت)
  • ما هي التحديات التي يواجهونها الآن وما الذي يتوقعونه من منتج / حل جديد
  • كيف يريدون للأجيال القادمة أن ترى معلومات الأسرة

تحليل نتائج المقابلة

تقارب مخطط (المحرز في realtimeboard.com). انقر للتكبير

pain كانت نقطة الألم الرئيسية التي وجدتها هي أن جميع المعلومات التي لديهم كانت غير منظمة وتم تخزينها على وسائط مختلفة (رقمية ورقية).

asked عندما سئل عما إذا كانوا يرغبون في الحصول على مكان على الإنترنت حيث يمكنهم تخزين المحتوى العائلي وتعديله وتخصيصه ، وافق جميعهم على أن هذا المكان سيكون مفيدًا للغاية.

tree ستكون شجرة العائلة المرئية (خاصة في حالة وجود المزيد من الفروع ، والمزيد من أفراد الأسرة وبالتالي المزيد من المعلومات) أكثر تمثيلا وسهلة الفهم.

كان الناس مهتمين أيضًا بالمحتوى والرسائل التي سيحصل عليها أحفادهم - أرادوا تمرير ليس فقط الحقائق "الجافة" والصور غير الموصوفة ولكن "التجارب العائلية".

لمن أريد إنشاء التطبيق؟

من خلال تحليل جميع نقاط الألم التي جمعتها من مجموعتي المستهدفة ، قمت بإنشاء شخصية مستخدم:

شخصية المستخدم

كان السؤال الذي طرحته على نفسي كمصمم UX لإنشاء حل لشخصية المستخدم الخاص بي هو ما يلي:

مشكلة السؤال

ما هي الحلول المتاحة بالفعل في السوق؟

تركز تطبيقات مثل MyHeritage و FamilySearch و Ancestry في الغالب على بناء الأشجار العائلية مع ميزات إضافية مثل إجراء اختبارات الحمض النووي والتواصل مع المستخدمين الآخرين / عائلات التطبيق. لقد أجريت تحقيقًا سريعًا للغاية دون التعمق في جميع الميزات المتاحة حيث شعرت أن محرر شجرة عائلة آخر لن يحل مشاكل المستخدمين.

لهذا السبب أردت فحص المنتجات التي تركز على الحفاظ على ذكريات العائلة. لقد وجدت قائمة بهذه التطبيقات ، وعندما بدأت في إجراء نفس التحليل التنافسي أدركت أن معظمهم (Forget Me Not Book و StoryPress وقصة حياتي) لم يعد يعمل. تساءلت عن السبب ، لكن لسوء الحظ لم يكن لدي وقت لإجراء تحقيق مواز.

كانت مهمتي الرئيسية في هذا الجزء من العملية أنه على الرغم من أن الوقت محدود للغاية ، إلا أنه لا يزال يتعين عليك إجراء تحليل تنافسي يجلب القيمة لأنه قد يساعدك على التعلم من الحلول الموجودة بالفعل.

ماذا يمكنني أن أقدم

ساعدني التحليل التنافسي مع بحث احتياجات المستخدم على صياغة الفكرة النهائية للأداة التي أردت تصميمها:

الحل الذي أردت توفيره للمستخدمين هو تطبيق يتيح للمستخدمين تخزين معلومات حول أفراد أسرهم والفعاليات العائلية الخاصة ، حتى يتمكنوا من التحقق من ذلك في أي وقت يريدون.

بناءً على التحليل الوارد أعلاه ، قمتُ بإنشاء قائمة بالميزات التي أرغب في حلها. كنت أرغب في إعطاء المستخدم الفرصة لي:

  • لديك شجرة عائلة تمثيلية بصريا
  • سهولة الوصول إلى المعلومات حول كل فرد من أفراد الأسرة
  • إنشاء / إضافة معلومات حول الأحداث العائلية
  • تخصيص المعلومات حول كل فرد من أفراد الأسرة وحدث الأسرة

قررت تحديد أولويات الميزات من أجل أن أكون قادرًا على تقديم منتج الحد الأدنى القابل للتطبيق وأنشأت لوحة MoSCoW.

بعد أن أدركت أنني لن أكون قادرًا على تقديم كل شيء ، يجب أن يكون لدي ميزات في الوقت المحدد واضطررت إلى مراجعتها ونقل ميزة

إنشاء التطبيق

بعد أن كانت لدي فكرة واضحة عن الميزات التي يجب تضمينها في تطبيقي ، فقد حان الوقت لبدء وضع تصور لجميع أفكاري على الورق. كان لدي أشكال مختلفة حول كيفية ظهور تطبيقي ، لكنني أعجبت بشكل خاص بفكرة تقسيم الواجهة إلى جزأين - لوحة قماشية تفاعلية مع شجرة عائلة على الجانب الأيسر وقائمة سياقية على اليمين:

من النموذج الأولي المنخفض إلى الدقة العالية

تصميم التكرارات والقرارات

يمكنك العثور أدناه على بعض التكرارات والقرارات التي تستند إلى الاختبار مع المستخدمين والعملية الشاملة للانتقال من النماذج الأولية متوسطة الدقة إلى الدقة العالية.

1 | تحديد الأولويات والتخلص من العناصر غير الضرورية

العناصر غير الضرورية: لوحة القائمة والجدول الزمني

قبل: في البداية كان لدي فكرة عن وجود جدول زمني مع معالم (كل معلم يمثل حدثًا عائليًا) أسفل شجرة العائلة ولوحة القائمة اليسرى.

بعد: أدركت لاحقًا أن A - لم يكن لدي ما يكفي من الوقت لتطوير ميزة المخطط الزمني (بعد إعطاء الأولوية لكل العمل المتبقي ، نقلت هذه الميزة إلى خطة التطوير اللاحقة) و B - لم أضطر إلى تقديم يسار لوحة القائمة لأنني لا أخطط لتطوير خيارات أخرى لتطبيقي.

D.o.d ، علامات أحداث الحياة ووسائل الإعلام. انقر للتكبير

قبل:

  • قم بتحميل مقاطع الفيديو والصور كإجراءين مختلفين
  • علامات الأحداث مدى الحياة وضعت بالقرب من العنوان (كانت تهدف إلى مساعدة المستخدم على اتخاذ قرار بشأن اسم الحدث مدى الحياة)
  • تاريخ الوفاة (d.o.d.) كحقل افتراضي في نموذج

بعد:

  • فئة "الوسائط" العامة حيث يمكن للمستخدم تحميل جميع السجلات (الصور والفيديو والصوت)
  • لا علامات حدث الحياة في مرحبا فاي لأنها تسبب الإحباط للمستخدمين
  • d.o.d. مخفي تحت الرابط (اعتقدت أنه قد يتسبب في رد فعل سلبي للمستخدم - خاصة أثناء ملء المعلومات حول أحد أفراد الأسرة الحية)

2 | زر "إضافة عضو جديد في العائلة"

عملية تحديد موضع زر

لقد كافحت مع وضع زر "+" (إضافة عضو جديد في العائلة). كنت أرغب في أن تكون قريبة من بطاقة عضو العائلة حتى تكون بديهية ، لكن في الوقت نفسه لا يمكن كسر بنية شجرة العائلة. أيضًا ، لا يمكن أن تزعج العناصر الأخرى الموجودة على البطاقة (الرموز) ، أو توحي للمستخدم بأن الوظيفة الخاطئة (مثل "+" بالقرب من "9 أحداث" قد تعني خطأ "إضافة حدث جديد").

3 | مربكة عناصر واجهة المستخدم

تحرير رمز الملف الشخصي / موضع زر

قبل: تم فهم أيقونة "تحرير" بطريقة خاطئة على أنها تحرير رأس ملف التعريف

بعد: زر "تعديل الملف الشخصي" في الجزء السفلي من اللوحة

4 | التسلسل الهرمي للنص

تحسين التسلسل الهرمي للنص

قبل: كان للعنوان رؤية أفضل وإمكانية قراءة أفضل من المحتوى

بعد: المحتوى يبرز لأنه يحتوي على أهمية أعلى من العنوان

5 | التناسق

تحسين الاتساق

قبل: كان للوحات الشخصية ولوحة "إضافة عضو جديد في العائلة" تخطيط مختلف على الرغم من أن كلاهما كان لهما عناصر واجهة مستخدم متشابهة

بعد: كل اللوحات لها رؤوس متشابهة وعناصر واجهة المستخدم.

6 | تحميل الدولة - هيكل واجهة المستخدم

هيكل عظمي UI في تطبيق FAMORY

بينما يقوم المستخدم بإدراج بيانات أولية عن أحد أفراد العائلة الجدد على لوحة شجرة العائلة ، فإن القائمة السياقية على اليمين تعرض حالة تحميل مع تخطيط الشاشة الذي سيراه بمجرد اكتمال الإجراء.

لماذا الشهرة الاسم واختيار واجهة المستخدم

يجمع اسم التطبيق - FAMORY - بين كلمتين أساسيتين = العائلة والذاكرة. مزيج هذه الكلمات ينشئ الرسالة الرئيسية ويشير إلى القيمة الرئيسية للتطبيق - الغرض منه هو مساعدة المستخدمين على الاحتفاظ بذكريات العائلة.

شعار FAMORY وشعاره

بدأت في إنشاء أول تصميم hi-fi بلون رمادي فاتح كاللون الأساسي (لون الخلفية) حيث كانت واجهة المستخدم الخفيفة أكثر دراية لي وقد استخدمتها بالفعل في مشروعي السابق (uniON - تطبيق ويب HR المسبق) .

بفضل صديقي مارينا تريشون الذي نصحني بتجربة الألوان تغلبت على خوفي من واجهة المستخدم المظلمة. نحن جميعا خائفون قليلا من تجربة أشياء جديدة في بعض الأحيان ، أليس كذلك؟

ساعدتني الخلفية المظلمة على إبراز التباين بين الخلفية والبطاقاتمن أجل تصميمي ، اخترت مجموعة خطوط Catamaran وأيقونات من NounProject (تم إنشاؤها بواسطة Gregor Cresnar) ولونين رئيسيين - الأزرق الداكن والرمادي.

كيف تعمل العائلة؟

مهمة لـ Chris: إضافة حماته إلى شجرة العائلة ، إضافة صورة ملفها الشخصي ، والتحقق من يوم زفاف ابنه والتحقق من ألبومات الصور.

ماذا سوف نفعل بعد؟

1 - تضمين جدول زمني للعائلة مع معالم. كل معلم هو حدث عائلي

يمكن أن تساعد هذه الميزة المستخدمين في الحصول على لمحة تاريخية عن تاريخ العائلة. يمكنهم أن يروا ما حدث في عائلاتهم من منظور الزمن المنقضي.

2 - دعوة أفراد الأسرة الآخرين إلى التطبيق

نظرًا لأن هذا التطبيق يتضمن معلومات حول أفراد الأسرة المختلفين ، فيجب أن يكون لهم حق الوصول إلى التطبيق من أجل تعديل / إنشاء محتوى.

3 - يمكن لمسؤول حساب العائلة تعيين المهام لأفراد الأسرة الآخرين

نظرًا لأن عبء العمل (تحميل الصور ، وملء المعلومات ، وإنشاء بطاقات جديدة لأفراد العائلة) قد يكون واسعًا للغاية ، أود أن أدرج أداة لإدارة الأسرة ستمكن المستخدمين من مشاركة عبء العمل عن طريق تعيين المهام للمستخدمين الآخرين.

4 - قم بتحميل الصور ومقاطع الفيديو من Google Drive و Dropbox إلخ.

تحدياتي والوجبات السريعة

اختبار النماذج

رشيقة A / B ، وليس الشلال. أثناء إجراء / التفكير في تغيير التصميم ، كنت أقوم باختباره على الفور دون الانتهاء من التدفق بالكامل - وهذا ساعدني في توفير الكثير من الوقت.

ما أحتاج إلى تحسين

التسلسل الهرمي للنص والاتساق - أدركت ما هي نقاط ضعفي عندما يتعلق الأمر UI معقدة وأنا حريص على تحسينها.

تجربة تصميم واجهة المستخدم

واجهة المستخدم المظلمة ليست مخيفة عند تجربتها ... بشكل أساسي كل شيء ليس مخيفًا عند تجربتها. حاول ، جرب ، واطلب تعليقات من الزملاء ذوي الخبرة واحصل على رأي المستخدمين.

تحديد الأولويات و MoSCoW

قواعد تحديد الأولويات (خاصةً في MVP وتحت ضغط الوقت) - ساعدني ذلك على عدم الإفراط في التأكيد على مقدار العمل الكبير ، وجعلني أفكر في أهم الميزات. لقد تعلمت بالفعل الفرق بين ميزات "must" و "should" عندما أدركت أنه ليس لدي وقت كاف لإنهاء كل شيء.

مساعدة من المجتمع

اسأل التعليقات قدر الإمكان. خلال هذا المشروع ، طلبت ملاحظات زملائي وأصدقائي في UX / UI و TA ومعلمي - نيفان ، ألا ننسى 249 من المشاركين في الاستبيان الذين ساعدوني في بدء تحقيقي.

أود أن أشكر جميع المشاركين على المساهمة والنقد والدعم والتحفيز لي لتطوير فكرتي وصخب التصميم.

لقد كان مشروعي النهائي - نهاية تجربتي التعليمية في Ironhack ، لكن في الوقت نفسه ، ما هي إلا بداية رحلة Big UX Journey. أشعر بسعادة غامرة ومتحمس لتحدي UX القادم!

كالمعتاد ، أنا منفتح جدًا على أي نوع من الملاحظات ، لا تتردد في مشاركة أفكارك حول هذا المشروع أو ببساطة التواصل معي على LinkedIn لنقول مرحباً