18 سایت تجارت الکترونیکی با طراحی بی عیب و نقص UX (و 3 نام بزرگ که خورد)

اگر در اوایل ماه جاری برای مقاله UX ما به ما ملحق شدید ، می دانید که ما 25 عنصر اساسی طراحی UX را برای وب سایت خود بحث کردیم.


ایده اصلی این است: طراحی UX همه چیز در مورد ورود به سر بازدید کننده شما است. این در مورد ایجاد یک تجربه ساده ، یکپارچه و لذت بخش برای کاربران شما است. ایده این است که اطلاعات را به سرعت تحویل داده و حتی آنها را لبخند بزنید.

طراحی خوب UX باعث ایجاد دوپامین و شادی در بازدید کنندگان شما می شود. و این باعث می شود که آنها بیشتر به شما اعتماد کنند. بسیار مهم است ، این باعث می شود که آنها بیشتر از شما بخرند.

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

چگونه این وب سایت ها از ترفندهای طراحی هوشمندانه UX برای ترغیب بازدید کنندگان خود برای خرید استفاده می کنند?

1. آسوس

من مثال Asos را خیلی استفاده می کنم ، اما دلیل خوبی برای آن وجود دارد. طراحی UX آنها درخشان است.

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

asos2

یكی از ویژگیهای مهم UX ، نشانگر فیلم است ، بنابراین بازدیدكنندگان می توانند واقعاً ببینند كه لباس چگونه به نظر می رسد. این بهترین دیدگاه را به مشتریان می دهد و از آنها اطمینان می بخشد.

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

آسوس

2. زارا

وب سایت Zara به سادگی یک کلاس موسیقی است. تمیز ، بصری و محدود. این یک قانون به قانون هیک است: یک اصل طراحی که انتخاب ناوبری را محدود می کند و گزینه های روشن اما محدود را به کاربر می دهد.

ایده این است که گزینه های بیش از حد بازدید کننده شما را تحت الشعاع قرار می دهد. با ارائه گزینه های کمتری ، آنها احساس اطمینان بیشتری می کنند. ما در این پست به ناوبری عالی تر خواهیم پرداخت ، اما Zara یکی از بهترین هاست.

زارا

3. بالاتر

Abof (All About Fashion) از یک ترفند UX شیطانی باهوش در وب سایت خود استفاده می کند. به صفحه اصلی بروید ، و به نظر نمی رسد مانند یک سایت سنتی تجارت الکترونیکی باشد. در عوض ، بیشتر به یک وبلاگ شبیه است. این پر از محتوای آبدار است که مخاطب خود را القا می کند.

بالاتر از

در ادامه داستان ها و مقاله های خود ، آنها لباس های بخش مهمی به نام “خرید داستان” را برجسته می کنند. در مقاله قبلی UX ما در مورد اهمیت ایجاد رابطه با مخاطبان شما صحبت کردیم. Abof این کار را کاملاً با داستانها و مطالب قابل اعتماد انجام می دهد.

بالاتر از 2

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

در صفحه محصولشان ، یادداشت های “سبک” مفیدی دارند ، که نمونه های کاملی از “تعامل خرد” است – لوازم کوچک که مخاطبان شما را به خود جذب می کنند.

بالاتر از 3

توجه كنید كه آنها همچنین دارای راهنمایی ‘سایز هستند تا به مشتریان کمک كنند اندازه گیری دقیق خود را به درستی انجام دهند (ترس از پوشیدن لباس یكی از بزرگترین دلایلی است كه ما سبد خرید را رها می كنیم). آنها همچنین از بخش «تخمین زده شده» برای اطلاعات بیشتر به مشتریان استفاده می کنند.

4. برگغوز

Berghaus یک مارک پوشاک در فضای باز است ، اما می دانید که در اولین ثانیه از فرود در سایت آنها.

ترنج

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

تنها افت نزولی؟ یک تماس بیشتر برای اقدام واقعاً باعث توافق در اینجا خواهد شد.

5. اپل

انتظار دارید یک شرکتی که طراحی و نوآوری را در قلب خود قرار می دهد ، از طراحی UX برتری داشته باشد و آنها هم این کار را انجام دهند. برای شروع صفحات محصول آنها را بررسی کنید.

آنها برای پویایی تصاویر ، ترسیم کاربر در داخل و از بین بردن نقاط خروج ، از پیمایش اختلاف منظر استفاده می کنند. شما در دنیای اپل غوطه ور هستید.

فیلم Shot 2016-07-28 در 8.43.00 صبح

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

ناوبری آنها ساده و تمیز است ، و من عاشق استفاده از آنها برای تمایز بیشتر گزینه ها (ما وب را اسکن می کنیم ، بنابراین کلمات عادت دارند که با یکدیگر ترکیب شوند)

سیب 2

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

6. بلروی

به عنوان یک فروشنده نسبتاً جدید تجارت الکترونیکی ، اولین کار شما نشان دادن مشتری به شما نسبت به دیگران است. بلروی این کار را با انواع کیف پولهای باریک و باریک انجام می دهد.

bellroy 3

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

بلروی 4

7. باند را اجاره کنید

Rent The Runway یک مفهوم بسیار منحصر به فرد دارد: شما یک لباس یا لباس را برای چند روز قرض می گیرید ، نه خرید آن. این بسیار مناسب برای عروسی ها یا رویدادهایی است که شما نمی خواهید لباس های دیگری را بپوشید که ممکن است هرگز آن را بپوشید.

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

اجاره باند

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

اجاره باند 2

خیلی ساده ، اما بسیار اطمینان بخش.

8. آمازون

آمازون بزرگترین وب سایت تجارت الکترونیکی در جهان است و کاملاً صریح و روشن یکی از بهترین ها است. شما می توانید هر یک از ویژگی های آنها را به عنوان نمونه ای از طراحی UX انتخاب کنید.

آنها از بسته نرم افزاری هوشمندانه تا توصیه مشتری خود ، نیازهای کاربران خود را پیش بینی کرده و تأمین می کنند. با این حال ، این سیستم سفارش یک کلیک آنها است که ما امروز برجسته می کنیم.

آمازون

این هنوز بهترین نمونه کارآیی ورود به سیستم در وب است. در هسته تجارت الکترونیکی طراحی UX فرآیند سبد خرید و چک است. صاف تر بهتر. و از سفارش یک کلیک نرم تر نمی شود!

9. چرای

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

چراندن

این یک کلاس استاد ساده در طراحی UX است.

10. TopShop

فروشگاه هایی که محصولات زیادی را به فروش می رسانند در هنگام طراحی UX کار بسیار سخت تری دارند. چگونه می توانید هر جفت مختلف شلوار جین را سازماندهی کرده و آنها را ارائه دهید?

خوشبختانه ، TopShop برنامه خوبی دارد. با استفاده از یک شماره گیری فیلتر بزرگ ، chunky که با صفحه شناور می شود ، می توانید مرتباً تغییر دهید و سبک ، رنگ ، تناسب و قیمت محصولات خود را تغییر دهید.

Topshop 2

حتی خنک تر ، هر محصول هنگامی که با موس خود را می چرخید ، به تصویری از مدل که در آن ها پوشیده است ، سوئیچ می کند. این تعامل را تشویق می کند و به مشتریان نگاه بهتری به موارد می بخشد.

11. اعتراض

اعتراض ممکن است بزرگترین و ناخوشایندترین ناوبری را در وب داشته باشد.

پ

واضح ، موجز و بدون فهرست است. همچنین احتمال سرگردان مشتری را کاهش می دهد. رنگ آبی توجه مشتری را در جایی که می خواهد درست نگه می دارد.

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

12. نگاه جدید

نگاه جدید جایگاهی در لیست سبدهای ابتکاری خود پیدا می کند. همیشه در نوار پیمایش آنها با یک نشانگر جسورانه به شما یادآوری می کند که در آنجا قرار دارد.

نگاه جدید 2

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

ظاهر جدید

13. مداد ، توسط 53

اگر قصد فروش قلم قلم قیمتی تقریبا 60 دلار را دارید ، باید واقعاً آن را بفروشید! خوشبختانه ، “مداد” ، توسط 53 ، کار خود را با استفاده از تعدادی ترفندهای طراحی UX بسیار عالی انجام داد.

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

مداد 2

آنها همچنین از بررسی های عالی استفاده می کنند تا توضیح دهند که چرا آنها خیلی بهتر از گزینه های دیگر در آنجا هستند. استفاده از نقل قول از “سیمی” یک ترفند درخشان برای دادن اعتبار محصول و ترسیم سود آن است.

مداد

14. مزرعه

در آخرین مقاله ما در مورد طراحی UX ، ما توضیح دادیم که چقدر همدلی با مخاطب هدف و ارتباط با آنها مهم است. Farmdrop این کار را با قرار دادن بیانیه ماموریت خود در جلو و مرکز انجام می دهد.

مزرعه

آنها “بیمار و خسته از دیدن مواد غذایی از مایل دورتر” هستند. این چیزی است که بیشتر مشتریان می توانند با آن سوار شوند. قبل از اینکه آنها سعی کنند هر چیزی را به شما بفروشند ، با شما ارتباط برقرار می کنند ، و دلیل خرید خود را به شما می دهند.

15. سید مشهورن

منوی کشویی عالی دیگر ، کامل با نمادهای کوچک. این یک ترفند ساده است که به ما کمک می کند تا منوی گسترده را درک کنیم. به علاوه ، این به وب سایت کمی شخصیت بیشتری می بخشد.

آیکون ها

16. ساعتهای آهسته

این یک ساعت با تنها یک دست است. این یک ایده بسیار منحصر به فرد است ، بنابراین توضیحاتی در آن طول می کشد! Slow Watches با یک فیلم توضیح دهنده صفحه کامل ، این کار را به خوبی انجام می دهد.

ساعتهای آهسته

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

17. جعبه آتش

وقتی موارد شما در گروههای عادی قرار نمی گیرند ، خلاق شوید! Firebox در هدیه های غیرمعمول و موارد نامربوط تخصص دارد. نمودار 50 برتر آنها بهترین راه برای کشف محبوب ترین محصولات آنها است.

تصاویر

چیدمان جعبه برای مرور سریع محصولات می تواند عالی باشد و بسیاری از تصاویر پویا ، در حال حرکت و تعامل با مشتری هستند.

از آنجا که آنها در هدیه تخصص دارند ، در نوار ناوبری خود نیز “یاب هدیه” دارند ، روشی خارق العاده برای محدود کردن گزینه ها.

18- تنبلی اوف

خرید آنلاین معمولاً کاملاً یکسان است و بسیاری از آنها روند قدیمی را از طریق یک مجله یا کاتالوگ از دست نخواهند داد.

Lazy Oaf این بخش را با بخش جالب کتابهای نگاهی خود به ارمغان می آورد. آنها به جای اینکه یک بار لباس را یک بار بپوشند ، لباس ها را در ترکیب های مختلف همه به یکباره نشان می دهند. پس از همه ، اینگونه است که آنها قبلاً در یک فروشگاه جستجو می کردند.

اوف تنبل

بر روی تصاویر کلیک کنید و یک جعبه “سریع خرید” برای انتخاب هر یک از سه مورد موجود در نمایش دریافت می کنید. این یک روش قدیمی و همهجانبه برای خرید است.

چه کار نکنیم!

ما دوست نداریم وب سایت های دیگر را به هم بریزیم ، اما نام های بزرگی در آنجا وجود دارد که همه آنها را اشتباه می دانند … در اینجا یکی دو نفر از بدترین متخلفان وجود دارد.

1. خانه فریزر

آنها یکی از بزرگترین فروشگاه های جهان هستند ، اما به محض بارگذاری وب سایت آنها ، یک اشتباه بزرگ مرتکب می شوید.

بلافاصله با پاپ آپ تمام صفحه برخورد خواهید کرد که از شما می خواهد در خبرنامه آنها مشترک شوید.

Hourse of Fraser

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

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

2. وال مارت

وال مارت چالش سختی دارد. آنها تقریباً همه چیز را می فروشند ، بنابراین چگونه می توانید آن را دسته بندی کنید و آن را ساده تر کنید؟ خوب ، من مطمئن نیستم … اما اینگونه نیست …

مارت دیوار

متأسفانه ، این فقط یک آشفتگی دسته بندی است که پیدا کردن آنچه شما به دنبال آن هستید تقریبا غیرممکن است.

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

3. ری-بان

این یک انتخاب کمی متوسط ​​است ، زیرا اکثر وب سایت های Ray-Ban بسیار کاربر پسند هستند. در حقیقت ، دارای یک تن از ویژگی های جالب است.

با این حال ، آنها کاری را انجام می دهند که بسیاری از سایت های تجارت الکترونیکی انجام می دهند که واقعاً باعث آزار مشتریان می شود. این:

ممنوعیت اشعه

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

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

اگر مشتری جدیدی هستید ، مطمئناً یک مهمان مهمان وجود دارد ، اما تمام کاری که انجام داده اید این است که دکمه دیگری برای کلیک به آنها بدهید. فرصتی دیگر برای دور زدن کلیک کنید.

در این مرحله مشتری شما کاملاً از سبد خرید و فرآیند خرید جدا شده است. آن را بیرون نکشید ، فقط فروش را قفل کنید!

طراحی عالی UX همه چیز درباره ترفندهای کوچکی است که کار را برای مشتریان راحت تر می کند. این 18 وب سایت این کار را کاملاً انجام می دهند.

از چه ویژگی هایی در وب سایت خود استفاده خواهید کرد?

Kim Martin Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map