يُعد تصميم واجهات المستخدم ومراعاة قواعده أحد الأمور الأساسية التي بات على أصحاب المواقع الإلكترونية أخذها بالحسبان، إذ من شأن التصميم السيئ التسبب في فقدان الكثير من العملاء المحتملين وتخفيض ترتيب الموقع لدى محركات البحث. ليس هذا وحسب، فقد بات تصميم واجهة المستخدم بمثابة معيار أساسي للحكم على مدى جودة المواقع الإلكترونية من عدمها.
ولهذا، ونظرًا لإلزامية إلمام أي مصمم أو صاحب موقع إلكتروني في وقتنا الحالي بمفهوم تصميم واجهة المستخدم ومتطلباته، نظريًا وعمليًا، صار من الضروري توفير دلائل سهلة ومساعدة لتحقيق متطلبات التصميم الجيد لواجهات المستخدمين، موجهة للقارئ العربي بلغته. وعلى هذا الأساس، اخترنا العمل على هذا الكتاب الذي يُعد دليلًا سلسًا مباشرًا لمصممي واجهات المستخدم وأصحاب المواقع الإلكترونية ووفرناه بنسخة عربية.
هذا الكتاب هو ترجمة لكتاب Introduction to User Interface Design Through Wireframes من تأليف الفريق التعليمي لموقع بلساميك Balsamiq -صاحب تطبيق Balsamiq الشهير لتصميم واجهات المستخدم عبر الإطارات الشبكية- ومن خلاله نقلنا خلاصة تجربة الموقع وخبراتهم في مجال تصميم واجهات المستخدم، بطريقة سلسة ومفيدة.
أخرجنا هذا الكتاب بنسخة عربية، حيث ترجمنا المحتوى والصور ودققناها من خلال الاستعانة بمختصين في التصميم لتعريب الواجهات من النسخة الأجنبية إلى نسخة عربية، هذا إلى جانب التصرف في بعضها لتناسب القارئ والمستخدم العربي.
يُعد الكتاب بمثابة دليل سريع لموضوع تصميم واجهات المستخدم، بمعلومات قيمة وأمثلة عملية مساعدة على الفهم، حيث يشرح الكتاب مفهوم تصميم واجهات المستخدم ويوضح المبادئ الأساسية التي يجب أن تتوفر في أي موقع إلكتروني، وذلك من خلال توفير شروحات نظرية وتطبيقية من نماذج متاحة على الويب لتوضيح الفكرة للقارئ ومساعدته على تصميم واجهة استخدام مناسبة لزواره وعملائه؛ كما يوضّح نماذج هذا النوع من التصميم وقوالبه وكيفية التعامل معها عند استخدامها؛ ليختتم الكتاب بحديثه عن المراحل التي يجب اتباعها للتأكد من أن الأفكار التصميمية مناسبة وذلك حسب تجربة الجهة المؤلفة للكتاب.
هذا الكتاب موجه بالدرجة الأولى لمصممي واجهات المستخدمين، حيث يساعدهم على التعرف على كيفية التعامل مع المواقع المختلفة عند تصميم واجهاتها، إذ يوضح الكتاب حالات استخدام كل مبدأ ويعطي أمثلةً تتناسب مع موضوع الموقع الإلكتروني. سيتمكن مصمم واجهات المستخدمين من خلال هذا الدليل من التعرف على الآتي:
- أسس ومبادئ عملية تصميم واجهة المستخدم.
- ماهيّة متحكمات واجهات المستخدم وكيفية التعامل معها.
- النماذج والقوالب الشائعة لتصميم واجهة المستخدم مع أمثلة عملية حول ذلك.
- مبادئ التصميم المرئي أو ما يعرف بـ Visual Design.
- كيفية العمل على التصاميم بأنواعها وفقًا لتعليمات موقع متخصص في إعداد واجهات المستخدمين.
من ناحية أخرى، يُعد الكتاب مناسبًا جدًا لأصحاب المواقع الإلكترونية عامةً، والمبتدئين منهم خاصةً، حيث يقدم لهم الخبرات الأساسية التي يحتاجون لتوفيرها في مواقعهم الإلكترونية لضمان انطلاقة أفضل لهم، والتي يحتاجون للتأكد من توفرها حتى عند تسليم مهمة التصميم للمختصين. وعمومًا، يُعد الكتاب مناسبًا للمهتمين بمجال التصميم، حيث يمنحهم المعرفة الأساسية اللازمة لهذا المجال.
يمكنك قراءة الكتاب على شكل فصول مجمعة ومنشورة على موقع أكاديمية حسوب مباشرةً إن كنت تحب القراءة على المتصفح مباشرة، وتجد الفصول مجمعة تحت وسم "مقدمة إلى UI" وإليك روابطها:
- مقدمة في تصميم واجهة المستخدم UI ومتحكماتها
- متحكمات واجهة المستخدم وكيفية عرضها: متحكمات الدخل
- متحكمات واجهة المستخدم وكيفية عرضها: متحكمات التنقل
- متحكمات واجهة المستخدم وكيفية عرضها: متحكمات الخرج
- مقدمة عن أنماط تصميم واجهة المستخدم وقوالب تصميمها مع أمثلة عملية
- مبادئ التصميم المرئي في تصميم واجهة المستخدم
- خطوات تصميم واجهة تطبيق من الصفر وفق المعايير الصحيحة باستعمال تطبيق رسم الإطارات Balsamiq
