Touch VS kurzor

Caute, mozno by tato tema mohla byt v JS/JQ sekcii, ak treba tak presunte prosim, ide mi ale v podtstate o vseobecny nazor

Takze, robim po par rokoch novu stranku a kedze sa vyvoj webu posunul o pekny krok dopredu, potreboval by som poznat vas nazor, resp. vase riesenie otazky touch VS kurzor.

Ide mi najma o tie fancy vysuvacie "detaily/info" nad obrazkami napriklad v e-shop gride, teda zakaznik prejde mysou nad obrazok produktu a vysliduje sa mu nejaka ikonka "pridat do kosika" alebo nejake doplnujuce info o produkte. Samozrejme, na mobile/tablete mys nie je takze :hover event odpada, da sa to samozrejme riesit sposobom klik -> info | double click -> enter ale pride mi to zbytocne alebo lepsie povedane otravne, aspon podla mojho nazoru, ja by asi taku stranku zatvoril, kedze som na dotykovom zariadeni zvyknuty dotknut sa raz a nacita sa stranka linku, ked mi nezoberie klik tak mam o sedivy vlas naviac

Takze ako to riesite vy? Dakujem za kazdy nazor.

Prave naopak ludia na tabletoch su pre dodatocne info nauceny dlhym tapom, jednoduchy je spustac akcie(ale je tu moznost submenu). Takze bud neumoznis userom pridat do kosika na listingu produktov a az na podstranke produktu. Alebo budes zistovat typ zariadenia a buttoniky a podobne veci vykreslis vzdy ci uz pod obrazkom alebo kdekolvek. Este je moznost toho submenu a to napriklad taketo nieco(ber z rezervou) https://dribbble.com/shots/1713496-eCommerce-App .

tam to na tom odkaze je pekne dizajnovane, zaujimalo by ma ako sa to da spravit pomocou html/css ak vobec ... no nic ... vdaka za info idem googlit

vsetko sa da a nie je to ani nejak narocne

ale nezabudaj na to, ze stranka v mobilnej verzii ma byt user-friendly ale hlavne optimalizovana, aby ti to nenacitavalo 5minut. takze v tomto pripade radsej v zmysle "keep it simple" a bez nejakych zbytocnych hover efektov. hover efekt je na to aby po prejdeni mysou si pochopil, ze dany element spusti nejaku akciu. na mobile ak uz na nieco 'tuknes' tak preto, ze vies, ze to spusta akciu, nepotrebujes si to overovat. preto by tie elementy mali byt tak zobrazene, aby to na prvy pohlad bolo jasne, ze je to button a ze na to treba kliknut.

a co sa tyka tych akcii "vlozit do kosika" a pod. tak potom radsej urobit tak, ze tam tie ikonky su stale zobrazene v mobilne verzii. v tom gride ked budes mat o 30-40px viac na vysku pre kazdy produkt, tak sa nic nestane. ale aj tak si myslim, ze vacsina ludi, si dany produkt otvori, aby si mohli precitat detaily a az potom budu pridavat do kosika (ale to je iba moj dohad, statistiky nemam a teda su tieto akcie na tej stranke 'grid' zbytocne.

Vzdy si treba zhodnotit co ides predavat a co ti je tam treba univerzalne to nieje. Mozes mat produkty ktore nemaju ziadne moznosti (farba, velkost atd) vtedy je mat buttoniky viditelne vzdy dobre. Na druhej strane ak mas options tak sa musi prekliknut a vybrat si.

To menu spravis jednoducho na click/tap budes odkryvat/skryvat elementy ...

Nezabudaj na minimum touch target size, pozri si guidelines k ios alebo androidu je tam vela uzitocnych informacii k touch zariadeniam.

super, dakujem za nazory/rady chalani

na tie slidovacky sa asi vypr... nech to zbytocne nekomplikujem, mozno skusim nejako plagiatorsky implementovat take menu ako bolo v tom linku ak to bude mat zmysel

a dufam ze si nebudem musiet kupovat nejaky išrot s retina screenom aby som mohol testovat ako bude vyzerat stranka s jablkovou prichutou

ked robis mobilnu verziu tak to by mala byt automaticky pre retina display
btw. retina display nie je len iphone, aj niektore androidy maju vacsiu hustotu pixelov.