فروشگاه آی ار اردر
iRorder فروشگاه اینترنتی کالاهای کوچک خانه و گجتهای روزمره است؛ پروژهای که طراحی آن باید میان تنوع کالا، جستجوی سریع، دستهبندی قابل فهم و اعتماد در مسیر خرید تعادل برقرار میکرد.
هدر سایت قبل از بنر، کار فروشگاه را توضیح میدهد
در تصویر صفحه اصلی iRorder، چشم قبل از رسیدن به محصولات با چند نشانه روبهرو میشود: جستجوی بزرگ، پیگیری سفارش، ورود کاربر، علاقهمندی، سبد خرید، لینکهای حملونقل و سوالات متداول.
این چیدمان اتفاقی نیست. برای فروشگاهی که از پاوربانک، کابل و شارژر تا آشپزخانه کوچک، اکسسوری خانه، ابزار سبک و محصولات سفر را کنار هم دارد، کاربر باید خیلی زود بفهمد از کدام مسیر وارد شود. اگر محصول را بشناسد، جستجو راه کوتاهتری است.
بنر اصلی با پیام «کالاهای کوچک خانه و گجتهای روزمره، یکجا» نقش معرفی سریع را بازی میکند، اما بار اصلی تجربه روی اجزای اطراف آن نشسته است.
مسئله پروژه
مسئله iRorder فقط چیدن کالاها در یک فروشگاه آنلاین نبود؛ مسئله این بود که تنوع کالاهای کوچک، بدون تبدیل شدن صفحه به انباری شلوغ، قابل جستجو و قابل فهم بماند.
کالاهای کوچک معمولاً تصمیمهای کوچک اما پرجزئیات میسازند. کاربر شاید برای خرید کابل وارد شود، اما باید بداند کابل برای چه کاربردی مناسب است. شاید پاوربانک بخواهد، اما هنوز بین استفاده روزمره و سفر مردد باشد.
از طرف دیگر، قیمت یا اندازه کوچک محصول به معنی ساده بودن تجربه خرید نیست. وقتی اطلاعات کالا، وضعیت ارسال، امکان پیگیری و مسیر پشتیبانی روشن نباشد، تردید کاربر زودتر از چیزی که تصور میشود شکل میگیرد.
دستهبندیها از کاربرد شروع شدند
در ساختار قابل مشاهده سایت، نام دستهها بیشتر از زبان مصرف روزمره میآیند تا زبان انبار کالا.
دستههایی مثل خانه هوشمند و نظافت، آشپزخانه کوچک، اکسسوری و نظمدهی خانه، ابزار، کمپینگ و سفر، شارژ و انرژی، و گجت و صدا، کاربر را مجبور نمیکنند از ابتدا نام دقیق محصول را بداند.
جستجو هم در همین منطق قرار میگیرد. نوار جستجوی بزرگ با نمونههایی مثل پاوربانک، کابل و چراغ کمپینگ به کاربر آشنا اجازه میدهد مستقیم حرکت کند. در مقابل، منوی دستهها و کارتهای تصویری برای کاربری مناسباند که هنوز در حال مرور و کشف است.
- کاربر هدفمند میتواند از جستجو به محصول نزدیک شود.
- کاربر مردد میتواند از دستهبندیهای کاربردمحور مسیر بگیرد.
- کاربر در حال مرور، با بخشهای محصولی و پیشنهادها در صفحه نگه داشته میشود.
صفحه اصلی برای سه نیت مختلف آماده شده است
در فروشگاههای این جنس، همه کاربران با یک قصد ثابت وارد نمیشوند.
برای کاربری که نام محصول را میداند، حضور جستجو در مرکز هدر مهم است. برای کاربری که نیاز دارد اما محصول دقیق را انتخاب نکرده، دستهبندیهای قابل خواندن نقش راهنما دارند.
نکته مهم این است که محتوای راهنما از تجربه فروشگاهی جدا نشده است. در صفحه فعلی، راهنماهایی برای انتخاب بخور سرد، چراغ رومیزی، پاوربانک، شارژر، کابل و اکسسوری خانه دیده میشود.
از خروجی چه میشود خواند؟
ارزیابی این پروژه بر پایه چیزهایی است که در بریف، محتوای فعلی و تصویر صفحه قابل مشاهدهاند.
آنچه میتوان با احتیاط گفت، به تصمیمهای طراحی مربوط است: جستجو برجسته شده، دستهها با زبان کاربردی نوشته شدهاند، پیگیری سفارش در هدر حضور دارد، لینکهای ارسال و پشتیبانی و سوالات متداول در دسترساند و نوار ارزشها روی بررسی پیش از ارسال، هماهنگی ارسال، پیگیری درخواستها و شفافیت اطلاعات کالا تاکید میکند.
اینها ادعای عملکرد نیستند؛ نشانههای طراحیاند. تفاوت مهمی وجود دارد بین اینکه بگوییم طراحی برای اعتمادسازی جا باز کرده و اینکه ادعا کنیم اعتماد کاربران افزایش یافته است.
- هدر، مسیرهای اصلی خرید و پیگیری را در دسترس کاربر قرار میدهد.
- دستهبندیها ترکیبی از نوع کالا و موقعیت استفاده را نشان میدهند.
- محتوای راهنمای خرید کنار بخشهای فروشگاهی قرار گرفته است.
- نشانههای اطمینان در همان صفحه اصلی دیده میشوند، نه فقط در صفحات داخلی.
اجزایی که تجربه فروشگاه را ساختند
خروجی پروژه مجموعهای از تصمیمهای جدا از هم نبود.
در چنین پروژهای، کارت محصول، جایگاه جستجو، نام دسته، متن راهنما، مسیر پیگیری و چیدمان صفحه اصلی هر کدام سهم کوچکی در تصمیم کاربر دارند.
- طراحی رابط کاربری فروشگاه اینترنتی انجام شد.
- تجربه کاربری مسیر کشف، بررسی و خرید محصول طراحی شد.
- معماری محتوای دستهبندیها و ورودیهای محصول ساماندهی شد.
- جایگاه جستجو، پیگیری سفارش و نشانههای اعتماد در ساختار تجربه تعریف شد.
خروجیهای تحویل
- طراحی رابط کاربری UI
- طراحی تجربه کاربری UX
- معماری محتوا
- طراحی فروشگاه اینترنتی
- ساماندهی دستهبندی و جستجوی محصول
جمعبندی
iRorder پروژهای است که طراحی آن با جزئیات خوانده میشود: نوار جستجو، زبان دستهها، جای پیگیری سفارش، محتوای راهنما و نشانههای اطمینان.