النماذج الأولية لواجهات المستخدم الرسومية: نصائح لتصميم سريع الاستجابة ومتحرك

أدوات النموذج الأولي لواجهة المستخدم تتطور بسرعة. يأتي Photoshop 2015 مع ميزات جيدة تتعلق بـ Preview CC والتي تتيح للمصممين عرض لوحات التصميم الخاصة بهم وتراكيب الطبقات على الأجهزة. تعتبر رؤية العمل في سياقه على الأجهزة طريقة قيّمة لتقييم مفهوم التصميم وتحسينه. يعد الوصول إلى شاشات الجهاز ذات الصلة أمرًا أساسيًا لمقاربات الأولى.

Respive-prototyping.thumb.png.5b7ccb5

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

تعريفي المفضل للنموذج الأولي يأتي من المصمم آدم سانت جون لورانس:

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

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

fidelityovertime.thumb.png.226535cdfb796

يجب أن تتطور دقة التصميم الأولي بمرور الوقت. تم اقتباس الرسم البياني أعلاه من Scott Klemmer.

اسكتشات_1-700x513.thumb.jpg.3d40e95bdec

اسكتشات المرحلة المبكرة لمراجعة تجربة المستخدم لتطبيق الهاتف المحمول.

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

نصائح للتصاميم الأولية للواجهات سريعة الاستجابة والمت:

Fotolia_56113011_Subscription_Yearly_M_P

يسمح الرسم على السبورة بأن يكون العمل مرئيًا لفريق أكبر.

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

نصائح للتصاميم الأولية للواجهات سريعة الاستجابة والمتنقلة:

1276068552638.thumb.jpg.9f7170426e4bb0e9

تصميم أولي بسيط على الورق في بداية العمل.

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

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

نصائح للتصاميم الأولية للواجهات سريعة الاستجابة والمتنقلة:

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

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

نصائح للتصاميم الأولية للواجهات سريعة الاستجابة والمتنقلة:

هي تعلم! ارسم ، واختبر التصميم على الورق ، ولعب دور التفاعل لتبدأ في إنشاء تجربة مستخدم ممتازة.

ترجمة مقتبسة للمقال: النماذج الأولية لمرحلة مبكرة من تجربة المستخدم: نصائح للجوال والتصميم سريع الاستجابة بواسطة Linn Vizard.

ائتمان ة البارزة: صمم بواسطة Freepik.

أضف تعليق