Flowstep ينشئ شاشات واجهة المستخدم من موجهات اللغة الطبيعية، مما يتيح لك الانتقال من الفكرة إلى التصميم البصري في ثوان. سواء كنت بحاجة إلى شاشة واحدة للتحقق من صحة مفهوم ما أو مجموعة كاملة من الشاشات التي تغطي رحلة المستخدم بأكملها، فإن موجّه مكتوب جيدًا هو كل ما تحتاجه للبدء.
إنشاء تصميم
1
فتح مشروع جديد
من لوحة Flowstep الرئيسية، أنشئ مشروعًا جديدًا أو افتح مشروعًا موجودًا حيث تريد إضافة شاشات.
2
اكتب موجّهك
اكتب وصفًا للشاشة أو الشاشات التي تريدها. كن محددًا بشأن نوع التطبيق والهدف الذي يريده المستخدم والمحتوى الذي تتوقع أن تراه.
3
حدد عدد الشاشات التي تريدها
بشكل افتراضي، Flowstep ينشئ شاشة واحدة. إذا كنت تريد عدة شاشات، اذكر ذلك بوضوح في موجّهك — يمكن لـ Flowstep إنشاء ما يصل إلى 6 شاشات من موجّه واحد.
4
إنشاء
أرسل موجّهك. Flowstep ينشئ شاشاتك ويعرضها في المحرر، جاهزة للمراجعة أو التحسين.
شاشة واحدة مقابل عدة شاشات
يمكنك إنشاء شاشة واحدة أو حتى 6 شاشات من موجّه واحد. كلا الأسلوبين مناسب لمراحل مختلفة من عمل التصميم.- شاشة واحدة — الأفضل لاستكشاف حالة واجهة مستخدم محددة أو مكون أو مفهوم مركّز.
- عدة شاشات — الأفضل لرسم خريطة التدفقات أو مقارنة خيارات التخطيط أو تغطية رحلة المستخدم كاملة بسرعة.
طرق أكثر للموجهات
النص ليس المدخل الوحيد. يمكنك أيضًا:- إرفاق ملفات — أضف صورًا (JPG أو PNG أو WEBP) أو مستندات (PDF أو MD أو TXT) بحجم يصل إلى 3 ميغابايت لكل منها إلى الموجّه، عبر السحب والإفلات أو منتقي الملفات أو بالعصق. ارجع إلى صورة مرفقة في موجّهك وسيدمجها Flowstep في الشاشات المُنتجة. انظر استخدام المراجع.
- إملاء موجّهك — انقر فوق زر الميكروفون في شريط الموجّه (أو اضغط على Cmd+Shift+V على Mac أو Ctrl+Shift+V على Windows) وتحدث لمدة تصل إلى 60 ثانية. يتم إضافة النسخة المحررة إلى أي شيء كتبته بالفعل.
- دع Flowstep تبحث على الويب — عندما يتطلب موجّهك ذلك (على سبيل المثال، “استنساخ صفحة تسعير Stripe”)، يمكن لـ Flowstep البحث على الويب وقراءة علامات التميز الخاصة بالصفحة — الألوان والخطوط والشعار ومكونات واجهة المستخدم — واستخدامها في الشاشات المُنتجة. Flowstep يقرر بمفردها ما إذا كانت ستبحث، لذا لن تؤدي بالضرورة إلى تفعيل كل موجّه؛ لاحظ أن المواقع المعاد إنشاؤها تستخدم صورًا وتنقلًا مختلفًا عن الأصلي.
- تعيين إرشادات التصميم — حدد قواعد الأسلوب الدائمة التي تنطبق على كل جيل في الملف. انظر إرشادات التصميم.
كتابة موجهات فعالة
ضع هذه المبادئ في الاعتبار عند كتابة الموجهات:- سمِّ المنصة (الجوال أو سطح المكتب أو الجهاز اللوحي) حتى يقيّس Flowstep الشاشات بشكل صحيح.
- صف هدف المستخدم، وليس فقط عناصر واجهة المستخدم — يستنتج Flowstep التخطيط من القصد.
- قم بتضمين المحتوى الرئيسي مثل التسميات أو الإجراءات أو البيانات إذا كانت تهم التصميم.
- استخدم عبارات مثل “إنشاء عدة شاشات” أو “تغطية رحلة المستخدم الكاملة” لتفعيل مخرجات متعددة الشاشات.