# تصميم واجهات وتجربة مستخدم للتطبيقات والأنظمة

> تصميم UI/UX هو تحديد كيف يبدو المنتج الرقمي (الواجهة) وكيف يستخدمه الناس فعلًا (التجربة). التصميم الجيد يقلل الأخطاء والتدريب ويرفع المبيعات. في الأرجان نصمم للعربية أولًا: نبحث مع مستخدميك، نبني نماذج تفاعلية تجربها قبل البرمجة، ونسلم نظام تصميم متكاملًا للمبرمجين.

المصدر: https://www.al-arjan.com/ar/services/ui-ux · English: https://www.al-arjan.com/en/services/ui-ux.md

## ما الفرق بين UI وUX؟

**UX هي منطق التجربة: ما الخطوات وبأي ترتيب وماذا يحتاج المستخدم في كل لحظة. UI هي الشكل: الألوان والخطوط والأزرار والمسافات التي تجعل هذا المنطق واضحًا وجميلًا.**

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

## لماذا يحتاج التصميم العربي إلى خبرة خاصة؟

**لأن الاتجاه من اليمين لليسار يغيّر كل شيء: ترتيب العناصر، اتجاه الأيقونات والأسهم، الخطوط المناسبة، وطريقة عرض الأرقام والتواريخ المختلطة.**

- اختيار خطوط عربية مقروءة على الشاشات الصغيرة وبأوزان متعددة.
- عكس الأيقونات الاتجاهية فقط دون عكس الشعارات والرموز الثابتة.
- معالجة النصوص المختلطة (عربي + إنجليزي + أرقام) دون تكسّر.
- طول النصوص العربية وتأثيره على الأزرار والجداول.

## ما مراحل عملية التصميم لدينا؟

**بحث وفهم، ثم هيكلة ورحلات مستخدم، ثم نماذج تفاعلية واختبار، ثم تصميم بصري نهائي ونظام تصميم وتسليم للمبرمجين.**

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

## هل يمكن تحسين تصميم نظام أو تطبيق موجود؟

**نعم. نبدأ بتدقيق تجربة المستخدم الحالية لتحديد أين يتعثر الناس، ثم نعيد تصميم الشاشات الأكثر تأثيرًا أولًا.**

## المزايا

- **عربي أولًا**: نصمم بالعربية ثم نكيّف للإنجليزية، لا العكس.
- **نماذج قابلة للتجربة**: تجرب المنتج على هاتفك قبل كتابة الكود.
- **نظام تصميم**: مكونات موحدة تسرّع التطوير وتحافظ على الاتساق.
- **إمكانية الوصول**: تباين وأحجام لمس وتنقل وفق WCAG 2.1.
- **هوية بصرية**: توسيع هويتك إلى لغة بصرية رقمية متكاملة.
- **تسليم نظيف**: ملفات منظمة ومواصفات دقيقة لأي فريق برمجة.

## التقنيات

Figma, FigJam, Maze, Lottie, Design tokens

## أسئلة شائعة

### هل تصممون فقط دون برمجة؟

نعم، يمكن التعاقد على التصميم وحده، ونسلّم ملفات Figma ونظام التصميم لفريقك أو لأي جهة تطوير.

### كم يستغرق تصميم تطبيق؟

تطبيق متوسط يستغرق عادة من 3 إلى 6 أسابيع للتصميم الكامل مع النموذج التفاعلي.

### هل نملك ملفات التصميم؟

نعم، ملفات التصميم المصدرية تُسلَّم لك كاملة.

---

للتواصل مع الأرجان: +964 773 545 2792 (هاتف وواتساب، على مدار الساعة) — [اطلب عرض سعر](https://www.al-arjan.com/ar/quote)