1- Sketch

2- Wireframe

3- Mockup

4- Prototype

هذي المراحل يمر فيها تصميم أي تطبيق (ويب أو هاتف أو مكتبي ... أيا كان نوعه)

بهذا الثريد بنمسكهم وحده وحده

هيا:

Sketch

عبارة عن رسم باليد فقط حتى يكون عندك تصور سريع عن مكونات التطبيق من ناحية شكله وعادة تستخدمها كنوع من العصف الذهني للخصائص الي ممكن تكون في التطبيق وبالمرحلة ذي التعديلات والتنقلات كثيرة جدا (انت على ورق أعمل مايحلو لك)

Wireframe

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

Mockup

هنا يبدأ تحويل التطبيق لواقع من ناحية التصميم وهنا يوضع فيه معلومات معينة مثلا صور، نصوص، أيقونات، أشكال خطوط حتى يتحول لشكلة الواقعي بقدر الإمكان. النتيجة النهائية المتوقعة هنا مجرد تصميم ثابت لشكل التطبيق عادة يكون PDF أو صور متعددة.

Prototype

هنا يتم تحويل التطبيق لحقيقة من ناحية شكله ويتم التركيز على UX مثل التفاعلات مع المستخدمين، المؤثرات البصرية أو الصوتية بحيث يمكن عرض التطبيق على أحد يختبره أو حتى مستمثر ياخذ عنه فكرة. الشيء الوحيد المفقود بالتطبيق يكون فقط الوظائف الفعلية له مثل إنشاء حساب حقيقي.