المحتوى عن 'قائمة التصفح'.



مزيد من الخيارات

  • ابحث بالكلمات المفتاحية

    أضف وسومًا وافصل بينها بفواصل ","
  • ابحث باسم الكاتب

نوع المُحتوى


التصنيفات

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

التصنيفات

  • PHP
    • Laravel
    • ووردبريس
  • جافاسكريبت
    • Node.js
    • jQuery
    • AngularJS
    • Cordova
  • HTML
    • HTML5
  • CSS
  • SQL
  • سي شارب #C
    • منصة Xamarin
  • بايثون
    • Flask
    • Django
  • لغة روبي
    • Sass
    • إطار عمل Bootstrap
    • إطار العمل Ruby on Rails
  • لغة Go
  • لغة جافا
  • لغة Kotlin
  • برمجة أندرويد
  • لغة Swift
  • لغة R
  • لغة TypeScript
  • سير العمل
    • Git
  • صناعة الألعاب
    • Unity3D
  • مقالات برمجة عامة

التصنيفات

  • تجربة المستخدم
  • الرسوميات
    • إنكسكيب
    • أدوبي إليستريتور
    • كوريل درو
  • التصميم الجرافيكي
    • أدوبي فوتوشوب
    • أدوبي إن ديزاين
    • جيمب
  • التصميم ثلاثي الأبعاد
    • 3Ds Max
    • Blender
  • مقالات تصميم عامة

التصنيفات

  • خواديم
    • الويب HTTP
    • قواعد البيانات
    • البريد الإلكتروني
    • DNS
    • Samba
  • الحوسبة السّحابية
    • Docker
  • إدارة الإعدادات والنّشر
    • Chef
    • Puppet
    • Ansible
  • لينكس
  • FreeBSD
  • حماية
    • الجدران النارية
    • VPN
    • SSH
  • مقالات DevOps عامة

التصنيفات

  • التسويق بالأداء
    • أدوات تحليل الزوار
  • تهيئة محركات البحث SEO
  • الشبكات الاجتماعية
  • التسويق بالبريد الالكتروني
  • التسويق الضمني
  • التسويق بالرسائل النصية القصيرة
  • استسراع النمو
  • المبيعات
  • تجارب ونصائح

التصنيفات

  • إدارة مالية
  • الإنتاجية
  • تجارب
  • مشاريع جانبية
  • التعامل مع العملاء
  • الحفاظ على الصحة
  • التسويق الذاتي
  • مقالات عمل حر عامة

التصنيفات

  • الإنتاجية وسير العمل
    • مايكروسوفت أوفيس
    • ليبر أوفيس
    • جوجل درايف
    • شيربوينت
    • Evernote
    • Trello
  • تطبيقات الويب
    • ووردبريس
    • ماجنتو
  • أندرويد
  • iOS
  • macOS
  • ويندوز

التصنيفات

  • شهادات سيسكو
    • CCNA
  • شهادات مايكروسوفت
  • شهادات Amazon Web Services
  • شهادات ريدهات
    • RHCSA
  • شهادات CompTIA
  • مقالات عامة

أسئلة وأجوبة

  • الأقسام
    • أسئلة ريادة الأعمال
    • أسئلة العمل الحر
    • أسئلة التسويق والمبيعات
    • أسئلة البرمجة
    • أسئلة التصميم
    • أسئلة DevOps
    • أسئلة البرامج والتطبيقات
    • أسئلة الشهادات المتخصصة

التصنيفات

  • ريادة الأعمال
  • العمل الحر
  • التسويق والمبيعات
  • البرمجة
  • التصميم
  • DevOps

تمّ العثور على 1 نتيجة

  1. ناقشنا في الدروس الماضية كيف نفهم ونُخطّط لتصميم تجربة المُستخدم، سنبدأ اليوم بالعمل الحقيقيّ. أوّل خطوة في تصميم حلّ متكامل هي تأسيس البُنية العامّة، وهذا يعني أنّ علينا التّعرف على معنى هندسة المعلومات (Information Architecture). فهرس سلسلة مدخل إلى تجربة المستخدم: مدخل إلى تجربة المستخدم User Experience فهم ودراسة المستخدمين في مجال تجربة المستخدم دراسة الشريحة المستهدفة في مجال تجربة المستخدم كيفية التصميم للأجهزة المختلفة هندسة المعلومات في تجربة المستخدم (هذا الدرس) تعرف على أنماط التصميم في مجال تجربة المستخدم أشياء لا يمكن اعتبارها رسوما تخطيطية (Wireframes) في مجال تجربة المستخدم تعرف على الرسوم التخطيطية (Wireframes) في مجال تجربة المستخدم مفهوم الثقل المرئي (Visual Weight) والألوان في مجال تجربة المستخدم التكرار ومخالفة الأنماط في مجال تجربة المستخدم المحاذاة والقرب في مجال تجربة المستخدم تعرف على أساليب مسح الواجهة والتراتب المرئي في مجال تجربة المستخدم أساليب الإطلاع في مجال تجربة المستخدم: التصفح، البحث والاكتشاف تصميم هيكل صفحة الويب والعناصر الأساسية في مجال تجربة المستخدم الأزرار، النماذج والدعوات إلى الإجراء في مجال تجربة المستخدم استخدام علم النفس في مجال تجربة المستخدم لتكييف المستخدم وإقناعه كيف تغير الخبرة من تجربة المستخدم؟ تصميم تجربة المستخدم من خلال بيانات وإحصائيات المستخدمين تعرف على أنواع المخططات الإحصائية في مجال تجربة المستخدم اختبارات أ/ب (A/B Test) في مجال تجربة المستخدم تكون هندسة المعلومات (أو IA اختصارًا) بسيطة نسبيًّا في المشاريع الصّغيرة، ولكنّها تصبح غايةً في التّعقيد في مشروع ضخم. بنية المعلومات هي مفهوم غير ملموس، ولكي نتعامل معه، علينا أوًّلا رسم خريطة للموقع، كهذه مثلًا: يعرض هذا المثال موقعًا فيه 6 صفحات: الرئيسيّة، وقسمان في القائمة الرئيسيّة، و 3 أقسام فرعيّة. تمثّل الخطوط الصّفحات المرتبطة من خلال عناصر التّنقّل (navigation) وهي القوائم والأزرار. ملاحظة: عندما تُرتّب الصّفحات بهذا الأسلوب (كشجرة عائلة)، نُسمّيها "شجرة" أو "سلسلة هرميّة" (hierarchy)؛ وهي مُستخدمة في تنظيم معظم التّطبيقات والمواقع (إلّا أنّها ليست الأسلوب الوحيد). ما من قواعد صارمة في رسم خريطة الموقع، ولكن إليك بعض الإرشادات العامّة: الخريطة البسيطة لا تعني بالضّرورة ترتيبًا منطقيًّا للمعلومات. أبقِ الخريطة سهلة القراءة وواضحة. عادةً نرسم من الأعلى للأسفل، وليس من اليسار لليمين [أو العكس]. ليس بالضّرورة أن تكون الخريطة جميلة المظهر، فهي مُستند تقنيّ وليست عرض أزياء! الخريطة إما أن تكون عميقة أو مسطحة بشكل عام، عليك أن تجعل الخريطة مُسطّحة قدر الإمكان (وهذا يعني إضافة الأقسام الفرعيّة في القائمة وبالتّالي لا يضطر المستخدم إلى النّقر مرّات كثير للوصول إلى عمق الموقع)، أو أن تجعلها عميقة (وهذا يعني قوائم أبسط لكنّها تحتاج نقرات أكثر). لاحظ أن للبنيتين أعلاه العدد نفسه من الصّفحات، ولكنّهما مختلفتان. بعض المواقع الّتي تقدّم منتجات كثيرة مثل Wal-Mart تحتاج عادةً بنية عميقة وإلّا أصبحت القائمة ضخمةً، بينما تحتاج مواقع أخرى مثل YouTube بنية مُسطّحة لأنّها لا تتضمّن غير مفهومين: المُستخدمين ومقاطع الفيديو. أسوأ الأمور أن تجعل موقعك عميقًا و مُسطّحًا في الوقت ذاته، عليك حينئذٍ تبسيط أهدافك، أو تصميم مربّع بحث وعرضه كمكوّن أساسيّ. خرافة شائعة: قد تسمع البعض يقول أن كلّ شيء في الموقع ينبغي أن يكون على بُعد 3 نقرات دومًا. هذا يعني أنّك تعلّمت تجربة المُستخدم في التّسعينيّات ولم تتعلّم شيئًا بعد ذلك. ركّز على المُستخدم، تأكّد من أنّهم يعرفون مكانهم في الموقع، وكيف يمكن أن يتنقّلوا، لا يهمّ عدد النّقرات إن كان التّنقّل واضحًا ويسيرًا. قصص المستخدمين (User Stories) تصف "قصّة المُستخدم" إحدى الطّرق الّتي يمكن أن يسلكها المُستخدم ضمن موقعك أو تطبيقك، ويجب أن تكون القصّة موجزة وكاملة معًا، وستحتاج إلى أكثر من قصّة لشرح تصميمك بالكامل. فيما يلي مثّال عن قصّة مستخدم يزور موقع Google: يصل المستخدم إلى صفحة البحث الرئيسيّة. يُدخِل المستخدم عبارة بحث ويُرسلها بالنّقر أو بلوحة المفاتيح. تعرض الصّفحة التّالية قائمة بنتائج البحث تكون مرتبّة بحسب مُلائمتها لعبارة البحث. يمكن للمُستخدم النّقر على الرّابط للوصول إلى الموقع المُناسب، أو تصفّح المزيد من نتائج البحث حتّى يجد شيئًا يُفيده. ملاحظة: هذا المثال مُبسَّط، ولكنّ كافٍ لشرح الفكرة. لاحظ أنّه ما من شيءٍ في القصّة يشرح تفاصيل التّصميم، وإنّما فقط يفرض إمكانيّتها، فغرض قصّة المُستخدم شرح مسير الاستخدام، أي تتابع خيارات المُستخدم، وليس الواجهة النّهائيّة للمشروع. إن كان مسير المُستخدم بسيطًا وفعّالًا، فقد أحسنت صنعًا (حتى الآن!) يميل مُدراء المشاريع إلى الاعتقاد أنّ قصّة المستخدم هي ذاتها تجربة المُستخدم، وهذا خاطئ، لأنّها ببساطة تُمثّل قائمة من المزايا والوظائف، فمصمّم تجربة المُستخدم يضع هذه القصص الّتي بدورها تُحوّل إلى الفريق. الآن وقد أصبح بإمكاننا كتابة قصص المستخدم، علينا أن نبني هندسة المعلومات، فبنية الصّفحات تُحدّد الخطوات الّتي تقوم عليها قصّة المستخدم، وعلينا أن نختار نوع هندسة المعلومات الّتي نرغب بتنفيذها، وربّما نحتاج عدّة أنواع. أنواع هندسة المعلومات الفئات (Categories) المهمّات (Tasks) البحث الزّمن النّاس الفئات لنفكّر مثلًا في متاجر بيع الملابس بالتّجزئة: يمكن تخيّل قائمة من مجموعة فئات: "الرّجال، والنّساء، والأطفال، والتّخفيضات" وهكذا... تُشير هذه الفئات إلى أنواع المحتوى المتوفّر، عندما تنقر على إحداها، ستتوقّع محتوىً ينتمى إلى الفئة المعنيّة. هذا أكثر أنواع هندسة المعلومات شيوعًا، ولكن قد تكون الفئات أكثر تعقيدًا، وعندها قد تعتري الحيرة مُستخدميك عندما يزورون فئة لا تحتوي ما يطلبونه. المهمات من الطرق الأخرى تنظيم المعلومات في الموقع أو التّطبيق توزيعها بحسب الأهداف الّتي يريد المُستخدمون إنجازها، فإن كنت تصمّم موقعًا لمصرف، قد يكون من المناسب تصميم قائمة تحتوي "التوفير، القروض، الاستثمارات، المساعدة، فتح حساب". إن كان مُستخدمك يعرف بالضّبط ما يُريد، فهذه من أفضل الطّرق لهندسة المعلومات، ولكن توخّ الحذر: فقد لا يعلم كلّ المُستخدمين ما يُريدون. فكّر قليلًا في النّوعين السّابقين، تصميم قائمة لموقع واحدٍ بأحد هذين النّوعين يختلف كثيرًا عنها بالنّوع الآخر، واعتماد أحدهما يتطلّب اهتمامك. البحث إن كان موقعك شديد التّعقيد، أو مليئًا بمحتوى يُنتجه المُستخدمين، فقد يكون من الأفضل اللجوء إلى البحث، مثل YouTube، فلو لم يحوِ YouTube إلا فئات المقاطع (مضحكة، أفلام، إعلانات...) لكان صعب الاستخدام، كما أنّ ذلك يعني الحاجة دومًا إلى تصنيف الفيديوهات المنشورة بشكل صحيح. الزمن إن كنت مُبتدئًا في تجربة المُستخدم فقد تُربكك هذه الفكرة: يمكنك تصميم هندسة معلومات تتغيّر مع الزّمن، فمثلًا: صندوق البريد الإلكتروني، حيث تعرض الرّسائل بترتيب وصولها، هذا تصميم قائم على الزّمن، في مواقع المحتوى قد تستخدم فئات مثل "شائع، مؤرشف، حديث..."، نشرة الأخبار في فيسبوك مثال على هذا. الناس فيسبوك أيضًا مثال على هندسة معلومات قائمة على النّاس، فكلّ الصّفحة مصمّمة حول فكرة لمن تعود هذه المعلومات، والعلاقات بين النّاس، عندما تصل إلى صفحة شخص ما، تتحوّل هندسة المعلومات إلى نوع الفئات (صور، أصدقاء، أماكن) لتصنيف هذه الأنواع المختلفة من المحتويات. قد يكون هناك أنواع عديدة أخرى! لكنّ مقالتنا أصبحت طويلة بعض الشيء. ترجمة بتصرّف للدرسين What is Information Architecture و User Stories & Types Of Information Architecture من سلسلة Daily UX Crash Course لصاحبها Joel Marsh.