هل هذة أول زيارة لك ؟
هــذة المدونــة تتحــدث عـــن فلسفيــات الويب ، السبب وراء نجاح المواقـع الكبـري وعن قابلية إستخـدام المواقـع. كما تتناول بعـض الموضوعـات عـن تصميم وتطوير محتوي المواقع علي الويب.
يمكن أن تبدأ بقراءة :
الاقسام
- البنوك الالكترونية ( 1 )
- الربح من الانترنت ( 2 )
- الشبكات الاجتماعية ( 5 )
- تحليلات جوجل ( 6 )
- تصميم تجربة المستخدم ( 10 )
- تطوير محتوى المواقع ( 15 )
- تفاصيل صغيرة كبيرة !! ( 3 )
- تلميحات سريعة ( 7 )
- جديد التقنية ( 6 )
- قوانين استخدام شبكة الانترنت ( 1 )
- معتقدات خاطئة عن تجربة المستخدم ( 5 )
- نصائح ( 1 )
- نظرية التصميم للويب ( 16 )
ارشيف Web-King
-
▼
2013
(
57
)
-
▼
أغسطس
(
57
)
- ثورة الفيس بوك على الموبايل
- الشبكات الاجتماعية و محركات البحث … في ويب المستقبل
- ليس كل ما تراه عينك يفهمه عقلك !
- تلميحات سريعة(٤): كيف تخبر زائر الموقع ان هناك محت...
- الدليل المبسط لإستخدام قائمة الاختيار Select Menu ...
- عشر حقائق مثيرة عن جوجل
- بعد إيقاف تطبيق فايبر، هنا مجموعة من البدائل
- عشرة أخطاء قد تكلفك مليارات الدولارات
- ما يجب معرفته عن الطباعة ثلاثية الأبعاد
- مصادر لتعلم برمجة تطبيقات الأندرويد
- قوقل تدخل عالم التلفاز بـ 35 دولارا فقط
- ما هي المواد التي يحاكم على أساسها قراصنة المعلوما...
- جوجل : سياسة الاستغباء و حقيقة التجسس و انتهاك خصو...
- ٣ مجموعات من المهارات لتصميم جيّد لخبرة المستخدم
- 5 أنماط تصاميم لمواقع إلكترونيّة تشجّع المستخدمين ...
- خمس نصائح لتبرع في كتابة طلب لوظيفة
- خمس نصائح لتزيد معدل الضغط على إعلانات موقعك
- كيف ترصد تقدم موقعك عبر تحليلات جوجل
- عشر نصائح مهنية تتمنى لو كنت تعلمها عندما كنت في س...
- عشرة أمور يقوم بها الرياديون البارعون
- ۩۞۩ البنوك المغربية و باي بال ۩۞۩
- إعداد وضبط منصة WAMP للتطوير
- HTML 5 الثورة القادمة في عالم الويب
- (javascript server-side (node.js - هل تستعملها؟ ولما؟
- طريقة جديدة تمكنك من الربح عن طريق الإنترنت
- برمجة وتصميم مواقع الانترنت
- عشرة نصائح لجعل شيفرتك البرمجية أفضل أداءاً
- بعض القواعد لاختيار اسم النطاق
- هل تصميم المواقع بلغة HTML5 هي الحل؟
- برمجة المواقع العامل الخفى لنجاح موقعك
- علامتك التجارية هي ما تميزك عن الاخرين.
- أهم 10 مشاريع للربح من الانترنت
- لا تبالغ في تصميم موقعك
- LTE تعرف علي تقنية
- معتقد خاطئ (٢): المستخدم يجب ان يصل لأى صفحة بالمو...
- ملخص فيديو : ما يجب ان تعلمة عن الكلمات المفتاحية ...
- مبدأ ” التوازن Balance ” في تصميم المواقع
- مفهوم ” التسلسل الهرمى البصرى” لتصميم المواقع، الن...
- التوجية البصرى فى المواقع: أيها الزائر أنظر هنا!
- مقدمة فى انقرائية النصوص على الويب
- معتقدات خاطئة عن تجربة المستخدم (١): الزائر يقرأ م...
- معتقد خاطئ (٢): المستخدم يجب ان يصل لأى صفحة بالمو...
- تلميحات سريعة(٢): بريد الجميل Gmail وتطبيقة لمفهوم...
- تلميحات سريعة(٣): لا تغفل النسخ الإحتياطى الدورى ل...
- تلميحات سريعة(٤): كيف تخبر زائر الموقع ان هناك محت...
- تلميحات سريعة(٥): الطريقة الصحيحة لإدارة عملية تصم...
- افكار ابداعية تعزز من تجربة المستخدم وسهولة تصفح ا...
- كيف تعد سياسة خصوصية لموقعك يقرأها كل المستخدمين؟
- ٨ خطوات سريعة تجعل مدونتك تسقط في الهاوية !
- [دليل عملى] كيف تصنع محتوي افضل لموقع شركتك علي ال...
- الدليل المبسط لإستخدام قائمة الاختيار Select Menu ...
- مازال مستخدمى الويب ينقرون نقراً مزدوجاً علي الروا...
- رئيسية موقع صديقة للمستخدم
- كيف تخبر زائر الموقع من أين يبدأ؟
- ٤٠ مقولة موجزة فى قابلية الإستخدام يجب ان تعرفها ج...
- قابلية الإستخدام للمدونات: أكثر ٢٠ خطأ شائع
- [دليــل شامــل] ١٥ خطوة ضرورية قبل إطلاق موقعك!
-
▼
أغسطس
(
57
)
يتم التشغيل بواسطة Blogger.
جديد المواضيع
-
مفهوم التسلسل الهرمى مصطلح “التسلسل الهرمى” بشكل عام يعنى ترتيب مجموعه من العناصر( اسماء ، قيم ، تصنيفات …الخ) من أعلى لأسفل وفق معيار...
-
يصعب عليك التنافس في سوق العمل عندما تكون في أول مسيرتك المهنية. والحقيقة أن المسيرة لن تكون سهلة وقد تضطر إلى العمل في وظيفة لا تحبها، ...
-
هذا المقال سيعرض بعض الخطوات الهامة والضرورية قبل افتتاح أى موقع بصورة رسمية للجمهور، هذة الخطوات غالباً ما يتم اهمالها او تجاهلها من قبل ...
-
من خلال عملي كمرشدة للشركات الناشئة، ألتقي بالكثير من مؤسسي هذه الشركات في المنطقة العربية وفي كل أنحاء العالم. استمعت لعدد من التسجي...
-
نحن نصمم المواقع من اجل ان ندفع المستخدمين والزوار الي القيام بشئ محدد… كأن ندفعهم لشراء شيء ما، الاستمرار في قراءة المزيد من محتوي الموقع...
-
السلام عليكم. كما لا يخفى على متابعي توجهات الويب أن javascript بدأت تنتشر بشكل كبير لكل من جهة المستخدم (client-side) ومن جهة الخاد...
-
قبل بضعةِ أيَّامٍ مَضَت، جاءتنا الأخبار حول فريق من العلماء استخدمته شركة فيس بوك لأداء تجربة على مُستخدمي شبكتها الاجتماعية، تَهْدُفُ إ...
-
انقرائية النصوص واحدة من أهم العوامل التى تدعم قابلية استخدام المواقع، المحتوى النصى اذا لم يكن مكتوب ومنسق بطريق تدعم قراءته فإنه سيؤثر ع...
-
بعيداً عن متاهات التسويق الشبكى التى وصلت إلى حد "النصب" فى الفترة الأخيرة، هناك طريقة جديدة تمكنك من الربح عن طريق الإنترنت...
-
لازال عدد كبير لا يؤمن بأهمية الانترنت في حياتنا. فالانترنت يمكن أن يكون بالفعل بيئة للمشروعات وماكينة در المال فعلًا، ولكن هناك الكثي...
3:12 م
|
تعديل الرسالة
الدليل المبسط لتصميم رئيسية موقع صديقة للمستخدم:-
- هذ الدليل يقدم خطوات ارشادية وليست خطوات مطلقة لكل المواقع … بالتاكيد هناك استثناءات.
- هذ الدليل يفترض انك حددت المحتوى الذى تريد عرضة بالرئيسية وفقا لأهداف الموقع والمؤسسة التابع لها والتى من المفترض أيضاً انك حددتها فى خطوة سابقة لخطوة تصميم رئيسية الموقع.
- هذ الدليل يقدم لك افكارا لكيفية تنظيم وترتيب محتوى الرئيسية وفقاً للأولوية والهدف الأهم.
فهرس الدليل :-
- مقدمة
- ما يجب ان تشملة رئيسية الموقع.
- نموذج رسالة المصعد لتصميم رئيسية الموقع.
- مثال لتصميم رئيسية موقع وفقا لنموذج رسالة المصعد.
- الخلاصة ( يمكنك الانتقال اليها مباشرة فى حال عدم رغبتك قراءة التفاصيل ولكنة غير مستحب)
- المراجع
مقدمة
قبل ان نتناول موضوعات هذا الدليل اريد ان اضرب مثالا لأفضل نموذج يوضح فكرة تصميم رئيسية موقع صديقة للمستخدم، ألا وهي الصفحة الأولى للجريدة الإخبارية اليومية! محررى الصفحة الأولى للجريدة يبذلون جهدا كبيراً فى اختيار العناوين التى يجب ان تكون فيها، يفاضلون بين عدة اخبار ليختاروا الأكثر جذباً للقراء، يحددون اللون والخط وطريقة العرض وكذلك الصياغة المناسبة، فالصفحة الأول هى التى تعتمد عليها اى جريدة لزيادة مبيعاتها بشكل مباشر، تماما كرئيسية الموقع. انت تبذل جهدا كبيرا لتجذب الزائر، ان تقنعة بضرورة وجودة فى هذا الموقع لانة يلاقى اهدافة، ان تسرد له محتويات الموقع واهدافة بشكل سهل الوصول لكي تقنعة بالبقاء فى فية.
أولا : ما يجب ان تشملة رئيسية الموقع
- توضيح هدف الموقع ومهمتة.
- يجب ان توضح بطريقة هرمية أقسام الموقع ( الأقسام الرئيسية ثم الأقسام الفرعية ثم …) والمقصود هنا القائمة الرئيسية لمحتويات الموقع.
- البحث.
- تلميحات عن أفضل محتويات الموقع، مثل العروض، المواضيع الهامة … الخ
- اختصارات الوصول السريع وروابط لأكثر المحتويات أهمية بالأقسام الفرعية والتى يجب ان يضغط الزائر اكثر من رابط للوصول لها. مثال من المحتويات الهامة للزائر العروض الخاصة بالعام الدراسي الجديد، لكى يصل اليها علية ان يضغط على قائمة العروض > العروض الجديدة > عروض العام الدراسي 2012 … بدلا من كل هذة الضغطات، يجب ان توفر لة رابط مباشر للعروض الخاصة بالعام الدراسي الجديد فى الرئيسية وبضغطة زر واحدة.
- التسجيل، في حالة وجوب التسجيل بالموقع يجب ان يكون هناك رابط للتسجيل او نموذج للتسجيل بالرئيسية.
ثانياً : نموذج رسالة المصعد لتصميم رئيسية الموقع
فى علم العلاقات الانسانية، يوجد نموذج اسمة” نموذج رسالة المصعد “وهو نموذج يهدف الى مساعدة الشخص فى تقديم خدماتة / فكرتة / مشروعة للأخرين خلال 3 الى 5 دقائق وهى الفترة التى يقضيها مع الآخرين فى صعودة ونزولة بالمصعد .نموذج رسالة المصعد يتكون من خمسة مراحل سأوضحها بمثال يفترض كاتب محترف يقدم خدمة كتابة مذكرات التسويق والسير الذاتية … الخ ويرغب فى اقناع عميل اثناء صعودة معة فى المصعد:-
المرحلة الأولي: اجذب انتباة المستمع
مثال هل تخسر المال والوقت لعدم قدرتك على الكتابة بإستمرار ، كيف تتغلب على ذلك؟
المرحلة الثانية: أخبرهم بما ستقدمة
مثال انا كاتب مستقل لدى القدرة على كتابة المذكرات ومواد التسويق والسير الذاتية …الخ
المرحلة الثالثة: صلب الرسالة حدد فيها نقاط اقناع تميزك
مثال لم انا؟ لاننى ساوفر وقتك ومالك، لاننى كتبت سير ذاتية لاكثر من شخصية عامة منهم …
المرحلة الرابعة: خاتمة وملخص
مثال كرر نقاط الاقناع ومايمزيك بشكل مختصر ومركز.
المرحلة الخامسة: النهاية، حدد لهم الخطوة التالية فى حال رغبتهم التعاقد معك
مثال اليك رقم هاتفى والكارت الشخصي الخاص بي للتواصل معى .
عند مقارنتى بين هذا النموذج وبين ما يجب ان تقدمة رئيسية الموقع وجدت ان هناك تشابة كبير بينهم ،وهذا التشابة وجدتة فى الآتي :-
الوقت
نموذج رسالة المصعد: يجب ان تشرح فكرتك فى خلال وقت محدد وقصير، 3 دقائق تقريباً.
رئيسية الموقع: يجب ان تقنع زائر الموقع بما تقدمة خلال ثوان معدودة والا سيغير وجهتة فوراً.
رئيسية الموقع: يجب ان تقنع زائر الموقع بما تقدمة خلال ثوان معدودة والا سيغير وجهتة فوراً.
التركيز والإقناع
كلاهما نموذج رسالة المصعد ورئيسية الموقع لضيق الوقت يجب ان تكون كلماتك مقنعة ومرتبة وفقا للأولوية.
الخطوة التالية
كلاهما نموذج رسالة المصعد ورئيسية الموقع يجب ان يحدد الخطوة التالية.
لذا لو طبقنا هذا النموذج لتصميم رئيسية موقع لكي تقُدم عرض واضح وصديق للمستخدم لتوضح ما يُقدمة الموقع اعتقد ان هذا سيسهل كثيرا على الزائر فى فهم ما هو هذا الموقع وماذا يقدم وما هى الخطوة التالية؟
الصورة التالية توضح تطبيق لنموذج رسالة المصعد على تقسيم محتويات ورئيسية موقع …
ثالثاً : مثال لتصميم رئيسية موقع وفقا لنموذج رسالة المصعد
المثال التالى لموقع ضخم يقدم العديد من الخدمات لمستخدمين حول العالم على اختلاف لغاتهم، هذا الموقع انا لا اعلم حقيقة هل مصمم هذة الواجهة قد طبق نموذج رسالة المصعد على رئيسية الموقع وهو يقوم بتصميمها ام لا، فمصممين واجهة هذا الموقع بذلوا جهدا كبيرا خلال شهور لتصميمها، بالنهاية طبقوا نموذج رسالة المصعد بعد عدة اختبارات ووجدوا انه افضل طريقة لعرض خدماتهم وما يقدمون بشكل سهل الوصول، انه موقع 37signals.com، بالصورة المصغرة (اضغط عليها للتكبير).
رابعاً : الخلاصة
رئيسية الموقع هي فرصتك الأولى وربما الأخيرة لإقناع الزائر بالبقاء فى موقعك دون غيرة، اعتبر رئيسية الموقع كالصفحة الأولي لأى جريدة اخبارية يومية، ان لم تكن العناوين الرئيسية بها جذابة وذات صياغة مناسبة لن يُقبل على شرائها أحد.
لا تنسى ان لرئيسية الموقع عدة أمور يجب ان تتأكد انها موجودة بها قبل اطلاق الموقع وهى ان توضح هدف الموقع، الأقسام الرئيسية والفرعية، تنوهيات بالرئيسية للأقسام الفرعية الهامة، البحث وطريقة للتسجيل بالموقع.
لا تنسى ان لرئيسية الموقع عدة أمور يجب ان تتأكد انها موجودة بها قبل اطلاق الموقع وهى ان توضح هدف الموقع، الأقسام الرئيسية والفرعية، تنوهيات بالرئيسية للأقسام الفرعية الهامة، البحث وطريقة للتسجيل بالموقع.
نموذج رسالة المصعد لتصميم رئيسية الموقعنموذج رسالة المصعد هو طريقة فى العلاقات الانسانية تساعد اصحاب الخدمات فى تقديم خدماتهم فى فترة وجيزة وبصورة مركزة اثناء صعودهم المصعد اى خلال 3 -5 دقائق. يتكون هذا النموذج من عدة مراحل:-
المرحلة الأولى: اجذب انتباة المستمع مثال هل تخسر المال والوقت لعدم قدرتك على الكتابة بإستمرار ، كيف تتغلب على ذلك ؟
المرحلة الثانية: أخبرهم بما ستقدمة مثال انا كاتب مستقل لدى القدرة على كتابة المذكرات ومواد التسويق والسير الذاتية …ا لخ
المرحلة الثالثة: صلب الرسالة حدد فيها نقاط اقناع تميزك مثال لم انا ؟ لاننى ساوفر وقتك ومالك، لاننى كتبت سير ذاتية لاكثر من شخصية عامة منهم …
المرحلة الرابعة: خاتمة وملخص مثال كرر نقاط الاقناع ومايزيك بشكل مختصر ومركز.
المرحلة الخامسة: النهاية، حدد لهم الخطوة التالية فى حال رغبتهم التعاقد معك مثال اليك رقم هاتفى والكارت الشخصي الخاص بي للتواصل معى .
المرحلة الثانية: أخبرهم بما ستقدمة مثال انا كاتب مستقل لدى القدرة على كتابة المذكرات ومواد التسويق والسير الذاتية …ا لخ
المرحلة الثالثة: صلب الرسالة حدد فيها نقاط اقناع تميزك مثال لم انا ؟ لاننى ساوفر وقتك ومالك، لاننى كتبت سير ذاتية لاكثر من شخصية عامة منهم …
المرحلة الرابعة: خاتمة وملخص مثال كرر نقاط الاقناع ومايزيك بشكل مختصر ومركز.
المرحلة الخامسة: النهاية، حدد لهم الخطوة التالية فى حال رغبتهم التعاقد معك مثال اليك رقم هاتفى والكارت الشخصي الخاص بي للتواصل معى .
لو طبقنا هذا النموذج لتصميم رئيسية الموقع سيسهل علينا تنظيم وتحديد أولوية العناصر التى من الممكن تعرض فى الرئيسية. يمكنك مراجعة الصورة التى بالرابط التالى لتوضيح تطبيق هذا النموذج على تصميم الموقع [هنا]، يمكنك رؤية مثال لتصميم رئيسية موقع موجودة فعلاً تطبق نموذج رسالة المصعد وهى واجهة موقع 37signals.com صورة شرح المثال [هنا].
خامسا : المراجع المستخدمة فى إعداد هذا الدليل
- رؤية شخصية منى للشكل الأفضل لرئيسية موقع صديقة للمستخدم.
- Don’t Make Me Think by steve krug.
- أبحاث نيلسون جاكوب Jakob Nielsen.
- العدد رقم 59 من نشرة علاقات التى تصدرها مؤسسة شعاع للإعلام العلمى
اذا اعجبتك هذه التدوينة فلا تنسى ان تشاركها وتساعدنا على نشر المدونة ، كما يسعدنا ان تنضم الى قائمة المشاركين في Web-King من خلال (نشرات rss)
التسميات:
تصميم تجربة المستخدم
0 التعليقات :
إرسال تعليق
رأيك مهم بالنسبه لنا ، فلا تحرمنا منه