مريم الفضلي 🧡| Maryam Alfadhli
مريم الفضلي 🧡| Maryam Alfadhli

@_MaryamAlfadhli

7 تغريدة Apr 13, 2023
ثريد تدقيق في تجربة المستخدم لتطبيق Podcast من Apple
UI/UX feedback
بمشي في اساسيات بسيطة في كيفية تصميم واجهة برنامج بسيطة وسهلة في برنامج معقد وكثير المهام👍🏻
استخدموا هذه الاساسيات في تصميمكم القادم
الصفحة الاساسية مليئة بالمعلومات، تم استخدام احجام مختلفة للبودكاست عشان يتركز نظرك في اكثر حاجة مهمة Up next
عشان يبسطون الشاشة
اضافوا زر See All
تحتوي خيارات اكثر بطريقة Table
التعليق الوحيد هو مكان الText كله في جهه اليسار ويفضل يكون في جهة اليمين ليناسب النظر
انتبهوا للأسلوب الذكي المستوحى من تجربة العميل وألمه (pain)
بعد الابحاث مع المستخدمين عرفوا ان فيه معلومة مهمة كانت ناقصه (متى اخر تحديث للبودكاست؟) فتمت اضافتها مع نوع البودكاست كمعلومة سهله تلخص لك البودكاست
تم الاكتفاء بصورك البودكاست وتخلوا عن خانات بلوقو البودكاست واسمه👍🏻
بدال مايكون البروفايل في الخانة السفلى، استبدلوها بصورة بروفايلك فوق واستغلوا المساحة👍🏻
البروفايل يحتوى الاشياء الاساسية ويطلع على هيئة Sheet و List
لو تنتبهون الAction button لونها بنفسجي 💜 والخلفية بيضاء
نجح الزر بلفت الانتباه وصار يوضح انه زر👍🏻
احلى شي بالصفحة هي Play Sheet
ملاحظات مهمة
الصورة الاساسية واسعة وتغطي اغلب الشاشة
المعلومة الاساسية باللون الاسود، المعلومة الفرعية باللون الرصاصي
ازرار التحكم باللون البنفسجي وسهلة الايجاد
تم اخفاء الازار بطريقة سلسلة وتنعرض اذا تك الطلب فقط
تصميم الصفحات جميل جدا ويستحق التقدير،
تم استخدام اللون الاسود في الصفحات الفاتحة والرمادي في الصفحات الغامقة
الهدف هو زيادة Color contrast او تضاد الالوان وهو الشي اللي يساعدنا نلقى الزر بسهولة ويسمح للزر يكون ظاهر للجميع
انتبهوا لإستخدامهم للicons مع كل زر عشان يسهلون الفهم
معجبة بسهولة عمل review! سهله وسلسة وماتستغرق عشرين ثانية👍🏻
الالوان الخافتة في زر title , review تدل على انها place holder وماهي محفوظة🙏🏻

جاري تحميل الاقتراحات...