گرایشات جدید در طراحی وب سایت های فروشگاهی

امروزه با پیشرفت در حوزه طراحی وب شاهد این هستیم که اکثر وب سایت ها  تصمیم به ریدیزاین وب سایت های خود گرفته اند و دیزاین وب سایت های خود را تغییر داده اند. این وب سایت های ریدیزاین شده از گرایشات جدیدی که محبوبیت زیادی پیدا کرده اند در طرح جدید خود استفاده کرده اند که این گرایشات حوضه وسیعی از کاربرد ها از اپلیکیشن های موبایل گرفته تا وب سایت های مختلف را تحت تاثیر خود قرار داده است.

وب سایت هایی مانند Magento ، Shopify و ... از نمونه های خوب در طراحی فروشگاه هستند  که البته پیروی کردن از وب سایت هایی از این دست که از اخرین گرایشات در طراحی های خود استفاده می کنند بسیار مشکل است. برخی پیش بینی می کردند که در 2014 درصد کاربرانی که از موبایل برای وبگردی استفاده می کنند از کاربرانی دسکتاپی پیشی خواهد گرفت و همچنینی درصد استفاده از  تجارت الکترونیک با گوشی ها  30% خرید وفروش ها را به خود اختصاص خواهد داد، بنابراین در چنین شرایطی تغییر روند طراحی برای سازگاری بیشتر با گرایشات موجود در طراحی وب سایت های فروشگاهی امری اجتناب ناپذیر برای باقی ماندن در این بازار رقابت است.

پس در وهله اول وب سایت های تجارت الکترونیک تصمیم به طراحی دوباره برای سازگاری بیشتر با گوشی ها و سایر دستگاهها نمودند تا کاربران خود را حفظ کنند . در ادامه به گرایشات جدیدی که این روزها در وب سایت های تجارت الکترونیک زیاد دیده شده است را بیان می کنیم.

طراحی واکنش گرا یا Responsive

گوشی ها به یکی از مهم ترین دستگاهها برای استفاده از وب سایت های تجارت الکترونیکی در سال 2014  تبدیل شده اند. البته نمی توان گفت که دیگر کاربران دسک تاپی را در نظر نمی گیرند، ولی با توجه به پیشرفت های روز افزون در دستگاههای الکترونیکی مانند گوشی ها و تبلت ها و محبوبیت آنها در بین عموم مردم، توجه به این دستگاهها برای دیزاین  بر اساس آن بسیار مرسوم شده است.

طراحی ریسپانسیو راهی است برای طراحی یک وبسایت که در همه نمایشگرها به خوبی دیده شود. در طراحی ریسپانسیو همه اشیاء و تصاویر و متن ها با توجه به اندازه صفحه نمایشگر در جای خود قرار میگیرند. یک کاربر دسکتاپ وقتی وب سایت شما را میبیند ممکن است سایت سما را دو ستونه ببینید اما کاربر دیگری که از اسمارت فون استفاده میکند سایت شما را یک ستونه میبیند. امروزه اگر وب سایتی ریسپانسیو نباشد به مرور بازدید کنندگان آنها سهولت وبگردی آسان را در website شما از دست خواهند داد و این امر موجود کاهش بازدید و از دست دادن مخاطبانتان گردد .

توجه به طراحی کاربرپسند تر برای موبایل ها و تبلت ها :

امروزه با ترویج گرایش طراحی Responsive و اصول طراحی ابتدا موبایل یا mobile-first طراحی ها بیشتر به سمت راحتی کاربر برای استفاده از وب سایت در گوشی ها میرود. به دلیل کوک بودن صفحه و محدودیت فضا سعی می شود تا فقط اطلاعات ضروری و مهم را به کاربران نشان داد تا کاربر زیاد مجبور به اسکرول  در صفحه نباشدو به راحتی به اطلاعات و سرویس های مهم در وب سایت دست پیدا کند . در طراحی برای گوشی ها سعی می شود از اسلایدر کمتر استفاده شود چرا که جلو و عقب کردن این تصاویر در گوشی ها برای کاربران سخت است به  همین دلیل استفاده از اسلایدر در نسخه گوشی ها سفارش نمی دهد.  همچنین در طراحی برای نسخه موبایل وب سایت ها سعی میشود از Navgation  های بهتری  استفاده شود تا کاربر به راحتی بتواند به مهم ترین سرویس های وب سایت دسترسی پیدا کند.

طراحی فلت یا تخت :

طراحی فلت یا صاف در ویندوز 8 و اپلios7 و هزاران وب سایت مشهور دیگر می توانید ببینید. در طراحی فلت از گوشه های گرد و سایه ها و استفاده از بعد جلوگیری می شود وبیشتر برروی رنگ ها و فونت های زیبا و تایپوگرافی تاکید می کند .

این دیزاین اکثرا به سمت طراحی رابط ساده تر گرایش دارد که به راحتی responsive می شود تمایل دارد. عکس ها در این دیزاین کیفیت بالا ولی حجم کمی دارند که سرعت لود انها را کم می کند  و به عنوان نقطه تمایزی با سایر وب سایت ها باشد.

-اطلاعات بیشتر در یک صفحه :

در سال 2014 انتظار میرود که طراحان وب سایت ها و توسعه دهندگان وب ، اطلاعات بیشتری را در صفحات قرار دهند. به عنوان مثال از طریق اسکرول بی نهایت می توان اطلاعات زیادی را در یک صفحه تنها به نمایش گذاشت.

-فونت های جذاب و زیبا:

 تایپوگرافی های آنلاین در وب سایت ها بسیار پرطرفدار شده است . درواقع تایپوگرافی به اثر گرافیکی خلاقانه ای گفته می شود که ساختار اصلی آن را حروف تشکیل می دهند و با دخل و تصرفاتی که در فونت ها، جهت کشف ویژگی های بصری آنها انجام می شود، تایپوگرافی  خلق می شود . تایپوگرافی تاثیر بسزایی در زیبایی وب سایت ها دارد و آنها را جذابتر می کند . وب سایت زیر یکی از نمونه های خوب در بکارگیری تایپو گرافی به حساب می آید.

Yellow Bird Project

-استفاده از عکس های بزرگ در وب سایت ها :

امروزه استفاده از تصاویر بزرگ در طراحی وب سایت مرسوم  شده است. این تصاویر زیبا و جذاب هستند و نمای سایت را زیباتر می کنند. اگر چه این تصاویر قبلا هم در طراحی وب سایت به کار می رفت، ولی امروز از تصاویر مدرن تر استفاده می شود. وب سایت هایی که از این نوع طرح ها استفاده می کنند بسیار چشم گیر هستند، خصوصا اگر در آنها از تصاویر زیبا و منحصر به فرد استفاده شده باشد. البته شما نمی توانید هر نوع عکسی را به کار ببرید، عکسی که استفاده می کنید باید با مضمون و هدف سایت متناسب باشد.  به عنوان مثال قرار دادن عکس بزرگ محصول در صفحه جزئیات محصول برای کاربران بسیار مفید بوده و به کاربر امکان بررسی محصول از زوایای مختلف در اندازه مناسب را می دهد و همچنین استفاده از این عکس ها در نسخه موبایلی وب سایت ها نیز بسیار بهتر است چرا که کاربران می توانند به راحتی با کلیک برروی آن به صفحه مورد نظر هدایت شوند .

-استفاده از ویدئو و سایر محتوای غنی برای وب سایت ها:

استفاده از ویدئوها یکی از مدیاهای بسیار مناسب برای کاربران  در وب سایت هاست . کاربران تمایل بیشتری به تماشای یک ویدئو به جای خواندن یک متنه ساده و خسته کننده دارند. به عنوان مثال در فروشگاه ها قرار دادن ویدئوی محصولات در صفحه جزئیات محصول کمک شایانی به  کاربران در تصمیم گیری انها برای خرید دارد.