دراسة حالة · الفنون والثقافة · تطبيق جوال

في قصر الذاكرة

تطبيق جوال لمعرض فني عن الهجرة، يستطيع فيه أي شخص التبرّع بصورة أو فيديو أو تسجيل صوتي لقصة عائلته، من دون حساب، ثم العثور عليها من جديد بين قصص الآخرين.

  • مصمم UI/UX
  • أغسطس 2023
  • iOS وAndroid
  • مشروع فردي

نظرة سريعة

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

الجدول الزمني للمشروع

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

المتطلبات.

«في قصر الذاكرة» (In a Memory Palace) عمل مسرحي من إنتاج Theatre Nohgaku، بالتعاون مع جامعة الكلمة المتجسّدة (UIW): تأمّل في التهجير، سواء التهجير المادي للاجئين والمهاجرين وغيرهم ممن يبنون حياة جديدة بعيدًا عن ديارهم، أو تهجير الذكريات المتشظّية.

وإلى جانب العرض، خطّط الفريق لمعرض فني في سان فرانسيسكو وسان أنطونيو. وأرادوا أن يتبرّع الناس بأصوات وصور عن هجرة عائلاتهم، مثل الأغاني والصور والقصص، عبر تطبيق جوال. وتُنتقى المساهمات وتُعرض في المعرض، ليواصل «قصر الذاكرة» النمو.

ما طلبته المتطلبات.

حدّدت متطلبات العميل شكل التطبيق قبل رسم أي شاشة:

  1. لا حسابات، لكن موافقة حقيقية. لن يسجّل الناس حسابات، لكن كل مساهمة تحتاج إلى نموذج إذن قانوني موقّع يغطي كيفية استخدام المادة.
  2. طريقتان للدخول. حلقات قصص صغيرة قبل المعرض، وزوار يمسحون رمز QR أثناءه، لذا كان على التطبيق أن يعمل لزائر لأول مرة في دقائق قليلة.
  3. ست عشرة فئة. انتمت كل مساهمة إلى موضوعات مثل الرحيل والأمتعة والانتظار والأصوات والعائلة، لتنظيم المساهمات وانتقائها.
  4. الاكتشاف بالمصادفة. يستطيع الناس رؤية المساهمات وسماعها في المعرض الرقمي والمعرض الفعلي، لكن لا يمكنهم البحث عن مساهمة شخص بعينه.

مراحل التصميم

  1. 01

    البحث وتجربة المستخدم

    • مسار المستخدم
    • هيكلة المعلومات
    • إطارات منخفضة الدقة
  2. 02

    تصميم الواجهة

    • دليل الأسلوب
    • مصادر الإلهام البصري
    • الشاشات النهائية والنموذج الأولي

مسار واحد لكل قصة.

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

  1. الرئيسية
  2. التبرّع بقصة
  3. شاشة الرفع
  4. صوت أم وسائط؟
صوت
  1. سجّل صوتك
  2. أضف عنوانًا ووسومًا
وسائط
  1. ارفع صورة أو فيديو
  2. أضف عنوانًا ووسومًا
شكرًا على المشاركة
  • معرض الوسائط

الإطارات الشبكية أولًا.

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

وغيّر الانتقال إلى التصميم النهائي أمرين. فالفئات الست عشرة ذات الكلمة الواحدة في المتطلبات أصبحت تسعة وسوم مجمّعة، مثل «Departure | Entry» و«The Familiar | The Unfamiliar»، وهي أسرع في الاختيار وأقرب إلى الطريقة التي يصف بها الناس رحلة. كما أصبح الخيار البسيط «صورة أو فيديو / صوت» بطاقتين واضحتين: «صوت» و«وسائط».

أربعة إطارات شبكية رمادية: شاشة تهيئة بعنوان «أسمِع صوتك»، ومعرض بعناصر نائبة للصور مع زر للتبرّع بالوسائط، ورفع وسائط مع عنوان ووسوم مختارة، وتسجيل قصة مع موجة صوتية وأدوات تحكم.

مظهر مستعار من خشبة المسرح.

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

عمل فني من مسرحية «في قصر الذاكرة»: كولاج لوجه رجل مسنّ فوق خريطة قديمة وأوراق خريفية، فوق ثلاث رسومات أزياء مرسومة باليد.

الألوان والخطوط.

عائلتان، المريمي والخزامي، تمتد كلٌّ منهما من شبه الأسود إلى الأبيض، مع الأحمر والكهرماني والأخضر المزرق للأخطاء والتحذيرات والنجاح. ويُكتب كل شيء بخط Poppins، من العناوين بحجم 40 بكسل إلى التعليقات بحجم 12 بكسل.

المريمي

  • #252B21
  • #4D5946
  • #6E8064
  • #9AB28C
  • #BBD9AA
  • #CFDCC8
  • #FFFFFF

الخزامي

  • #24212B
  • #4D4659
  • #6D6480
  • #998CB2
  • #BAAAD9
  • #B8B0C8
  • #FFFFFF

الحالات

  • خطأ#CC3229
  • تحذير#D67200
  • نجاح#078C64

Poppins

الخط

  • عاديMake your voice heard
  • متوسطMake your voice heard
  • عريضMake your voice heard

الهدف والموافقة أولًا.

تؤدي شاشات التهيئة مهمتين: شرح الغرض من التطبيق، والحصول على الموافقة على شروط الخصوصية. تحدّد شاشتان قصيرتان، «Share Your Memory» و«Explore & Be Inspired»، الغرض بصور حقيقية من المشروع. ثم يأتي نموذج الإذن، وبعد قبوله يُجهّز التطبيق كل شيء وينقل المستخدم إلى الشاشة الرئيسية.

أربع شاشات للتهيئة: «شارك ذكراك» بصور عائلية وأعمال فنية من المسرحية، و«استكشف واستلهم»، واتفاقية الإذن والتنازل، وتأكيد «كل شيء جاهز».

استكشاف بالمصادفة.

للمعرض تبويبان، «Media» و«Voices»، وتصفية بالوسوم نفسها التي يستخدمها الناس عند المشاركة. ولا يوجد بحث عن شخص بعينه، لأن المتطلبات أرادت أن يصادف الناس القصص، لا أن يبحثوا عنها.

أربع شاشات للمعرض: شبكة صور ومقاطع فيديو تحت تبويب الوسائط، ونافذة التصفية بوسوم مجمّعة مختارة، وتبويب الأصوات بتسجيلات صوتية، وقصة فيديو واحدة.

شارك في بضع نقرات.

تبدأ المشاركة من زر واحد. يختار المستخدم «صوت» أو «وسائط»، ثم يرفع، ويضيف عنوانًا ووسمًا واحدًا على الأقل، ويرسل. ويشكره التأكيد ويوجّهه إلى المعرض، حيث تعيش قصته الآن بين قصص الآخرين.

أربع شاشات للمشاركة: الاختيار بين الصوت والوسائط، ورفع فيديو فارغ مع الوسوم، والنموذج نفسه مملوءًا بفيديو ووسوم مختارة، وتأكيد «شكرًا على مشاركة قصتك».

أو فقط احكِها.

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

ثلاث شاشات للتسجيل: شاشة «سجّل قصتك» فارغة بزر الميكروفون، وتسجيل جارٍ بموجة صوتية وأدوات تحكم، والتسجيل المكتمل مع حقل العنوان والوسوم.

ملاحظات ختامية

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