Pole pro nahrání souboru vypadají jednoduše. Tlačítko "Vybrat soubor" a formulář odešle data. Nahrání souboru je ale vysoce citlivý okamžik. Člověk vám svěřuje svůj životopis, daňový doklad nebo fotku produktu. Pokud je nahrávání nejasné, těžkopádné nebo působí, jako by selhalo, formulář opustí. Pokud neví, jaké typy souborů přijímáte nebo jak velký soubor může být, ztratí čas nahráním špatného souboru, jen aby se dozvěděl, že to nešlo. Pokud nahrávání působí nezabezpečeně, začne pochybovat, jestli je váš web důvěryhodný. Tento článek popisuje, co dělá pole pro nahrání souboru funkčním, jak ochránit uživatele i váš web a v čem většina formulářů chybuje, takže lidé nedokončí.
Pole pro nahrání souboru dělá víc než přijímání souborů. Sbírá informace o oprávněních. Člověk, který nahraje životopis, říká "tady jsou moje údaje, použijte je pro výběr zaměstnanců". Člověk, který nahraje dokument, říká "svěřuji vám to". Pole pro nahrání musí jasně sdělit, co se souborem uděláte, proč ho potřebujete a že je bezpečné ho nahrát.
Proč se nahrávání souborů liší od ostatních polí formuláře
Textové pole přijímá slova. E-mailové pole přijímá e-mailovou adresu. Pole pro nahrání souboru přijímá soubory libovolné velikosti, typu a původu. Proto se nahrávání souborů zásadně liší od ostatních polí formuláře ve třech věcech.
Za prvé, nahrávání souborů nese bezpečnostní riziko. Škodlivý soubor nahraný na váš server může poškodit váš web, ukrást data nebo nakazit zařízení vašich návštěvníků. Textová a e-mailová pole mají jasné hranice. Nahrávání souborů ne. Člověk může nahrát zamaskovaný spustitelný soubor, skript nebo malware. Znamená to, že musíte ověřovat a chránit se před každým nahráním, které přijde.
Za druhé, nahrávání souborů vyžaduje jasný kontext. Člověk musí vědět, jaký soubor nahrát, ještě než ho začne hledat v počítači. E-mailové pole je samo o sobě jasné. Pole pro nahrání souboru musí říct "Nahrajte svůj životopis ve formátu PDF nebo Word, maximálně 5 MB." Bez této jasnosti budou lidé minuty hledat soubor, jen aby zjistili, že má špatný formát nebo je příliš velký.
Za třetí, nahrávání souborů je pomalé. Nahrání souboru o velikosti 10 MB na telefonu přes 4G chvíli trvá. Člověk čeká. Potřebuje vědět, že nahrávání probíhá a že se nezaseklo ani nezamrzlo. Stav načítání a ukazatel postupu jsou nezbytné.
Samotné pole pro nahrání a jak ho popsat
Pole pro nahrání je tlačítko, na které lidé klikají, aby vybrali soubor. Na textu tlačítka záleží. Má říkat, co se stane dál.
"Vybrat soubor" je nejasné. "Procházet soubory" je lepší. "Nahrát váš životopis" je nejlepší. Text tlačítka má pojmenovat konkrétní soubor, který chcete. Člověku to přesně řekne, co má v počítači hledat.
Popisek nad tlačítkem má požadavek zopakovat. "Životopis (PDF nebo Word, max. 5 MB)". Limit velikosti souboru a přijímané formáty dejte přímo pod popisek. Neschovávejte tuto informaci pod ikonu nápovědy ani do malého šedého textu. Lidé ji musí vidět hned, jinak nebudou vědět, co nahrát.
Pokud váš formulář přijímá více souborů, má tlačítko říkat "Přidat soubory" nebo "Nahrát více souborů". Pole pro jeden soubor, které najednou přijme dva, lidi mate. Buďte výslovní.
Pokud je nahrání volitelné, napište to. "Portfolio (volitelné, JPG nebo PNG, max. 20 MB na obrázek)". Pokud je povinné, popisek má říkat "povinné" nebo mít hvězdičku. Nepředpokládejte, že lidé pochopí sami.
Přijímané typy souborů a jak je jasně sdělit
Nemůžete přijímat každý typ souboru. Váš formulář na životopisy nepotřebuje fotky ve formátu JPEG. Váš formulář na dokumenty nepotřebuje videosoubory. Musíte přesně určit, které typy souborů přijímáte.
Nepoužívejte technický žargon. Neříkejte "typy MIME" nebo "přípony souborů". Řekněte "PDF, dokumenty Word nebo exporty z Google Docs." Řekněte "fotky JPG nebo PNG." Řekněte "tabulky Excel." Používejte názvy, kterým lidé rozumí.
Když člověk nahraje soubor ve špatném formátu, musí být chyba konkrétní. Ne "Neplatný typ souboru." Ale "Tento formulář přijímá dokumenty PDF nebo Word. Převeďte prosím soubor a zkuste to znovu." Řekněte, co se pokazilo a co s tím dělat.
Pokud váš formulář potřebuje různé typy souborů pro různá pole, udělejte každé jasné. Žádost o práci se může ptát na životopis v PDF a motivační dopis ve Wordu. Každé pole má mít vlastní tlačítko a vlastní přijímané typy. Nenuťte lidi hádat, který soubor kam patří.
Typy souborů povolujte seznamem, nikdy je nezakazujte seznamem. Neříkejte "všechny typy souborů kromě spustitelných". Řekněte přesně, které typy jsou povolené. Přístup s povoleným seznamem je pro uživatele jednodušší a pro bezpečnost silnější.
Limity velikosti souboru a jak s nimi pracovat
Každé pole pro nahrání souboru potřebuje maximální velikost souboru. Bez ní může člověk omylem nahrát video o velikosti 500 MB a váš server se může zhroutit nebo mu dojde úložiště.
Limit velikosti musí odpovídat tomu, co lidé skutečně používají. Životopis má obvykle 1 až 3 MB. Nastavte limit na 10 MB, aby byla rezerva. Profilová fotka má 2 až 5 MB. Nastavte limit na 20 MB. Videoklip může mít 50 MB až 500 MB. Limit nastavte podle toho, co skutečně potřebujete.
Řekněte lidem limit velikosti dřív, než nahrávají. "Maximální velikost souboru je 5 MB." Dejte to přímo vedle tlačítka. Pokud někdo nahraje příliš velký soubor, chyba má být okamžitá a jasná. Ne kolečko, které se točí 30 sekund a pak selže. Chybu ukažte, jakmile je soubor vybrán, ještě než začne nahrávání.
Pokud podporujete velké soubory, zvažte nahrávání po částech nebo obnovitelné nahrávání. Pokud někomu soubor o velikosti 100 MB selže v půlce, obnovitelné nahrávání mu umožní pokračovat tam, kde skončil, místo aby začínal od začátku. Předejdete tak frustraci u pomalého připojení.
Přetažení a více způsobů výběru
Pole pro nahrání souboru má podporovat několik způsobů výběru souborů. Někdo klikne na tlačítko. Někdo přetáhne soubory z plochy. Někdo prochází fotky v telefonu. Musíte podporovat všechny.
Tlačítko je hlavní způsob. Otevře systémový prohlížeč souborů, který funguje na každém zařízení a v každém prohlížeči.
Přetažení je druhotný způsob. Člověk by měl moci přetáhnout soubor z plochy a pustit ho do oblasti pro nahrání. Působí to rychleji a intuitivněji než klikání na tlačítko a čekání na otevření prohlížeče souborů. Když někdo táhne soubor nad oblast pro puštění, ukažte jasný vizuální signál. Oblast se má zvýraznit, změnit barvu nebo ukázat přerušovaný okraj. Lidem to říká, že soubor mohou pustit sem.
Na mobilu funguje výběr souborů jinak. Člověk klepne na tlačítko a vybírá mezi knihovnou fotek, aplikací se soubory nebo pořízením nové fotky. Podporujte, co na jeho zařízení funguje. Neomezujte mobilní uživatele jen na klikání.
Pokud váš formulář přijímá více souborů, povolte hromadný výběr i přidávání po jednom. Nechte lidi vybrat pět souborů najednou v prohlížeči souborů. A také nechte přidat ještě jeden soubor později. Nenuťte, aby se celý výběr stal v jednom okně prohlížeče.
Zobrazení nahraného a odebrání souborů
Poté, co někdo vybere soubor, ukažte mu přesně, co nahrál. Zobrazte název souboru, jeho velikost a malou ikonu typu souboru. Potvrdí to, že nahrál správný soubor.
Pokud formulář přijímá více souborů, ukažte je všechny v seznamu. Nechte lidi vidět, co se chystají odeslat. Pokud nahráli špatný soubor, nechte je ho odebrat a nahrát jiný ještě před odesláním formuláře.
Tlačítko pro odebrání má říkat "Odebrat" nebo mít ikonu X. Kliknutí má smazat soubor ze seznamu k nahrání. Nemá ho smazat z jejich počítače, jen z formuláře.
Pokud někdo potřebuje soubor nahradit, nenuťte ho odebrat a nahrát znovu. Nechte ho kliknout na tlačítko odebrání a pak znovu na tlačítko nahrání v jednom toku. Nebo povolte kliknutí na soubor, otevře se prohlížeč a nahradí se na místě. Méně kroků znamená vyšší míru dokončení.
Ukazatel postupu a co ukázat během nahrávání
Nahrávání souborů trvá. Po tu dobu člověk čeká a přemýšlí, jestli se něco děje. Musíte mu ukázat postup.
Ukazatel postupu je nejjasnější možnost. Ukazuje procento dokončení. 25%. 50%. 75%. Hotovo. Člověk ho může sledovat a ví, že nahrávání probíhá. Ukazatel, který skočí z 0% na 100% okamžitě, nepomáhá. Ukazujte plynulý postup.
Pokud nemůžete ukázat přesné procento, ukažte kolečko nebo animaci načítání. Něco, co se hýbe a ukazuje aktivitu. Neukazujte statický stav načítání bez pohybu. Statické načítání vypadá zamrzle.
Nikdy nenechte tlačítko odeslání klikací, když se nahrává soubor. Zašedněte ho nebo ho zakažte. Nenechte lidi klikat na odeslání vícekrát, zatímco se soubor nahrává. Může to způsobit duplicitní nahrání nebo chyby.
Pokud nahrávání trvá déle než tři sekundy, ukažte odhad zbývajícího času. "Nahrávání. Zbývá asi 30 sekund." nebo "Nahrávání. Velký soubor." Nenechte lidi přemýšlet, jak dlouho to ještě potrvá.
Ošetření chyb a proč nejasné chyby ztrácejí dokončení formulářů
Chyby při nahrávání se stávají. Soubor je poškozený. Spadne síťové připojení. Soubor je příliš velký. Nahrál se nepodporovaný formát. Když nastane chyba, vaše zpráva rozhoduje o tom, jestli ji člověk opraví, nebo formulář opustí.
Nejasná chyba jako "Nahrávání se nezdařilo. Zkuste to prosím znovu." jim neřekne nic. Co zkusit znovu. Co se pokazilo. Je soubor poškozený. Je rozbitá síť. Je špatný typ souboru. Nejasné chyby vedou lidi k pocitu bezmoci.
Konkrétní chyba pojmenuje problém. "Tento soubor je příliš velký. Váš soubor má 25 MB. Maximum je 10 MB. Soubor prosím zmenšete nebo vyberte menší." "Tento formát souboru není podporován. Tento formulář přijímá jen dokumenty PDF a Word. Převeďte prosím soubor do PDF a zkuste to znovu."
Chybu ukažte na jasném místě. Ne schovanou v šedém textu dole ve formuláři. Použijte červené pozadí, červený okraj nebo červenou ikonu. Přitáhněte pozornost, aby chybu hned viděli.
Nemažte soubor ze seznamu nahrávaných, když nastane chyba. Nechte ho viditelný, aby věděli, který soubor měl problém. Nechte je opravit ho na místě nebo ho nahradit.
Bezpečnost a ochrana uživatele i webu
Nahrávání souborů je slabé místo zabezpečení. Člověk, který nahraje soubor se skrytým kódem, může poškodit váš server. Špatný systém nahrávání může soubor vystavit jiným uživatelům nebo útočníkům.
Prvním bezpečnostním krokem je ověřování typu souboru. Nevěřte příponě souboru. Soubor s názvem "resume.pdf" může ve skutečnosti obsahovat spustitelný kód. Zkontrolujte obsah samotného souboru, ne jen jméno. Říká se tomu ověřování typu MIME. Server přečte skutečný obsah souboru a potvrdí, že je opravdu PDF, opravdu obrázek, cokoli očekáváte.
Druhým krokem je přejmenování souboru po nahrání. Neukládejte soubory pod názvy, které jim dali uživatelé. Přejmenujte je automaticky. "resume.pdf" se na serveru stane "upload-a4f9e2k1.pdf". Zabráníte tak tomu, aby někdo uhodl cestu k souboru a přistoupil k němu přímo, nebo se pokusil spustit kód nahráním souboru se zvláštním názvem.
Třetím krokem je ukládání souborů mimo veřejný adresář webu. Nedávejte nahrané soubory do složky, která je přímo přístupná z internetu. Ukládejte je odděleně. Když si někdo potřebuje stáhnout svůj soubor, pošlete mu zabezpečený odkaz, který vyprší, ne přímou adresu cesty k souboru.
Čtvrtým krokem je nastavení maximální velikosti souboru a limitů nahrávání. Omezte celkovou velikost každého souboru. Omezte počet souborů, které může někdo nahrát. Omezte, kolikrát může jeden člověk nahrávat za hodinu. Tyto limity brání zneužití a chrání váš server.
Pátým krokem je vyžadování přihlášení. Pokud váš formulář není veřejný, vyžadujte před nahráním souborů přihlášení. Zabráníte tak tomu, aby náhodní lidé z internetu nahrávali na váš server škodlivé soubory.
Šestým krokem je používání HTTPS. Každé nahrávání souboru musí být při přenosu šifrované. Pokud nahráváte soubor přes obyčejné HTTP, může ho útočník v síti zachytit. U každého formuláře, který obsahuje nahrávání souborů, vždy používejte HTTPS.
Jak vám WEMASY pomůže vytvářet bezpečné formuláře s nahráváním souborů
Nástroj WEMASY pro tvorbu formulářů obsahuje pole pro nahrání souboru s vestavěnými bezpečnostními funkcemi a funkcemi pro pohodlí uživatele. Bez psaní kódu můžete nastavit přijímané typy souborů, maximální velikosti souborů a to, jestli je nahrání povinné, nebo volitelné.
Nahrávání přes formuláře WEMASY používá zabezpečené šifrování HTTPS.
Rozhraní pro nahrávání obsahuje přetažení, náhled souboru, ošetření chyb a ukazatel postupu. Formuláře lidem automaticky ukazují, jaké typy souborů se přijímají a jaké jsou limity velikosti. Podporováno je nahrávání z mobilu i z počítače.
Můžete upravit text tlačítka, přijímané typy souborů a limity velikosti podle potřeb svého formuláře. Podívejte se, jaké funkce formulářů obsahuje váš tarif WEMASY.