ما هي أفضل طريقة لإنشاء نماذج أولية للتطبيقات التفاعلية؟

Question

يجب تفسير السؤال من وجهة نظر عامة وعدم استهداف تطبيقات الويب أو تطبيقات سطح المكتب فقط.

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

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

أداة أخرى يستخدمها العديد من الأشخاص هي PowerPoint والتي تتضمن طريقة مرهقة حقًا لإنشاء واجهة المستخدم الرسومية عن طريق رسم كل جزء من التفاعل في شريحة منفصلة.مستحيل!سأكون أسرع بكثير مع النماذج الورقية.تعد أدوات الرسم الحر الأخرى (الأفضل!) أيضًا جزءًا من هذه الفئة (أنا مستخدم سعيد لـinkscape ثقيل الوزن) ولكن من الواضح أن النماذج الأولية والنموذج بالحجم الطبيعي ليسا غرضهما الرئيسي.تجعل لوحة UI-stencil الخاصة بـ Viso أفضل قليلاً من منافسة الرسم.

المنافسون الرئيسيون في النماذج الأولية السريعة على حد علمي هم:

• إنني أنهض
• اكسيور
• سيرينا وغيرها؟
• فيسو
• Powerpoint أو Illustrator أو Inkscape أو أي أداة رسم مجانية أخرى
• النماذج الورقية
• IDE مع منشئي واجهة المستخدم الرسومية (GUI) الجيدين (مثل Flex Builder Designer وNetbeans Matisse)

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

Answer 1

منشئو واجهة المستخدم الرسومية الحقيقيون هم:

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

في حين أن أدوات النماذج المتخصصة عادة ما تكون:

• موجهة للاتصالات
• يمكن طباعة نماذجك بالحجم الطبيعي أو تصديرها (مع ملاحظاتك) إلى PDF/HTML/Word وما إلى ذلك
• تحتوي الأفضل منها على مجموعة متنوعة من "الشاشات الرئيسية" حتى تتمكن من استخلاص مئات النماذج بالحجم الطبيعي من عدد قليل من شاشات التطبيقات الرئيسية فقط (ستحصل بسرعة على عدد كبير جدًا من النماذج بالحجم الطبيعي عندما تحاول مناقشة سيناريوهات حقيقية مع عميلك)
• سريع بما فيه الكفاية حتى تتمكن من إنشاء نموذج أولي للوقت الفعلي في الاجتماع

منذ ما يقرب من عقد من الزمن شعرت بالإحباط بسبب كل ما سبق وقمت بإنشاء أداتي الخاصة: MockupScreens.أصبحت مشهورة بسرعة كبيرة :-)

وإليك القائمة الأكثر اكتمالاً لهذه الأدوات المتخصصة التي أعرفها.العديد منها مجانية: http://c2.com/cgi/wiki?GuiPrototypingTools

Answer 2

النماذج الورقية السريعة والقذرة:باور بوينت (انظر: مجموعة أدوات النماذج الأولية لـ Powepoint)

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

النماذج الورقية المنضبطة:برنامج Visio

- موحدة وكاملة المواصفات، ولكنها أكثر تعقيدًا

النماذج الأولية التفاعلية:استوديو مرئي

- بناء تفاعل سريع جدًا باستخدام السحب والإسقاط والأحداث.يمكن أن تكون مدفوعة بالبيانات.يمكنك أيضًا إنشاء "قاعدة" نموذج أولي كمجموعة أدوات أولية.الجانب السلبي الوحيد هو الإغراء لجعله تطبيق الإنتاج.;)

Answer 3

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

Answer 4

إذا كنت تتحدث عن نماذج بالحجم الطبيعي/إطارات سلكية (على سبيل المثال.الصور الثابتة) يعد Visio أداة مختارة.

معظم البرامج التي ذكرتها تكون إما أعلى من مستوى مستخدم الأعمال العادي (أي.ستحتاج إلى متخصص للقيام بالنماذج بدلاً من المستخدمين التجاريين الذين يساعدونك) أو لم يتم إنشاؤها لغرض النماذج.

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

Answer 5

مزيج التعبير (http://www.microsoft.com/expression/products/overview.aspx?key=blend) يمكن استخدامها لإنشاء نماذج بالحجم الطبيعي سريعة في XAML.يمكنك تخزين البيانات الخاصة بالنموذج بالحجم الطبيعي على هيئة XML مضمّن في XAML، أو يمكنك تحويلها بسرعة إلى تطبيق WPF/Silverlight وإنشاء منطق عمل أساسي خلف النموذج بالحجم الطبيعي باستخدام Visual C# Express (http://www.microsoft.com/express/vcsharp/) أو فيجوال ستوديو 2008.