[Captain Thailand]

Hej,

Utvecklaren förväntas numer anpassa sina webbplatser efter kundens behov istället för tvärtom som tidigare. Sidorna skall kunna anpassas i allt från smartphones till 42" skärmar utan att gästen skall behöva göra ett dyft. Vem minns inte texten (som var vanlig för tio år sedan): "Sajten är anpassad för 1024 x 768 etc".

Nu till vad jag vill ha sagt... Är det inte så att bredden kommer försvinna helt och sajten kommer täcka kundens fönster oavsett hur stort det är ungefär som på: http://www.lexus.se/Images/LS_pdf_ac...612-803130.pdf

Ovanstående länk är bara ett (dåligt) grafiskt exempel och inte ett exempel på den tekniska lösningen. Jag vill bara ha något att illustrera med.

Personligen gissar jag att det kommer anses som "ålderdomligt" år 2020 att ha en bredd på sajten och en bakgrund som täcker resten. Ni som kan betydligt mer än mig om programmering har säkert en åsikt?!

[coredev]

Bredden på ett A4 blir aldrig omodern ;-)

Skämt åt sido, jag tror inte att bredder kommer att försvinna, och det har med våra ögon att göra - det kan helt enkelt inte vara hur brett som helst. Dessutom är det praktiskt med en fast bredd iom att hårdvaran är såpass olika.

Samtidigt måste jag säga emot mig själv lite, eftersom responsive-sidor faktiskt blir mer vanliga. Wikipedia verkar ju inte bry sig om att text är svårt att läsa om raderna är långa.

[Captain Thailand]

coredev,

Nja, fast om det bara är text/innehåll på en femtedel av pappret så...

Jag surfar både med en 27" iMac och med min mobil (alla ni gör väl motsvarande) och just i iMacen blir det ofta väldigt mycket bakgrund och väldigt lite innehåll, såvida man håller browsern stor.

Dock tycker jag mig se fler och fler sajter där storleken helt anpassas efter webbläsarens storlek. Ni om några vet ju vad jag menar. Jag är en teknisk idiot (beträffande detta) men det är väl HTML5 and CSS3 som kan användas i stort sett i det oändliga.

Här är några exempel på (ungefär) vad jag menar, även om det kan göras ännu mer avancerat. Minska och förstora webläsaren från 1900 ner till 240 px (smartphone):

1. http://teixido.co

2. http://robot-or-not.com

3. http://seesparkbox.com

4. http://3200tigres.wwf.fr

5. http://teegallery.com

Personligen är min plan att bygga om samtliga mina uråldriga (haha) webbplatser 2014 och då anpassa dem enligt motsvarande teknik ovan. Jag tror personligen att det är ett måste om 5-8 år.

[znap]

En adaptiv design behöver inte betyda att sidan måste ta upp hela skärmens bredd. Tycker personligen inte att sidan bör bli mycket bredare än 1024 px.

Kommer ihåg att jag gick en kurs i användarvänlighet och tillgänglighet för 5-6 år sedan och då var det inget snack om att en "flytande" design, som dom kallade det, är bäst ur tillgänglighetssynpunkt. Så konceptet som sådant är knappast nytt. Det är väl att kunderna/användarna som fått mer kompetens på området och börjat förvänta sig att designen ska lira i samtliga upplösningar.

Jag anser att det redan idag är ålderdomligt om man bara tänker i en upplösning. Även om det tar lite längre tid att få fram en bra adaptiv design kan man räkna hem det eftersom att fler kommer kunna ta del av din sajt på ett behagligt och effektivt sätt.

[Onpu]

Jag tycker anpassad bredd kan vara bra många gånger, men då ska det finnas en maxbredd. Ta WP-temat TwentyEleven som exempel. Det minskar bredden när webbläsarens fönster görs smalare, men blir det tillräckligt brett så stannar det vid ca 1000px.

Att Wikipedia blir bredare i all oändlighet är något jag inte tycker om. Det stör läsbarheten av deras texter. De borde ha en liknande lösning med maxbredd.

[tartareandesire]

Ursprungligen postat av Onpu

Jag tycker anpassad bredd kan vara bra många gånger, men då ska det finnas en maxbredd. Ta WP-temat TwentyEleven som exempel. Det minskar bredden när webbläsarens fönster görs smalare, men blir det tillräckligt brett så stannar det vid ca 1000px.

Att Wikipedia blir bredare i all oändlighet är något jag inte tycker om. Det stör läsbarheten av deras texter. De borde ha en liknande lösning med maxbredd.

Håller med dig, en text måste begränsas till bredden om man har någon som helst tanke på användarna. Ska jag läsa längre texter på Wikipedia eller andra sidor som inte tar hänsyn till detta så kopierar jag till anteckningar istället då det går snabbare att läsa på det viset.

Sedan har ett tema som TwentyEleven tvärtom problem med höjden. På många laptops ser man en header över större delen av skärmen vilket inte är särskilt lyckat det heller.

[Captain Thailand]

tartareandesire,

Vi pratar nog om olika saker. Titta på texten i det första av mina exempel ovan (länkarna). Den förstoras och anpassas efter browsern och läsbarheten minskar aldrig.

Det är det jag menar, inte någon gammal 100%-vidd-lösning från nittotalet. ;-)

[coredev]

Ursprungligen postat av Captain Thailand

tartareandesire,
Vi pratar nog om olika saker. Titta på texten i det första av mina exempel ovan (länkarna). Den förstoras och anpassas efter browsern och läsbarheten minskar aldrig.
Det är det jag menar, inte någon gammal 100%-vidd-lösning från nittotalet. ;-)

Det kallas för responsive design och är väldigt inne just nu. Jag måste nog dock erkänna att jag inte tror på det, för en vanlig användare är det helt ologiskt att sidan ändrar utseende beroende på vilken manick man använder för att se sidan med och hur stort webbläsarens fönster är. Så länge man lägger div:arna rätt så att mobilläsarna kan zooma smart så borde det inte finnas något behov för speciella sidor / lösningar för mobiler. Och personer som klarar av att göra en responsive design klarar med största sannolikhet om att lägga div:arna rätt.
Personligen blir jag mycket frustrerad om jag kommer till en mobilanpassad sida när jag surfar med mobilen och jag är nog inte ensam.

Däremot finns ju problemet med riktigt stora skärmar kvar. Frågan är om inte Windows 7 delvis har lösningen på gåtan, jag märker att jag mer och mer drar fönster till höger och vänsterkanten så att de maximeras på halva skärmens bredd. På så sätt kan jag ha min IDE på ena sidan och webbläsaren på den andra, eller för all del en e-post klienten och en administrationspanel.

[tartareandesire]

Jo, snyggt är det onekligen men tror det passar bäst till ganska enkla sidor. Har man avancerade annonslösningar och dylikt så fungerar det sisådär.

Ursprungligen postat av coredev

Personligen blir jag mycket frustrerad om jag kommer till en mobilanpassad sida när jag surfar med mobilen och jag är nog inte ensam.

Det där håller jag absolut inte med om. Jag blir betydligt mer irriterad om jag måste anstränga mig för att kunna nå alla delar av webbplatsen. Hellre då en prydlig, enklare mobilversion. Normalt vill jag bara ha snabb information via mobilen, vill jag surfa "på riktigt" använder jag datorn.

[coredev]

Ursprungligen postat av tartareandesire

Jo, snyggt är det onekligen men tror det passar bäst till ganska enkla sidor. Har man avancerade annonslösningar och dylikt så fungerar det sisådär.

Det där håller jag absolut inte med om. Jag blir betydligt mer irriterad om jag måste anstränga mig för att kunna nå alla delar av webbplatsen. Hellre då en prydlig, enklare mobilversion. Normalt vill jag bara ha snabb information via mobilen, vill jag surfa "på riktigt" använder jag datorn.

Spännande att man kan tycka så olika :-)

Vad jag stör mig mest på mobilsidor är nog:
1) Att mobilsidorna sällan erbjuder samma mängd information & funktioner som originalet
2) Att designen inte är samma, dvs jag måste börja om på nytt för att lära mig hur upplägget är, var jag hittar saker, etc.
3) Att mobilsidorna generellt är så dåligt testade med döda länkar, etc.
4) Att det inte finns någon klar gräns när man skall få upp mobilsidan vs. originalet. Från vilken skärmstorlek bör den riktiga sidan visas, 4", 5", 7"..? Skall jag få upp mobilsidan på läsplattan eller bara på mobilen?

En sak jag gillar är att både wikipedia och flera WP-teman erbjuder att komma ihåg ens val om man vill använda originalsidan istället för mobilsidan.

-- Ber om ursäkt om jag fortsätter OT-diskussionen, men tycker ämnet är så intressant