تصميم واجهات وتجربة المستخدم (UI/UX) للتطبيقات والمواقع في كردستان والعراق

واجهات يفهمها الناس من المرة الأولى

Enzziro فريق تصميم وتطوير منتجات في السليمانية. نصمّم شاشات تطبيقات الجوال والمواقع وبرمجيات الأعمال لشركات في إقليم كردستان وفي أنحاء العراق وخارجه. ثم يبني الفريق نفسه ما صمّمه.

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

ما الذي نسلّمه

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

التصميم للعربية والكردية والإنجليزية

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

• تخطيطات معكوسة. التنقل، ومؤشرات التقدّم، وأسهم الرجوع، وعناصر التمرير الأفقي ينعكس اتجاهها في العربية والكردية. وبعض العناصر، مثل الشعارات وأزرار تشغيل الوسائط، لا ينبغي أن تنعكس.
• الطباعة بالحرف العربي. خطوط مصمَّمة للحرف العربي، بارتفاعات أسطر وأحجام تبقي الكردية والعربية مقروءتين كالإنجليزية.
• نص يتغير طوله. التسميات القصيرة بالإنجليزية قد تطول كثيرًا بالكردية، لذلك تُصمَّم الأزرار والجداول بمساحة تسمح بالتمدد.
• شاشات بلغتين. أحيانًا يكون مكان اللغتين على الشاشة نفسها، لا خلف زر تبديل. حاسبة الزكاة التي بنيناها لـ Sarzhin تعرض الكردية والإنجليزية معًا على كل تسمية.

أمثلة من أعمالنا

• Qaysari: مشروع تصميم واجهة وتجربة مستخدم ينقل تجربة بازار تاريخي إلى واجهة تجارة إلكترونية تبدأ من الجوال. سلّمنا نظام تصميم متكاملًا عالي الدقة ونماذج أولية تفاعلية للنسخة الأولى.
• Wa7a: تصميم وتطوير سوق للإيجارات، بتطبيق وموقع، لعميل في دبي، يغطي الإعلانات والتحقق من الهوية وإجراءات عقود الإيجار.
• حاسبة Sarzhin للزكاة: واجهة بلغتين، الكردية والإنجليزية، لحاسبة عامة لزكاة الذهب.

كيف يسير مشروع التصميم

1. الاستكشاف. نتفق على الأهداف والمستخدمين والمسارات التي لا غنى عنها.
2. المخططات الأولية. تخطيطات مبسّطة للشاشات الرئيسية، ليُحسم الهيكل أولًا.
3. التصميم المرئي. شاشات عالية الدقة بهوية علامتك، بكل لغة يحتاجها المنتج.
4. النموذج الأولي والاختبار. نموذج قابل للنقر تضعه أمام مستخدمين حقيقيين.
5. التسليم أو البناء. نسلّم نظام التصميم لمطوّريك، أو نبنيه بأنفسنا تطبيقًا للجوال أو منصة ويب.

ما الذي يحدد التكلفة

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

شاركنا مشروعك في صفحة ابدأ مشروعك لتحصل على تقدير مبني على نطاق العمل.

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

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

نعم. يمكننا تسليم نظام تصميم ونماذج أولية لمطوّريك. ومعظم العملاء يكلّفوننا بالبناء أيضًا، لأن الفريق نفسه يعرف كل قرار وراء التصميم.

هل تعيدون تصميم التطبيقات ولوحات التحكم الحالية؟

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

هل سيعمل التصميم بالعربية والكردية؟

نعم. نصمّم نسخ اليمين إلى اليسار بالتوازي مع النسخة الإنجليزية، لا بعدها.

هل يمكننا اختبار التصميم قبل التطوير؟

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

هل يراعي التصميم معايير إمكانية الوصول؟

نتبع ممارسات إمكانية الوصول في كل مراحل العمل: تباين كافٍ في الألوان، وأحجام نص مقروءة، وحالات تركيز واضحة، وتسميات لقارئات الشاشة. ونراجع كل تصميم وفقها قبل التسليم.