يركز المصممون بطبيعتهم على إنشاء منتجات وتجارب تخلق البهجة. بعيدًا عن هذا الهدف وسعيًا لتحقيقه ، هناك اعتبارات أخرى يجب مراعاتها ، لا سيما إذا كنت تقوم بتصميم موقع ويب أو صفحة مقصودة. شيء واحد يجب مراعاته هو بنية موقعك ، كل من هندسة المعلومات وتخطيط التصميم.
يمكن تعريف بنية موقع الويب على أنها الإسقاط الهيكلي لمساحة المعلومات التي توفر وصولاً بديهيًا إلى المحتوى. على وجه الخصوص ، يعد هيكل موقع الويب مهمًا عند تصميم نهج منظم لعملية تطوير التنقل المناسب.
على سبيل المثال ، افترض أنك تدير متجرًا يبيع الكتب والألبومات ، لكنها كلها مكدسة معًا في مكان واحد. للعثور على شيء ما لشرائه ، يتعين على عملائك مراجعة كل كتاب أو ألبوم للعثور على ما يحتاجون إليه. على الأرجح ، سيغادر عميلك متجرك ولن يعود أبدًا. يفضل العملاء (والمستخدمون) المتاجر (والمواقع الإلكترونية) المنظمة بشكل صحيح. إحدى الأدوات التي يمكنك استخدامها لتنظيم المعلومات على موقعك هي البنية المناسبة.
مصدر الصورة Adobe Stock .
ما هو هيكل الموقع الالكتروني ولماذا هو مطلوب؟
تساعد بنية موقع الويب في تكوين أنماط مفهومة وقابلة للاكتشاف ويمكن التنبؤ بها. تساعد بنية موقع الويب المناسبة زوار الموقع في العثور على المعلومات بسهولة على الرغم من الاتساق. يشعر المستخدمون بالرضا عندما يعثرون على المعلومات بسرعة ، كما أن وجود بنية صلبة وقابلة للتطبيق ضروري لسهولة استخدام موقع الويب. في الواقع ، يمكن لمصممي UX حل المشكلات الأوسع في تصميم واجهة المستخدم وسهولة الاستخدام من خلال هيكلة مواقع الويب الجيدة.
إن بنية الموقع الجيدة ضرورية لتجميع المحتوى وفهرسته. عند التفكير في البنى المحتملة ، يمكن للمصممين عادةً الاختيار من بين نهج من أعلى إلى أسفل أو من أسفل إلى أعلى بناءً على احتياجات المستخدمين وأهداف العمل.
- نهج من أعلى إلى أسفل – يركز النهج التنازلي أولاً على الفئات العامة للمحتوى. يمكن للمصممين تقسيم المحتوى بشكل منطقي عن طريق تقسيمه تدريجيًا إلى فئات. يمكن أن يساعد هذا في إعلام التصنيف أو الهيكل الهرمي لموقع الويب.
- النهج التصاعدي – النهج التصاعدي ، كما يمكنك أن تقول على الأرجح ، هو عكس النهج من أعلى إلى أسفل. حيث يركز النهج من أعلى إلى أسفل على فهرسة المحتوى إلى فئات ، يركز النهج التصاعدي أولاً على إنشاء هيكل بناءً على المحتوى المتاح لموقع الويب عن طريق تجميع العناصر في فئات من المستوى الأدنى أولاً ثم تجميع هذه العناصر بدوره إلى فئات أعلى مستوى.
هل يوجد هيكل موقع مثالي؟
بصفتنا مصممين لتجربة المستخدم ، فإننا نبحث عن هيكل الموقع الأكثر مثالية عند تصميم موقع جديد بناءً على احتياجات وأهداف عمل مستخدمينا. يمكن النظر إلى بنية موقع الويب المثالية مثل الهرم. يتكون من الصفحة الرئيسية والفئات والفئات الفرعية والمشاركات والصفحات الفردية.
مصدرالصورة Yoast .
- الصفحة الرئيسية – الصفحة الرئيسية أعلى الهرم. يعمل كمحور لزوار موقعك. يجب أن يرتبط المصممون بالصفحات الهامة أو الشائعة من الصفحة الرئيسية. عند القيام بذلك ، سيتمكن المصممون من توجيه المستخدمين بسهولة أكبر إلى الصفحات الأكثر أهمية.
- الفئات – يعتبر التصنيف جزءًا مهمًا من بنية موقع الويب. يمكن للمصممين مساعدة المستخدمين على اتخاذ القرارات بشكل أسرع وأسهل من خلال التصنيف الجيد. يمكن للمصممين استخدام الفئات لتقليل مقدار الوقت الذي يقضيه في التفكير في اتخاذ القرار
- الفئات الفرعية – تلعب هذه الفئات دورًا رئيسيًا في تحديد هيكل موقع الويب. على سبيل المثال ، تحتوي الأسواق عبر الإنترنت مثل eBay و Amazon على عدد لا يسبر غوره من الصفحات. سيكون من السهل على المستخدم أن يضيع في المعلومات المقدمة. توفر الفئات الفرعية منهجية منظمة لتصفح المعلومات وتصنيفها بطريقة هادفة ، خاصة لمواقع الويب التي تحتوي على بيانات معقدة.
- المنشورات والصفحات الفردية – تعد المنشورات والصفحات الفردية العناصر الأساسية لموقع الويب. يجب أن يركز المصممون على كيفية إنشاء تسلسل هرمي للمعلومات ذي مغزى داخل كل صفحة ، بحيث يكون لدى المستخدم القليل من التفكير عندما يتعلق الأمر باستهلاك المحتوى.
أنواع هياكل المواقع
هناك أربعة أنواع رئيسية من هياكل مواقع الويب. إن وجود فهم سليم لهياكل مواقع الويب يجعل من السهل على المصممين إنشاء بنية معلومات مفيدة لموقع الويب . دعونا ننظر إليهم واحدًا تلو الآخر.
النموذج هرمي
يعد النموذج الهرمي أحد أكثر أنواع هندسة المواقع شيوعًا. غالبًا ما يستخدم النموذج الهرمي في تطبيقات الويب التي تحتوي على كمية كبيرة من البيانات. يشبه النموذج الهرمي الشجرة من حيث أنه يحتوي على جذع (مثل الصفحة الرئيسية) يتفرع إلى فئات وصفحات. تعد مواقع مثل CNN.com و BBC.co.uk أمثلة رائعة على النموذج الهرمي.
نموذج متسلسل
تحظى النماذج المتسلسلة بشعبية عند توجيه المستخدمين من خلال تسلسل مثل الإعداد أو إنشاء حساب جديد عندما يتم نقل المستخدم من خلال العملية خطوة بخطوة. يمكن لمصممي UX استخدام هذا النموذج لإنشاء تدفقات لعملية. الصفحات الفردية على wikiHow.com هي أمثلة قوية للصفحات المصممة مع وضع التسلسل في الاعتبار.
نموذج المصفوفة
يعد نموذج المصفوفة أحد أقدم أنواع هياكل المواقع على الإنترنت. هذا النموذج فريد وغير تقليدي في سلوكه. يمنح الهيكل من نوع المصفوفة المستخدمين خيارات لاختيار المكان الذي يريدون الذهاب إليه بعد ذلك. يتم تصفح هذه الأنواع من المواقع بشكل أفضل عبر البحث أو الروابط الداخلية. ويكيبيديا هي مثال رائع لنموذج المصفوفة.
نموذج قاعدة البيانات
نموذج قاعدة البيانات هو نهج ديناميكي لهيكل موقع الويب. لبناء هيكل موقع ويب كهذا ، يجب على المصممين التفكير في النهج التصاعدي من خلال النظر في البيانات الوصفية للصفحة والالتزام بهندسة المعلومات القوية وأفضل الممارسات التصنيفية. يعد موقع Medium.com ومنشوراته وصفحاته مثالاً رائعًا على نموذج قاعدة البيانات.
لماذا يجب أن تبدأ بهيكل الموقع
من خلال مراعاة احتياجات المستخدم أولاً عند بدء التصميم ، يمكن لمصممي UX إنشاء بنية موقع ويب تساعد المستخدم بدلاً من الوقوف في طريقهم. يضيف الهيكل الجيد إلى قابلية الاستخدام ويمكن أن يساعد في تحسين تجربة المستخدم الإجمالية للموقع. بصراحة ، تساعد بنية موقع الويب المصمم على إنشاء تجارب مستخدم مبهجة من خلال تحسين قابلية الاكتشاف والحدس.
