ما هو الفرق بين LO FI و HI FI في تصميم الواجهات ؟

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

صورة مقال ما هو الفرق بين LO FI و HI FI في تصميم الواجهات ؟ بواسطة حكم عبدالله

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

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

ما هو التصميم منخفض الدقة أو الـ Low Fidelity؟

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

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

ما هي التصاميم عالية الدقة أو الـ High Fidelity؟

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

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

مزايا الـ Lo Fi أو النماذج الأولية

  • ركز على التصميم والمفاهيم

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

  • سهولة التعديل وبلورة الأفكار بسرعة

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

  • النموذج الأولي ليس حكرًا على المصمم

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

مزايا الـ Hi Fi أو التصميم عالي الدقة

  • أكثر وضوحًا للمستخدمين

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

  • الحصول على تعليقات دقيقة ومفصلة

    يتيح لك التصميم عالي الدقة الغوص بعمق في التفاصيل الدقيقة للتصميم، مثل الانتقالات والألوان وأماكن توزيع العناصر، وبذلك تحصل على تعليقات محددة لعناصر معينة.

  • أقرب للعملاء وأصحاب المشاريع

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

بين النموذج الأولي والتصميم النهائي

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

تختلف طرق رسم النماذج الأولية من مصمم لآخر؛ فبعضهم يفضل الورق، وبعضهم يستخدم الألواح، والبعض الآخر يستخدم برامج تصميم مختصة مثل Just in mind، أو برامج التصميم نفسها مثل Adobe XD أو Figma أو Sketch.

Next step

هل لديك مشروع يحتاج تصميمًا أو تطويرًا؟

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