Někdy designér poskytne zákazníkovi rozložení, kterému něco chybí. Designéři layoutu, backenderi a případní další techničtí specialisté si samozřejmě mohou chybějící prvek vyrobit podle svého uvážení, ale na vzhledu jim nezáleží. Místo pečlivě vybraných odstínů přidají své vlastní barvy, vytvoří standardní písma a veškeré úsilí návrháře půjde dolů.
Rozvržení může být také zasláno zpět k revizi. Proto je lepší, aby návrhář měl po ruce seznam potřebných prvků a podíval se na něj před odesláním layoutu do layoutu. To vám umožní dělat vše najednou, aniž byste se museli několikrát vracet do projektu a bez obav, že se při sestavování stránky něco pokazí. I když něco se s největší pravděpodobností podaří.
Pozor, článek obsahuje mnoho ilustrací.
Než budeme mluvit o konkrétních prvcích, stojí za to zmínit hlavní body, na které by designér neměl zapomínat.
Je třeba je připojit k rozvržení, jinak si vývojář stáhne ty špatné a zničí design.
Vektorový obrázek musí být překvapivě ve vektoru a na rozložení. Pokud do layoutu vložíte obrázek jiného formátu, bude to tam vypadat normálně, ale během testování se to namydlí. Abyste tomu zabránili, měli byste vždy použít vektor: například připojte ikony SVG.
Nejlepší je neodstraňovat mřížku z rozvržení, protože je vhodná pro navigaci. Když existuje mřížka, je snazší rozdělit rozvržení na části a vytvořit sloupce požadované šířky. Pak je v adaptivním rozložení méně chyb a web jako celek vypadá přehledněji.
Jsou věci, které by měly být v rozložení každé webové stránky. Na některé z nich ale designéři z nějakého důvodu často zapomínají. Pokud je vůbec neuděláte, stránka bude vypadat přinejmenším divně. A pokud je necháte na uvážení designéra dispozice – opět – je vysoká pravděpodobnost, že tyto prvky vyniknou z celkového obrazu.
Je potřeba nahradit stránku, která z nějakého důvodu neexistuje: produkt byl odstraněn z prodeje, odkaz se ukázal jako nefunkční, v adrese byl překlep, uživatel se zapomněl přihlásit a použil přímý odkaz z jejich záložky atd.
404 je nejběžnější chybový kód. Kromě ní existuje mnoho dalších stavů, ale pro zjednodušení práce se 404 stala univerzální stránkou pro zpracování chyb.
Pokud nezapomenete na 404, můžete být kreativní a vytvořit kreativní i tuto nejtypičtější stránku. Můžete například přidat interaktivitu.
Pokud vyhledávač nebo filtr nevrátí žádné možnosti, otevře se stránka s textem z kategorie „Pro zvolené období nejsou žádné záznamy“. A také je potřeba na to myslet předem.
Některé stránky však i v případě neúspěšného hledání konkrétně zobrazují alternativní možnosti: nemůže být prázdný výsledek hledání.
Pro vyhledávací dotazy návrháři často kreslí pouze ikonu a zapomínají na rozbalovací vyhledávání samotné nebo jeho výsledky. Pokud ale nebudou hotové, bude finální verze vypadat přinejmenším zvláštně. Takto vypadá stránka, když se vykreslí rozbalovací nabídka vyhledávání:
А так выглядит та же страница, если выпадающего списка нет:
Mluvíme o obrázku, který se objeví na sociálních sítích nebo instant messengerech místo textového řetězce, když uživatel někomu pošle odkaz. Mimochodem, různé sociální sítě zobrazují tento blok jinak. Chcete-li nastavit obrázek a popisek k němu, potřebujete značku Open Graph.
Může to být celá stránka blogu nebo samostatný článek. Nezkušení designéři často kreslí jednu stránku s textem podle vzoru zákazníka, ale uniká jim, že texty jiných stránek mohou obsahovat jiný obsah. Proto musíte promyslet všechny možné prvky:
- úvodní text;
- citát a dlouhý citát s popiskem a fotografií;
- video (a titulek v případě potřeby);
- obrázek (a případně podpis);
- Odkazy;
- jezdec;
- miniatura;
- seznamy (číslované a s odrážkami), vnořené seznamy;
- “sdílet” blok.
Pomáhají uživateli orientovat se na webu a dodávají přehlednost. Ne každý projekt má takové prvky, ale pokud se stále očekávají, musíte je také nakreslit. Zde je seznam prvků, na které mohou návrháři zapomenout.
Pokud chcete místo běžné mapy udělat něco nestandardního, můžete využít službu Snazzy maps. Stačí si u klienta ověřit, zda si ke kartám koupí licenční klíč. Pokud ano, musíte styly přenést vývojářům ve formě souboru JSON.
To je také nepravidelný prvek, ale je lepší zajistit, aby se postaral o návštěvníky webu. To uživateli umožní zapamatovat si, na které stránce se nachází.
Jsou zvláště užitečné na velkých webech nebo webech se složitou strukturou sekcí. Například, když ze stránky chcete přejít přímo do konkrétní kategorie.
Patří sem přihlašovací stránky, stránky s nastavením a zadanými údaji, stránky s preferencemi (oblíbené produkty atd.).
Pro zpravodajský blok při rozložení stačí dva nebo tři bloky, ale na skutečném webu mohou být takových bloků tisíce. Proto nezapomeňte na kreslení stránkování a tlačítko „Zobrazit více“.
Obvykle se kreslí pro dlouhé vstupní stránky a katalogy produktů, aby bylo pro uživatele pohodlné vrátit se na začátek stránky.
Pokud nějaké existují, musíte u každého pečlivě zkontrolovat všechny možné podrobnosti.
Zaškrtávací políčka, přepínače – musíte vzít v úvahu vlastnosti všech typů filtrů.
Tlačítko „Reset/clear all“ nebo resetování jednotlivých položek.
Otevřený seznam s položkami.
Posuvník pro filtr s cenou (od. do. ).
Blok s počtem produktů:
Ošetření chyb nebo tipy na pole:
Při registraci nebo vyplnění formuláře na stránce zákon vyžaduje místo pro zaškrtnutí nebo podpis uživatele označující souhlas se zpracováním údajů a odkaz na zásady ochrany osobních údajů. Toto je nejzávaznější ze všech volitelných prvků.
Je to malý obrázek vedle názvu stránky na kartě. Aby se správně zobrazoval ve všech prohlížečích a na všech zařízeních, je potřeba si obrázek připravit v různých velikostech a formátech. Můžete si také nakreslit vlastní favicon pro různé stránky jednoho webu.
Pokud není nahrána fotografie osoby nebo produktu, měl by tam být nějaký druh obrázku – zástupný symbol.
Co se stane po odeslání formuláře:
- “Děkujeme za Vaši přihlášku”
- „Vaše žádost nebyla odeslána, došlo k chybě“
Druhé okno je vidět velmi zřídka. Například pokud se serveru při odesílání něco stalo a nebyl schopen zpracovat požadavek uživatele.
Pokud vytváříte kalendář, pak stojí za to navrhnout několik stavů::
- dnešní datum;
- zvolené datum;
- interval mezi vybranými daty;
- vznášet se
Pokud něco z toho neuděláte, uživatel jednoduše nebude moci procházet kalendářem.
Jedná se o hotovou sadu grafických prvků. Pokud je designér layoutu znovu potřebuje, nebude je muset hledat v průběhu celého projektu, ale může se okamžitě obrátit na sadu Ul. Jiný návrhář rozvržení tak snáze pochopí, pokud chce klient časem sestavit nové stránky na základě těch stávajících. Vytvoření sady uživatelského rozhraní je pro designéra dobrou formou. Sada uživatelského rozhraní může obsahovat tlačítka, drobky, formuláře, odkazy, výplně, pozadí, dekorativní pseudoprvky (například pruhy),
Design webových stránek zahrnuje mnoho malých detailů a je těžké je všechny vzít v úvahu. I když se zdá, že je rozvržení připraveno, později se může ukázat, že chyběl nějaký malý detail: zapomněli nakreslit tlačítko, přidali obrázek ve špatném formátu atd. Po celou dobu práce je proto lepší, aby měl projektant před očima seznam, podle kterého si může zkontrolovat, zda je vše hotovo. Projektant tak na nic nezapomene a rovnou připraví celou dispozici. A návrhář rozvržení nebude muset sám doplňovat chybějící prvky a rozbíjet design.
Chcete-li lépe porozumět návrhářům rozvržení a okamžitě udělat vše podle potřeby, absolvujte kurz rozvržení Můžete začít s bezplatnými školiteli základů HTML a CSS nebo kurzem „HTML a CSS. Profesionální vzhled webu.” A s propagačním kódem SKUCHNO bude cena za jakýkoli odborný kurz ještě příjemnější.
Každá z možností vám pomůže mluvit stejným jazykem s vývojáři a neztrácet čas přepracováním každého bloku v rozložení. A tam to není daleko od frontendu.
Krátký kontrolní seznam právní dokumentace, která by měla být na webu.
Pro společnosti prodávající služby/produkty prostřednictvím webu – povinné. Minimálně název společnosti a její sídlo.
Nutnost uvádět podrobnosti je dána požadavky zákona o ochraně práv spotřebitele, kde čl. 26.1 uvádí, že prodávající musí poskytnout informace o jménu prodávajícího a jeho umístění.
Zákon dále uvádí povinnost prodávajícího poskytnout potenciálnímu kupujícímu údaje o registračním čísle (OGRN) a názvu orgánu, který jej zaregistroval (v podstatě daňové číslo), jakož i údaje o licenci a/nebo akreditaci. , pokud činnost prodávajícího podléhá licencování nebo akreditaci.
Podrobnosti jsou zpravidla umístěny v „zápatí“ webu nebo na samostatné stránce. Hlavní je, že se s nimi návštěvník webu snadno seznámí.
Proto je vhodné na web umístit tyto údaje: název společnosti, OGRN, TIN, umístění, informace o licencích, akreditacích.
Čemu může společnost čelit kvůli nedostatku detailů?
Prodávajícímu může být uložena pokuta za porušení práv spotřebitele dle čl. 14.8 zákoníku o správních deliktech Ruské federace ve výši až 10 tisíc rublů. Pokuta je možná, pokud od osoby obdrží odpovídající stížnost na Rospotrebnadzor.
✔️ Uživatelská smlouva
Dokument označující práva a povinnosti návštěvníků stránek, jejich vztah s vlastníkem stránek.
Ve většině případů se uživatelská smlouva a nabídka spojují dohromady (méně častou, ale také běžnou možností je spojení uživatelské smlouvy, nabídky a zásad ochrany osobních údajů).
Tento dokument představuje dohodu mezi vlastníkem webu a jeho návštěvníkem o používání bezplatné funkčnosti webu.
Uživatelská smlouva tedy nemusí být na stránkách internetového obchodu, ale je vhodné ji mít na „běžném“ webu. Totéž platí v opačné situaci: nabídka nebude na nějakém informačním webu, ale je tam žádoucí uživatelská dohoda.
Dokument není povinný, ale pokud je správně navržen a je k dispozici, usnadňuje případné spory.
Proč oddělovat nabídku a uživatelskou smlouvu?
Oddělit odpovědnosti a povinnosti za různé činnosti na místě.
Uživatelská smlouva může například obsahovat podmínky registrace na webu, postup pro používání vašeho osobního účtu a naznačovat nepřípustnost používání textů nebo obrázků na webu bez souhlasu vlastníka.
Mimochodem, otázka používání textů je poměrně aktuální a ke kontroverzním situacím dochází poměrně často. Mnoho návštěvníků webových stránek bere hotové texty nebo obrázky a publikuje je na svých zdrojích bez svolení držitele autorských práv.
Přítomnost uživatelské smlouvy a v ní – podmínky použití textů/obrázků na stránce umožní prokázat nezákonnost použití takových textů a vymáhat náhradu škody.
✔️ Zásady ochrany osobních údajů (zásady zpracování osobních údajů)
Relevance dokumentu vzrostla před několika lety kvůli zvýšení pokut za porušení v oblasti osobních údajů.
Povinné pro všechny stránky, které shromažďují uživatelská data.
Pro lepší pochopení: existují formuláře s údaji – musí existovat dokument. V dnešní době téměř každý web shromažďuje osobní údaje od návštěvníků, proto je dokument vyžadován.
Na internetu najdete mnoho vzorů takového dokumentu a většina odborníků na „křesla“ vám řekne, že si je můžete vzít a nekontaktovat právníka, ale stojí za to připomenout, že pokuty jsou poskytovány nejen za zpracování osobních údajů bez příslušného dokumentu, ale také pro zpracování osobních údajů, které je neslučitelné s účely shromažďování.
Necháte si například stáhnout z internetu dokument, ve kterém bude napsáno, že sbíráte „jméno, příjmení, rodné číslo, datum narození, údaje o pasu. “, ale za účelem prodeje podmíněného produktu kupujícímu, nemusíte sbírat datum narození.
V takovém případě může být vaší společnosti uložena pokuta až 50 000 rublů.
Proto je třeba k přípravě tohoto dokumentu přistupovat s plnou odpovědností nebo je nutné zapojit specialisty.
Použití pojmu „nabídka“ není zcela správné, protože Nabídka je nabídka na uzavření smlouvy za podmínek uvedených v nabídce.
A souhlas kupujícího s uzavřením smlouvy se nazývá „akceptace“.
Na online platformách (nejčastěji v internetových obchodech) však tento koncept předpokládá dohodu mezi obchodem a kupujícím.
Nabídka může mít různé názvy: „Podmínky prodeje zboží“, „Smlouva o veřejné nabídce“ atd.
S veřejnou nabídkou (tedy nabídkou pro neurčitý počet lidí, kdokoli, kdo prodejce kontaktuje) se setkáváme téměř každý den: koupíme potraviny v obchodě nebo jízdenku na metro.
Tento dokument je pro internetové obchody jedním z nejdůležitějších a jeho příprava by měla být svěřena odborníkovi.
Jako příklad nesprávně vyhotoveného dokumentu a následných negativních důsledků pro prodávajícího lze uvést následující příklad:
Podle „Pravidel pro prodej zboží na dálku“ (usnesení vlády Ruské federace č. 612 ze dne 27.09.2007. září 7) má kupující právo vrátit zboží do XNUMX dnů.
Pokud však kupujícímu nebyly poskytnuty informace o době a postupu vrácení (tj. nabídka neobsahovala podmínku, že zboží lze vrátit do 7 dnů a jak to provést), může kupující zboží vrátit do 3 měsíce (!) od okamžiku nákupu.
Podnikatel tak může po ušetření na službách specialisty a odebrání nesprávného vzorového dokladu poskytnout kupujícímu výrazně větší práva, než vyžaduje zákon, a například na jaře obdržet zimní bundu zakoupenou kupujícím v únoru a tedy ztráty ve formě zboží, které je v době vrácení nelikvidní.
Co by tedy „nabídka“ měla obsahovat?
– údaje o prodejci (podrobnosti viz bod 1)
– podmínky a postup pro vrácení zboží
– předmět smlouvy (například koupě a prodej zboží)
– okamžik přijetí (tj. přijetí podmínek smlouvy kupujícím; okamžikem přijetí může být zadání objednávky)
– další podmínky interakce mezi prodávajícím a kupujícím (odpovědnost atd.)
Co nelze zahrnout do nabídky?
Jakékoli podmínky, které porušují práva spotřebitelů. Například nemožnost vrátit produkt nebo lhůtu kratší než 7 dní na vrácení.
Nabídka, stejně jako zásady ochrany osobních údajů, by měla být zveřejněna na místě přístupném návštěvníkům webu, aby si ji mohli přečíst bez jakýchkoliv překážek.
✔️ Souhlas se zpracováním osobních údajů
Pokuta za zpracování osobních údajů bez získání souhlasu je až 75 tisíc rublů na právnickou osobu.
Zpravidla formou „zaškrtnutí“ pod formulářem sběru osobních údajů s odkazem na Zásady zpracování.
Donedávna se diskutovalo o tom, zda lze souhlas získat elektronickým „zaškrtnutím políčka“.
Roskomnadzor ale vše uvedl na své místo vydáním informačního dopisu, ve kterém uvedl, že získání souhlasu v této podobě je možné a neodporuje zákonu.
Stojí za zmínku, že jakékoli zjednodušení takového sběru, například automatické zaškrtnutí políčka pro uživatele, se nedoporučuje, protože lze považovat za nezískání souhlasu od subjektu osobních údajů, protože získání takového souhlasu musí být „konkrétní a vědomé“, jak říká zákon.
✔️ Upozornění o používání cookies
Nejčastěji je zahrnuta v Zásadách zpracování osobních údajů, protože existuje názor, že používání souborů cookie se rovná používání osobních údajů. Z pohledu IT specialistů však cookies nepersonalizují návštěvníka stránek, takže se nejedná o zcela osobní údaje.
Proto se doporučuje umístit upozornění okamžitě, když návštěvník přejde na stránky ve formě vyskakovacího okna.
Zdá se, že na území Ruské federace neexistuje žádná legislativa, která by upozorňovala na používání souborů cookie, nebo jde o kontroverzní problém?
Faktem je, že naše regulační orgány nemohou rozhodnout, co jsou soubory cookie.
Existují názory, že se týkají osobních údajů, takže za shromažďování a zpracování bez oznámení mohou být sankce.
Neexistují žádná vysvětlení nebo alespoň názory úředníků, takže majitelé stránek zveřejňují taková upozornění, aby nebyl důvod jim v této věci pronikat.
Zákon o cookies platí v EU od konce května 2012, situaci ztížil fakt, pokud mě paměť neklame, že Spojené království zavedlo normu ze směrnice EU a zavedlo odpovědnost za porušení 500 tisíc liber. V tuto chvíli se zákon velmi těsně překrývá s GDPR, a to s takovou kategorií osobních údajů, jako je „Identifikovatelné“. Oba zákony mají extrateritoriální princip fungování. Rusko patří mezi země s „nedostatečnou úrovní ochrany osobních údajů“, proto se v Evropě stále častěji uzavírá DPA (data protection agreement), kde se ruská společnost zavazuje poskytnout odpovídající úroveň ochrany, jakož i nahradit škody v případě porušení státních údajů. orgány. Pokud jste takový dokument neuzavřeli, pak jsou rizika minimální. Pokud nespolupracujete (a neplánujete) se zahraničními společnostmi a nezpracováváte osobní údaje zahraničních uživatelů, pak vám nehrozí vůbec žádná rizika a nemá smysl zběsile dodržovat GDPR a zákon o cookies EU.
