الانتقال إلى المحتوى
Portrait photo of Nada Mustafa, UI/UX Specialist, Technway team member.

UI/UX Specialist & UI Developer

ندى مصطفى

UI/UX Specialist

UI/UX Specialist & UI Developer في تكنواي. تنظّم ندى الـ UX، وتصمم أنظمة وواجهات متجاوبة في Figma، وتساهم في تحويل التصاميم المعتمدة إلى UI قابل لإعادة الاستخدام ومراعٍ لإمكانية الوصول.

تنظيم الـ UX ومسارات المستخدمالتصميم والنماذج التفاعلية في FigmaDesign Systems ومكتبات المكوناتUI Development وDesign QA

نبذة

الدور داخل تكنواي

تعمل ندى على المسار الكامل من تنظيم الـ UX في المراحل الأولى حتى ظهور الـ UI في المنتج الفعلي. تبدأ بتحديد مسارات المستخدم وبنية المعلومات وترتيب المحتوى وحالات الصفحات ومتطلبات التفاعل قبل تحسين التفاصيل البصرية.

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

كما تساهم في UI Development وتنفذ Design QA داخل المتصفح. يساعد ذلك على الحفاظ على دقة التصميم، وتحسين إعادة استخدام المكونات، وتقليل الفجوة بين التصميم المعتمد والتجربة النهائية.

مجالات العمل

مجالات مساهمتها

تربط ندى بين تنظيم الـ UX وتصميم الـ UI وبناء الأنظمة القابلة لإعادة الاستخدام والمساهمة في التنفيذ ضمن مسار عمل واحد.

01

تنظيم الـ UX

تحدد مسارات المستخدم وبنية المعلومات وترتيب المحتوى وحالات الصفحات وخطوات التفاعل قبل تحسين التفاصيل البصرية.

02

تصميم الـ UI والنماذج التفاعلية

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

03

Design Systems والمكونات

تبني أنماطًا ومكونات وVariants وحالات وقواعد قابلة لإعادة الاستخدام، مع توثيق يحسن اتساق المنتج وسهولة تطويره.

04

UI Development وDesign QA

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

الخبرة العملية

الأدوار الحالية

يجمع عملها في تكنواي بين تخطيط الـ UX وتصميم الـ UI والمساهمة المباشرة في تنفيذ الواجهات.

UI/UX Specialist

تحدد مسارات المستخدم وبنية المعلومات، وتعد المخططات الأولية والنماذج التفاعلية، وتصمم UI متجاوبًا في Figma، وتحدد ترتيب المحتوى وحالات المكونات وسلوك التفاعل قبل بدء التطوير.

UI Developer

تحول التصاميم المعتمدة إلى UI متجاوب، وتبني وتطور مكونات قابلة لإعادة الاستخدام، وتدعم إمكانية الوصول والسلوك عبر الشاشات، وتنفذ Design QA مع فريق التطوير.

المعايير

أسلوبها في التصميم

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

الوضوح قبل التفاصيل البصرية

يجب أن تتضح مسارات المستخدم وبنية المحتوى والحالات والإجراءات قبل تحسين الجانب البصري.

التصميم للحالات الحقيقية

يجب أن يراعي التصميم حالات التحميل والفراغ والخطأ والنجاح، والمحتوى الطويل، واختلاف الشاشات، واحتياجات إمكانية الوصول.

بناء Design System لا شاشة منفردة

تدعم المكونات والـ Variants والقواعد القابلة لإعادة الاستخدام اتساق المنتج مع الحفاظ على المرونة اللازمة للاحتياجات العملية.

مراجعة المنتج داخل المتصفح

تستمر جودة التصميم بعد التسليم من خلال Design QA، وفحص إمكانية الوصول، وتجربة الواجهة مع محتوى وأحجام شاشات مختلفة.

لديك موقع أو فكرة مشروع؟

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