fbpx
تكنولوجيا المعلومات والاتصالاتمقالات

تفاصيل لا ينتبه لها مصممي واجهات المستخدم

عند تصميم الواجهات في مشاريع كبيرة، هناك بعض الصفحات أو العناصر التي غالباً ما يتجاهلها أو ينساها المصممون أثناء التصميم. 

إن أغلب هذه النقاط لا تؤخذ بعين الإعتبار من قبل المصممين المبتدئين، أو في حالة عدم توفر خارطة عمل تغطي كل خطوات العمل والمشاكل المترتبة عليها. 

1- خطوات إسترداد كلمة المرور: 

وغالباً ما يحدث ذلك مع المبتدئين عند تصميم عملية تسجيل الدخول والتسجيل، وهو عدم تصميم خطوات لإسترداد كلمة مرور المستخدم، والتي يستغرق تصميمها وقتاً قصيراً، كما هو الحال عند تصميم عملية تسجيل الدخول، وهي عملية مهمة جداً يجب تضمينها دائماً. 

يمكن للمستخدمين إستعادة كلمة المرور عن طريق البريد الإلكتروني أو رقم الهاتف، حيث يمكن أن يكون الإسترداد عن طريق رابط يؤدي إلى إنشاء كلمة مرور جديدة، أو يمكن أن يكون لتعيين كلمة مرور مؤقتة. 

اما في حال إستخدام بريد إلكتروني وكان المستخدم على جهاز محمول، يجب أن يتطلب الأمر المزيد من الخطوات لإستعادة كلمة المرور. وفي حال إستخدام رقم هاتف محمول، فالمشكلة هي أنه إذا قام المستخدم بتغيير رقمه، فيمكن للمالك الجديد لهذا الرقم الوصول إلى حسابه. 

2- صفحات أخطاء 404 (صفحات مفقودة): 

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

3- الهياكل والعلامات الدوارة: 

تعد الهياكل (Skeletons) عبارة عن تصميم شبكي منخفض المستوى للتصميم النهائي، والذي يظهر عند فتح صفحة وقبل تنزيل المحتوى. عند فتح صفحة Facebook والإنتقال لأسفل ستظهر أشكال رمادية للصور والنصوص لفترة قصيرة من الوقت قبل ظهور الصفحة. أما العلامات الدوارة (Spinners) فهي عبارة عن دوائر تدور وتوضح للمستخدم أن بعض التقدم جار. 

بصورة عامة، نستخدم الهياكل عندما تحتوي الصفحة على العديد من العناصر مثل الصور ومربعات الإدخال والنصوص، وذلك أساساً عندما يتم طلب المعلومات من النهاية الخلفية (Back end)، ولكن العلامات الدوارة تعد أفضل للإستخدامات في العمليات الدقيقة، مثل شراء التذاكر أو فتح صفحات جديدة أو تحميل صور أو ما إلى ذلك. وبالإمكان إستخدام الهياكل والعلامات الدوارة معا في نفس الصفحة، ويعد ذلك أفضل من إستخدامها على حدى. 

4- صفحات بحث فارغة: 

عند تصميم موقع تجارة إلكترونية أو ما شابه، يتم تصميم طريقة عمل البحث وكيفية ظهور النتائج. 

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

5- صفحات لفشل الدفع: 

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

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

6- تسليم المصادر: 

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

7- توفير دليل تصميم: 

غالباً ما ينسى بعض المبتدئين إنشاء دليل تصميم (Style Guide) لموقع الويب أو التطبيق، أو لا يعتبرون ذلك ضرورياً. حيث يجب على المصممين إنشاء دليل التصميم قبل بدء التصميم، أو على الأقل بعد الإنتهاء من ذلك. 

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

8- آيقونة الموقع: 

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

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

كلمات مفتاحية
عرض المزيد

موضوعات ذات صلة

زر الذهاب إلى الأعلى
إغلاق