ما هو wireframe ?

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

عموما، يتم تقسيم الـ wirefram إلى أنواع، Low-fi و Hi-fi  عالية الدقة

الـ wirefram Low-fi هي الأفضل للبدء الـ wirefram الخاص بك. لانها بسيطة جدا ويمكن أن تنشأ بسهولة بالقلم والورق وهي الأكثر فائدة لتحديد التنقل، والتخطيطات وكيفية تدفق العناصر في الصفحة. لكن هذا النوع ليست مفيدة لإظهار التفاعل الفعلي.

الـ wirefram Hi-fi ملء بالتفاصيل وهي تحدد الشكل البصري للصفحة، أشكال وعناصر التفاعل الأخرى، و النص والفقرات والالوان ، وهذا النوع من الـ wirefram ينبغي أن توفر تصور واضح بما فيه الكفاية من الصفحة تمكين فريق التطوير من العمل .

وينبغي أن يكون المصمم قادر على استخدام كل النوعين ومن الشائع أن يبدأ مع الـ wirefram Low-fi ومن ثم الانتقال إلى الـ wirefram Hi-fi .

شكل الصفحة الفعلي

لذلك دعونا اليوم نلقي نظرة على بعض من أخطاء wireframe الأكثر شيوعا وكيفية تجنبها.

خطأ 1: أكثر تعقيد من التصميم على الرغم من ان الـ wirefram الخاص بك هو تخطيط لصفحة ، الان انه يختلف عن التصميم الموجه للجمهور وتذكر دائما أنه تصميم هيكل عظمي لتوصيل الأفكار الى العملاء، رؤساء والمطورين وغيرهم من أصحاب المصلحة. ان الكثير من التفاصيل والعناصر الرسومية على الـ wirefram قد تربك، لذا اعملة على أدنى حد ممكن. إذا ان الشخص الوحيد الذي يفهم الـ wirefram الخاص بك هو مصمم اخر. استخدام هذا كقاعدة عامة: كلما انتهيت من رسم أسأل الناس التي بلا أي خلفيات تصميم / تطوير ، مثل صديق , اخ , قريب إذا فهم الوظيفة الأساسية من الصفحة كان ذلك جيدا .

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

خطأ 3: طرق مختصرة عند رسم الـ wirefram قد تصادف لحظات حيث سوف تقول “صفحة الاشتراك ليست مهمة ” أو “شريط التنقل بسيط، و سوف تتخطي ذلك”، ذلك سوف يضع الـ wirefram  بأكمله بخطر حيث أنك سوف تدمر في نهاية المطاف تدفق الصفحات في الموقع عند عرض الوثيقة النهائية لأصحاب المصلحة. تحتاج إلى رسم جميع التفاصيل حتى لو كان بسيطا، لذلك عليك الحصول على ابرازها بشكل كامل الـ wirefram التي تشرح وظيفة كل صفحة ومدى ارتباطه مع الآخرين. أغلب المشروعات تصل حوالي 10 إلى 15 wirefram  مختلفة من أجل استيعاب أنواع الصفحات المختلفة لذا ضع ذلك في الاعتبار.

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

امل ان يكون هذا الموضوع قدم لك الفائدة

 

 447 total views,  1 views today