01
User Flows وInformation Architecture
تنظم الرحلات وأولويات المحتوى وحالات الصفحات وخطوات التفاعل حتى يعرف المستخدم ما الذي يجب فعله بعد ذلك.
UI/UX Specialist & UI Developer
ندى مصطفى
UI/UX Specialist
UI/UX Specialist وUI Developer في تكنواي. تخطط مسارات المستخدم وبنية المعلومات، وتصمم واجهات متجاوبة وPrototypes في Figma، وتساهم في Design Systems، وتساعد على تحويل التصميم المعتمد إلى UI قابل لإعادة الاستخدام ومراعي لإمكانية الوصول.
User Flows & Information ArchitectureFigma & Interactive PrototypingDesign Systems & Component LibrariesUI Development & Design QA
نبذة
الدور داخل تكنواي
تعمل ندى على المسار الممتد من تنظيم التجربة في مراحلها الأولى إلى تنفيذ الواجهة. ترتب مسارات المستخدم وبنية المعلومات وحالات الصفحات ومتطلبات التفاعل، حتى يكون المنتج مفهومًا قبل الانتهاء من التفاصيل البصرية.
تستخدم Figma لإعداد Wireframes وتصميم واجهات متجاوبة وبناء Prototypes تفاعلية وComponent Variants وDesign Systems قابلة لإعادة الاستخدام. وتراعي المحتوى الحقيقي والشاشات المختلفة وحالات الفراغ والخطأ وإمكانية الوصول والسلوك المطلوب خارج الشاشة المثالية.
كما تساهم في UI Development، وتحول التصاميم المعتمدة إلى مكونات واجهة متجاوبة وقابلة لإعادة الاستخدام، وتتعاون مع مطوري Front-end في Design QA. ويساعد ذلك على تقليل الفجوة بين ملف Figma والمنتج النهائي.
مجالات العمل
مجالات عملها
تربط ندى بين تنظيم التجربة والتصميم في Figma والأنظمة القابلة لإعادة الاستخدام والواجهة المنفذة ضمن مسار واحد.
02
Figma Design وPrototyping
تعد Wireframes وواجهات متجاوبة وPrototypes تفاعلية ومواصفات واضحة تساعد على الانتقال إلى التنفيذ.
03
Design Systems وComponent Libraries
تبني وتنظم الأنماط والمكونات والVariants والحالات والتوثيق لتحسين الاتساق بين المنتجات.
04
UI Development وDesign QA
تساهم في تنفيذ الواجهات المتجاوبة وتراجع المنتج داخل المتصفح للتأكد من الاتساق وإمكانية الوصول والسلوك عبر الشاشات.
الخبرة العملية
الأدوار الحالية
تربط ندى في Technway بين تخطيط UX والتصميم في Figma والأنظمة القابلة لإعادة الاستخدام وتنفيذ UI في الواجهة الأمامية.
Technway
UI/UX Specialist
تخطط مسارات المستخدم وتنظم بنية المعلومات، وتعد Wireframes وPrototypes تفاعلية، وتصمم واجهات متجاوبة في Figma، وتحدد حالات المكونات وسلوك التفاعل قبل بدء التطوير.
Technway
UI Developer
تحول التصاميم المعتمدة إلى واجهات متجاوبة، وتبني وتطور مكونات قابلة لإعادة الاستخدام، وتساهم في Design Systems، وتراجع إمكانية الوصول وسلوك الواجهة عبر الشاشات، وتنفذ Design QA مع فريق التطوير.
المعايير
أسلوبها في التصميم
الهدف هو بناء واجهات مفهومة ومتسقة وقابلة للوصول وواقعية في التنفيذ وتعمل جيدًا مع المحتوى والشاشات الحقيقية.
الهيكل قبل الزخرفة
يجب أن تتضح بنية المحتوى ومسار المستخدم والحالات والإجراءات قبل تحسين التفاصيل البصرية.
نصمم النظام لا شاشة واحدة
يجب أن تخدم المكونات والVariants والقواعد المنتج كاملًا مع مرونة كافية للاحتياجات العملية.
نغطي الحالات والمحتوى الحقيقي
يشمل التصميم التحميل والفراغ والخطأ والنجاح والمحتوى الطويل والاستجابة للشاشات واحتياجات إمكانية الوصول.
نراجع الواجهة بعد التنفيذ
تستمر جودة التصميم بعد Handoff عبر UI Development وفحص إمكانية الوصول ومراجعة المنتج داخل المتصفح.