الدليل الشامل لهندسة المعلومات

استمع إلى النسخة الصوتية من هذه المقالة

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

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

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

ما هي هندسة المعلومات ولماذا هي مهمة؟

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

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

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

دعنا نتعمق في مقطع فيديو أساسي لنرى كيف يتم إنشاء IA.

كيفية تصميم هندسة المعلومات

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

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

بعبارة أخرى ، فإن أهم العوامل لبناء IA الخاص بك هي المكان الذي يتم فيه وضع المكونات الفردية للبنية (بشكل هرمي) ، وكيفية تسميتها وعرضها.

فهم وعرض التسلسل الهرمي البصري

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

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

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

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

التسلسل الهرمي للأشكال والألوان والعناصر المرئية الأخرى

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

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

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

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

أفضل أدوات هندسة المعلومات

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

Draw.io ، المستخدم في الفيديو أعلاه ، مجاني تمامًا للاستخدام الشخصي والمهني ويتم توصيله تلقائيًا بـ Google Drive. كما أن لديها عمليات تكامل مع Confluence و JIRA ، والتي يتم دفعها. يعد Draw.io ممتازًا للتخطيط الانسيابي ، وإنشاء تدفقات المستخدم وبنية المعلومات ، وباستخدام وظيفة Drive ، يمكن لعدة أشخاص العمل على نفس المستند ورؤية التغييرات مباشرة. هناك أيضًا نسخة مجانية غير متصلة بالإنترنت.

Lucidchart هي أداة رائعة أخرى توفر تجربة أفضل قليلاً من Draw.io ولها مزايا إضافية مثل القوالب المصممة مسبقًا والعديد من عمليات الدمج وتطبيق الهاتف المحمول (المصنف بـ 2.5 نجمة على متجر التطبيقات) ودعم المؤسسات.

يعد Omnigraffle و Visio من الدعائم الأساسية في الصناعة منذ فترة طويلة ويعملان بشكل ممتاز لبناء وصيانة تصميم IA ، على الرغم من أن Visio متصل بالإنترنت فقط (الإصدار القديم غير المتصل هو Windows فقط) بينما Omnigraffle هو Mac فقط ويتطلب عمليات شراء منفصلة لنظامي MacOS و iOS الإصدارات. تتمتع OmniGraffle بميزة واحدة على المنافسين الرئيسيين من حيث أنها توفر أتمتة JavaScript و AppleScript ، والتي قد تكون غير ضرورية لمعظم المصممين ، ولكن عادةً ما يقدرها مهندسو المعلومات المتفرغون.

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

أفضل ممارسات هندسة المعلومات

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

لا تركز على التسلسل الهرمي ، بل ركز على الهيكل

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

يجب أن تكون جميع العمليات منطقية

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

تذكر عملية UX

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

أنت رسام الخرائط

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

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

هندسة المعلومات تتغير باستمرار وتتطور

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

تم إنجاز هندسة المعلومات الخاصة بي ... ماذا الآن؟

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

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

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

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

• • •

يوصى بالقراءة حول هندسة المعلومات

IA للويب وما بعده

كيف تتعامل مع أي فوضى: هندسة المعلومات للجميع

أساسيات هندسة المعلومات

الفرق بين هندسة المعلومات وتصميم UX

• • •

مزيد من القراءة على مدونة Toptal Design:

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