هل سمعتم يوما عن الـ UX/UI؟
دائما نسمع به ولكن ايش هو بالضبط؟ هل هو برنامج او لغة برمجية؟ ايش فايدته وليش نستخدمه؟ 🤔
موضوع سلسلتنا اليوم حيكون عن الـ UX/UI وراح نطرحه بشكل شامل مبسط ان شاء الله ومرحبا بك سواء كنت تسمع عنه لأول مرة او دائما تسمع عنه واتمنى لك قراءة ممتعة. ❤️
دائما نسمع به ولكن ايش هو بالضبط؟ هل هو برنامج او لغة برمجية؟ ايش فايدته وليش نستخدمه؟ 🤔
موضوع سلسلتنا اليوم حيكون عن الـ UX/UI وراح نطرحه بشكل شامل مبسط ان شاء الله ومرحبا بك سواء كنت تسمع عنه لأول مرة او دائما تسمع عنه واتمنى لك قراءة ممتعة. ❤️
طبعا قبل فترة تكلمت عن برنامج Figma وكيف انه تستطيع انشاء تطبيق ذكي بدون كتابة كود برمجي عن طريقه، في حال ما قرأت ذيك السلسلة تفضل هذه هي:
بإمكانك قرائتها قبل او بعد هذه السلسلة، الأهم لا تنساها. 😋👍🏻
بإمكانك قرائتها قبل او بعد هذه السلسلة، الأهم لا تنساها. 😋👍🏻
بداية الجميع يتفق بأن هذا مجال واسع جدا وقد يكون بين شخص وشخص اختلافات في المعنى والتفسير ولكنها تحمل ذات الجوهر، لذلك سألخص لكم المعلومات باسلوبي الشخصي وذلك لا يعني انها الاصح، ويفضل دوما القراءة من عدة مصادر والتوسع في هذا المجال الكبير جدا. 👍🏻😁
بالنسبة لي اعتبرها أهم مرحلة من مراحل انشاء المنتج سواء كان تطبيق او موقع إلكتروني، والتي هي مرحلتين اساسية تنقسم لمراحل فرعية "Web Development" و "Web Design" والتي عادة يكون لكل مهمة رئيسية فريق مختص كل فرد من الفريق مهمته احد المهام الفرعية.
(خبروني لو حابين اتكلم عنها اكثر).
(خبروني لو حابين اتكلم عنها اكثر).
وبما ان الـ UX/UI هي عملية تصميم فتأتي تحت مهام الـ Web Design، وكما ذكرت بأنها اهم مرحلة فهي تعتبر اساس الـ Web Design، ويكون هناك أشخاص مختصين ومحترفين فقط للـ UX/UI ولكن للأسف محليا قليل ما تعطى أهمية كشيء خاص ودائما تضم تحت مهام الـ Web Design جميعها ويقوم بها شخص واحد فقط.
ويعتبر الـ UX/UI مرحلتين منفصلتين تختلف في الأداء ولكن تهدف هدف واحد وهو الخروج بواجهات جميلة وسهلة الاستخدام، وتأتي كلمة UX اختصر لـ User Experience والتي تعني تجربة المستخدم، وكلمة UI اختصار لـ User Interface وتعني واجهة المستخدم.
في الـ UX يكون الاهتمام بتحليل المستخدم وتوقع تصرفاته لخلق افضل تجربة له أثناء التعامل مع المنتج من البداية حتى النهاية، ثم يتم تخطيط البيانات بمخططات هيكلية ثم نماذج أولية.
ويوجد عدة قواعد يجب الاخذ بها مثل:
بساطة المحتوى.
توظيف كل الكائنات به.
كل شي سهل الوصول والاستخدام.
ويوجد عدة قواعد يجب الاخذ بها مثل:
بساطة المحتوى.
توظيف كل الكائنات به.
كل شي سهل الوصول والاستخدام.
ثم ينتقل النموذج إلى مرحلة الـ UI التي هي تعتبر مرحلة تنفيذ للخطة بتصميم واجهات مرئية تتبع لقواعد الجرافيك والألوان، وذلك يتم باستخدام برامج مثل Figma.
"للتوضيح اكثر مرحلة UX هي مثل تأليف وكتابة الرواية بجميع احداثها، ليأتي الـ UI لتحويل الرواية لعمل فني يمكن مشاهدته".
"للتوضيح اكثر مرحلة UX هي مثل تأليف وكتابة الرواية بجميع احداثها، ليأتي الـ UI لتحويل الرواية لعمل فني يمكن مشاهدته".
ويمكن القياس بالـ UX على العديد من الأمور في حياتنا وليس فقط الـ Web Design، فهذي اجمل مثالين وجدتهم عن أهمية الـ UX:
•الأول: يوضح لنا كيف ان المستخدم يفضل الطريق الاسهل حتى لو لم يتوافق مع التصميم.
•الثاني: يوضح لنا كيف ان قابلية الاستخدام مهمة اكثر من الشكل النهائي احياناً.
•الأول: يوضح لنا كيف ان المستخدم يفضل الطريق الاسهل حتى لو لم يتوافق مع التصميم.
•الثاني: يوضح لنا كيف ان قابلية الاستخدام مهمة اكثر من الشكل النهائي احياناً.
وبكذا نكون أنهينا هذه السلسلة البسيطة اللطيفة، اتمنى من الله ان اكون قد وفقت في الشرح ونقل المعلومات وان يستفيد منه كل قارئ، وشكرا على وقتكم الثمين، اتمنى لكم الفائدة أينما كنتم ولا تنسوا الإعجاب وإعادة التغريد في حال كانت السلسلة مفيدة بالنسبة لكم. ❤️👍🏻
جاري تحميل الاقتراحات...