Evaluation of an Electronic Commerce Site
            www.habitatshoes.com




                    ‫إشراف‬
             ‫أ...
‫فهرس المحتوى‬


‫9..........................................................................................................
‫نبذة عن الموقع‬




‫الموقـع لسـرة صـغيرة مكونـة مـن زوجـة وزوج و أبنائهـم الثلثـة. يقدمون فـي الموقـع مجموعـة‬
‫مـن الحذ...
‫الــمــوقـــع‬   ‫هــــيـــكــلــيـة‬
‫يوجد في الموقع ثلث أشرطة‬
                                                            ‫1-شريط المعلومات‬

               ...
‫‪ View Cart‬تعرض عربة التنقل.‬    ‫:‬




        ‫2-شريط التنقل داخل محتوى الموقع.‬




        ‫فعندما نضغط على قسم الن...
‫الحذية الخاصة بالنساء ‪Shoes‬‬
                                               ‫الملبس الخاصة بالنساء ‪apparel‬‬
         ...
‫يحتوي على مجموعة من السئلة والجابات لكل ما يحتاجه العميل مثل طريقة الدفع فيمكن‬
‫أن تكون بأكثر من طريقة .. وكذلك الطلب مم...
‫تـصـمـيـم الـمـوقـع وتـنـظـيـمـه‬
‫ترتيب الموقع :‬
‫من خلل عرض الهيكلية للموقع يتضح لنا أن الموقع يستخدم ثلث طبقات "أقسام" )نساء-رجال-‬
                    ...
‫اللوان في الموقع :‬
‫الموقـع نجـد أنـه يسـتخدم لونيـن إلى ثلث ألوان ويسـتخدم مسـاحات بيضاء واسـعة. السـبب فـي ذلك‬
‫لن ال...
‫ضـع فـي ذهنـك أن إضافـة أي مميزات تحتاج لتعلم مـن قبـل المسـتخدمين سـتجعل منتجـك أقـل شهرة‬
‫فمسـتخدميه فئة تحـب التعلم ف...
‫البحث في الموقع :‬
‫نجــد أن البحــث فــي الموقــع يعتمــد على القوائم المنســدلة ‪ drop down menus‬بحيــث يحدد الزائر‬
 ...
‫محتوى موقع الويب‬
‫محتوى الموقـع هـو أهـم مـا فـي موقـع الويـب, فالزائر يزور الموقـع للحصـول على معلومـة, والزائر‬
‫يثق بالموقع بسبب جودة ال...
‫فنجد اسم العلمة التجارية واسم المنتج نفسه والسعر قبل وبعد الخصم. وعندما نختار منتج محدد‬




‫تظهر لنا قائمة تحتوي على وص...
‫نلحـظ ممـا سـبق أن موقـع هبتات لم يكتفـي فقـط بوضـع عناويـن بـل وضـع عناويـن واضحـة ودالة‬
                              ...
‫تصميم موقع هبتات يمكن أن نقول أنه على الشكل التالي:‬




‫جميع المناطق ثابتة ل تتغير ما عدا منطقة المحتوى الرئيسي ‪ Main ...
‫تــحــلـيل الـمـوقـع‬
‫سـأعتمد فـي تحليـل الموقـع على تقريـر نشره موقـع ويـب كريدبـل لعام ٧٠٠٢. والتقريـر هـو عبارة‬
                         : ...
‫هل أداة البحث ظاهرة في كل الصفحات, وفي نفس المكان ؟ وهل تبدو واضحة؟‬
‫قبل أن أتحدث عن أداة البحث في الموقع, أود مناقشة طر...
‫هـل طريقـة موقـع هبتات صـحيحة؟ بحـث و وجدت الجابـة فـي كتاب ‪prioritizing web usability‬‬
‫فـي صـفحة ٠٤١ و وجدت أن جيكوب ...
‫هل رابط لـ سلة الشراء ‪ basket‬و رابط الدفع ‪ checkout‬واضح ؟ وهل هو موجود في كل‬
                                       ...
‫هل السعر دائما واضح؟ وهل هو يظهر وبشكل دائما قرب المنتج؟‬

‫مـا يميـز موقـع هبتات أنـه دائمـا يعرض أسـعار المنتجات بشكـل ...
‫هل الموقع يقدم المساعدة للعملء خلل اختيارهم للمنتجات؟‬

‫فـي المواقـع على النترنـت ل يوجـد شخـص يسـاعد العميـل على اختيار...
‫كذلك وجدت أن الموقع يضع أمام بعض المنتجات علمة عندما يكون المنتج جديد أو منتج هذا‬
                                      ...
‫هل تتغير ألوان الروابط ‪ links‬عندما يتم زيارة صفحة منتج ما؟‬
             ‫تغيير لون الرابط بعد زيارة أمر في غاية الهمية...
‫بعد أجرى عملية بحث داخل الموقع .. هل يظهر عدد النتائج؟ وهل يظهر أعلى الصفحة اسم‬
                                        ...
‫هل يمكننا تحديد عدد المنتجات التي تظهر بعد عملية البحث؟‬

‫بسبب أن سرعات النترنت بالنسبة للعملء متفاوتة فإنه من الفضل أن ...
‫هل الموقع مقسم إلى فئات واضحة؟ وهل هي موجودة في كل صفحة؟‬
                                             ‫نجد أن فئات المنت...
‫هل الموقع يوفر إشارات أو علمات التوجية ‪ orientation cues‬؟‬

‫المقصـود بعلمات التوجيـة هـي بمثابـة توضيـح للزائر أيـن هـ...
‫هل يقدم الموقع وصف للمنتج؟ وهل يمكن تكبير صورة المنتج المعروض؟‬

‫فـي البدايـة لبـد أن نقول أن عرض المنتجات مـن خلل النتر...
‫هل الموقع يستخدم نموذج للدخول وللتسجيل معا؟ أو أنه يستخدم نموذج مستقل لكل واحد؟‬

‫عندمـا يضيـف العميـل المنتجات إلى سـلة...
‫هل خطوات عملية الدفع واضحة؟‬

‫عمليـة الدفـع داخـل موقـع هبتات تتـم وفـق مراحـل متسـلسلة و واضحـة . فـي البدايـة يدخـل ال...
‫عندما يقوم العميل بخطأ ما.. هل تظهر رسالة للعميل رسالة توضح له المشكلة؟‬
‫مهمـا حاولت مواقـع التجارة اللكترونيـة منـع الخ...
‫تحليل الموقع حسب مقياس ليكرت‬
1. Strongly agree
    2. Agree
    3. Neither agree nor disagree
    4. Disagree
    5. Strongly disagree



             ...
Upcoming SlideShare
Loading in …5
×

Habitat.com [ Rasha M. Ahmad ]

1,661 views

Published on

تقييم لموقع
Habitat.com

وهو واجب قدمته لمادة التجارة الإلكترونية

Published in: Technology, Business
0 Comments
3 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,661
On SlideShare
0
From Embeds
0
Number of Embeds
4
Actions
Shares
0
Downloads
0
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

Habitat.com [ Rasha M. Ahmad ]

  1. 1. Evaluation of an Electronic Commerce Site www.habitatshoes.com ‫إشراف‬ ‫أ.د / سرور على سرور‬ ‫إعداد الطالبة‬ ‫رشا الحمد‬
  2. 2. ‫فهرس المحتوى‬ ‫9...........................................................................................................................................تـصـمـيـم الـمـوقـع وتـنـظـيـمـه‬ ‫01.........................................................................................................................................................ترتيب الموقع :‬ ‫11....................................................................................................................................................اللوان في الموقع :‬ ‫11..................................................................................................................................................................الثبات :‬ ‫11...................................................................................................................: ‪ user experience‬مراعاة خبرة المستخدم‬ ‫21......................................................................................................................................: ‪ Readability‬قابلية القراءة‬ ‫21..................................................................................................................................................وقت تحميل الموقع :‬ ‫31.....................................................................................................................................................البحث في الموقع :‬ ‫41.......................................................................................................................................................محتوى موقع الويب‬ ‫91.........................................................................................................................................................تــحــلـيل الـمـوقـع‬ ‫12..........................................................................هل أداة البحث ظاهرة في كل الصفحات, وفي نفس المكان ؟ وهل تبدو واضحة؟‬ ‫32................................................واضح ؟ وهل هو موجود في كل صفحة؟ ‪ checkout‬و رابط الدفع ‪ basket‬هل رابط لـ سلة الشراء‬ ‫42...........................................................................................هل السعر دائما واضح؟ وهل هو يظهر وبشكل دائما قرب المنتج؟‬ ‫52..................................................................................................هل الموقع يقدم المساعدة للعملء خلل اختيارهم للمنتجات؟‬ ‫72.............................................................................................عندما يتم زيارة صفحة منتج ما؟ ‪ links‬هل تتغير ألوان الروابط‬ ‫82.........................بعد أجرى عملية بحث داخل الموقع .. هل يظهر عدد النتائج؟ وهل يظهر أعلى الصفحة اسم المصطلح الذي بحثنا عنه ؟‬ ‫92.................................................................................................هل يمكننا تحديد عدد المنتجات التي تظهر بعد عملية البحث؟‬ ‫03......................................................................................هل الموقع مقسم إلى فئات واضحة؟ وهل هي موجودة في كل صفحة؟‬ ‫13........................................................................................؟ ‪ orientation cues‬هل الموقع يوفر إشارات أو علمات التوجية‬ ‫23................................................................................هل يقدم الموقع وصف للمنتج؟ وهل يمكن تكبير صورة المنتج المعروض؟‬ ‫33..............................................................هل الموقع يستخدم نموذج للدخول وللتسجيل معا؟ أو أنه يستخدم نموذج مستقل لكل واحد؟‬ ‫43..................................................................................................................................هل خطوات عملية الدفع واضحة؟‬ ‫53...........................................................................عندما يقوم العميل بخطأ ما.. هل تظهر رسالة للعميل رسالة توضح له المشكلة؟‬ ‫63......................................................................................................................................تحليل الموقع حسب مقياس ليكرت‬
  3. 3. ‫نبذة عن الموقع‬ ‫الموقـع لسـرة صـغيرة مكونـة مـن زوجـة وزوج و أبنائهـم الثلثـة. يقدمون فـي الموقـع مجموعـة‬ ‫مـن الحذيـة التـي يحبونهـا. كـل مـا فـي الموقـع هـي مجموعـة مـن الحذيـة قاموا بانتقائهـا وفـق‬ ‫أذواقهم. بالضافة إلى أن الموقع يقدم مجموعة بسيطة من الكسسورات و الملبس.‬
  4. 4. ‫الــمــوقـــع‬ ‫هــــيـــكــلــيـة‬
  5. 5. ‫يوجد في الموقع ثلث أشرطة‬ ‫1-شريط المعلومات‬ ‫: ‪ About‬يقدم نبذة مختصرة عن الموقع .‬ ‫: ‪ events‬يقدم أخبار عن هابتات.‬ ‫: ‪ Treends‬يقدم أخر الخبار عن المنتجات الموجودة في الموقع.‬ ‫‪ : Email Sign Up‬يمكن من خلله القيام بعمل حساب.‬ ‫‪ : My account‬يقدم معلومات عن حسابك. بحيث يمكنك أن تضيف حساب الدفع‬ ‫وحساب الشحن لنتمكن من استلم البضاعة ,الصورة التالية توضح المقصود.‬ ‫‪ : Wish List‬وهي قائمة التمنيات,والصورة التالية توضح.‬
  6. 6. ‫‪ View Cart‬تعرض عربة التنقل.‬ ‫:‬ ‫2-شريط التنقل داخل محتوى الموقع.‬ ‫فعندما نضغط على قسم النساء تظهر لنا‬ ‫تظهر لنا قائمة على اليسار تحتوي على:‬
  7. 7. ‫الحذية الخاصة بالنساء ‪Shoes‬‬ ‫الملبس الخاصة بالنساء ‪apparel‬‬ ‫الكسسورات الخاصة بالنساء ‪accessories‬‬ ‫وهذا يمكن أن نختار قسم الرجال أو قسم الطفال وسنجد القسام الفرعية الخاصة بكل قسم.‬ ‫الموقع يوفر طريقة أخرى لتنقل داخل محتوى الموقع وهي :‬ ‫فيمكن من القائمة العلوية اليمنى أن نحدد ما نريد ونحدد العلمة التجارة المطلوبة.‬ ‫٣- شريط التصال‬ ‫‪Contact Us‬‬ ‫يحتوي معلومات للتصال على القائمين على الموقع‬ ‫‪Customer Service/FAQS‬‬
  8. 8. ‫يحتوي على مجموعة من السئلة والجابات لكل ما يحتاجه العميل مثل طريقة الدفع فيمكن‬ ‫أن تكون بأكثر من طريقة .. وكذلك الطلب ممكن أن يكون من خلل النترنت أو من خلل‬ ‫الهاتف .‬ ‫‪Site Map‬‬ ‫خريطة التنقل داخل الموقع.‬ ‫‪Privacy‬‬ ‫توضح معلومات عن آمان الموقع وسرية بيانات العملء.‬
  9. 9. ‫تـصـمـيـم الـمـوقـع وتـنـظـيـمـه‬
  10. 10. ‫ترتيب الموقع :‬ ‫من خلل عرض الهيكلية للموقع يتضح لنا أن الموقع يستخدم ثلث طبقات "أقسام" )نساء-رجال-‬ ‫أطفال( وفي كل قسم يكون البحار أفقي , مع وجود تداخلت بين القسام.‬ ‫الموقع لم يكتفي بهذا الشيء , بل قام بوضع خريطة للموقع توضح للزائر كيف يبدو الموقع.‬
  11. 11. ‫اللوان في الموقع :‬ ‫الموقـع نجـد أنـه يسـتخدم لونيـن إلى ثلث ألوان ويسـتخدم مسـاحات بيضاء واسـعة. السـبب فـي ذلك‬ ‫لن الموقـع يعتمـد على الصـور فهـو يقدم صـورة لكـل منتـج, ومعروف أن كثرة اللوان والصـور‬ ‫تشتت الزائر, وتبطئ من عملية فتح الصفحة.‬ ‫الثبات :‬ ‫مـا نقصـده هـو ثبات صـفحات الموقـع, بمعنـى أخـر نجـد أن شريـط المعلومات وشريـط التنقـل داخـل‬ ‫محتوى الموقع ثابت ل يتغير فقط ما يتغير المحتوى نفسه.‬ ‫كذلك بالنسبة للعناوين في أعلى المتصفح ‪ browser‬نجد أنها ل تتغير إل بشكل جزئي فمثل صفحة‬ ‫القسم النسائي عنوانها‬ ‫‪shoes,denim and accessories for women‬‬ ‫القسم الرجالي‬ ‫‪shoes,denim and accessories for men‬‬ ‫وجيكوب نيلسـون الب الروحـي لقابليـة السـتخدام على الويـب ‪ usability‬يقول الثبات هـو مـن أهـم‬ ‫عناصر تصميم المواقع.‬ ‫فمسـتخدم النترنـت يقوم بفتـح عدد مـن المواقـع فـي نفـس الوقـت, فكون الموقـع ثابـت )أي ألوانـه‬ ‫وأغلب تصاميمه ل تتغير من صفحة إلى أخرى( يجعل الزائر يتعرف عليه وبسرعة.‬ ‫مراعاة خبرة المستخدم ‪: user experience‬‬ ‫خـبرة المسـتخدم مصـطلح يسـتخدم لوصـف خـبرة الشخـص و درجـة رضاه فـي تعامله مـع أي منتـج.‬ ‫غالبً ما تهتم الشركات أو الفراد المحترفون بخبرة المستخدم فهم يضعون في حسابهم أثناء عملية‬ ‫ا‬ ‫التصميم توقعات المستخدمين وردود أفعالهم . خبرة المستخدم في أغلب الحيان سبب لنجاح منتج‬ ‫من بين عشرات المنتجات الخرى المشابهة له.‬ ‫يقول ‪ Andreas Pfeiffer‬فـي مقال له 1 يتحدث فيهـا عـن 01 نقاط هامـة فـي خـبرة المسـتخدم يقول فيهـا ل‬ ‫تضـع الكثيـر مـن المميزات فهـي سـتربك المسـتخدم ول تعتقـد أن المسـتخدمين محترفيـن أو يملكون‬ ‫الوقـت الكافـي للقراءة عـن منتجـك سـواء قبـل أو أثناء عمليـة الشراء , ركـز على البسـاطة والبسـاطة‬ ‫باختصـار تعنـي انجاز العمال بأقـل عدد ممكـن مـن الخطوات , أجعـل المنتـج يشرح نفسـه بنفسـة,‬ ‫1‬ ‫‪http://www.acm.org/ubiquity/views/v7i07_pfeiffer.html‬‬
  12. 12. ‫ضـع فـي ذهنـك أن إضافـة أي مميزات تحتاج لتعلم مـن قبـل المسـتخدمين سـتجعل منتجـك أقـل شهرة‬ ‫فمسـتخدميه فئة تحـب التعلم فـي زمـن الغالبيـة فيـه ل تحـب التعلم , المميزات غيـر المسـتخدمة ليسـت‬ ‫عديمة الفائدة فحسب بل تقلل من قابلية استخدام الجهاز.‬ ‫فـي الحقيقـة عندمـا راجعـت النقاط السـابقة وجدت أن موقـع هبتات يراعـي خـبرة المسـتخدم, فمثل‬ ‫فهمـت الموقـع مـن أول زيارة, تصـفحته وقمـت بتكويـن حسـاب بكـل سـهولة, لم أجـد نفسـي أقرأ‬ ‫ـ‬ ‫ـ‬ ‫ـ‬ ‫ـ‬ ‫ـ‬ ‫ـ‬ ‫ـ‬ ‫ـ‬ ‫معلومات مفصلة, فقط جملة أو جملتين.‬ ‫قابلية القراءة ‪: Readability‬‬ ‫وجدت أن الموقـع قابـل للقراءة, مـا أقصـده أن الموقـع يسـتخدم كلمات واضحـة فمثل يسـتخدم كلمات‬ ‫نساء, رجال , أطفال , حول الموقع وهذه وغيرها جميعها كلمات معروفة.‬ ‫بعـض الموقـع تعتقـد أن مـن البداع أن تهجـر مـا تعارف الناس عليـه, فمثل بعـض المواقـع تسـتبدل‬ ‫كلمة "حول الموقع" أو "عن الشركة" بعبارات أخرى "في سطور" أو "الجانب الخفي" وغيرها‬ ‫من عبارات تكون غير مألوفة لغلب مستخدمي الويب.‬ ‫كذلك نجد أن الموقع يعتمد على نظم إدارة محتوى توفر روابط مقروءة , فمثل‬ ‫‪http://www.habitatshoes.com/womens‬‬ ‫واضح أنه يؤدي إلى قسم النساء‬ ‫و‬ ‫‪http://www.habitatshoes.com/wish_list‬‬ ‫يؤدي إلى قائمة الرغبات أو ‪wish list‬‬ ‫وقت تحميل الموقع :‬ ‫حجم الصفحات مناسب, وذلك لن الموقع يستخدم صور صغيرة ومحدودة في كل صفحة. وهي ل‬ ‫يستخدم الصور إل لعرض المنتجات أم غير ذلك فهو يعتمد على النصوص.‬ ‫كذلك الموقـع ل يسـتخدم ملفات الفلش إل فـي الصـفحة الرئيسـية أمـا بقيـة الصـفحات ل يسـتخدمها.‬ ‫وهذا ما ساعد على أن يكون حجم الصفحات ليس كبير.‬
  13. 13. ‫البحث في الموقع :‬ ‫نجــد أن البحــث فــي الموقــع يعتمــد على القوائم المنســدلة ‪ drop down menus‬بحيــث يحدد الزائر‬ ‫القائمة ثم يحدد من القائمة الخرى العلمة التجارية التي يريد.‬
  14. 14. ‫محتوى موقع الويب‬
  15. 15. ‫محتوى الموقـع هـو أهـم مـا فـي موقـع الويـب, فالزائر يزور الموقـع للحصـول على معلومـة, والزائر‬ ‫يثق بالموقع بسبب جودة المعلومة, و يكرر الزيارة إذا كان المحتوى ُحدث باستمرار ,و المحتوى‬ ‫ي‬ ‫كذلك هو سبب تفوق موقع ما على موقع أخر.‬ ‫هناك دراسة 2 تشير إلى 61% يقومون بقراءة المحتوى كامل لكن 97% يعملون مسح سريع ‪Scan‬‬ ‫أو ‪ Skim‬هذا الدراسة وغيرها من الدراسات تشير على أهمية الهتمام بمحتوى الموقع.‬ ‫ما المقصود بقابلية الستخدام بشكل عام؟ باختصـار يمكن أن نقول هي عملية تحسين العلقة بيـن‬ ‫البشـر واللة لتحقيـق المراد بشكـل سـريع ودقيـق , كلمـة البشـر يندرج تحتهـا جميـع العمار والفئات‬ ‫سـواء السـليم أو ذوي الحتياجات الخاصـة بالنسـبة لللة يمكـن أن تكون أي جهاز سـواء شاشـة أو‬ ‫لوحـة مفاتيـح أو تلفاز وغيره ويمكـن أن تكون برمجيـة معينـة أو موقـع ويـب بـل يمكـن أن تكون أدق‬ ‫من ذلك كمثل كتابة محتوى الويب أو مستندات التوثيق وغيره .‬ ‫المحتوى القابــل للســتخدام ‪ usable content‬تتوفــر فيــه العديــد مــن المميزات 3 ســأحاول ســردها‬ ‫وتوضيح مدى توفرها في موقع هبتات :‬ ‫١- أن يسـتخدم الموقـع لغـة واضحـة و مفهومـة, فالموقـع موجـة للعملء , والعملء بطبيعـة الحال‬ ‫متفاوتين في قدراتهم , لذلك ينبغي مراعاة هذا الجانب.‬ ‫فـي موقـع هبتات وجدنـا أن اللغـة واضحـة ومفهومـة , فمثل عندمـا يختار الزائر علمـة ‪Camper‬‬ ‫‪ Kids‬في قسم الطفل ستظهر له المنتجات على الشكل التالي‬ ‫2‬ ‫/‪http://www.sun.com/980713/webwriting‬‬ ‫3‬ ‫/‪ http://www.useit.com‬حسب ما قرأت في موقع جيكوب نيلسون‬
  16. 16. ‫فنجد اسم العلمة التجارية واسم المنتج نفسه والسعر قبل وبعد الخصم. وعندما نختار منتج محدد‬ ‫تظهر لنا قائمة تحتوي على وصف للمنتج يظهر على شكل نقاط, و وصف المنتج يستخدم عبارات‬ ‫واضحة :‬ ‫•أرسل إلى صديق.‬ ‫•أضف إلى قائمة الرغبات‬ ‫•أضف إلى عربة التسوق‬ ‫٢- وضع عنوان واضح للصفحة ,بحيث ل يتجاوز 06 حرف ومن المهم استغلل الحرف الولى‬ ‫بوضـع كلمات دالة فمث ً يتـم وضـع اسـم القسـم أو عنوان المقالة متبوعـا باسـم الشركـة والسـبب فـي‬ ‫ل‬ ‫ذلك أن ما يتم وضعه في وسم ‪ title‬يظهر جزء منه في شريط المهام ‪ Task bar‬مما يساعدك على‬ ‫التنقل بسرعة أيضاً عند استخدام محركات البحث سيظهر لك 06 حرف فقط من العنوان.‬ ‫بالنسبة لموقع هبتات يمكنني أن أقول أن صفحات الموقع تظهر على الشكل التالي :‬ ‫‪Brand name , name of product , habitat shoes‬‬ ‫لنأخذ على سبيل المثال صفحة قسم الطفل عنوانها :‬ ‫‪Shoes for the kids :: habitat shoes‬‬ ‫وعندما يتم اختيار ماركة ‪ Camper‬في قسم الطفل يكون العنوان‬ ‫‪Camper kids shoes :: habitat shoes‬‬
  17. 17. ‫نلحـظ ممـا سـبق أن موقـع هبتات لم يكتفـي فقـط بوضـع عناويـن بـل وضـع عناويـن واضحـة ودالة‬ ‫لمحتوى الصفحة.‬ ‫٣- اسـتخدام أشرطـة تنقـل داخـل الموقـع رئيسـية وأشرطـة تنقـل فرعيـة, واسـتخدام عناويـن رئيسـية‬ ‫وعناوين فرعية.‬ ‫أشرنا خلل حديثنا عن هيكلة الموقع أنه يوجد شريط للتنقل داخل محتوى الموقع:‬ ‫عندما يتم اختار قسم المرأة‬ ‫ســنجد أن ‪ women‬أصــبحت بلون أخــر, لتوضــح أننــا فــي قســم المرأة , كذلك نجــد أن هناك قائمــة‬ ‫فرعية خاصة بالمرأة :‬ ‫•الحذية.‬ ‫•الملبس.‬ ‫•الكسسورات.‬ ‫٤- اسـتخدام اللوان فـي الموقـع. نجـد أن الموقـع ل يسـتخدم الكثيـر مـن اللوان , كذلك أنـه يسـتخدم‬ ‫ألوان غير متشابهة لمحاولة التمييز فمثل في الصورة السابقة تبدو كلمة ‪ women‬مميزة عن غيرها‬ ‫لتشير أننا في صفحة المرأة.‬ ‫٥- تقسيم الصفحة بشكل جيد وثابت ,بحيث يتم وضع مساحة ثابتة في جميع صفحات الموقع لكتابة‬ ‫المقالت ومساحة ثابتة لشرطة التصفح و هكذا لنه أكثر ما يربك الزائر هو التخطيط العشوائي‬ ‫لصفحات الموقع فأحياناً تقرأ مقالة وعندما تريد مواصلة القراءة بضغط على الرابط تتفاجأ بأن كل‬ ‫شيء قد تغير .‬
  18. 18. ‫تصميم موقع هبتات يمكن أن نقول أنه على الشكل التالي:‬ ‫جميع المناطق ثابتة ل تتغير ما عدا منطقة المحتوى الرئيسي ‪ Main page content‬وكذلك القائمة‬ ‫الفرعية ‪. sub- navigation‬‬
  19. 19. ‫تــحــلـيل الـمـوقـع‬
  20. 20. ‫سـأعتمد فـي تحليـل الموقـع على تقريـر نشره موقـع ويـب كريدبـل لعام ٧٠٠٢. والتقريـر هـو عبارة‬ : ‫عن تقييم لمواقع التجارة اللكترونية , جاء التقييم بناء على ٠٢ نقطة‬ 1. Search function is in the same place on every page and is highly visible. 2. A link to both the basket and checkout is clearly visible on every page. 3. Price is always clearly displayed next to any product. 4. Users are given help in choosing products . 5. Visited links to products change colour. 6. Number of results and search term are clearly displayed at the top. 7. Option to change the number of products displayed is provided. 8. Product categories are provided and clearly visible on the homepage. 9. Orientation cues are provided. 10.Product description & enlargeable image offered. 11.The same form is used for both logging in and registering. 12.Highly visible progress indicator provided during checkout. 13.Users are provided with sufficient help when an error is made. .‫سنقوم بشرح النقاط السابقة , وتطبيقها على موقع هبتات‬
  21. 21. ‫هل أداة البحث ظاهرة في كل الصفحات, وفي نفس المكان ؟ وهل تبدو واضحة؟‬ ‫قبل أن أتحدث عن أداة البحث في الموقع, أود مناقشة طرق البحث, هناك آلية بحث في الموقع‬ ‫اعتدنا عليها مثل هذه الشكال‬ ‫لكن في موقع هبتات طريقة البحث مختلفة , نقوم بتحديد الفئة )نساء, رجال, أطفال( ثم نحدد‬ ‫العلمة التجارية, ولعل الصورة الحالية توضح.‬
  22. 22. ‫هـل طريقـة موقـع هبتات صـحيحة؟ بحـث و وجدت الجابـة فـي كتاب ‪prioritizing web usability‬‬ ‫فـي صـفحة ٠٤١ و وجدت أن جيكوب نيلسـون يقول مواقـع التجارة اللكترونيـة مـن النسـب لهـا أن‬ ‫تستخدم طريق ‪ Parametric search‬وهي أن يختار الشخص لون معين أو علمة تجارية معينة أو‬ ‫مقاس معين وبناء عليها تظهر النتائج.‬ ‫تقييم أداة البحث في موقع هبتات:‬ ‫وجدت أن أداة البحـث تظهـر في كـل الصفحات , وتظهر فـي نفس المكان , وهـي واضحة فهي فـي‬ ‫أعلى الصفحة على اليمين.‬
  23. 23. ‫هل رابط لـ سلة الشراء ‪ basket‬و رابط الدفع ‪ checkout‬واضح ؟ وهل هو موجود في كل‬ ‫صفحة؟‬ ‫فـي موقـع هبتات سـنجد أن ‪ add to cart‬و ‪ checkout‬موجودان فـي كـل صـفحة ولهمـا لون مختلف‬ ‫عن الروابط الخرى.‬
  24. 24. ‫هل السعر دائما واضح؟ وهل هو يظهر وبشكل دائما قرب المنتج؟‬ ‫مـا يميـز موقـع هبتات أنـه دائمـا يعرض أسـعار المنتجات بشكـل واضـح, سـواء كنـا نتصـفح منتجات‬ ‫القسم بأكمله , الصورة توضح بعضا ً منتجات قسم الرجل :‬ ‫وكذلك سنجد أن السعر واضح لكل منتج على حدة‬
  25. 25. ‫هل الموقع يقدم المساعدة للعملء خلل اختيارهم للمنتجات؟‬ ‫فـي المواقـع على النترنـت ل يوجـد شخـص يسـاعد العميـل على اختيار المنتـج النسـب كمـا فـي‬ ‫المحال التجارية. لذلك من المهم أن يقدم الموقع خدمات بديلة.‬ ‫وجدت بعـض المواقـع تقدم رأي العملء السـابقين حول المنتجات التـي قاموا بشرائهـا , ومواقـع تقدم‬ ‫قائمة بأفضل البائعين.‬ ‫أما موقع هبتات وجدت أنه يوصي بمنتجات أخرى تكون قريبة من المنتج الذي تم اختياره.‬
  26. 26. ‫كذلك وجدت أن الموقع يضع أمام بعض المنتجات علمة عندما يكون المنتج جديد أو منتج هذا‬ ‫السبوع‬ ‫مــن الجيــد أن يقدم الموقــع طرق أخرى مثــل أن يضيــف تعليقات العملء , ســواء حول الســعر أو‬ ‫تجاربهم من المنتج وغيرها. هذه المور تريح العملء المستقبلين وتجعلهم واثقين من المنتج ومن‬ ‫الموقع نفسه.‬
  27. 27. ‫هل تتغير ألوان الروابط ‪ links‬عندما يتم زيارة صفحة منتج ما؟‬ ‫تغيير لون الرابط بعد زيارة أمر في غاية الهمية , فمثل لو نظرنا إلى الشكل التالي:‬ ‫كيـف سـنميز بيـن الصـفحات التـي قرأناهـا والتـي لم نقرأهـا؟ مـن المتعارف عليـه أن اللون الزرق‬ ‫يعني أن الصفحة لم تقرأ بعد واللون البنفسجي يعني العكس.‬ ‫فـي موقـع هبتات لم أجـد هذا الشيـء فالروابـط ل تتغيـر ألوانهـا وهذا فـي الحقيقـة سـبب لي مشكلة ,‬ ‫فعندما أرجع لقسم ما ل أتذكر الصفحات التي زرتها.‬
  28. 28. ‫بعد أجرى عملية بحث داخل الموقع .. هل يظهر عدد النتائج؟ وهل يظهر أعلى الصفحة اسم‬ ‫المصطلح الذي بحثنا عنه ؟‬ ‫فـي موقـع هبتات كمـا ذكرنـا أنـه يعتمـد فـي طريقـة بحثتـه على تحديـد الفئة ومـن ثـم تحديـد العلمـة‬ ‫التجارية.‬ ‫بعـد أجراء العديـد مـن عمليات البحـث اتضـح لنـا أنـه ل يظهـر عدد العناصـر , ويكتفـي فقـط بإظهار‬ ‫عدد الصفحات‬ ‫ولكـن ل يظهـر فـي الموقـع اسـم العلمـة التجاريـة فقـط تظهـر لنـا النتائج , وهذا يجعلنـا فـي كـل مرة‬ ‫نقوم بعملية بحث ما, نرجع إلى آلة البحث وننظر ما العلمة التي اخترناها‬
  29. 29. ‫هل يمكننا تحديد عدد المنتجات التي تظهر بعد عملية البحث؟‬ ‫بسبب أن سرعات النترنت بالنسبة للعملء متفاوتة فإنه من الفضل أن يسمح الموقع للعميل بعد‬ ‫كل عملية بحث بأن يظهر عدد المنتجات بالرقم الذي يريد.‬ ‫موقع هبتات يظهر للعميل ٨ منتجات في كل صفحة أو أن يظهر للعميل كافة المنتجات في صفحة‬ ‫واحدة.‬ ‫مـن الفضـل أن يسـمح الموقـع للزائر باختيار عدد المنتجات التـي سـتعرض فـي الصـفحة الواحدة,‬ ‫فمثل شخصـيا كانـت سـرعة التصـال لدي عاليـة, كان شيـء محبـط أن أتنقـل بيـن الصـفحات وكـل‬ ‫صفحة تحتوي على ثمان منتجات فقط!‬
  30. 30. ‫هل الموقع مقسم إلى فئات واضحة؟ وهل هي موجودة في كل صفحة؟‬ ‫نجد أن فئات المنتجات مقسمة إلى‬ ‫•‪Women‬‬ ‫•‪Men‬‬ ‫•‪Kids‬‬ ‫•‪Brands‬‬ ‫وسبق أن اسميناها شريط التنقل داخل محتوى الموقع. هذه الفئات موجودة داخل كل صفحة.‬ ‫وعندما نقوم باختيار فئة محددة )قسم معين( تظهر لنا الفئات الفرعية لذلك القسم‬
  31. 31. ‫هل الموقع يوفر إشارات أو علمات التوجية ‪ orientation cues‬؟‬ ‫المقصـود بعلمات التوجيـة هـي بمثابـة توضيـح للزائر أيـن هـو بالضبـط. مـن الخطـأ أن نفترض أن‬ ‫العميـل يدخـل الموقـع وينتقـل مـن صـفحة إلى أخرى بشكـل متسـلسل. هناك عملء يأتون مـن مواقـع‬ ‫أخرى ,أو مـن محركات بحـث, مـن الجميـل أن نجعـل موقعنـا سـهل السـتخدام ومـن أهـم خطوات‬ ‫سهولة الستخدام أن نوضح لهم أين هم.‬ ‫الصـورة التاليـة لحـد المواقـع . هـل بإمكاننـا تحديـد عنوان الصـفحة والقسـم؟ نعـم وبسـهولةعنوان‬ ‫الصفحة ‪ your website in recession‬ونحن في أحد مقالت التسويق المباشر.‬ ‫نعود إلى موقع هيبتات نجد فقط أنه يوضح لنا نحن في أي قسم, فمثل في الصورة التالي يوضح لنا‬ ‫أننا في قسم ‪ Women‬ولونها أحمر, لكن ل يوضح أننا في قسم الـ ‪ Sandals‬فلم يتم وضع تحتها خط‬ ‫أو تم تغيير لونها , وهذا خطأ.‬
  32. 32. ‫هل يقدم الموقع وصف للمنتج؟ وهل يمكن تكبير صورة المنتج المعروض؟‬ ‫فـي البدايـة لبـد أن نقول أن عرض المنتجات مـن خلل النترنـت يختلف عـن عرض المنتـج على‬ ‫أرض الواقع أو نقول يختلف عن عرضه في محال الـ ‪ Bricks and mortar‬فالعميل على النترنت:‬ ‫•ل يستطيع لمس المنتج, ول يستطيع عرضه من كل الزوايا.‬ ‫•ل يجد أشخاص يساعدونه.‬ ‫في موقع هبتات يوفر وصف لكل منتج, ويوفر إمكانية عرض المنتج بشكل أكبر.‬
  33. 33. ‫هل الموقع يستخدم نموذج للدخول وللتسجيل معا؟ أو أنه يستخدم نموذج مستقل لكل واحد؟‬ ‫عندمـا يضيـف العميـل المنتجات إلى سـلة الشراء ‪ basket‬سـيقوم فـي النهايـة بعمليـة الدفـع. بعـض‬ ‫المواقـع تظهـر نموذج واحـد فيـه سـؤال هـل أنـت مسـجل )عميـل قديـم( قـم بهذه الخطوات.. هـل أنـت‬ ‫عميل جديد قم بهذه الخطوات. في الحقيقة هذا الشيء مربك.‬ ‫موقع هبتات وجدت أنه يعتمد على طريقة واضحة وبسيطة. الصورة التالية توضح ذلك الشيء.‬
  34. 34. ‫هل خطوات عملية الدفع واضحة؟‬ ‫عمليـة الدفـع داخـل موقـع هبتات تتـم وفـق مراحـل متسـلسلة و واضحـة . فـي البدايـة يدخـل العميـل‬ ‫بياناتـه الشخصـية, ثـم يحدد طريقـة الدفـع , بعدهـا تظهـر المنتجات التـي اختارهـا العميـل ومواصـفات‬ ‫عنها . في الخير تظهر شاشة فيها خلصة الخطوات السابقة.‬
  35. 35. ‫عندما يقوم العميل بخطأ ما.. هل تظهر رسالة للعميل رسالة توضح له المشكلة؟‬ ‫مهمـا حاولت مواقـع التجارة اللكترونيـة منـع الخطـأ, احتمال الوقوع فـي الخطـأ وارد جدً . عندمـا‬ ‫ا‬ ‫يصادف العميل مشكلة معينة خلل عملية الدفع ول يجد لها حل , مباشرة سيغادر الموقع.‬ ‫في موقع هبتات, وجدت أنه يوفر آلية للمساعدة والتوجية عندما يتم الوقع في الخطأ. فمثل عندما‬ ‫قمــت بإدخال معلوماتــي خلل عمليــة الدفــع, ظهرت رســالة تخــبرني أن هناك خمــس أخطاء, و‬ ‫وضحت لي مكان كل خطأ .‬
  36. 36. ‫تحليل الموقع حسب مقياس ليكرت‬
  37. 37. 1. Strongly agree 2. Agree 3. Neither agree nor disagree 4. Disagree 5. Strongly disagree Characteristics 1 ٢ ٣ ٤ ٥ Search function is in the same place on every page and is highly √ visible. A link to both the basket and checkout is clearly visible on every √ page. Price is always clearly displayed next to any product. √ Users are given help in choosing products . √ Visited links to products change colour. √ Number of results and search term are clearly displayed at the top. √ Option to change the number of products displayed is provided. √ Product categories are provided and clearly visible on the √ homepage. Orientation cues are provided. √ Product description & enlargeable image offered. √ The same form is used for both logging in and registering. √ Highly visible progress indicator provided during checkout. √ Users are provided with sufficient help when an error is made. √ ,,,‫والحمد ل رب العالمين‬

×