$hide=post-404

$type=ticker$count=15$cols=5$cate=1$readmore=hide$show=home$hide=mobile$label=hide

Movavi WW

ماهو فن تصميم واجهة المستخدم وتجربة المستخدم UX/UI ؟!


بعد أن أصبح للمواقع الإلكترونية والتطبيقات أهمية كبيرة وبعد انتشارها وزيادة خبرات العاملين عليها، فأصبحت الخبرة والإنجاز هي ما يميز الفرد العامل وتوصله إلى أعلى المراحل، ومن هذه التخصصات المهمة والتي يبحث عنها الكثير لتلبية طلبات العملاء بأفضل شكل، هما مصمم واجهة الاستخدام (User Interface) ومصمم تجربة المستخدم (User Experience)، إذن فما الفرق بين تصميم واجهة المستخدم وتجربة المستخدم UX/UI؟ سنتعرف معاً على هذين التخصصين وما يميزهما...

    مصمم تجربة المستخدم (User Experience):

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

    مصمم واجهات الاستخدام (User Interface): 

     
    مصمم واجهات الاستخدام هو المسؤول عن تصميمه للشكل النهائي للموقع أو التطبيق، ومهماته هي:
    ·       يعمل على تصميم واجهة الموقع أو التطبيق و هذا بستعمل تصميم مسطح أو تصميم مادي
    ·       يعمل على تصميم الصفحات الداخلية.
    ·       يختار الألوان ونوعية الخطوط الظاهرة.
    ·       يعمل على تصميم رسومات تفاعلية.
    ·       يختبر الموقع على كل الشاشات ليتناسق مع أحجامها.
    ·       مسؤول عن العلامة التجارية وكيفية ظهورها للمستخدم بلغةٍ بصرية.
    ·       المنسق مع المبرمجين والمطورين لهندسة الموقع الإلكتروني أو التطبيق.
    ·       بعض أعمال مصمم تجربة الاستخدام يشترك بها مصمم واجهات الاستخدام.

    أكبر الشركات تعتمد على مصممي تجربة وواجهاتٍ ناجحين

    كما تقول فيونا يونج من فريق Material Design في جوجل: "لا تحتاج لشهادة جامعية لتصبح متخصص بتجربة الاستخدام، تحتاج فقط أن تتعاطف مع المستخدمين!". فالخبرة في التصميم ليكون سهلاً للمستخدم العادي مهمةً جداً وهي ما تطلبها أكبر الشركات العالمية، سواءً لمواقعها الإلكترونية أو التطبيقات للهاتف الذكي للحصول على طرقٍ مبتكرة ليتم تحسين الخدمات أو المنتجات.
    ولا تعتقد بأن الأمر بسيط، فهذه الشركات تقوم بتعيين فرق عمل لتحسين جودة الخدمة ولتعزيز العلاقة مع المستخدمين، ولخلق نماذج أولية ورسمها بيانياً لتتم مقارنتها، وبعد ذلك يحضرون بعض الأفراد العاديين لعمل بعض الاختبارات معهم، وهذه الاختبارات هي حول النماذج التي تم العمل عليها ومشاهدة طريقة استخدامهم لها، أو إذا حصلت على الرغبة المطلوبة أو لم تكن بالشكل المطلوب، وبعد ذلك يأتي دور مصمم واجهات المستخدم ليعمل على تصميمها بشكلٍ نهائي والشرط الأهم أن تكون سهلة ليستطيع المستخدم العادي بدء أي عملية وإنهاءها بكل بساطة وبدون أي تعقيد.

    مثال على طريقة التعاون بين مصمم تجربة الاستخدام ومصمم واجهات الاستخدام

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

    الحل الأفضل لمصممي الويب المستقلين بتأسيس الشراكة فيما بينهم

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

    تعليقات

    الاسم

    3D,2,آلة حاسبة,1,إبتسامة,1,أخبار,11,اخبار,5,أخبار التصميم,18,أداة,1,إزالة خلفية,1,أزرار,1,أستايلات,4,أكشن,3,الأبيض,1,الأحمر,1,الأخضر,1,الأزرار,1,الأزرق,1,الألعاب النارية,1,الأنترنت ، البحت ، server database، حاسوب ، مكبرة ، مكيفات الهواء،icon,2,البحر,1,التسويق الرقمي,1,التسويق عبر البريد الالكتروني,1,التصميم,3,التصميم الغرافيكي,1,التصوير الفوتوغرافي,9,الحجر,1,الرأس,1,الرمادي,1,الزهور,1,الستريتر,8,السحاب,1,الصيف,1,الطباعة عند الطلب,1,الظل,1,الفيديو,7,القرش,1,إلكترونية,1,الكلب,1,المورثة,1,الوان الطيف,1,الوجه,2,إنعكاس الماء,1,أيقونة,2,باترن ( Pattern ),3,برامج المونتاج,1,بريد,1,بزنس و التصميم,7,بسيطة,1,بفوتوشوب,2,بنفسجي,1,تأثير ،المشعر ،مزغب ،نص فروي,1,تأثيرات الصور,77,تأثيرات النصوص,20,تحت الماء,1,تحطم,1,تسويق,7,تسويق إلكتروني,1,تصميم الخطوط,1,تصميم الشعارات,5,تصميم المواقع,2,تصميم واجهة المستخدم,1,تصميم ويب,1,تطبيقات,3,تطوير الويب,1,تعليم الرسم,14,تفاحة,2,تلاعب,2,تلاعب بالصور,58,تلوين,1,تواصل الإجتماعي,3,تويتر,2,ثأتير خط,6,ثأتير نص,1,ثأتيرات صور,16,جمجمة,1,جوز الهند,1,حذاء,1,حمامة,1,حيوانات,8,خراب,1,خط,78,خط Qontra,1,خطوط,96,خطوط أجنبية,68,خطوط اجنبية,18,خطوط البرمجة,1,خطوط عربية,23,خلفيات,1,دراجة,1,درس,117,دروس,198,دروس أفتر أفكت,2,دروس التصميم,11,دروس اليستريتور,64,دروس فوتوشوب,186,رجل,1,رسالة,1,رسم,1,رمز,1,رمضان,2,رموز,2,ريشة,1,زجاجية,1,ساعة,1,ساموراي,1,سايبورغ,1,ستايل,4,سفر,1,سيارات,1,سيارة,1,شجرة,1,شخصيات,1,شخصية,1,شعار,4,شعارات,26,شعارات و رموز,68,شمسية,1,شمعة,1,صحن,1,صفحة الهبوط,1,صور و خلفيات,23,صورة قطبية,1,ضخمة,1,طبق,1,طبيعة,1,طيار,1,عجوز,1,عجوز وجه,1,عرض تصاميم,3,عروض,25,علم,1,عمل حر,1,عيد الأضحى,1,عين,1,غلاف الكتاب,2,فرش,11,فرش (Brush),15,فرشاة,2,فن,1,فوتوشوب,43,فيكتور,8,قالب,1,قصر,1,قلعة,1,قوس قزح,1,كاميرا,1,كرتون,1,كرتونية,2,كلب,1,كوب ، تلاجة ، مغرفة، سكين المطبخ، مقلاة، صحن,1,كورسات,2,كوكب,1,كوكب الأرض,1,لحية,1,مآزر المطبخ,1,متجر إلكتروني,1,مجانا,2,مجانيات,6,محطم,1,مخطوطات,4,مسابقات,75,مشاعر,1,معدات الغوص,1,معضوض,1,مقالا,1,مقالات,417,مقالات التصوير,19,مقالات العاب,6,مقالات برمجة,25,مقالات تصميم,107,مقالات After Effect،,1,مقالات Illustrator,19,مقالات Indesign,7,مقالات photoshop,24,مقالات SEO,9,مكسور,1,مميزات,1,منزل,2,منظر طبيعي,1,مواقع لتنزيل صور PNG,1,موقع,4,نصائح,1,نفاثة,1,نوتة ، الموسيقى، فرش، مزمار,1,نينجا,1,هيكل عظمي,1,واتساب للأعمال,1,واقعية,3,وكالة,1,يد,1,يضيء,1,ABR,1,action,3,After Effect,2,Ai,3,Alien,1,alphabet,1,Alphabets,1,Android,1,App,1,Application,1,arrow,1,Austria,1,Back card,1,background,5,Bahrain,1,Ball,1,Balls in box,1,Bee,1,Belgium,1,Bitmap,1,blue,3,Blue background,2,book cover,1,Box Closed,1,Box Opened,1,Boxes,1,Brown,1,Brush,10,Brushes,9,Burkina faso,1,Business card,1,Buttons,3,Calc,1,Calculator,1,China,1,Circle,1,Circles,2,Clock,1,Cote d'ivoire,1,Croatia,1,Currency,1,Cyborg,2,czech,1,Dent,1,Dental,1,design,2,Disk,1,dog,1,Dollar,1,download,1,Drop Water,1,Earth,1,economy,2,Egypt Uganda,1,Emirates,1,emoticons,1,eps,7,EPS vector art,6,Euro,2,Flag,1,flute,2,font,1,France,1,Front card,1,G,1,galaxy,2,Game Development,5,Games,4,Gaza,1,Germany,1,Ghana,1,gift,1,gold,1,golden color,1,Golf,1,green,2,Guitar,1,H,1,head,1,Headphone,1,Health,1,heart,1,Hero,1,High Price,1,Hong Kong,1,Hour,1,Icon,1,Icon application,1,Illustrator,121,India,1,Iran,1,Iraq,1,Ireland,1,Italy,1,Japan,1,Japanese Yen,1,Jordan,1,jpeg,3,jpg,1,Kenya,1,Kid,1,Korea,1,Kuwait,1,landing page,1,Lebanon,1,Libya,1,light,2,Lithuania,1,Logo,5,Magnifier,1,Magnifying Glass,1,mail,1,Mali,1,Medal,1,medals,1,Metal,2,Metal Texture,1,microphone,1,money,2,Morocco,1,Mozambique,1,music,1,Netherlands,1,Nigeria,1,Ninja,1,note,1,Notebooks,1,Notes,1,Oman,1,orange,1,Palestine,2,Pc,1,Photoshop,161,piano,1,Picture,2,planet,1,plug-in,1,PNG,32,Poland,1,Portugal,1,Pound,1,price,1,PSD,115,rainbow,1,rainbow colors,1,received,1,red,2,Republic of congo,1,Romania,1,Rwanda,1,Saudi Arabia,1,search,1,Senegal,1,sent,1,Silver,1,Slovakia,1,South Africa,1,Space,2,Spain,1,SpeedArt,2,Sprocket,1,star,3,Style,2,Styles,3,Sudan,1,Sun,1,Superhero,1,Switzerland,1,symbol,6,Symbols,1,Syria,1,Tablet,1,Taiwan,1,Tanzania,1,Technologies,1,technology,1,tiny effect,1,Togo,1,Tooth,1,Touch,1,trophy,1,Tunisia,1,Turkey,1,Tutorial,2,UFO Logo,1,Ufo Symbol,1,United Kingdom,1,Vector,31,Vector ( فيكتور ),173,Vector material,4,video,1,Watch,1,white,2,Yemen,1,Zambia,1,
    rtl
    item
    اشكوش ديجيتال | Hcouch Digital: ماهو فن تصميم واجهة المستخدم وتجربة المستخدم UX/UI ؟!
    ماهو فن تصميم واجهة المستخدم وتجربة المستخدم UX/UI ؟!
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy5uCx4FyWxKoW7ltUwMUZDWXDS5FfoSG13_d3ym9W0Q7G2P56QNdzctx6RTRlMUW98eCC98DSIsjoVOAmqgKotELBRB4g6AI-abvkgAR8n4f1KN-I5FoEfAiFOCa-f4arXNpcABqnHJM/s640/UX-UI.png
    https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy5uCx4FyWxKoW7ltUwMUZDWXDS5FfoSG13_d3ym9W0Q7G2P56QNdzctx6RTRlMUW98eCC98DSIsjoVOAmqgKotELBRB4g6AI-abvkgAR8n4f1KN-I5FoEfAiFOCa-f4arXNpcABqnHJM/s72-c/UX-UI.png
    اشكوش ديجيتال | Hcouch Digital
    https://www.hcouchd.com/2018/07/design-ux-ui.html
    https://www.hcouchd.com/
    https://www.hcouchd.com/
    https://www.hcouchd.com/2018/07/design-ux-ui.html
    true
    3088230440467509860
    UTF-8
    تحميل جميع المشاركات لم يتم العثور على أي مقال عرض الكل قراءة المزيد رد إلغاء الرد حذف بواسطة الصفحه الرئيسيه الصفحات مقالات مشاهدة الكل قد ترغب فئة أرشيف بحث جميع المقالات لم يتم العثور على أي منشور مطابق مع طلبك رجوع لصفحة الرئيسية الأحد الاثنين الثلاثاء الأربعاء الخميس الجمعة السبت الأحد الاثنين الثلاثاء الأربعاء الخميس الجمعة السبت يناير فبراير مارس أبريل ماي يونيو يوليو أغسطس سبتمبر اكتوبر نوفمبر ديسمبر يناير فبراير مارس أبريل ماي يونيو يوليو أغسطس سبتمبر اكتوبر نوفمبر ديسمبر في هذة اللحظة منذ دقيقة واحدة $$1$$ minutes ago قبل ساعة $$1$$ hours ago يوم أمس $$1$$ days ago $$1$$ weeks ago منذ أكثر من 5 أسابيع متابعون متابعة هذا المحتوى المميز مقفل الخطوة 1: شارك على شبكة اجتماعية الخطوة 2: انقر على رابط على الشبكة الاجتماعية انسخ كل الأكواد حدد كافة الأكواد تم نسخ جميع الرموز إلى الحافظة الخاصة بك لا يمكن نسخ الرموز / النصوص ، يرجى الضغط على [CTRL] + [C] (أو CMD + C مع نظام التشغيل Mac) للنسخ فهرس