فروشگاه آی ار اردر

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

این پرونده نمونه‌ای از طراحی فروشگاه اینترنتی برای کاتالوگی پرتنوع از کالاهای کوچک است؛ بخش‌های بعدی هر لایه را جداگانه باز می‌کنند.

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

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

کالاهای کوچک معمولاً تصمیم‌های کوچک اما پرجزئیات می‌سازند. کاربر شاید برای خرید کابل وارد شود، اما باید بداند کابل برای چه کاربردی مناسب است. شاید پاوربانک بخواهد، اما هنوز بین استفاده روزمره و سفر مردد باشد.

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

«شارژ و انرژی» اسم یک نیاز است و «پاوربانک» اسم یک کالا. خریداری که می‌داند گوشی‌اش در سفر خاموش می‌شود، هنوز نمی‌داند پاوربانک لازم دارد، شارژر یا کابل؛ دسته‌ای که با نیاز نام‌گذاری شده، او را بدون دانستن نام دقیق محصول به گروه درست می‌رساند. نام بقیه دسته‌ها هم ترکیبی از کاربرد، موقعیت استفاده و نوع کالاست:

جستجو هم در همین منطق قرار می‌گیرد. نوار جستجوی بزرگ با نمونه‌هایی مثل پاوربانک، کابل و چراغ کمپینگ به کاربر آشنا اجازه می‌دهد مستقیم حرکت کند. در مقابل، منوی دسته‌ها و کارت‌های تصویری برای کاربری مناسب‌اند که هنوز در حال مرور و کشف است.

جدول زیر سه نیت اصلی خریدار را به مسیری که برایش طراحی شد و جزء رابطی که آن مسیر را می‌سازد وصل می‌کند:

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

راهنما جایی به کار می‌آید که دسته‌بندی کم می‌آورد. دسته «شارژ و انرژی» خریدار را به گروه درست می‌رساند، اما انتخاب میان دو پاوربانک یا دو کابل به معیاری نیاز دارد که در کارت محصول جا نمی‌شود. راهنمای خرید این معیارها را یک بار توضیح می‌دهد و خریدار با پرسش روشن‌تری به صفحه محصول می‌رسد.

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

نوار ارزش‌ها چهار وعده را کنار هم می‌گذارد: بررسی پیش از ارسال، هماهنگی ارسال، پیگیری درخواست‌ها و شفافیت اطلاعات کالا. هرکدام به یکی از نگرانی‌های خرید کالای کوچک جواب می‌دهد: سالم رسیدن کالا، زمان ارسال، وضعیت سفارش و اینکه کالا همان چیزی باشد که خریدار انتظار دارد.

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

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

برای فروشگاهی با کالاهای متنوع و ارزان، جستجو مهم‌تر است یا دسته‌بندی؟

هر دو، چون به دو نیت متفاوت جواب می‌دهند. جستجو برای کسی که نام کالا را می‌داند کوتاه‌ترین راه است و دسته‌بندی کاربردمحور برای کسی که فقط نیازش را می‌شناسد؛ در iRorder جستجو در مرکز هدر آمد و دسته‌ها با زبان مصرف روزمره نام‌گذاری شدند تا هیچ‌کدام از این دو گروه بی‌مسیر نماند.

طراحی این فروشگاه شامل چه بخش‌هایی بود؟

طراحی رابط کاربری (UI) و تجربه کاربری (UX) فروشگاه، معماری محتوای دسته‌بندی‌ها و ورودی‌های محصول، سامان‌دهی جستجو و دسته‌بندی، و تعریف جایگاه پیگیری سفارش و نشانه‌های اعتماد در ساختار صفحه. نمونه‌های دیگر فروشگاه اینترنتی: فروشگاه عروسک و هدیه و فروشگاه آنلاین ماهی تازه.

چرا پیگیری سفارش در هدر فروشگاه آمده است؟

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