أفضل 10 موارد لتعلم تصميم الويب Bleeding-Edge و UI و UX
نشرت: 2022-09-18سواء كنت تصمم موقع محفظة صغيرة أو تعمل على أنظمة مؤسسات ضخمة ، يجب أن تكون قابلية الاستخدام في طليعة التصميم الخاص بك.
لحسن الحظ ، تتوفر بعض الموارد الهائلة للمصممين الذين يرغبون في تحسين مهاراتهم في الاستخدام وإتقان أساليب تصميم واجهة المستخدم وتجربة المستخدم.
قبل التعمق في أفضل الموارد ، ستحدد الأقسام التالية هذه الموضوعات بإيجاز. لا يمكن استبدال واجهة المستخدم وتجربة المستخدم ، على الرغم من عدد المستخدمين الذين يستخدمون المصطلحات.
ما هو تصميم الويب Bleeding-Edge؟
يشير Bleeding-edge إلى التصاميم والأفكار المتطورة. تدفع الأفكار حدود الوضع الطبيعي لإيجاد طرق جديدة لتقديم الأشياء.
من الأمثلة الرائعة على التصميمات المتطورة الصفحات المقصودة التفاعلية والعروض ثلاثية الأبعاد لجعل التجربة الرقمية ملموسة بشكل أكبر ولا تنسى للمستخدمين.
ما هي واجهة المستخدم؟
UI تعني واجهة المستخدم ، والتي تركز بشكل أكبر على الجماليات وجاذبية المنتج أو الخدمة بناءً على وجودها الرقمي.
تركز واجهة المستخدم على نقاط اللمس المرئية التي تسمح للمستخدمين بالتفاعل مع المنتج وفهمه من خلال الطباعة ولوحات الألوان والأزرار والرسوم المتحركة ومقاطع الفيديو والصور.
يجب أن تكون واجهة المستخدم جذابة وسهلة الفهم ، حيث يمكن للألوان والوظائف الرقمية جذب المستهلكين نحو المنتج أو الخدمة من خلال خلق الاهتمام والعاطفة عبر واجهة المستخدم.
ما هي تجربة المستخدم؟
UX هي تجربة المستخدم المرتبطة بالمنتج أو الخدمة من البداية إلى النهاية ، بما في ذلك الاستخدام الفعلي والتنفيذ للمنتج أو الخدمة. تتجاوز تجربة المستخدم واجهة المستخدم والجماليات إلى حد بعيد ، حيث تغلف وظائف المنتج وليس فقط الجماليات.
تشمل تجربة المستخدم كلاً من الجوانب الرقمية والمادية للمنتج وكيفية تفاعل المستخدم معه للتخلص من نقاط الألم.
أفضل الموارد لتعلم تصميم الويب Bleeding-Edge و UI و UX
قد يحتوي الموقع على واجهة مستخدم ممتازة ، ولكن تصميم UX رهيب ، إذا كان الموقع جذابًا ولكن التنقل فيه صعب. سيكون موقع الويب الذي يحتوي على UX النجمي سهل الاستخدام ، ولكنه ليس مثيرًا أو ممتعًا من الناحية المرئية. لمعرفة كيفية دمجها مع التصميم المتطور ، حتى تتمكن من تسخير إبداعك وإبداعك ، ضع في اعتبارك عددًا كبيرًا من الموارد الرائعة أدناه.
لا تجعلني أفكر: نهج الحس السليم لاستخدام الويب بقلم ستيف كروغ
عند البحث عن الموارد ، من السهل البدء بالكتب ذات السمعة الطيبة حول هذا الموضوع. يتمتع Steve Krug بمسؤولية حازمة فيما يتعلق بما يعنيه الجمع بين واجهة المستخدم و UX مع الابتكار بنجاح.
يتعمق الكتاب لمساعدة المصممين والمطورين على فهم أن قابلية الاستخدام ليست عدوًا للإبداع ؛ إنهم يعملون جنبًا إلى جنب لتعزيز تجربة المستخدم المثالية والجمالية.
يشرح Krug كيف يمكنك التنقل في جوانب التصميم هذه ، ولكنه يساعد الأشخاص أيضًا على تعلم كيفية تلبية احتياجات المستخدم وعملائهم ورئيسهم في آن واحد.
التصميم العاطفي: لماذا نحب (أو نكره) الأشياء اليومية بقلم دون نورمان
كتاب آخر لتعلم تصميم UX هو كتاب دون نورمان. يغوص نورمان في كيفية رؤية المصممين للأشياء من منظور واحد ، لكنهم بحاجة إلى ارتداء حذاء المستخدم وإلقاء نظرة على تصميماتهم بعيون جديدة.
يشرح كيف يجب أن يأخذ التصميم في الحسبان ردود الفعل العميقة ، وأحيانًا غير القابلة للتفسير ، لدى البشر. بالنسبة إلى نورمان ، يتعلق الأمر كله بالتصميم الذي يركز على الإنسان دون التضحية بالجماليات المبهجة والمرئيات الممتعة.
تصميم واجهة المستخدم للمبرمجين بواسطة Joel Spolsky
المصممون ليسوا وحدهم الذين يقلقون بشأن UI و UX عند القيام بعملهم. إذا كنت مبرمجًا ، فيمكنك التعرف على تصميم UI و UX من منظور المبرمج من خلال كتاب Joel Spolsky.
تعتبر قصة Spolsky دقيقة للغاية ، حيث تحدد القواعد البسيطة ولكن المنطقية التي يمكن للمبرمجين والمصممين اتباعها لضمان سهولة الاستخدام جنبًا إلى جنب مع العناصر الفنية.
على الرغم من أن هذا ليس "UX Design For Dummies" ، إلا أن Spolsky يجعل من السهل للغاية فهم مفاهيم قابلية الاستخدام التي يمكن أن تفلت من بعض الأشخاص. ويمارس ما يكرز به بمعنى أن الكتاب سهل القراءة والفهم.
الفنون الرقمية بولدر
إذا كنت تريد طريقة تعلم عملية أكثر من قراءة كتاب ، فيمكنك حضور فصل دراسي عبر الإنترنت حول تصميم UX. بعض الفصول الدراسية التي تقدمها Boulder Digital Arts مباشرة ، بينما البعض الآخر عبارة عن تسجيلات يمكنك الوصول إليها في أي وقت.
واحدة من أفضل الدورات التدريبية لمن يريد فهم تصميم UX بشكل أفضل وكيفية دمجه في واجهة المستخدم هي مقدمة إلى التصميم المرتكز على المستخدم.
يعد أخذ فصل دراسي أحد أفضل الطرق لصقل مهارات تصميم UX و UI ، حيث ستتلقى مهامًا وستكون قادرًا على ممارسة مهاراتك والحصول على تعليقات بناءة.
ديسينلاب
خيار آخر للتعلم عبر الإنترنت هو Designlab. تعمل Designlab مثل المدرسة ولكنها تتبع نهجًا تعليميًا فرديًا أكثر ، لذلك كل طالب لديه موجه تصميم لمساعدتهم في مشاكل أو أسئلة محددة قد يواجهونها.
Designlab نفسها هي مرحلة نزيف ، حيث تقوم بتجربة كيفية تعلم الطلاب ، لذا فهم يقدمون تجربة مرنة تعمل بشكل أفضل للعديد من الأفراد من الفصول التقليدية.
تركز أكاديمية UX الخاصة بهم أيضًا بشكل صارم على الربط بين UI و UX معًا بطرق إستراتيجية ، مما يمنح الطلاب فهمًا قويًا لما تعنيه سهولة الاستخدام ومدى أهميته.
إتقان UX
UX Mastery هو مورد هائل يقدم العشرات من فصول التصميم ، بعضها يركز على تصميم UX و UI. تتخذ العديد من الفصول نهجًا بحثيًا ، وتحلل ما يجعل بعضها قابلاً للاستخدام وتحاول تطوير صيغة لتصميمات UX و UI.
أفضل ما في الأمر أن هذه الفصول الدراسية ميسورة التكلفة للغاية ، حيث تكلف أقل من 20 دولارًا في الشهر. يمكنك التعلم من خبراء UX ، أو كما يسمونهم UXperts.
تتعمق بعض الدورات في علم النفس وراء تصميم UI و UX ، مما يساعد الطلاب على فهم الطبيعة البشرية التي تؤثر على UI و UX في التصميم.
تريهاوس
Treehouse هو أفضل مكان لمن يريد تجربة تعليمية شاملة للتصميم بدلاً من مجرد التعرف على UX و UI.
تقدم Treehouse مسارات ، وهي عبارة عن سلسلة من الدورات التدريبية التي تتشابك لتوفر لك فهمًا شاملاً للتصميم وحافة النزيف وواجهة المستخدم وتجربة المستخدم. تغطي هذه المناهج الموجهة كل ما تحتاجه لإتقان موضوع ما.
لديك أيضًا خيار إنشاء مناهج مخصصة ، بحيث يمكنك تخطي الدورات التي لا تشعر أنك بحاجة إلى الالتحاق بها بناءً على معرفتك التأسيسية.
مدرسة الحديد المسطح
هل تريد تجربة تعليمية سريعة وصارمة؟ يقدم المعسكر التدريبي لتصميم Flat Iron دورات تدريبية سريعة مدتها 15 أسبوعًا ستعلمك مداخل وعموم تصميم UI و UX حتى تتمكن من الحصول على وظيفة على الفور.
تقوم Flat Iron باستمرار بتحديث دوراتها التدريبية لتعكس التقنيات المتطورة ، حتى تعرف أنك تتعلم دائمًا أحدث المعلومات وطرق التصميم.
تركز جميع دورات التصميم على تصميم UX و UI ، مما يضمن أن كل شيء تتعلمه يسير جنبًا إلى جنب مع سهولة الاستخدام ، حتى تتمكن من تنفيذ الرؤى الفنية دون خلق تجربة مستخدم سيئة.
UX ماج
للحصول على مورد UI و UX مجاني ، يمكنك اللجوء إلى UX Mag. ينشر الخبراء والمصممين المحترفين مقالات حول قابلية الاستخدام والجوانب الأخرى للتصميم التي يمكن أن تكون مفيدة للغاية للأشخاص الذين يتطلعون إلى التعلم.
غالبًا ما تفصل المقالات الأفكار المعقدة ، مما يجعلها سهلة الفهم والتنفيذ. يتم تحديث المجلة باستمرار ، لذلك لا يوجد نقص في المواد التي يمكن الاطلاع عليها.
تناقش العديد من المقالات ما ينتظرنا في المستقبل لتصميم UX ، والذي سيبقيك في طليعة الأفكار والتقنيات الجديدة. إنه أيضًا مصدر رائع للإلهام وأمثلة على واجهة المستخدم وتجربة المستخدم الممتازة.
مكتبة UX الإلكترونية المجانية من UXPin
مصدر آخر رائع مجاني لتصميم الويب و UI و UX هو مكتبة الكتب الإلكترونية هذه التي تحتوي على أكثر من 80 عنوانًا حول التصميم وسهولة الاستخدام.
تركز العديد من الكتب المجانية على الاتجاهات الحالية لمستقبل تصميم UI و UX ، بحيث يمكنك البقاء على اطلاع على ما هو جديد في تصميم الويب المتطور. إلى جانب تصميم UI و UX ، يمكنك معرفة المزيد حول مداخل وعموم التصميم في الكتب الإلكترونية الأخرى التي تغطي مجموعة متنوعة من موضوعات التصميم.
مصادر الإلهام
في حين أن الفصول الدراسية والكتب والموارد الأخرى مفيدة أثناء التعرف على تصميم حافة النزيف وواجهة المستخدم وتجربة المستخدم ، إلا أنه يساعد دائمًا في رؤية الممارسات الجيدة أثناء العمل. فيما يلي ثلاثة مواقع ويب تسجل وتصنف تصميمات مواقع الويب المختلفة وسهولة استخدامها.
لا يتعين على كل موقع اتباع تصميم قاطع ملفات تعريف الارتباط من أجل سهولة الاستخدام الناجحة ، وتعرض العديد من المواقع على هذه الصفحات الطرق المختلفة التي يمكنك اتباعها لتحقيق واجهة مستخدم وتجربة مستخدم استثنائية.
تصفح من خلال هذه المواقع وإلقاء نظرة على الفائزين والإشارات الشريفة لتتعرف على شكل تصميم موقع الويب القابل للاستخدام والفعال .
- Awwwards
- إلهام الموقع
- حب صفحة واحدة
أمثلة
من الأزياء إلى المهرجانات إلى وجهات العطلات إلى تطوير مواقع الويب ، تتمتع جميع المواقع أدناه بواجهة مستخدم وتجربة مستخدم ممتازة ، مما يوضح كيف يمكن أن تكون تصميمات مواقع الويب المبتكرة جذابة ولا تزال سهلة التنقل والاستيعاب.
إذا كنت ترغب في الاطلاع على بعض الأمثلة الرائعة لتصميم مواقع الويب المبتكرة والممتعة ، ستجد أدناه بعض الأمثلة الأكثر حداثة.
- nuenofashion.com
- capsule.dior.com
- gentilhomme.com
- casa.dolcegabbana.com
- kikk.be
- glasfurdandwalker.com
- findsanctuary.com
- آخر-mother.com
- mydesignbuddy.co.uk
- thebluetour.com
- studiopingpong.com
- alexbeigeweb.dev
افكار اخيرة
يمكنك قراءة جميع الكتب وأخذ جميع الدورات التدريبية التي تريدها على UX ، ولكن عليك إنشاء شيء ما ودعوة الأشخاص لاستخدامه لفهم ماهية قابلية الاستخدام.
في حين أن كل هذه الموارد هي نقطة انطلاق رائعة ، فلا تخف من الإنشاء ، حتى لو فشلت ، ستعلمك عشرة أضعاف.
اقرأ أيضًا: 16 من أفضل أدوات تصميم الويب التي تأخذ UI / UX والنماذج الأولية والإطار السلكي في عام 2021