تسجيل تجربة الاستخدام على الكمبيوتر:
تسجيل تجربة النموذج على الكمبيوتر
تسجيل تجربة الاستخدام على الهاتف:
تسجيل تجربة النموذج على الهاتف
تفاصيل بناء النموذج في Webflow
- خصصت صفحة منفصلة لكل شاشة أو خطوة في النموذج. في البداية أردت استخدام الحركات وتقسيم النموذج إلى أقسام كبيرة، مع تنفيذ الحالات الصغيرة داخل الصفحة نفسها، مثل تبديل الشرائح أو استخدام التحريك. لكنني جربت ذلك وتعبت كثيراً مع هذه الحركات.
- هو عملياً موقع صغير، رغم أن عدد الصفحات أصبح كبيراً نسبياً.
- نفذت جميع الروابط والتنقل بينها باستخدام<link rel=»prerender» href=»url»>، كي يحمّل المتصفح الصفحات مسبقاً ويصبح الانتقال سلساً.
- للكمبيوتر، وضعت ما يشبه شاشة هاتف في وسط الصفحة، ولم أنشغل كثيراً بضبط نسب الهاتف بدقة. ومع ذلك، يبدو جيداً على معظم دقات الشاشة.
- على الهاتف يبدو النموذج أصيلاً جداً. أضفت حقول إدخال فعلية حيث أمكن، وحاكيت القوائم المنسدلة، وكانت النتيجة رائعة فعلاً!
هل تحتاج إلى نموذج أولي؟
إذا كنت تحتاج لمشروعك إلى إطلاق نموذج أولي عالي الدقة لتطبيق هاتف أو ويب، راسلني على hi@nevskii.me أو تواصل معي عبر تيليغرام @alexander_nevsky
تواصل
@nevsky_alexander
على Instagram، دبي بعيدًا عن صور البطاقات البريدية: العائلة والمدينة والاكتشافات والحياة بين المشاريع. وعلى Threads، أفكار بصوت عالٍ عن التصميم والذكاء الاصطناعي. أما YouTube فللفيديوهات التي تحتاج مساحة أكبر من الستوري. تابعوني حيث يناسبكم، ولنبقَ على تواصل