Je „responsivní“ design až zase tak potřebný?

[registrovany123]

Responsivni design je, ze pro ruzna zarizeni mam jiny vzhled webove stranky, ktery je tomu zarizeni uzpusoben. Melo by se s tou webovou strankou potom lepe pracovat.

Je po tom aktualne velka shanka, jenze je tu jedno velke ALE - tedy alespon co se me tyce. Kdyz si prohlizim napr. eshop na mobililu nebo tabletu, tak ze vseho nejvic mi vyhovuje, kdyz vypada stejne, jako ten na PC. Nemuzu si pomoct, ale jakykoliv eshop se pokousi o responsivni design, tak mi vysledek na mobilu prijde dost mizerny (piece of crap).

Radeji si budu zoomovat a prohlizet klasicky web, nez abych si prohlizel ty "umelecke" vytvory "optimalizovane" pro mobil.

Jake jsou na responsivni design to vase nazory?

[Reklama]

[Petr Krčmář]

Mně naopak velmi vadí, když se web nepřizpůsobí šířce mobilu a já musím zoomovat a jezdit po dlouhých řádcích, které jsou mimo obrazovku. Takhle se třeba článek nedá vůbec číst, protože je potřeba po každém řádku jet doprava, pak se vrátit zase doleva a takhle skenovat celý článek. Na zmíněném e-shopu je to stejné, já nechci jezdit po stránce jako po mapě a hledat, ve kterém rohu je odkaz „koupit“.

Naštěstí je dneska takových webů minimum.

[Ink]

Dej příklad, kde to dobře nefunguje. Já na mobilu moc nenakupuju, ale když jsem se teď podíval na pár českých obchodů, mobilní verze byla v pohodě. Pokud tomu tak je, rozhodně preferuju design uzpůsobený pro mobilní zařízení (to nemusí znamenat responzivní, může mít dva oddělené weby pro mobil a desktop).

Co se týče tabletu, zvlášť pokud má 10", tam už desktopová verze sedí víc než na mobilu. Přesto si myslím, že dobrý responzivní design je ideál.

[Filip Jirsák]

Správně udělaný responzivní design je rozhodně přínosem. Špatně udělaný web znamená akorát jeden špatně udělaný web, neplyne z toho, že musí být špatně udělané všechny weby.

No a pokud vám web nějakého e-shopu nevyhovuje, tak na něm prostě nenakupujte. Jiné řešení to nemá.

[Ħαℓ₸℮ℵ ␏⫢ ⦚]

Mě vadí, když to funguje idiotsky v zobrazení pro mobil i pro desktop . Příkladů je dost
- useklé sloupce tabulky
- nemožnost vybrat v ivysílání rozlišení nad 288p (což asi soudruzi považují za vrchol pro mobilní zařízení)
-mikroskopické prvky paginátorů (znak >,-,4,9,+)

Responzivní web nemusí být javascript, ale chitré použití základních CSS věcí/layoutu,min-max-width,flex,float,clear.

Nejlepší jsou weby které jsou optimalizované a a zároveň funknční. Protože luštit submm písmo a fut zoomovat a swipovat jak divý je opruz

Paradoxně celkem dobře jsou na tom weby neoptimalizoavé wůbec (vypadají stejně, akorátse musí hodně zoomovat)

[Reklama]

[k3dAR]

na telefonu s Androidem pouzivam jedinecny OH Web Browser, krome toho ze je delanej na ovladani 1 rukou a nevyzaduje zadna opravneni, ma 2 veci co pomahaji dotazovanemu...
1. krome klasickeho 2prst zoomu, ma v menu "Meritko" to meni velikost pisma, tedy na webu co neni pripraven na mobil, dokaze zmenit radkovani aby se mene ci vubec muselo skrolovat do stran
2. ma v menu "Verze pro Desktop" coz vynuti (vetsinou) prave tu verzi pro Desktop prohlizec (nezabira to na web kterej ma url pro mobil stylu "m.web.cz", tam je nutne tu url rucne prepsat na www.web.cz...

[mikesznovu]

No a on snad nějaký browser vyžaduje oprávnění? (asi nemá cenu se bavit o google chrome , defaultních čínských).
Podobnou věc má Bromite: User agent pro normální zobrazení (což se na mobilu myslí mobilní zobrazení) a User Agent pro  Desktop zobrazení

+(a to má volba Enable processing of viewport meta tage also for desktop mode)

[Merlin01]

To čo popisujete nie je problém responzivity ale ľudí, ktorý tie weby navrhujú a kódujú.
Ak webdesigner nemá presah do UX (nezamýšľa sa nad tým ako dobre sa navrhnuté elementy budú používať) alebo v procese návrhu a realizácie chýba UXák (alebo proste niekto so skúsenosťou z UX a webovej analytiky), tak potom to dopadá tak ako píšete vyššie.

Napríklad módne e-shopy majú +60% návštev z mobilov, takže ak chcú dobrý konverzný pomer, musia makať priebežne na dobrom UX.

I napríklad toto fórum, to si neviem predstaviť bez responzivity. Ako by si to čítal na mobile, keby sa scrolluje aj v ose x...?

Aj tie tabuľky sa dajú optimalizovať, hrajem sa s tým napríklad na tabuľke parametrov mobilov, príklad:
https://bonu.sk/samsung-galaxy-a52s-5g

Lenže to už v html kóde ani nie je ani tabuľka a je stým piplačka (vďaka Bohu za css frameworky).
Alebo môže použiť klasickú tabuľku a povoliť scroll-x len v jej ploche na mobiloch.

Ja sa proste najčastejšie stretávam vo firmách s tým, že oni ani nevedia, že majú problém s UX, až keď im to ukážeš, vykonáš zmeny a im rastú konverzie/leady, tak potom im to trkne...

[MichalKovacic]

Hmmm... Na to je jednoduchá odpověď - co zákazníci nebo standard v sektoru požaduje. Např. pokud děláte eCasino, pak to je naprostá nutnost, jiné oblasti to mohou mít podobně nebo zcela jinak...

[k3dAR]

No a on snad nějaký browser vyžaduje oprávnění? (asi nemá cenu se bavit o google chrome , defaultních čínských).
[...]

tak asi vetsina (napsal bych vsechny krome OH, ale to jiste pravda nebude) :-)
OH nevyzaduje ani opravneni pro Souborovy system, coz myslim ta vetsina pozadovat bude aby ulozila soubor, OH to resi pres systemovou sluzbu pro ulozeni, ktere jen preda info kam se ma ukladat a sam OH jen zprostredkovava prenos a vyuziva vlastni download manager...

Konretne, tohle jsou (vychozi/nedotazovana) opravneni co ma OH:

Kód: [Vybrat]

Informace o připojení Wi-Fi
  - zobrazení připojení Wi-Fi
Další
  - zobrazování síťových připojení
  - rozbalení a sbalení stavového řádku
  - úplný přístup k síti
  - instalace zástupce
  - Kontrola licence ve službě Google Play

Toto opravneni u Brave (kterej je povazovan pokud vim za jeden z nejvice "pro soukromi")

Kód: [Vybrat]

Fotoaparát
  - pořizování fotografií a videí
Informace o připojení Wi-Fi
  - zobrazení připojení Wi-Fi
Fotky/média/soubory
  - čtení obsahu v úložišti USB
  - úprava nebo mazání obsahu v úložišti USB
Místo
  - přibližná poloha (pomocí sítě)
  - přesná poloha (pomocí GPS a sítě)
Úložiště
  - čtení obsahu v úložišti USB
  - úprava nebo mazání obsahu v úložišti USB
Mikrofon
  - nahrávání zvuku
Další
  - stahování souborů bez oznámení
  - čtení statistických údajů o synchronizaci
  - přijímat data z internetu
  - čtení nastavení synchronizace
  - změna uspořádání spuštěných aplikací
  - změna nastavení zvuku
  - změna připojení k síti
  - zabránění přechodu zařízení do režimu spánku
  - úplný přístup k síti
  - instalace zástupce
  - zobrazování síťových připojení
  - přístup do nastavení Bluetooth
  - spuštění při startu
  - ovládání vibrací
  - vypnutí nebo zapnutí synchronizace
  - párování se zařízeními Bluetooth

BTW: autor OH to "dohnal" tak daleko ze odmita pozadovat opravneni i na veci co by nekteri radi povolili, jako mikrofon, nebo polohu kvuli mape, atd...

[k3dAR]

[...]
I napríklad toto fórum, to si neviem predstaviť bez responzivity. Ako by si to čítal na mobile, keby sa scrolluje aj v ose x...?
[...]

no, treba abclinuxu ktere responzivni nema, prave v tom zminenem "OH Web Browser" pouzivam zvetsene meritko pro text (ne dvouprst zoom vseho), takze osa x se tim da dost zmensit ci zrusit ;-)

btw: zkus si otevrit responzivni Aliexpress na 1024x600 v rezimu landscape, tlacitka pro nakup zabiraji pulku obrazovky a videt jsou porad i pri skrolovani ;-)

[vojthor]

Dělat neresponsivní web mi v dnešní době přijde jako hulvátsví, ten traffic z telefonů rozhodně není zanedbatelný. Javascript na to není vůbec potřeba a díky CSS gridu a Flexboxu to jde krásně a kdo to nedělá tak by neměl dělat weby.

[uwe.filter]

Řekl bych, že je responzivní a "responzivní". Mně třeba vadí jeden typ chování - z mého pohledu nešvar, a to že když si zmenším okno prohlížeče na půl obrazovky (v dnešní době displejů 16:9 to řekl bych docela dává smysl), obsah stránky se zobrazí třeba jako na mobilu. Což je (pro mě) typicky méně přehledné a otravné na používání.

[Petr Krčmář]

… ten traffic z telefonů rozhodně není zanedbatelný.

Už mnoho let tvoří mobilní zařízení více než polovinu návštěv na webu. Na Rootu je to o něco méně, teď jsem se díval a je to 42 %. Což tedy rozhodně taky není zanedbatelné.

[hurvajs spejbl]

udělat správně responsivní design je docela težké. Bohužel, jsem snad ještě neviděl design, který by byl opravdu navržen v mobile first. 95% designů, co jsem měl možnost vidět byl vždy jen desktop. Ostatní zařízení jako jsou mobily či naopak velké 4k monitory / TV často schází a vývojář to musí řešit na koleni bez UX. Nehledě na to, že když už je i mobilní varianta, tak jen portrait ale landscape schází.

Podle mě je responsivita docela velký komplexní a i složitý úkol. Je ale pravda, že plno velkých e-shopů je lepší používat v desktopové verzi. Třeba zelený střet, mobilní verze je katastrofa, mobilní appka taktéž