استعراض Proto.io: أداة نموذجية مرنة

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

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

ما هو المفقود حتى الآن؟

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

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

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

لذا ، ماذا عن إلقاء نظرة على أداة واحدة مثيرة للاهتمام يمكنك الاستفادة من ذلك؟

استعراض Proto.io: نظرة عامة

تم إنشاؤها بواسطة قسم Labs في SNQ Digital ، Proto.io كان موجودًا منذ 2011 ، عندما تم إصداره كمنصة ويب تجارية تتعامل مع تطوير النموذج الأولي لأجهزة iPad و iPhones. ثم تحولت تدريجيا إلى إطار أكثر ديناميكية ، بل توسعت لاستيعاب أجهزة متعددة.

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

Proto.io

واحدة من خصائص Proto.io الرئيسية هي واجهة المستخدم البديهية ، والتي بنيت مع نظام السحب والإفلات التي يمكن رفعها دون الترميز. هذا وحده يفسر سبب شعبيته بين كل من المبرمجين وغير المبرمجين.

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

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

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

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

ولبدء تشغيلنا ، إليك الميزات الأساسية ...

استعراض Proto.io: الميزات

بناء نموذج أولي

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

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

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

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

Proto.io النموذج الأولي

لم يستغرق دمجها واختبارها الكثير من الجهد نظرًا لأن Proto.io تم تصميمه باستخدام ميزة المعاينة للرسوم المتحركة. للأسف ، لن أعتبره معاينة مباشرة في الوقت الفعلي 100٪ نظرًا لأن المستخدمين مطالبون أولاً بحفظ مشاريعهم قبل ظهور تغييرات الرسوم المتحركة في المعاينة.

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

Proto.io السحب والإسقاط

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

عادل بما يكفي. لكن ، ما هي الوظائف التي نتحدث عنها هنا؟

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

إذن ، أين تذهب المشاريع بعد الانتهاء؟

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

المشاركة والتعاون

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

اتضح أن هذا proto.io فرزت بها. يوفر مجموعة من أدوات المشاركة والتعاون لعرض المشاريع الخاصة بك وتوسيعها.

كيف تسأل؟

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

تقاسم Proto.io

ولكن هل تعلم؟ من الممكن تجاوز هذا لأن Proto.io يدعم أيضًا Usertesting.com و Validately. يجب أن يساعدك تمكينها في الحصول على تعليقات شاملة ومتعمقة من مستخدمي النموذج الأولي.

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

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

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

أدوات التفاعل

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

لحسن الحظ ، لا يعني Proto.io عندما يتعلق الأمر بأدوات التفاعل. وهو يوفر مجموعة واسعة من الوظائف التي يمكنك الاستفادة منها لخلق تجربة مستخدم لا تنسى.

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

أدوات التفاعل Proto.io

حسنا ، ولكن كيف بالضبط حتى تضيفها؟

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

اجهزة مدعومة

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

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

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

في الواقع ، لقد تقدم Proto.io في تطوير إصدارات iOS و Android. وهي تعمل بشكل أساسي على تحسين التجربة الكاملة لمراجعة النماذج الأولية التي تم تطويرها للأجهزة المحمولة.

الآن ، بعد مشاركة مشروعك ، يمكنك الاعتماد على تعليقات المستخدم اللاحقة لتقييم النموذج الأولي الخاص بك. ولكن ، هنا الشيء المثير للاهتمام - كما لو أن هذا لا يكفي ، ربط Proto.io مع Lookback.io للخروج مع القدرة على تسجيل شاشات المستخدم وتعبيرات الوجه من الناس باستخدام النموذج الأولي.

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

منحنى التعلم

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

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

ميزات Proto.io

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

استعراض Proto.io: التسعير

أولاً ، كان من دواعي سروري أن أجد أن Proto.io يوفر خيارًا مجانيًا دائمًا. لسوء الحظ ، إنها محدودة للغاية حيث أنها تقدم فقط:

  • معاينة التطبيق io
  • 10MB وحدة تخزين
  • صفر المراجعين إضافية
  • شاشات 5 النموذجية
  • 1 مشروع نشط
  • 1 المستخدم

الطريقة الوحيدة لتأمين المزيد من الميزات هي الاشتراك في أحد الخطط الأربعة الخاصة بـ Proto.io. كلهم يقدمون:

  • دعم البريد الإلكتروني
  • تشنوم-بت التشفير
  • استيراد Sketch / Photoshop
  • مزامنة Dropbox
  • العلامات التجارية
  • تصدير إلى PDF / PNG / HTML
  • تعليقات المستخدم في نموذج الفيديو مدعوم من Lookback
  • التعليقات
  • شارك
  • io معاينة التطبيق
  • معاينة في اللاعب

أسعار Proto.io

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

وهنا التفاصيل:

مستقل- تكلف 29 دولارًا أمريكيًا شهريًا مع الفوترة الشهرية ، أو 24 دولارًا أمريكيًا شهريًا مع الفوترة السنوية

  • يدعم مستخدم 1
  • يوفر 5 مشروعات نشطة

بدء- تكلف 49 دولارًا أمريكيًا شهريًا مع الفوترة الشهرية ، أو 40 دولارًا أمريكيًا شهريًا مع الفوترة السنوية

  • يدعم مستخدمي 2
  • يوفر 10 مشروعات نشطة

وكالة- تكلف 99 دولارًا أمريكيًا شهريًا مع الفوترة الشهرية ، أو 80 دولارًا أمريكيًا شهريًا مع الفوترة السنوية

  • يدعم مستخدمي 5
  • يوفر 15 مشروعات نشطة

Corporate- تكلف 199 دولارًا أمريكيًا شهريًا مع الفوترة الشهرية ، أو 160 دولارًا أمريكيًا شهريًا مع الفوترة السنوية

  • يدعم مستخدمي 10
  • يوفر 30 مشروعات نشطة

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

وعلى الجانب الآخر ، يمكن للطلاب والمؤسسات غير الربحية التأهل للحصول على خصم بنسبة 50٪. كل هذا يتوقف على عملية فحص Proto.io.

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

حسنًا ، إذا لم تكن مؤهلاً ، فعلى الأقل يمكنك خفض تكاليفك بنسبة 20٪ تقريبًا عند التبديل من الفوترة الشهرية إلى السنوية. بعد ذلك ، بالإضافة إلى ذلك ، ستحصل أيضًا على فترة تجريبية مجانية من 15-day لاختبار كل شيء عند الاشتراك.

من يجب أن نفكر في استخدام Proto.io؟

حتى الان جيدة جدا. ولكن ربما ليس من المستغرب Proto.io لديها حصتها العادلة من العيوب.

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

يتطلب إنشاء وتغيير نموذج أولي اتصالًا مستقرًا بالويب. هذا يجعل من المستحيل العمل بشكل مريح أثناء التنقل.

وتحدث عن ابتكار نماذج أولية ، فلنأمل أن يفكر فريق التطوير في Proto.io بجدية في تقديم عروض 3D المتحركة والمعاينات المباشرة. بعد كل شيء ، هو 2019 للبكاء بصوت عال.

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

لذا ، فكل الأمور تعتبر ، ما الذي يجب أن تتوقعه من مطوريها في المستقبل القريب؟

بوجدان رانسيا

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