ما الفرق بين تصميم UI UX؟
يشير تصميم UX إلى مصطلح “تصميم تجربة المستخدم” ،
بينما UI تعني “تصميم واجهة المستخدم”.
كلا العنصرين ضروريان للمنتج ويعملان معًا بشكل وثيق. لكن على الرغم من علاقتهم المهنية ،
الأدوار نفسها مختلفة تمامًا ،
بالإشارة إلى جوانب مختلفة جدًا من عملية تطوير المنتج ونظام التصميم.
قبل أن نفكر في الاختلافات الرئيسية بين UX و UI ، دعنا أولاً نحدد ما يعنيه كل مصطلح على حدة.
ما هو تصميم تجربة المستخدم (UX)؟
تصميم تجربة المستخدم (UX) هو العملية التي تستخدمها فرق التصميم لإنشاء منتجات توفر تجارب مفيدة وذات صلة للمستخدمين. يتضمن ذلك تصميم العملية الكاملة للحصول على المنتج ودمجه ،
بما في ذلك جوانب العلامة التجارية والتصميم وسهولة الاستخدام والوظيفة.
UX تعني تجربة المستخدم
يشير جزء “تجربة المستخدم” إلى التفاعل بين المستخدم والمنتج أو الخدمة. إذن ، يأخذ تصميم تجربة المستخدم في الاعتبار جميع العناصر المختلفة التي تشكل هذه التجربة.
يفكر مصمم UX في الطريقة التي تجعل التجربة يشعر بها المستخدم ، ومدى سهولة أن ينجز المستخدم المهام التي يريدها
ما هو تصميم واجهة المستخدم (UI)؟
تصميم واجهة المستخدم (UI) هو عملية إنشاء واجهات في البرامج أو الأجهزة المحوسبة مع التركيز على الشكل أو الأسلوب. يهدف المصممون إلى إنشاء تصميمات يجدها المستخدمون سهلة الاستخدام وممتعة. يشير تصميم واجهة المستخدم عادةً إلى واجهات مستخدم رسومية ولكنه يتضمن أيضًا واجهات أخرى ، مثل واجهات التحكم الصوتي.
غالبًا ما يتم الخلط بين تصميم واجهة المستخدم وتصميم UX ، فإن تصميم واجهة المستخدم يهتم أكثر بالسطح والشعور العام بالتصميم ، بينما يغطي الأخير النطاق الكامل لتجربة المستخدم. أحد المقارنات هو تصوير تصميم UX على أنه مركبة بتصميم واجهة المستخدم كوحدة تحكم في القيادة. في واجهات المستخدم الرسومية ، يجب عليك إنشاء جماليات وصور متحركة مبهجة تنقل قيم مؤسستك وتزيد من سهولة الاستخدام.
اتجاهات تصميم UI UX لعام 2020
1- قيمة ذات مغزى
– مع تقدم التقنيات وإعطاء المصممين والمطورين هذه الأدوات القوية بجنون ، تحول الثقافة التقنية المحادثة نحو المعنى والسرد بدلاً من العاطفة والإحساس
2- رسوم متحركة مذهلة
هناك اعتقاد خاطئ بأن الرسوم المتحركة المعقدة تعتمد على الأجهزة لدرجة أنه ليس من المنطقي إنتاجها للتشغيل الجماعي بواسطة المعالجات البطيئة.
3- عدم التناسق وانقسام الشاشة
تصميم الكتلة كلاسيكي. إنه يعكس تدفقًا سهل الهضم للمعلومات عندما تكون المفاهيم قد حددت الحدود. إنه يلبي معنى الإنجاز ويساعد فقط على فهم الهيكل بشكل أفضل. كتل تعني التناظر. ومع ذلك ، هناك اتجاه غير متماثل موجود دائمًا ولكنه لا يصل إلى الاتجاه السائد. خاصة مع شاشات سطح المكتب العريضة اليوم.
4- التدرجات ذات المستوى المنخفض
تستعد تقنية اتجاه التصميم العام نحو الأتمتة ، وتفويض الذكاء الاصطناعي ، والأقل هو الكثير وكل شيء من هذا النوع. لم يعد يكتب عن هؤلاء بعد الآن. ومع ذلك ، فإن العناصر المرئية المنسوبة إلى هذا النوع من التصميم تشق طريقها إلى ما لا يزال وظيفة بشرية ثقيلة.
واحد من هؤلاء هو دقة الألوان ، وكذلك التبسيط والتقليل. فكرة أن يكون الشيء ذكيًا ومؤتمتًا تجلب اللمسات الخفيفة والحالمة.
5- ألوان متناغمة
تجمع ألوان 2020 بين “التفاؤل والتقليل ، طريقة خالدة للإضاءة”.
بشكل عام ، من المتوقع أن تتجه الألوان في جميع صناعات التصميم بطريقة طبيعية أكثر من لوحات السنوات السابقة.
هذا لا يعني أن كل الألوان يجب أن تكون من نفس اللوحة. ينقل عنصر اللون الساطع غير المناسب التأثير بشكل أفضل.
6- الكتابة البشرية
وضع التقدم في اتجاه كتابة UX من العامين الماضيين معايير عالية للكتاب في التصميم. سيتلاشى مصطلح “كتابة تجربة المستخدم” بحد ذاته لأن أي منتج يكتب للأشخاص هو كتابة تجربة المستخدم.
النص لا يصاحب التصميم ، إنه جزء منه. السياق مهم ، الكاتب مهم. النص مهم بقدر ما يحدث بعده – الصورة هي عقل القارئ وعمله. تسمح الكتابة البشرية للقارئ بالحكم على المنتج واختياره والارتباط به.
7- تجارب مختلطة
المرئيات أقوى من الكلمات. يعد الجمع بين التحكم في التحميل السريع ومقاطع فيديو أقل مدمجة في التخطيطات طريقة جيدة لإضفاء الحيوية على التجربة. المحتوى هو الملك والطريقة التي يتم تقديمها به تلعب دورًا كبيرًا في التأثير الذي يحدثه.
يعني مزج المحتوى بناء تجربة مفيدة وفقًا لشروطك. لاحقًا ، سنتحدث عن تخصيص التجربة بناءً على سلوك المستخدم ولكن الاتجاه النهائي هو موقع ويب لا يتكون من شاشات ورسوم توضيحية ومقاطع فيديو. إنه تكوين الكل.
8- UX غير منقطع
بحاجة الى منتج؟ انقر هنا وقم بزيارة هذه الصفحة. بحاجة لرؤية المزيد من الصور؟ انقر هنا وقم بالتمرير. تريد بعض الاستعراضات؟ انقر هنا وتحقق من القسم السفلي. أريد شراء؟ انقر فوق رمز عربة التسوق ، ثم انتقل إلى صفحة Checkout ، وأحضر بطاقة الائتمان الخاصة بك ، ولكن قم بالتسجيل قبل ذلك ، واملأ 27 مربعًا نصيًا ، ووافق على الشروط والأحكام ، واحصل على فاتورة بالبريد الإلكتروني ، وتتبع طلبك ، وازدهر هنا.
تحثك كل خطوة في هذه العملية على الشك في نية الشراء والارتداد. كل صندوق يجب عليك ملؤه يأخذ من وقتك في القيام بشيء آخر. يجب أن يكون الدافع مرتفعًا مثل الطائرة الورقية لإجراء عملية شراء عامة عبر الإنترنت. ويمكن أن يكون ذلك لأن الناس يعرفون كيفية تسويق الأشياء هذه الأيام.
وماذا لو كان كل موقع ويب مطلوب منك لشحن عملية شراء ، كان نيتك. زر واحد للتحكم في كل شيء. يستفيد الجوال من ذلك من خلال دمج المدفوعات في إيماءات بسيطة ومعرفات الوجه. لم يشهد الويب بعد صعود هذا الاتجاه.
9- مساحة فارغة
عندما تقاتل العناصر من أجل الاهتمام ، لا يحصل أي منها على ما يكفي. عندما يكون هناك تسليط الضوء على عنصر واحد ، فإنه يحظى بكل الاهتمام. اعتمادًا على الرسالة التي ترسلها واجهة المستخدم ، من المهم منحها بعض المساحة للسماح لهذه الرسالة بالانتشار.
هناك مسافات فارغة صغيرة وماكرو ، ومسافات نصية وفقرات ، ويمكن أن تكون نشطة وخاملة ، وجميع المقياس. هناك جانب عملي لها ، حيث أننا نميل إلى معالجة المعلومات المكثفة لفترة أطول وبفهم أقل.
Post A Comment