Back to Question Center
0

فهم تجربة المستخدم مقابل سيمالت المستخدم

1 answers:

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

واحدة من المكونات الأكثر أهمية من متجر على الانترنت الخاص بك هو تجربة المستخدم. بغض النظر عن مدى مظهر موقعك الأنيق، إذا فشلت في تقديم نوع تجربة المستخدم التي يبحث عنها المشترون، سيغادرون موقعك ويتجرون في أي مكان آخر. سيمالت هناك الكثير من مخازن مصممة تصميما جيدا اليوم، المتسوقين الطلب هذا النوع من الخبرة من جميع المواقع - recuperar a senha do administrador joomla.

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

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

إليك بعض العناصر التي تؤثر على تجربة المستخدم في متجرك عبر الإنترنت.

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

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

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

Lowes.com has a well designed sub-menu.

. كوم لديها قائمة فرعية مصممة بشكل جيد.

أوي و أوكس المصممين

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

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

عملية التصميم

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

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

  2. العلامات التجارية. يتم ذلك عادة بواسطة مصمم واجهة المستخدم. ويشمل العناصر البصرية والألوان، الطباعة، والشعارات، وتخطيطات عالية المستوى.

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

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

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

  6. التنمية. استولى عليها فريق التطوير. أنها تخلق كس، هتمل، جافا، أجاكس، والقيام التكامل الضرورية.

ما الذي تبحث عنه

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

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

March 1, 2018