Väčšina webdizajnérov je vyškolená na rovnakej diéte ako SaaS dashboardy, e-shopy a lifestylové značky. Takže keď sa do vývoja dostane zlievareň, dodávateľ žiaruvzdorných materiálov alebo výrobca kotlov, inštinktom je siahnuť po rovnakej stratégii: herné video, nadrozmerná typografia, paralaxné rolovanie. Tento inštinkt sa takmer vždy mýli.
Priemyselní kupujúci sa nesprávajú ako spotrebitelia. Prichádzajú s katalógovým číslom, termínom a toleranciou trenia, ktorá sa meria v sekundách. Ak váš dizajn toto ignoruje, vytvorili ste krásnu stránku, ktorá sklame jediných ľudí, ktorým mala slúžiť.
Tu je návod, ako premýšľať o dizajnérskej a vývojovej práci pre klientov z ťažkého priemyslu bez toho, aby ste stratili svoje remeslo.
Vedzte, kto je v skutočnosti na druhom konci obrazovky
Používateľská persona priemyselného areálu nie je bežný nakupujúci. Je to manažér obstarávania, závodný inžinier alebo vedúci údržby s konkrétnym problémom. Často sú pri počítači v hlučnom zariadení, niekedy na telefóne v nákladnom aute a takmer vždy pod časovým tlakom.
To mení, ako vyzerá „dobrá UX“. Používatelia B2B trestajú trenie tvrdšie ako spotrebitelia, pretože ich čas je spoplatniteľný a ich rozhodnutia sú auditované. Ponaučenie pre priemyselné lokality je jednoduché: jasnosť je dôležitejšia ako potešenie a konkrétnosť je dôležitejšia ako presviedčanie.
Preložte to do zadania. Opýtajte sa klienta, ktoré tri otázky má kupujúci položiť predtým, ako zdvihne telefón. Potom sa uistite, že tieto odpovede sú zobrazené nad záhybom stránky na dôležitých stránkach.
Informačná architektúra je skutočná dizajnérska práca
Pozrite sa na dobre vybudovanú stránku dodávateľa – napríklad na stránku sprostredkovateľa materiálov Diversified Ceramic Services, Inc. Všimnete si, že navigácia je usporiadaná okolo dvoch osí: materiály, ktoré získavajú, a odvetvia, ktorým slúžia. Nie je to štylistická voľba. Odráža to, ako kupujúci vyhľadáva.
Výrobca keramiky, ktorý hľadá kaolín, sa nestará o príbeh vašej značky. Chce si overiť, či ho ponúkate, v akej forme a či pôsobíte v jeho regióne. Architektúra, ktorá odráža tento mentálny model, prekoná akúkoľvek vizuálnu ozdobu, ktorú na ňu navrstvíte.
Pred otvorením Figmy načrtnite taxonómiu. Dva stĺpce na tabuli. Jeden pre to, čo spoločnosť predáva, jeden pre to, kto to kupuje. Každá stránka v zostave by mala byť dostupná dvoma kliknutiami z oboch strán.
Výkon a dostupnosť nie sú pre priemyselných kupcov voliteľné
Siete rastlín nie sú rýchle. Pripojenia do terénu nie sú spoľahlivé. Ak vaša sekcia hrdinov stiahne 4MB automaticky prehrávané video, už ste stratili kupca vo vidieckom Tennessee na hotspote.
Vlastné od Googlu Základné webové vitamíny Pokyny presadzujú rýchle veľké colné plánovanie a stabilné rozmiestnenie a tieto metriky sú na priemyselných lokalitách dôležitejšie, nie menej. To isté platí pre dostupnosť: starší kupujúci, prostredie so slabým osvetlením a ruky v rukaviciach na dotykových obrazovkách sú reálnymi podmienkami.
- Znížte hmotnosť média. Statické, optimalizované obrázky prekonajú video na pozadí na stránke obstarávania. Pohyb si odložte pre prípadové štúdie.
- Rešpektujte znížený pohybRešpektujte mediálnu otázku prefers-reduced-motion. Technici závodu na dlhé zmeny vám poďakujú.
- Dosiahnuť minimálne WCAG AASilný kontrast, skutočné stavy zaostrenia a navigácia pomocou klávesnice nie sú divadlom prístupnosti. Sú to základy.
- Test na obmedzenom pripojeníAk stránka nie je použiteľná na pomalom 3G v nástrojoch Chrome DevTools, nie je použiteľná v polovici krajiny.
fotografia a vizuálny jazyk pre seriózne publikum
Priemyselný neznamená škaredý a seriózny neznamená nudný. Vizuálny vzhľad by však mal signalizovať kompetenciu, nie naháňanie sa za trendmi. Ťažké písma, ktoré fungujú pre značku streetwear, budú pre manažéra závodu špecializujúceho sa na šamotové tehly pôsobiť neseriózne.
Spoľahnite sa na humanistické bezpätkové alebo prechodné pätkové písma so silnými číslicami. Špecifikácie, čísla dielov a merné jednotky sa na týchto stránkach zobrazujú všade, takže tabuľkové obrázky a jasné párovanie s monospace pre dátové tabuľky stoja za to.
Farba by mala fungovať, nie zdobiť. Silný akcent si vyhraďte pre výzvy na akciu a bezpečnostné upozornenia. Všetko ostatné môže byť zasadené do decentnej palety, ktorá nekonkuruje obrázkom produktu.
Vzory obsahu, ktoré konvertujú v ťažkom priemysle
Generovanie potenciálnych zákazníkov pre priemyselných dodávateľov sa zriedka deje prostredníctvom okázalého formulára v dolnej časti vstupnej stránky. Stane sa tak, keď kupujúci dôveruje, že rozumiete jeho procesu.
- Stránky s materiálmi a produktmiUveďte formy, triedy, typické aplikácie a odvetvia, v ktorých sa používajú. Stránka o žiaruvzdorných materiáloch s možnosťou odlievania by sa mala čítať ako technický list, nie ako brožúra.
- Stránky odvetviaZrkadliť svet zákazníka. Stránka pre zlievarne by mala používať jazyk zlievarne, nie všeobecný marketingový text.
- Prehľadnosť oblasti služiebAk klient zasiela do desiatich štátov, uveďte ich. Kupujúci sa rýchlo sami diskvalifikujú, keď to nevedia rozoznať.
- Skutočná kontaktná cestaTelefónne číslo v hlavičke je lepšie ako akýkoľvek chatbot. Pre niektorých klientov toto jedno rozhodnutie zvýši počet kvalifikovaných dopytov viac ako akýkoľvek redizajn.
Odovzdanie, ktoré udržiava stránku užitočnou
Priemyselní klienti zriedka majú marketingový tím, ktorý čaká na údržbu komplexného CMS systému.
Vyberte zásobník, ktorý môže klient skutočne aktualizovaťŠtíhla WordPress zostava s vlastnými blokmi pre špecifikácie produktov prežije aj na mieru šité bezhlavé nastavenie, ktorého sa nikto zo zamestnancov nemôže dotknúť.
Zdokumentujte vzoryNahrajte krátky Loom o pridávaní nového materiálu alebo stránky odvetvia. O šesť mesiacov, keď klient získa novú vertikálnu pozíciu, by mal byť schopný publikovať bez toho, aby vám volal.
Dizajn pre priemyselných klientov odmeňuje zdržanlivosťOdstráňte to, čo neslúži kupujúcemu, vylepšite to, čo áno, a práca bude nakoniec jednou z najuspokojivejších, aké môžete v tomto roku odviesť.