اذهب إلى المحتوى

تصميم واجهة المستخدم UI

يملّ الناس من الأشياء الرائجة بسهولة، لذلك تُبدَّل كل بضع سنوات، إذ لا بد أنك رأيت صعود وهبوط انتشار قطع الأزياء أو الحركات الفنية الشهيرة. يحدث الشيء نفسه في تصميم واجهة المستخدم User Interface أو UI اختصارًا التي تنتقل اتجا…
يُستخدم نمط ترقيم الصفحات على نطاق واسع في المواقع الإلكترونية التي تقدم كميات كبيرة من المحتوى للمستخدمين، بدءًا من محركات البحث مثل جوجل Google وفايرفوكس Firefox، مرورًا بمواقع التجارة الإلكترونية مثل أمازون Amazon وأسوس As…
يعود تاريخ القوائم المنسدلة إلى قائمة "ابدأ" الخاصة بإصدارات مايكروسوفت ويندوز Microsoft Windows التقليدية، لكن يمكنك العثور عليها الآن في كل مكان تقريبًا، مثل مواقع الصحف والمتاجر عبر الإنترنت، وفي تطبيقات تصميم الرسوميات وب…
يُعَد تصميم Neumorphic صيحةً جديدةً في عالم تصميم واجهات المستخدم، وقد اكتسب جاذبيةً من مصممي واجهة المستخدم، وأصبح خيارًا جماليًا شائعًا للبرامج والمواقع وتطبيقات الأجهزة المحمولة المعاصرة. وبالاعتماد على جوانب من الصورة الو…

مبادئ تصميم واجهة المستخدم الداكنة

بواسطة خالد الشامي، في تصميم واجهة المستخدم UI، ‏

يمكن أن تكون النُسُق الداكنة مثيرةً وأنيقةً، لكن تنطوي صناعتها على العديد من الصعوبات والمخاطر المحتملة، ولذلك سيساعد اتباع مبادئ تصميم واجهة المستخدم الداكنة المصممين على تحقيق نتائج ممتازة. يرى المستخدمون تصميمات واجهة…
أفضل طريقة للتعلم عند تصميم واجهة المستخدم هي تحليل أخطاء المواقع التي تكره استخدامها، حيث يجمع كاتب المقال أمثلةً عن تصاميم واجهات مستخدم سيئة لمواقع مزعجة جدًا يزورها، وقد استقى هذه الفكرة من "فنسنت فلاندرز"، وهو مالك موقع …

الدليل إلى تهيئة واجهة المستخدم UI

بواسطة خالد الشامي، في تصميم واجهة المستخدم UI، ‏

تخيل أنك استيقظت ووجدت نفسك فجأةً في غرفة تحكم محطة الفضاء العالمية، وليس لديك أدنى فكرة عن معنى الأضواء الوامضة، أو عن عمل أيٍّ من الأزرار ومفاتيح التبديل، وليس لديك فكرة عما يجب عليك فعله. هذا ما يشعر به مستخدمو المنتج…
يزوّد نظام مكونات A‎dobe X‎D المصممين بميزات لإنشاء نماذج أولية prototype للمنتجات الرقمية، ولكنه لا يخلو من الحالات التي تحتاج معاملةً خاصة. سيؤدي استخدام الاختصارات الذكية واتباع أفضل الممارسات إلى تمكين المصممين من تبسيط س…
أصبحت المشاريع الرقمية أكثر تعقيدًا وأهميةً للأعمال، لذلك يجب أن يتكيف نهج تصميم واجهة المستخدم مع هذا التغيير، مما أدى إلى ظهور نهج تكراري. وبالعودة إلى بدايات تصميم الويب، فقد كان مصمم الويب يعمل على كل المشروع بمفرده عند إ…
يُعَد اختبار التصميم أمرًا ضروريًا لا يقل أهميةً عن اختبار المواقع الإلكترونية، الذي يحدث بواسطة مجموعة من تقنياتٍ مميزة لاختبار قابلية استخدام الموقع، ويستخدم العديد من مصممي الويب نهجًا تكراريًا لتصميم واجهة المستخدم، ومع ذ…
شهدت الأعوام الماضية العديد من التطورات والتحديثات في عالم التقنية، ولعل أبرز ما يُهِم مصممي الويب، هو تطور العديد من أدوات تصميم واجهة المستخدم UI، التي توفر الكثير من الخاصيات والمميزات لتصميم واجهة المستخدم تصميمًا حديثًا،…
حين تطور مهاراتك في تصميم واجهة المستخدم UI Design، تذكر أن تُلقي نظرةً على لعبة الشطرنج. قد يبدو الأمر مربكًا وأنه لا صلة بين المجالين، لكن في الواقع بإمكانك أخذ أحد مفاهيم الشطرنج لبناء استراتيجيات في تصميم واجهة المستخدم، …
تصميم واجهة المستخدم من أهم المهن المطلوبة حاليًا في سوق العمل، ولكن ما هي واجهة المستخدم؟ واجهة المستخدم هي ما نراه ونتفاعل معه على شاشات الحواسيب والأجهزة المحمولة، مثل موقع الإنترنت وتطبيقات الهاتف المحمول وتطبيقات الويب. …
يُعرَّف النموذج المحاكي Mockup لموقع الويب، بأنه التمثيل التصميمي والكلي لأداء الموقع ومظهره، وهو من أهم اختصاصات المصمم المحترف. يتكون النموذج المحاكي لصفحة الويب من بعض خصائص الموقع أو جميعها، ولكنه يختلف عن النموذج العملي …
سنتحدّث في مقالنا الأخير من "سلسلة في مقدّمة عن تصميم واجهة المستخدم" من خلال الإطارات الشّبكيّة Wireframes، عن المراحل التي يجب اتّباعها للتّأكد من أنّ أفكارنا ستُنتَج وتُسعِد المستخدمين يومًا بعد يوم، فقد تحدّثنا في المقالا…
مبادئ التّصميم هي قواعد أساسيّةٌ تعمل جيّدًا في توصيل المعلومات، بحيث يمكن للمستخدم استعمالها للقيام بعملٍ ما -مثل: اتّخاذ قرارٍ، أو القيام بإجراءٍ ما، أو فهم المعلومات المنقولة-، وقد ظهرت مبادئ التّصميم لكونها مثاليّةٌ للغرض…
يُستخدم نموذج التّصميم (Design Pattern) كحلٍّ متكرّر الاستخدام لمشاكل شائعة الحدوث، وكما هو الحال في وصفة الطّهو التي تحوي مكوّنات الطّبق وطريقة إعداده، كذلك يقدّم نموذج التّصميم حلًّا معروفّا، ويمكن التّنبّؤ به لمشكلةٍ في تص…
سنعرض في هذا المقال تتمّة لمجموعة المتحكمات الخاصّة بواجهة الاستخدام، والتي يحتاج المصمّم لمعرفتها جيّدًا، حيث سنعرض مجموعة من الأدلّة الموجزة عن كل متحكمات الخرج المتمثلة في كل من: التحقّق من صّحّة المدخلات، وأداة التّلميح، …
تحدّثنا في المقال السّابق عن مجموعة من متحكّمات واجهات المستخدم التي تهمّ كثيرًا المصمّمين، وفي هذا المقال سنتابع مع مجموعة أخرى منها هي متحكّمات التّتنقّل، من خلال عرض أدلّة موجزة عن كلّ من: علامات التّبويب، ومسار التنقّل، و…
تتمثّل البنى الأساسيّة لواجهة المستخدم في المتحكّمات التي قلنا عنها في المقال السابق، أنّها مُهمة جدًّا ويتوجّب على كلّ مصمم معرفتها من أجل القيام بعمله على أكمل وجه، وسنتعرف في هذا المقال على مجموعة من هذه المتحكّمات، وتعرف …
×
×
  • أضف...