Navrhování pro průmyslové klienty: V čem se webdesignéři mýlí, pokud jde o weby těžkého průmyslu

Většina webových designérů je vyškolena na stejné dietě SaaS dashboardů, e-shopů a lifestylových značek. Takže když se do vývoje dostane slévárna, dodavatel žáruvzdorných materiálů nebo výrobce kotlů, instinkt je sáhnout po stejném postupu: herní video, nadměrná typografie, paralaxní scroll. Tento instinkt se téměř vždy mýlí.

Průmysloví kupující se nechovají jako spotřebitelé. Přicházejí s číslem dílu, termínem a tolerancí tření, která se měří v sekundách. Pokud váš návrh toto ignoruje, vytvořili jste krásný web, který zklame jediné lidi, kterým měl sloužit.

Zde se dozvíte, jak přemýšlet o designové a vývojové práci pro klienty z těžkého průmyslu, aniž byste ztratili své řemeslo.

Vědět, kdo je ve skutečnosti na druhém konci obrazovky

Uživatelská persona pro průmyslový areál není běžný nakupující. Je to manažer nákupu, závodní inženýr nebo vedoucí údržby s konkrétním problémem. Často jsou u počítače v hlučném zařízení, někdy na telefonu v nákladním autě a téměř vždy pod časovým tlakem.

To mění, jak vypadá „dobrá UX“. B2B uživatelé trestají tření více než spotřebitelé, protože jejich čas je fakturovatelný a jejich rozhodnutí jsou auditována. Ponaučení pro průmyslové lokality je jednoduché: jasnost vítězí nad potěšením a specifičnost vítězí nad přesvědčováním.

Převeďte to do zadání. Zeptejte se klienta, na které tři otázky se kupující zeptá, než zvedne telefon. Pak se ujistěte, že tyto odpovědi jsou uvedeny nad ohybem stránky, na které záleží.

Informační architektura je skutečná designérská práce

Podívejte se na dobře vytvořené stránky dodavatele – například makléře materiálů Diversified Ceramic Services, Inc. Všimněte si, že navigace je uspořádána kolem dvou os: materiálů, které získávají, a odvětví, kterým slouží. Nejde o stylistickou volbu. Odráží to, jak kupující vyhledává.

Výrobce keramiky, který shání kaolin, se nezajímá o příběh vaší značky. Chce si ověřit, zda jej nabízíte, v jaké formě a zda působíte v jeho regionu. Architektura, která tento mentální model odráží, překoná jakoukoli vizuální ozdobu, kterou na ni navrstvíte.

Než otevřete Figmu, načrtněte taxonomii. Dva sloupce na tabuli. Jeden pro to, co společnost prodává, druhý pro to, kdo to kupuje. Každá stránka v buildu by měla být dostupná dvěma kliknutími z obou stran.

Výkon a přístupnost nejsou pro průmyslové kupce volitelné

Sítě rostlin nejsou rychlé. Polní připojení nejsou spolehlivá. Pokud vaše sekce hrdinů natáhne 4MB automaticky přehrávané video, už jste ztratili kupce ve venkovském Tennessee na hotspotu.

Vlastní Google Základní webové vitály Pokyny prosazují rychlé velké plošné prodeje (LCP) a stabilní rozvržení a tyto metriky jsou na průmyslových lokalitách důležitější, ne méně. Totéž platí pro přístupnost: starší kupující, prostředí se slabým osvětlením a rukavice na dotykových obrazovkách jsou reálnými podmínkami.

  • Snižte gramáž média. Statické, optimalizované obrázky na stránce nákupu překonávají video na pozadí. Pohyb si nechte pro případové studie.
  • Respektujte omezený pohybRespektujte mediální dotaz preferuje redukovaný pohyb. Technici závodu na dlouhé směny vám poděkují.
  • Dosáhněte alespoň WCAG AASilný kontrast, skutečné stavy zaostření a navigace pomocí klávesnice nejsou divadlem přístupnosti. Jsou to základy.
  • Test na omezeném připojeníPokud web není v Chrome DevTools použitelný na pomalém 3G, není použitelný v polovině země.

pografie a vizuální jazyk pro seriózní publikum

Průmyslový neznamená ošklivý a seriózní neznamená nudný. Vizuální vzhled by však měl signalizovat kompetenci, nikoli honbu za trendy. Těžké fonty, které fungují pro značku streetwear, budou pro manažera závodu, který specifikuje šamotové cihly, působit neseriózně.

Vsaďte na humanistické bezpatkové nebo přechodové patky s výraznými číslicemi. Specifikace, čísla dílů a měrné jednotky se na těchto stránkách zobrazují všude, takže tabulkové obrázky a jasné párování s monospace pro datové tabulky stojí za to.

Barva by měla sloužit, ne zdobit. Silný akcent si vyhraďte pro výzvy k akci a bezpečnostní popisky. Všechno ostatní může být zasazeno do decentní palety, která nekonkuruje obrázkovému obsahu produktu.

Vzory obsahu, které v těžkém průmyslu přinášejí konverze

Generování leadů pro průmyslové dodavatele se zřídkakdy děje prostřednictvím okázalého formuláře ve spodní části vstupní stránky. Děje se to, když kupující důvěřuje, že rozumíte jeho procesu.

  • Stránky s materiály a produktyUveďte formy, jakosti, typické aplikace a odvětví, ve kterých se používají. Stránka o žáruvzdorných materiálech by měla být spíše specifikačním listem, než brožurou.
  • Stránky z oboruZrcadlit svět zákazníka. Stránka pro slévárny by měla používat slévárenský jazyk, nikoli obecný marketingový text.
  • Jasnost obsluhované oblastiPokud klient zasílá do deseti států, uveďte je. Kupující se rychle sami diskvalifikují, pokud to nevědí.
  • Skutečná kontaktní cestaTelefonní číslo v záhlaví je lepší než jakýkoli chatbot. Pro některé klienty toto jedno rozhodnutí zvýší počet kvalifikovaných dotazů více než jakýkoli redesign.

Předání, které udržuje web užitečným

Průmysloví klienti jen zřídka mají marketingový tým, který čeká na údržbu komplexního CMS.

Vyberte zásobník, který může klient skutečně aktualizovatŠtíhlá sestava WordPressu s vlastními bloky pro specifikace produktů přežije zakázkovou bezhlavou sestavu, na kterou se nikdo ze zaměstnanců nemůže dotknout.

Zdokumentujte vzorceNahrajte krátký Loom o přidání nového materiálu nebo stránky v oboru. Za šest měsíců, až klient získá nový vertikální segment, by měl být schopen publikovat, aniž by vám musel volat.

Design pro průmyslové klienty odměňuje zdrženlivostOdstraňte to, co kupujícímu neslouží, vylepšete to, co slouží, a vaše práce bude nakonec jednou z nejuspokojivějších, jaké v roce odevzdáte.