بیشتر طراحان وب با همان الگوی داشبوردهای SaaS، فروشگاههای تجارت الکترونیک و برندهای سبک زندگی آموزش دیدهاند. بنابراین وقتی یک کارخانه ریختهگری، یک تأمینکننده مواد نسوز یا یک تولیدکننده دیگ بخار وارد بازار میشود، غریزه این است که به همان دستورالعملها متوسل شود: ویدیوی قهرمان، تایپوگرافی بزرگ، اسکرول پارالاکس. این غریزه تقریباً همیشه اشتباه است.
خریداران صنعتی مانند مصرفکنندگان رفتار نمیکنند. آنها با یک شماره قطعه، مهلت تحویل و تحمل اصطکاک که بر حسب ثانیه اندازهگیری میشود، از راه میرسند. اگر طراحی شما این را نادیده بگیرد، سایتی زیبا ساختهاید که تنها افرادی را که قرار بود به آنها خدمت کند، ناامید میکند.
در اینجا نحوه تفکر در مورد کار طراحی و توسعه برای مشتریان صنایع سنگین بدون از دست دادن مهارت شما آورده شده است.
بدانید چه کسی واقعاً در آن سوی صفحه نمایش است
شخصیت کاربر برای یک سایت صنعتی یک خریدار معمولی نیست. بلکه یک مدیر تدارکات، یک مهندس کارخانه یا یک سرپرست تعمیر و نگهداری با یک مشکل خاص است. آنها اغلب در یک مرکز پر سر و صدا پشت میز کار خود هستند، گاهی اوقات در یک کامیون با تلفن صحبت میکنند و تقریباً همیشه تحت فشار زمان هستند.
این موضوع، ظاهر «تجربه کاربری خوب» را تغییر میدهد. کاربران B2B نسبت به مصرفکنندگان عادی، اصطکاک را سختتر مجازات میکنند، زیرا زمان آنها قابل پرداخت است و تصمیمات آنها حسابرسی میشود. نکتهی کلیدی برای سایتهای صنعتی ساده است: وضوح بر لذت و خاص بودن بر ترغیب غلبه میکند.
این را به خلاصه تبدیل کنید. از مشتری بپرسید که یک خریدار قبل از برداشتن تلفن، کدام سه سوال را میپرسد. سپس مطمئن شوید که آن پاسخها در بالای صفحه و در صفحات مهم قرار دارند.
معماری اطلاعات، کار طراحی واقعی است
به یک سایت تامینکننده خوشساخت نگاه کنید - برای مثال، کارگزار مواد شرکت خدمات سرامیکی متنوع متوجه خواهید شد که ناوبری حول دو محور سازماندهی شده است: موادی که آنها تهیه میکنند و صنایعی که به آنها خدمت میکنند. این یک انتخاب سبکی نیست. این نشان دهنده نحوه جستجوی خریدار است.
یک تولیدکننده سفال که به دنبال کائولن است، به داستان برند شما اهمیتی نمیدهد. آنها میخواهند تأیید کنند که شما آن را ارائه میدهید، به چه شکلی و آیا به منطقه آنها خدمت میکنید یا خیر. معماری که منعکس کننده این مدل ذهنی باشد، از هر جلوه بصری که شما روی آن قرار میدهید، بهتر عمل خواهد کرد.
قبل از باز کردن فیگما، طرح کلی طبقهبندی را ترسیم کنید. دو ستون روی تخته سفید. یکی برای آنچه شرکت میفروشد، یکی برای کسانی که آن را میخرند. هر صفحه در ساختار باید با دو کلیک از هر دو طرف قابل دسترسی باشد.
عملکرد و دسترسی برای خریداران صنعتی اختیاری نیست
شبکههای گیاهی سریع نیستند. اتصالات میدانی قابل اعتماد نیستند. اگر بخش قهرمان شما یک ویدیوی پخش خودکار ۴ مگابایتی را نمایش میدهد، شما از قبل خریدار را در مناطق روستایی تنسی روی یک هاتاسپات از دست دادهاید.
خود گوگل است هسته هسته وب راهنماییها به سمت LCP سریع و طرحبندیهای پایدار سوق داده میشوند و این معیارها در سایتهای صنعتی اهمیت بیشتری دارند، نه کمتر. همین امر در مورد دسترسی نیز صدق میکند: خریداران مسنتر، محیطهای کمنور و دستهای دستکشپوش روی صفحات لمسی، شرایط واقعی هستند.
- وزن رسانه را کم کنید. تصاویر ثابت و بهینه شده در صفحه تدارکات، عملکرد بهتری نسبت به ویدیوی پسزمینه دارند. تصاویر متحرک را برای مطالعات موردی نگه دارید.
- به حرکت کاهش یافته احترام بگذاریدبه درخواست رسانهای ترجیحاً کمحرکت احترام بگذارید. مهندسان کارخانه در شیفتهای طولانی از شما تشکر خواهند کرد.
- حداقل WCAG AA را بزنیدکنتراست قوی، حالتهای فوکوس واقعی و ناوبری کیبورد، نمایشهای نمایشیِ دسترسیپذیری نیستند. اینها اصول اولیه هستند.
- روی یک اتصال با محدودیت سرعت (throttled connection) تست کنیداگر سایتی در Chrome DevTools با اینترنت کند 3G قابل استفاده نباشد، در نیمی از کشور قابل استفاده نیست.
پوگرافی و زبان بصری برای مخاطبان جدی
صنعتی بودن به معنای زشت بودن نیست، و جدی بودن به معنای کسلکننده بودن نیست. اما ظاهر باید نشاندهندهی شایستگی باشد، نه دنبال کردن مد روز. فونتهای سنگین که برای یک برند لباس خیابانی مناسب هستند، برای مدیر کارخانهای که آجر نسوز را انتخاب میکند، غیرجدی تلقی میشوند.
به فونتهای humanist sans-serif یا transitional serifs با اعداد قوی تکیه کنید. مشخصات، شماره قطعات و واحدهای اندازهگیری در همه جای این سایتها نمایش داده میشوند، بنابراین شکلهای جدولی و جفت شدن واضح monospace برای جداول دادهها ارزش وقت گذاشتن را دارند.
رنگ باید کارساز باشد، نه تزئینی. یک لهجه قوی برای CTA ها و هشدارهای مربوط به ایمنی در نظر بگیرید. هر چیز دیگری میتواند در یک پالت محدود قرار گیرد که با تصاویر محصول رقابت نکند.
الگوهای محتوایی که در صنایع سنگین تبدیل میشوند
تولید سرنخ برای تأمینکنندگان صنعتی به ندرت از طریق یک فرم پر زرق و برق در پایین صفحه فرود اتفاق میافتد. این اتفاق زمانی میافتد که خریدار به شما اعتماد کند که روند کار او را درک میکنید.
- صفحات مواد و محصولاتفرمها، گریدها، کاربردهای معمول و صنایعی که از آنها استفاده میکنند را ذکر کنید. صفحهای در مورد نسوزهای ریختنی باید مانند یک برگه مشخصات باشد، نه یک بروشور.
- صفحات صنعتیدنیای مشتری را منعکس کنید. یک صفحه برای کارخانههای ریختهگری باید از زبان مخصوص ریختهگری استفاده کند، نه از متنهای عمومی بازاریابی.
- وضوح منطقه خدماتاگر مشتری به ده ایالت ارسال میکند، آنها را ذکر کنید. خریداران وقتی نمیتوانند تشخیص دهند، سریعاً خودشان را رد صلاحیت میکنند.
- یک مسیر تماس واقعییک شماره تلفن در هدر، از هر چتباتی بهتر است. برای برخی از مشتریان، همین یک تصمیم، سوالات واجد شرایط را بیش از هر طراحی مجددی ارتقا میدهد.
تحویل و تحویلی که سایت را مفید نگه میدارد
مشتریان صنعتی به ندرت یک تیم بازاریابی دارند که منتظر بماند تا یک سیستم مدیریت محتوای پیچیده را مدیریت کند.
یک پشته انتخاب کنید که کلاینت بتواند آن را بهروزرسانی کندیک ساختار وردپرس ساده با بلوکهای سفارشی برای مشخصات محصول، از یک پیکربندی سفارشی بدون سربرگ که هیچکس از کارکنان نمیتواند به آن دست بزند، بیشتر دوام خواهد آورد.
الگوها را مستند کنیدیک یادداشت کوتاه در مورد اضافه کردن یک صفحه جدید در مورد مواد یا صنعت ضبط کنید. شش ماه بعد، وقتی مشتری به یک محصول جدید در حوزه تخصصی خود دست پیدا کند، باید بتواند بدون تماس با شما آن را منتشر کند.
طراحی برای مشتریان صنعتی، خویشتنداری را ارج مینهدآنچه را که به نفع خریدار نیست، حذف کنید، آنچه را که مفید است، اصلاح کنید، و در نهایت، کاری که انجام میدهید، از رضایتبخشترین کارهایی خواهد بود که در تمام طول سال انجام میدهید.