Webdesign jinak, je to cesta?

20. 10. 2016 17:59:09

Ahoj,

mám zde další homepage/koncept k vašim připomínkám. O co mi jde? Tato homepage byla postavena za cca 4 hodiny bez Photoshopu, bez tvorby wireframe, bez kodéra a programátora. Prostě jsem to za dopoledne poskládal :). Dříve jsme vše dělal v UXpinu, pak ve Photoshopu, dál předal kodérovi a programátorovi, aby to implementovali na vlastní CMS. Vše trvalo tak 5-10x tak dlouho. Nyní to poskládám v našem systému do WordPress bez jediného řádku kódu.

Nevím však jestli tento zrychlený postup nebude zdrojem chyb v oblasti UX/UI. Implementační analýzu s klientem a tvorbu person jsme zvládli za cca 1,5hodiny.

Ušetřené peníze za měsíční poplatky za Photoshop, UXpin, kodéra, programátora, údržbu vlastního CMS si nechci nechat pro sebe, ale zároveň nemá smysl zlevňovat tvorbu. Proto bych se rád spojil s nějakým parťákem, se kterým budu řešit designerské korektury a vylepšení. Tyká se to typografie, barevného ladění, postprodukce fotografií, copywriting atd. Kdybyste měl někdo zájem, tak pište.

Postup je následující

1) provedu implementační analýzy (cílové skupiny, klíčová slova, persony)

2) z toho vytvořím wireframe, používám vlastní systém co běží pod WordPress http://init.golden-egg.cz

3) do wireframes tvořím grafiku přímo v našem systému, což je vlastně takový Photoshop pro WordPress http://www.separatista.net/wordpress/zajimavosti/goldenegg-photoshop-ve-wordpressu

4) provedu optimalizaci pro mobily... (nyní to chce ještě doladit) a zde je i možná spolupráce pro vás kdo se specializuje na UX mobile friendly, kde by se provedli analýzy a korektury, za které rád zaplatím

Zde je výsledek: http://demo5.maxon.cz

Toto vlákno je o konstruktivní kritice, návrh spolupráce a zamyšlení. Prosím "hejtry" ať nekomentují, to že něco někdo dělá jinak, než jste si doposud dovedli představit nemusí znamenat, že to není cesta :)

Díky

20. 10. 2016 17:59:09

https://webtrh.cz/diskuse/webdesign-jinak-je-to-cesta/#reply1232100

Jakub B.

(22 hodnocení)

20. 10. 2016 18:04:44

Pěknej bordel ve zdrojovém kódu. 7000 řádků nesmyslných divů svg g a javascriptu. Web není responsivní. Je otázka jak rychlé to bude, jak obsah uvidí vyhledavač.

20. 10. 2016 18:04:44

https://webtrh.cz/diskuse/webdesign-jinak-je-to-cesta/#reply1232099

mpph

20. 10. 2016 18:07:50

jinak rychlost je pod jednu vteřinu (0,977s, 1,5MB) https://tools.pingdom.com/#!/evZ8KZ/http://demo5.maxon.cz a to je rychlejší než 90% testovaných webů. Tohoto výsledku nedosáhne žádná premiová šablona, což je největší konkurent.

Nesmyslné SVG? SVG je budoucnost webu a v ukázce je používám, rozdíl mezi PNG a SVG si najděte...

20. 10. 2016 18:07:50

https://webtrh.cz/diskuse/webdesign-jinak-je-to-cesta/#reply1232098

P8j6

(9 hodnocení)

20. 10. 2016 18:15:21

Zkoušeli jste se na ten web mrknout z nějakého staršího PC?

Mám tedy "typickou kancelářskou kraksnu" procesor: 2GHz, Ram 2GB, ten web se trhá jak nějaká highendová hra :)

20. 10. 2016 18:15:21

https://webtrh.cz/diskuse/webdesign-jinak-je-to-cesta/#reply1232097

mpph

20. 10. 2016 18:17:31

Napsal P8j6;1333212
Zkoušeli jste se na ten web mrknout z nějakého staršího PC?
Mám tedy "typickou kancelářskou kraksnu" procesor: 2GHz, Ram 2GB, ten web se trhá jak nějaká highendová hra :)

nezkoušel, díky za připomínku. Dělají to efekty, zkusím navrhnout programátorům, aby do systému zapracovali vypínání paralaxu a efektu slideru pro méně výkonné PC. Záleží jestli to půjde nějak dobře detekovat.

20. 10. 2016 18:17:31

https://webtrh.cz/diskuse/webdesign-jinak-je-to-cesta/#reply1232096

(20 hodnocení)

20. 10. 2016 18:21:38

efekty na slabsim pc (ale zadny shit to taky uplne nerni, lide mivaji doma porad i o dost horsi stroje) opravdu nedelaji uplne dobrotu, posekava to, coz je neprijemne... Jinak je to proste jen dalsi web co vypada jako vsechny dnesni weby... takze asi ok... Nevim jak jinak to ohodnotit, vsechny weby dneska vypadaj jeden jako druhej, takze uz tu opravdu ani neni o cem mluvit...

20. 10. 2016 18:21:38

https://webtrh.cz/diskuse/webdesign-jinak-je-to-cesta/#reply1232095

Tomáš Marek

(23 hodnocení)

20. 10. 2016 18:42:04

Pořád stejné téma dokola. Pro nízkorozpočtové projekty jejichž zisky netvoří web je to ideální. Web vypadá relativně moderně a návštěvník se tam potřebuje dočíst nějaké základní informace o společnosti případně najít kontakt. Takže je to možnost jak relativně rychle vytvořit klientovi nízkorozpočtový web na úrovni a ještě na tom jako freelancer/agentura relativně dost vydělat.

Pro eshop nebo nějaký komplexnější web to je nepoužitelné. Kód je katastrofa a tvůrce je dost limitován speciálními požadavky ze strany klienta. Poslední dobou mi přijde, že se tu pořád řeší nějaké podělávky :D pokud chcete tvořit kvalitní weby vždy (nebo dokud se nevytvoří jiný funkční model či technologie) bude postup stejný.

1) Dokumentace požadavků ze strany klienta

2) UX analýza

3) Návrh UI

4) Kódování front-endu

5) Případně napojení na back-end

6) Testování

7) Předání klientovi

Už to prosím pochopte lidi (není mířeno osobně na zakladatele vlákna) a nespamujte tu denně webtrh jak super je nějaký WYSIWYG modul na tvorbu webů.

V praxi to funguje tak, že větší studia dělají weby na zakázku což se pohybuje od 40k až X mega to je nejprofesionálnější způsob, ale mají také pro nízkorozpočtové projekty klientů vlastní univerzální šablony nebo například využívají obdobné moduly jaké prezentujete. Tak to prostě je :D mě jen vadí, že se tu pořád porovnává, která z možností je lepší a lidé si neuvědomují, že to nelze porovnávat.

Btw @Aleš Jiříček platí ti alespoň WT za tvojí aktivitu? Co vlákno to tvá rada nebo názor :D protože jestli jo tak chci také takovou formu spolupráce.

20. 10. 2016 18:42:04

https://webtrh.cz/diskuse/webdesign-jinak-je-to-cesta/#reply1232094

mpph

20. 10. 2016 19:27:54

jak jsem psal, neznalost toho, že něco funguje nebo se řeší jinak, než máte zažité představy, neznamená, že to není možné :). Pořád dokola tady opakujete to co jste si přečetl před pár lety v chytrém článku... my víme, že postup je dle bodu 1-7, ještě větší borec si tam domyslí klidně dalších 10 bodu... Klasický webdesign je na ústupu jak jsem psal před časem https://webtrh.cz/356122-webdesign-dead-nazor a je potřeba se přizpůsobit...80-90% webů není potřeba řešit skrz kodéry a programátory, ale poskládat z jednotlivých elementů a ty nastylovat. Ano studia mají své systémy, ale ty je nedají z ruky a stejně je cena individuálních úprav velmi drahá. "Příšerný" kód od člověka co děla UX je jako papouškování zase někoho názoru, věřte, že klientovi je úplně jedno jestli kód generuje nějaký builder nebo je kód "ruční práce". Toho zajímá, aby byl web rychlý (mimochodem o cca 37% rychlejší než Váš) a přiváděl návštěvníky a z toho konverzi na klienty. Týdně jednám s několika klienty a takto dokola přes 10let. Stále je větší tlak na nižší ceny a to jsem popisoval i tom článku "Webdesign is dead..."

Od Vás bych očekával UX připomínky a cenovou nabídku na jednotlivé body, které bych rád koupil, nikoliv hodnocení kódu, od člověka co není kodér... Ale asi máte dost času rozebírat věci, které jsou mimo téma. K tomu spamování - bez sepsaného postupu těžko mohu popsat jiný než zažitý proces výroby. Stále s tím experimentuji, proto se ptám, ale jak jsem psal v úvodu "Tyká se to typografie, barevného ladění, postprodukce fotografií, copywriting atd. Kdybyste měl někdo zájem, tak pište."

20. 10. 2016 19:27:54

https://webtrh.cz/diskuse/webdesign-jinak-je-to-cesta/#reply1232093

Dominik Nguyen

(36 hodnocení)

20. 10. 2016 19:45:48

@mpph představa, že na 80-90% není potřeba řešit přes kódery a programátory, je víc než naivní. Váš nástroj je srovnatelný s webzdarma, webnode, apod.., kde Vaše cílová skupina by se spokojila i kdybyste jim udělal celý web v jpegu. Když už bych chtěl mít web na wordpressu bez kódování, tak pro low-budget web si koupím wordpress šablonu a následné úpravy provedu pomocí visual composeru.

Pro reálné firmy, které potřebují funkční řešení, které má dosáhnout nějakých výsledků bude vždy postup, jak psal @streetcz

20. 10. 2016 19:45:48

https://webtrh.cz/diskuse/webdesign-jinak-je-to-cesta/#reply1232092

Tomáš Marek

(23 hodnocení)

20. 10. 2016 20:06:22

Jo aha Vy jste stejný autor. Nechápu o co Vám přesně jde a popravdě to ani vědět nechci. Pokud nechápete to moje objektivní vysvětlení není se o čem bavit. Řekl jsem Vám, že nejsem ani na jedné straně (protože to prostě ani nejde porovnávat) pouze říkám jak to v praxi funguje a Vy si tu pořád melete svou.

Pravděpodobně chcete pouze propagovat svůj produkt http://www.golden-egg.cz/ a já proti tomu absolutně nic nemám je to normální, ale není normální dělat tou touhle cestou. Zaplaťte si nabídku odprezentujte svou službu a někdo to určitě koupí. Hádat se tady o něčem co se nedá porovnávat je hloupé a já věřím, že nejste hloupý. Váš produkt je dobrý pro někoho kdo chce hezký web a nemá dostatek financí na realizaci zakázkového robustního řešení. Touto cestou získáte spíše odpůrce než potencionální zákazníky, ale to už je Váš boj.

Já nevím jaké zakázky realizujete a jaké zkušenosti máte, ale já spolupracuji s klienty, kde podepíši NDA, dostanu dokumentaci k tvorbě v rozsahu 10-30 A4 a pak začíná samotná realizace která trvá 1-4 měsíce dle složitosti projektu. Opravdu pane mpph není možné tyto zakázky řešit Vaší cestou a nikdy to možné nebude. Jsou to promyšlené komplexní prezentace s různorodou škálou fcí. Pochopte, že Váš produkt nekritizuji dle mého rychlého zhlédnutí je to relativně dobré řešení, ale musíme se shodnout na tom, že to je pouze pro nízkorozpočtové produkty (ano těch reálně je 90%) ale to je irelevantní informace v našem sporu. Chápeme se?

Ale neříkám tím, že těch 90% by mělo využít zrovna Váš produkt. Pro tyto lidi je nejlepší najít si na themeforestu vhodnou šablonu na WP a tu si implementovat než něco patlat dle Vašeho produktu. Ti kdo chtějí patlat a myslí si, že mají UX skills dané od boha ať využijí Váš produkt a tvoří. Proč taky ne žijeme v demokracii ;-)

20. 10. 2016 20:06:22

https://webtrh.cz/diskuse/webdesign-jinak-je-to-cesta/#reply1232091

Ondrej Vertat

(48 hodnocení)

20. 10. 2016 20:08:11

Poprvé asi před 5 lety jsem četl, že kódování je mrtvé. Sem tam znovu, kvůli Avocode a tak. Teď podle vás zase webdesign, kódování a evidentně i programování. Já si jsem docela jistý, že i za dalších 5 let budu pořád kódovat PSD od webdesignérů a následně výsledek konzultovat s programátory :)

20. 10. 2016 20:08:11

https://webtrh.cz/diskuse/webdesign-jinak-je-to-cesta/#reply1232090

mpph

20. 10. 2016 20:09:09

Napsal w3Dominik;1333238
@mpph představa, že na 80-90% není potřeba řešit přes kódery a programátory, je víc než naivní. Váš nástroj je srovnatelný s webzdarma, webnode, apod.., kde Vaše cílová skupina by se spokojila i kdybyste jim udělal celý web v jpegu. Když už bych chtěl mít web na wordpressu bez kódování, tak pro low-budget web si koupím wordpress šablonu a následné úpravy provedu pomocí visual composeru.
Pro reálné firmy, které potřebují funkční řešení, které má dosáhnout nějakých výsledků bude vždy postup, jak psal @streetcz

proto všechny vaše reference vypadají jako low-end vytvořený z šablony webnode, nebo šablon z https://themeforest.net ... v podstatě to na co jsme narazil, třeba http://plackaostrov.cz je práce na 2-4hodiny komplet...

20. 10. 2016 20:09:09

https://webtrh.cz/diskuse/webdesign-jinak-je-to-cesta/#reply1232089

Tomáš Marek

(23 hodnocení)

20. 10. 2016 20:14:36

Napsal mpph;1333247
proto všechny vaše reference vypadají jako low-end vytvořený z šablony webnode, nebo šablon z https://themeforest.net ... v podstatě to na co jsme narazil, třeba http://plackaostrov.cz je práce na 2-4hodiny komplet...

Prosím Vás, kolik je Vám let, že musíte ihned po konstruktivní kritice napadat další uživatele? Úplně zbytečný a hloupý krok z Vaší strany co všechny Vaše potencionální zákazníky musí ihned odradit od spolupráce.

Mimochodem http://plackaostrov.cz/ 2-4 hodiny? Vy jste prozatím můj nejoblíbenější komik na webtrhu.

Něco obdobného Váš modul možná zvládne, ale takto to nemůžete porovnávat.

Čistě teoreticky přijde za Vámi klient, že chce web restaurace. Vy mu dáte cenovou nabídku, vytvoříte wireframe ten mu musíte zaslat ke schválení on řekne ano -> pak vytvoříte design, on řekne ano/ne -> pak kodujete takže minimálně 1-2 týdny čisté práce.

Ve Vašem případě by tedy klient přišel k Vám a dostal by ten Váš modul a co pak? Pak by si jako hrál na UXáka, UI Designera v jednom nebo jak ten proces funguje? Potřeboval bych to nějak vysvětlit ten Váš revoluční nástroj stále nechápu.

20. 10. 2016 20:14:36

https://webtrh.cz/diskuse/webdesign-jinak-je-to-cesta/#reply1232088

mpph

20. 10. 2016 20:19:56

to je diskuze zase :). Máte někdo nějaké připominky k UX, konceptu, grafice, typografii, barevnému ladění prvků? Je někdo kdo by popsal během 2 hodin 10 bodů které vylepšit. Zaplatím za to 2x550 Kč bez DPH.

Diskutovat o to co je a bude, když má každý svou pravdu nemá smysl.

Ostatní nemá smysl řešit.

20. 10. 2016 20:19:56

https://webtrh.cz/diskuse/webdesign-jinak-je-to-cesta/#reply1232087

Dominik Nguyen

(36 hodnocení)

20. 10. 2016 20:26:44

Pane, asi si neuvědomujete, že zmiňovaný web má administraci na míru, neběží tedy na žádném Wordpressu apod. (ovšem proti kterému nic nemám), je tam správa rezervací, notifikace pro uživatele, sms upozornění a milion dalších věcí, o kterých ten Váš krabicový systém nemá ani páru.

Ukažte mi prosím, jak to udělá Váš systém za 2hod a koupím si všechny licence.

20. 10. 2016 20:26:44

https://webtrh.cz/diskuse/webdesign-jinak-je-to-cesta/#reply1232086