كيف تخطط استراتيجيًا لتصميم تجربة مستخدم ثقيلة البيانات

نشرت: 2021-07-27

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

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

ومع ذلك ، فإن الاحتفاظ بجميع البيانات السياقية التي يمكنك الحصول عليها يؤدي إلى تطبيق غير عملي.

لذا ، كيف تحقق التوازن الصحيح؟

تلعب الطريقة التي يقدم بها التطبيق البيانات دورًا كبيرًا ، وهنا يأتي دور مصممي تجربة المستخدم.

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

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

إليك كيفية التصميم لتجربة مستخدم ثقيلة البيانات:

  1. توظيف شخصيات المستخدم لتصميم لوحات معلومات مفيدة تعتمد على البيانات
  2. ورقة عمل الجمهور المستهدف وشخصية العميل
  3. سهولة الاستخدام على الأسلوب: إبقائه بسيطًا وواضحًا ولطيفًا
  4. اجمع بين المواد والتصميم المسطح - الوظيفة على الشكل
  5. الوصول أكثر من الجماليات
  6. اترك مساحة للتحسين

كيفية تصميم تطبيقات البيانات الضخمة الرائعة التي يحبها العملاء

ربما يكون أفضل مكان للبدء هو أن تسأل من هو عميلك.

رجل وامرأة على الطاولة ومعهما كمبيوتر محمول وملاحظات أثناء التخطيط لتجربة المستخدم على موقع مليء بالبيانات

ربما تكون قد أعددت لوحة تحكم رائعة وممتدة وسلمتها إلى العميل في الوقت المحدد فقط لكي يسأل ، "أين يمكنني أن أفعل X و Y و Z؟"

أوتش! يجب أن يكون قد أضر.


1. توظيف شخصيات المستخدم لتصميم لوحات معلومات مفيدة تعتمد على البيانات

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

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

كيف يفعلون ذلك؟

شارك Erik Klimcz ، رئيس التصميم الأول في Uber and Advanced Technologies Group ، بعض النصائح القابلة للتنفيذ على Medium. يقترح أن مصممي تجربة المستخدم يحتاجون أولاً إلى تحديد المستخدمين أو الشخصيات لكل مشروع ، ثم تحديدهم.

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

من شأن ذلك أن يجعل التصميم مفيدًا للمستخدم النهائي ، والجمهور المستهدف - عميلك الرئيسي.

فيما يلي توضيح:

مثال توضيحي لتخطيط شخصيات مستخدمين مختلفة
لكل شخصية اهتمامات مختلفة بالبيانات ، ولاحظ كيف يعتني التصميم باهتمامات كل مستخدم.

إذا كنت بحاجة إلى الحصول على الأساسيات حول كيفية إنشاء شخصيات مستخدم لمشاريع تصميم UX ، فإن لدى Cooper نصائح مفيدة (بما في ذلك كيفية البحث وجمع البيانات لشخصيات التصميم الخاصة بك هنا).

يمكن أن يساعدك فهم المستخدمين / الشخصيات في تخصيص وظائف التطبيق لاحتياجاتهم - وهذا هو الهدف النهائي.

أيضًا ، يمكنك تحديد نوع أدوات تصور البيانات التي يجب استخدامها لأي عميل بناءً على ، على سبيل المثال:

  • من سيتعامل مع البيانات (شخصيات المستخدم)؟ هل هو مصمم للعملاء أو لمحللي البيانات الداخليين ، على سبيل المثال؟
  • حالات الاستخدام: ما الذي يحتاجه هؤلاء المستخدمون للبيانات لمساعدتهم على القيام به بعد ذلك؟

علي سبيل المثال:

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

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

أحد الأمثلة في خدمة العملاء حيث يمكن لممثل CS إدخال اسم العميل أو رقمه لجمع المزيد من المعلومات عنه ، مثل مشكلة لم يتم حلها.

يمكنك العثور على هذا النوع من أدوات تصور البيانات التفاعلية قيد التنفيذ في Mahfix for You vs John Paulson. يسمح لك بإدخال رقم ، ثم يقوم بإبلاغ المعلومات بناءً على إدخالك. إنه سلس جدًا!


صورة ورقة عمل شخصية عميل دولاب الموازنة كما تبدو على الكمبيوتر اللوحي

الجمهور المستهدف والعميل
ورقة عمل شخصية

سيساعدك ملف PDF التفاعلي هذا المكون من ثلاث صفحات في العثور على جمهورك وتدقيق المحتوى الخاص بك وإنشاء خطة لعبة لعملك. اشترك في Layout لتنزيل ورقة العمل!

قم بتنزيل ورقة العمل مجانًا!


2. قابلية الاستخدام على الأسلوب: إبقائه بسيطًا وواضحًا ولطيفًا

يخطط رجل وامرأة لوضوح المستخدم أمام جدار مليء بالملاحظات اللاصقة متعددة الألوان

من السهل أن تنشغل بتصميم UX جذاب يلفت انتباهك ، لكنه ، بصراحة ، غير عملي بالنسبة لعميلك.

لكي تكون قابلة للاستخدام ، يجب أن تكون الواجهة واضحة. "الوضوح هو الوظيفة رقم 1" ، على حد تعبير مصمم UX غزير الإنتاج جوشوا بورتر.

في الواقع ، كتب Joshua Porter منشورًا مفيدًا حول مبادئ تصميم واجهة المستخدم - والذي لا يزال ساريًا عند تصميم تطبيقات البيانات الضخمة.

لذلك ، لزيادة الوضوح حول قابلية الاستخدام: هل يجب على المصممين استخدام تصميم UX المخصص أم فقط استخدام أدوات التصور المجربة والمختبرة ، مثل المخططات الخطية؟

سيعتمد ذلك على حالات العميل / المستخدم الخاصة بك.

هل تتطلع إلى إجراء اختبار قابلية الاستخدام على مواقع WordPress الخاصة بك؟ تحقق من DIY الكامل هنا!

تستمر أدوات تصور البيانات المخصصة الأحدث في الظهور: الرسوم البيانية (الثابتة والتفاعلية) ، والكتل المشفرة بالألوان ، والرسوم المتحركة ، والتصور ثلاثي الأبعاد ، وما إلى ذلك.

ومع ذلك ، هناك بالفعل أربع أدوات فقط لعرض البيانات يجب أن تحتاجها في أي وقت:

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

ومع ذلك ، يمكنك تجاوز مجرد سهولة الاستخدام لإنشاء واجهة جذابة لمعالجة البيانات.

إليك طريقة واحدة للقيام بذلك:

مثال على مصور بيانات الجودة مع أنماط متعددة من الرسوم البيانية
يقوم Tellius بعمل رائع في الجمع بين أدوات عرض البيانات المختلفة هنا - ويجعلها تبدو جيدة أيضًا

والأفضل من ذلك ، أن التصميم للواجهات ذات البيانات الثقيلة يمكن أن يأخذ منعطفًا أبسط:

مثال على طريقة أبسط لعرض البيانات بشكل مرئي
تعد واجهة المستخدم لتتبع الهدف هذه من Stanislav Hristov لـ DtailStudio مثالًا رائعًا على مدى تأثير التصميم البسيط.

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


3. الجمع بين المواد والتصميم المسطح - الوظيفة على الشكل

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

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

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


4. الوصول أكثر من الجماليات

لا يتعلق الأمر فقط بجعل البيانات السياقية الثقيلة سلسة وجذابة (على الرغم من أن ذلك يساعد كثيرًا). تريد أيضًا تصميم عروض تقديمية للبيانات تسهل على المستخدم النهائي ما يلي:

  • احصل على فكرة واضحة عن البيانات الأكثر أهمية
  • فهم التدفق المنطقي للبيانات المقدمة
  • افهم ما تعنيه البيانات
  • افهم ما هي الخطوة التالية التي يجب اتخاذها

ماذا عن كسر كل عنصر من هذه العناصر؟

يجب أن يعرف المستخدمون ما هي البيانات الأكثر أهمية

أحد مبادئ تصميم UX الحيوية هو مراقبة وتنفيذ تسلسل هرمي للمعلومات - في هذه الحالة ، التسلسل الهرمي المرئي.

بعبارة أخرى ، تصميم يعطي الأولوية للمقاييس الصحيحة.

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

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

يجب أن يكون المستخدمون قادرين على فهم التدفق المنطقي للبيانات

تلعب البساطة دورًا رئيسيًا في مساعدة المستخدم على ربط البيانات بنتيجة معينة. "

على غرار ما تمت مناقشته في النقطة السابقة ، تريد أن تبدأ بشبكة نظرة عامة للبيانات الإجمالية.

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

منظر علوي لأشخاص يعملون على طاولة مع كمبيوتر محمول وملاحظات

فيما يلي طريقتان للمساعدة في التدفق:

إخفاء المعلومات الإضافية

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

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

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

استخدم حركات التمرير

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

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

لا يزال هناك المزيد من الطرق لاستخدام الرسوم المتحركة لتقديم تطبيقات مفيدة وجذابة ذات بيانات ثقيلة.

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

يجب أن يكون المستخدمون قادرين على فهم معنى البيانات

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

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

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

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

غالبًا ما يطلب العميل هذا النوع من لوحات المعلومات ، ولكن يجب أن تعرف بشكل أفضل.

gif من مثال على لوحة معلومات حدث av بواسطة Flywheel
أحد الحلول الرائعة للوحات المعلومات المكدسة هو القدرة على التخصيص والتصميم مثل هذا المثال من لوحة معلومات إدارة أحداث AV.

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

يجب أن يكون المستخدمون قادرين على فهم الخطوة التالية التي يتعين عليهم اتخاذها

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


5. إفساح المجال للتحسين

أخيرًا وليس آخرًا ، سترغب في جعل تصميمك مرنًا.

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

الماخذ الرئيسية

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

ولا يمكن للمستخدمين تفسير واستخدام البيانات الأولية لإبلاغ القرار إذا لم يفهموه جيدًا وكيفية تقديمه.

لا ينبغي أن يكون التصميم لمشاريع UX المليئة بالبيانات أمرًا مثيرًا للسخط كما يبدو. يمكن أن تساعدك النصائح والحيل المذكورة أعلاه في معرفة كيفية تصميم واجهات كثيفة البيانات. تذكر فقط:

  1. توظيف شخصيات المستخدم لتصميم لوحات معلومات مفيدة تعتمد على البيانات
  2. ورقة عمل الجمهور المستهدف وشخصية العميل
  3. قابلية الاستخدام على الأسلوب: إبقائه بسيطًا وواضحًا وكريمًا
  4. اجمع بين المواد والتصميم المسطح - الوظيفة على الشكل
  5. الوصول أكثر من الجماليات
  6. اترك مساحة للتحسين

هل لديك أي نصائح يمكنك اتباعها لتصميم واجهات مستخدم رائعة لتصور البيانات وترغب في مشاركتها؟

إليكم في قسم التعليقات أدناه.


تقرير عمل تصميم الويب

في هذا العام ، سألنا 1000 من المستقلين والوكالة والمبدعين الرائدين عن أفضل الطرق لبناء مواقع الويب ، وتنظيم خدمات العملاء ، والحصول على الأموال (بالكامل!) في الوقت المحدد. من هناك ، قمنا بدراسة الأرقام ، والبحث في الأفكار ، وتجميع تقرير جميل حتى تتمكن من التوقف عن التخمين والبدء في توسيع نطاق عملك!

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