نکات مهم در طراحي سايت فروشگاه اينترنتي

نتايج تست
با توجه به مطالعات انجام شده بسياري از کاربران از صفحه بندي ناراضي بودند. آن ها از سرعت پايين صفحه بندي ناراضي بودند و صفحه بندي با تعداد زياد معمولاً کاربر را از ديدن ليست کامل محصولات باز ميدارد. همچنين کاربران در سايت هايي که ليست محصولاتشان بر پايه اسکرول و يا دکمه هاي ادامه مطلب ميباشد، کاربران رغبت کمتري به مشاهده کامل محصولات نشان ميدهند.

 

با استفاده از اسکرول بي نهايت کاربر تمام محصولات را ميتواند در يک صفحه ببيند ولي به شرطي که لود شدن صدها محصول باعث افت سرعت نشود تا تمام محصولات به راحتي در يک صفحه با اسکرول کردن لود شوند. بنابراين زماني که حالت اسکرول بي نهايت به درستي پياده سازي يک تجربه خوب و بدون نقص را براي کاربر فراهم ميکند. در اين حالت کاربر ميتواند ليست محصولات را بدون هيچ وقفه اي اسکرول کرده و مشاهده نمايد. هيچ تعاملي مورد نياز نيست، محصولات تنها با اسکرول کردن کاربر به سمت پايين صفحه، ظاهر ميشوند. به همين دليل چيز عجيبي نيست که کاربران در سايت هايي که اسکرول بي نهايت دارند محصولات را به مراتب بيشتر از سايت ها با صفحه بندي يا دکمه هاي ادامه، مشاهده ميکنند. بنابراين اسکرول بي نهايت براي نشان دادن سريع و کلي ليست محصولات مناسب ميباشد. ولي در اين حالت کاربر به طور طبيعي تمرکز زيادي بر روي تک تک محصولات ندارد و پيوسته اسکرول کرده و پايين ميرود و محصولات را به صورت سطحي ميبيند.

 

اسکرول بي نهايت در برخي موارد مانع دسترسي کاربر به فوتر سايت ميشود. اين مسئله يکي از چالش هاي مهم استفاده از اسکرول بي نهايت ميباشد: زيرا با اسکرول کردن کاربر به سمت پايين بقيه محصولات لود ميشوند و کاربر تنها چند ثانيه فوتر را ديده و با لود شدن بقيه محصولات دوباره فوتر از ديد کاربر خارج ميشود. چنانچه آيتم ها زياد باشند مانع دسترسي کاربر به فوتر ميشوند. و اين مشکل بسيار مهم است زيرا معمولاً فوتر حاوي اطلاعات مفيدي مانند لينک هاي کمکي، اطلاعات پشتيباني و تماس و ... ميباشد.
در طي مطالعات و بررسي طراحي سايت هاي برتر تجارت الکترونيک، مشخص شد که تنها 8% آن ها از دکمه هاي ادامه استفاده کرده اند. دکمه ادامه (load more) يک طراحي بسيار ساده است که از کاربر ميخواهد در صورت تمايل به ديدن نتايج بيشتر، کليک کند.
کاربران سايت هايي را که داراي دکمه ادامه بوده اند باز هم بيشتر از سايت هاي داراي صفحه بندي مشاهده کرده و راضي بوده اند. در مقايسه با اسکرول بي نهايت، در سايت ها با دکمه ادامه کاربران تمرکز بيشتري بر روي ديدن تک تک محصولات دارند و سريع نگاه کرده و رد نمي شوند.

يکي از مزاياي سيستم هاي اسکرول بي نهايت و دکمه ادامه اين است که ليست محصولات ميتواند گسترده باشد. اين حالت ها به کاربر امکان ميدهند تا محصولات را در کل يک ليست راحتتر مقايسه کنند. داشتن يک فهرست تلفيقي از محصولات، ارزيابي و مقايسه و انتخاب يکي از آن ها را به طور قابل ملاحظه اي براي کاربر راحتتر ميکند.
پس به نظرتان کدام روش براي نمايش محصولات مناسب تر است؟ تحليل ها نشان داد که هيچ کدام از روش ها به تنهايي کامل و کارآمد نيستند.
حال در ادامه مقاله به بررسي 3 مدل مختلف پياده سازي حالت load more مي پردازيم:
•    براي دسته بندي ها از ترکيب load more و lazy load استفاده کنيد.
•    براي جستجو از دکمه load more همراه با تعدادي از نتايج مرتبط استفاده کنيد.
•    در موبايل از load more استفاده کنيد ولي به طور پيش فرض تعداد کمتري از محصولات لود يا بارگذاري شوند.
نکته : اين مطالب از نتايج مطالعات وب سايت هاي تجارت الکترونيک گرفته شده اند و ممکن است عملکرد در انواع سايت هاي ديگر متفاوت باشد.

يک راه حل مناسب براي بارگذاري محصولات در يک دسته بندي ترکيب حالت load more با اسکرول بي نهايت به صورت lazy load ميباشد. به اين صورت که ابتدا 10 -30 محصول در صفحه اوليه نمايش داده ميشوند و بعد 10-30 محصول ديگر هم از طريق lazy load بارگذاري ميشوند تا زماني که به 50-100 محصول برسيم و بعد از آن دکمه load more ظاهر ميشود. با کليک کردن بر روي دکمه ادامه 10-30 محصول ديگر هم بارگذاري ميشوند و عمليات lazy load دوباره تکرار ميشود تا 50-100 محصول بعدي و بعد از آن دوباره دکمه load more ظاهر ميشود. دکمه load more  بعد از 50-100 محصول وقفه اي ايجاد ميکند و کاربر را متوقف ميکند در حالي که lazy load عملکرد را بهبود بخشيده و زمان بارگذاري و لود سرور را کاهش ميدهد.
توجه داشته باشيد که تعداد محصولات بارگذاري شده در هر بار مهم ميباشد. مطالعات نشان ميدهند که تعداد مناسب بستگي به نوع محصولات و مفهوم کلي سايت دارد. در ليست هايي که شامل محصولات فني با ويژگي هاي خاص مانند محصولات سخت افزاري، قطعات و ... ميباشند سعي کنيد تعداد محصول کمتري در هر بار لود شود. ولي تجربه نشان داده است که کاربران قابليت ديدن ليست هاي طولاني و بلند بالايي از محصولات ظاهري و تزئيني دارند مانند لوازم دکوراسيون، مبلمان و ... 
به اين ترتيب صفحات با سرعت بيشتري لود ميشوند زيرا تعداد محصول کمتري در ابتدا بارگذاري ميشود.
علاوه بر اين در اين حالت در دسته بندي هاي کوچک و متوسط، lazy load به کاربر اجازه ميدهد تا ليست محصولات را با سرعت بيشتر و وقفه کمتري مشاهده نمايد. و در ليست هاي طولاني تر با وجود دکمه load more هم يک وقفه اي ايجاد ميشود و به کاربر اجازه داده ميشود تا محصولات را با دقت بيشتري ببيند و هم امکان دسترسي به فوتر را ايجاد مي نمايد.
يکي از مشکلات اسکرول بي نهايت و lazy load اين بود که کاربر به فوتر دسترسي نداشت و تنها چند ثانيه فوتر را مي ديد ولي استفاده از دکمه load more اين مشکل را تا حد زيادي برطرف ميکند.

با توجه به طبيعت جستجو معمولاً نتايج جستجو بسيار زياد بوده و بيشتر از يک ليست محصول يا دسته بندي هستند. بنابراين وجود هزاران آيتم در نتيجه يک جستجو به خصوص در سايت هاي بزرگ، اتفاق غير منتظره اي نيست.
بعلاوه در جستجو، نتايج با توجه به ميزان مرتبط بودنشان مرتب سازي ميشوند. بنابراين 50 نتيجه اول در مقايسه با 100 نتيجه اول معمولاً بسيار مرتبط تر به موضوع مورد جستجو ميباشند. بنابراين کاربر بيشتر از اينکه تمايل به اسکرول کردن ديدن نتايج بعدي داشته باشد، تمايل دارد نتايج اوليه را با دقت بيشتري بررسي کند.
بنابراين تنها بايد بين 25 تا 75 آيتم در نتيجه يک جستجو بارگذاري شوند و حالت اسکرول بي نهايت به هيچ وجه نبايد براي نشان دادن نتايج جستجو مورد استفاده قرار گيرد. صفحه بندي و دکمه load more گزينه هاي مناسب تري براي نمايش نتايج جستجو هستند زيرا کاربر را تشويق به تمرکز بيشتر بر روي آيتم ها ميکنند و مانع اسکن سريع آيتم ها توسط کاربر ميشوند.
حداکثر تعداد محصولاتي که به صورت پيش فرض لود ميشوند ميتواند به طور پويا و با توجه به ميزان ارتباط نتايج جستجو با يکديگر، تنظيم شود. اکثر موتورهاي جستجو، به هر نتيجه جستجو با توجه به ميزان ارتباطشان با موضوع جستجو، امتيازي اختصاص ميدهند و آن هايي که امتيازشان بيشتر است را در صفحه اول نتايج نمايش ميدهند.

 

منبع: طراحي سايت وب وان