Responsiv webshop

ecstyle · 2013-10-07, 21:32

Jag skulle vilja ha lite feedback på www.lash.se/. Det är lite jobb kvar så det passar väl därför in i den här kategorin. Jag skulle bli väldigt tacksam om någon med mobiltelefon och surfplatta har möjlighet att kika hur det ser ut i dessa plattformar.

sharp · 2013-10-07, 22:16

Ingen genomgående kontroll men ett par sakar som naggade mig direkt.
Inte bara responsive utan kör allt jag noterade.

1. Att sidan hoppar, står inte ut med sånt, annars hade jag lagt ner en stund till.

2. Men-u bilden ger ett ganska rörigt intryck, herrsmyckesbilden är mycket clean:are.

3. Eftersom man kan välja olika listningsalternativ, kanske ska ha en lista där bilderna är lite mindre så att i alla fall ett par produkt får plats på en sida i mobilen när man scrollar.

4. Custom dropdowns säg inte vara så uppskattat hos mobilsurfaren.

Sen gav jag upp, men visst ser den ut att kunna bli bra.

(kollat från datorn) " kr kr " uppe i hörnet kändes rörigt.

P3N · 2013-10-07, 22:25

Firefox (v24):
När man ändrar storleken på fönstret så precis vid ändring av css reglerna så blir det scroll i botten på fönstret (overflow-x). Liiite småirriterande.

iPhone:
Lite för bred layout vilket gör scroll i sidled där med = sidan flyter runt.
Centrera produkterna? (snyggare).

Mini iPad:
Samma beteende som på iPhone. Dvs för bred layout (liggande är ok).
Centrera när det är tre produkter per rad också, kanske till och med får in 4 på rad?

Tips du kan testa sidan här -> http://mattkersley.com/responsive/

Underlättar en del den där länken och där ser du om det blir scroll längst ner också.

ecstyle · 2013-10-07, 22:52

Tack för feedback.
Mina sliders har olika höjd och därför hoppar den lite. Jag gissar att det är det du (sharp) menar. Att det kunde vara så irriterande har jag inte tänkt på. Det är så klart något som ska åtgärdas och att det blev olika höjd var mer av ett test. Sliders ska fixas till och nya ska tillkomma. Sen är jag inte riktigt nöjd att de inte är klickbara annat än till enskilda produkter.

Jag får ingen scroll på min iphone 5, men jag jag ser ju scrollen i http://mattkersley.com/responsive/ (och tack för länken förresten). Har inte sett scrollen tidigare, men har också gjort lite ändringar efteråt som kan ha påverkat

StefanW · 2013-10-08, 09:54

Citat:

Ursprungligen postat av ecstyle

Tack för feedback.
Mina sliders har olika höjd och därför hoppar den lite. Jag gissar att det är det du (sharp) menar. Att det kunde vara så irriterande har jag inte tänkt på. Det är så klart något som ska åtgärdas och att det blev olika höjd var mer av ett test. Sliders ska fixas till och nya ska tillkomma. Sen är jag inte riktigt nöjd att de inte är klickbara annat än till enskilda produkter.

Jag får ingen scroll på min iphone 5, men jag jag ser ju scrollen i http://mattkersley.com/responsive/ (och tack för länken förresten). Har inte sett scrollen tidigare, men har också gjort lite ändringar efteråt som kan ha påverkat

Får du ingen scroll (någonsin) i sidleds i webbläsarfönster så har du lyckats, oavsett om din iPhone 5 visar det rätt eller inte. Så du kan faktiskt utgå från webbläsarfönster på dator. Så fixa det för datorer först så ordnar det sig.

Clarence · 2013-10-10, 12:16

Citat:

Ursprungligen postat av ecstyle

Tack för feedback.
Mina sliders har olika höjd och därför hoppar den lite. Jag gissar att det är det du (sharp) menar. Att det kunde vara så irriterande har jag inte tänkt på. Det är så klart något som ska åtgärdas och att det blev olika höjd var mer av ett test. Sliders ska fixas till och nya ska tillkomma. Sen är jag inte riktigt nöjd att de inte är klickbara annat än till enskilda produkter.

Jag får ingen scroll på min iphone 5, men jag jag ser ju scrollen i http://mattkersley.com/responsive/ (och tack för länken förresten). Har inte sett scrollen tidigare, men har också gjort lite ändringar efteråt som kan ha påverkat

Du ska inte få sidleds-scroll alls, i någon upplösning. Din sajt får det ~480-504 och ~729-1031 inre bredd (i Chromes senaste stable på macosx, det kan variera mellan browsers beroende på orsak). För att åtgärda detta är det inte svårare än att scala om ditt fönster och leta efter sidleds-scroll. Sedan behöver du givetvis testa med olika webbläsare också. Men att börja med ett par desktop-webbläsare som du skalar om är en bra strategi för att bli av med de värsta bovarna.