Responsive - Meinungen

Dominik83 · **Dominik83** » 27.01.2015, 22:36 **Responsive - Meinungen**

Hallo,

ich lese öfters, dass Repsonsive massive Probleme bei der Darstellung in unterschiedlichen Handys und Browsern hat.

Sollte man besser vorerst darauf verzichten und erstmal abwarten wie es sich entwickelt? Ich bin gerade dabei ein neues Theme (responsive) erstellen zu lassen, aber auch hier gibt es Probleme mit der Darstellung in Handys und Browsern. Bei manchen sieht es gut aus bei anderen ist alles verschoben oder man sieht nur den Hintergrund ohne Text.

chris21 · **chris21** » 27.01.2015, 22:43 **Responsive - Meinungen**

Das hat nichts mit Responsive zu tun sondern mit der Qualität der Umsetzung des Responsive Designs.

Habe hier gerade wieder eine Seite responsive aufgezogen und es sieht auf allen Handy-/Smartphone-/Tablet-/Desktop-Varianten in jeder Größe gut aus.

Responsive selbst ist - richtig umgesetzt - die für fast alle Bereiche beste Lösung bei der Webentwicklung in 2015.

Dominik83 · **Dominik83** » 27.01.2015, 23:01 **Responsive - Meinungen**

Wäre nett, wenn Du mir den Link Deiner neuen Seite per PM schickst. Würde ich mir gerne mal anschauen. z.B. über Browserstack. Hm, aber wenn ein erfahrener Moderator aus einem Webdesign-Forum mein Template nicht hinbekommen hat. Frage ich mich ob es überhaupt jemand schafft, dass das layout wirklich überall gut aussieht.
Ich brauche nämlich dringend ein neues Template, weil mein Provider bald ein Update durchführt und das alte wahrscheinlich nicht mehr laufen wird. Deshalb bin ich total verunsichert ob ich doch lieber darauf verzichten und ein non-responsiv layout nehmen soll. 150 EUR hab ich wohl jetzt zum Fenster rausgeschmissen.

chris21 · **chris21** » 27.01.2015, 23:23 **Responsive - Meinungen**

Nimm z.B. einfach die Seite onpage.org - sehr gut umgesetztes Responsive Design.

Bodo99 · **Bodo99** » 27.01.2015, 23:46 **Responsive - Meinungen**

Stonebrands hat geschrieben: ich lese öfters, dass Repsonsive massive Probleme bei der Darstellung in unterschiedlichen Handys und Browsern hat.

Sollte man besser vorerst darauf verzichten und erstmal abwarten wie es sich entwickelt?

Bei technischer guter Umsetzung, dürften keine Probleme auftreten. Ich empfehle dazu das Buch "Flexible Boxes" und "Responsive Webdesign: Anpassungsfähige Websites programmieren und gestalten (Galileo Computing)"

Von abwarten halte ich nichts, da du eigentlich schon viel zu spät dran bist. Repsonsives Desigm ist nun fast schon 5 Jahre alt

Stonebrands hat geschrieben:Hm, aber wenn ein erfahrener Moderator aus einem Webdesign-Forum mein Template nicht hinbekommen hat. Frage ich mich ob es überhaupt jemand schafft, dass das layout wirklich überall gut aussieht.

Das ist schon der erste Denkfehler. Beim Respsonive Design sieht die Seite nicht auf jedem Display gleich gut aus. Responsive Design ist auch ein Kompromiss, statt für jedes Endgerät eine eigene Version zu programmieren, baut man eben nur eine, die auf allen Geräten ungefähr gut aussieht. Man muss sich davon befreien, dass es auf allen Geräten gleich aussieht. Zudem musst du dein Design ggf. komplett neu machen, sodass du eben diesen genannten Kompromiss gewährleisten kannst. Das alte Pixeldesign lässt sich technisch durchaus in Repsonsive Design umwandeln, sieht aber meist nicht wie gewollt aus. Daher empfehle ich ein eigenes Responsives Design komplett neu zu erstellen.

chris21 · **chris21** » 28.01.2015, 00:02 **Responsive - Meinungen**

jetzt grad erst gelesen:

150 EUR hab ich wohl jetzt zum Fenster rausgeschmissen.

Ganz ehrlich: für den Preis würde ich keine vernünftige Arbeit erwarten... Je nach Komplexität der Seite sollte man da eher mal eine 0 dran hängen.

Ansonsten stimme ich Eric in allen seinen Anmerkungen zu: Responsive ist auch ein Paradigmenwechsel weg vom pixelgenauen Design eines oftmals aus dem Printbereich kommenden Designers hin zu einem fluiden Design. Es hat auch Gründe, warum sich in den letzten Jahren Metro- oder Flatdesigns durchgesetzt haben - sie sind eben auch sehr gut responsive umzusetzen.

Und tatsächlich ist eine Neuentwicklung leichter als das Überstülpen, allein schon, wenn man den Mobile First Paradigmen folgen will.

----

Edit: ok, habe die Umsetzung gerade gesehen, 1500 wären da doch zu viel (wenn auch 150 zu wenig sind).

Ich würde einfach eine Nachbesserung fordern und das der Designer es nicht nur auf Safari testet sondern auch Chrome/Firefox/Android Browser etc. Da scheint es noch einiges an Bugs zu geben.

----

Edit 2:

Habe die Beispielseite von Dir mal auf dem iPad, Iphone, Android Tablet und Android Smartphone getestet: da sieht es ordentlich aus (auch wenn die Menüpunkte für eine ordentliche Touch Bedienung vll. mehr Abstand bräuchten) und nicht so wie bei Browserstack.

Lyk · **Lyk** » 28.01.2015, 00:57 **Responsive - Meinungen**

jo ich muss auch umsteigen, wurde von google benachrichtigt, soll mein design ändern^^

hab morgen termin bei einem designer, mal schauen, was der kann.

Dominik83 · **Dominik83** » 28.01.2015, 01:44 **Responsive - Meinungen**

Danke Chris, dass Du es Dir angesehen hast. Aber Bugs im Chrome/Firefox/Android Browser sind schon noch vorhanden, oder? Es wundert mich dass es bei Browserstack anders aussieht als auf Deinen mobilen Geräten. Meine alten Webseiten sehen auf beiden gleich aus.

chris21 · **chris21** » 28.01.2015, 02:06 **Responsive - Meinungen**

Aber Bugs im Chrome/Firefox/Android Browser sind schon noch vorhanden, oder?

Also unter Android 2.x und 4.x mit dem Android Browser und dem Chrome Browser habe ich oberflächlich (d.h. visuell) keine entdeckt. Ebenso bei FF auf Android.

Bin mir auch gerade nicht klar, was Browserstack da macht - bei anderen Projekten sehe ich bei Browserstack keine Probleme.

Dominik83 · **Dominik83** » 28.01.2015, 03:16 **Responsive - Meinungen**

Hab nochmal einige andere Seiten mit Browserstack geprüft, die werden alle richtig dargestellt. Führt kein Weg dran vorbei, ich brauch ein neues Theme...

Vegas · **Vegas** » 28.01.2015, 08:53 **Responsive - Meinungen**

Eric78 hat geschrieben:Beim Respsonive Design sieht die Seite nicht auf jedem Display gleich gut aus. Responsive Design ist auch ein Kompromiss, statt für jedes Endgerät eine eigene Version zu programmieren, baut man eben nur eine, die auf allen Geräten ungefähr gut aussieht. Man muss sich davon befreien, dass es auf allen Geräten gleich aussieht.

Richtig, insbesondere da es neben zig möglichen und unmöglichen Auflösungen, Hochformat und Querformat, auch noch eine ganze Latte teils recht exotischer Stock Browser aka "Internet" auf Smartphones und Tablets gibt. Und dann wären da noch Miui, Link Bubble, Puffin, Javelin, Boat, Maxthon, UC, CM, uvm., bei Android ist die Browserlandschaft weit weniger homegen als bei Windows.

Vom Anpassen halte ich auch nicht viel, denn das wird im Ergebnis ein bischen adaptive, aber niemals responsive, einfach weil sonst der Aufwand ungleich höher ist, als gleich ein vernünftiges Theme/Template/Framework zu nehmen und an die eigenen Bedürfnisse anzupassen. Ist wie beim Hausbau, Abriss ist Neubau sind oft billiger, einfacher und im Ergebnis besser als eine aufwendige Kernsanierung.

gurken · **gurken** » 28.01.2015, 10:18 **Responsive - Meinungen**

Responsive ist das beste was gibt, in meiner Sig ist auch ein kleines Beispiel dafür. Ein paar Mediaqueries und fertig ist der Hokuspokus.
Noch interessanter wirds wenn man Vektorgrafiken integriert, hab hier kürzlich ein phpbb Forum damit aufgebaut, sieht einfach nur toll aus wenn man am Handy und Tablet eine saubere Version hat.

Lollipop · **Lollipop** » 09.02.2015, 12:42 **Responsive - Meinungen**

Sehe ich auch so. Wenn redesign oder neues Design, dann auf jeden Fall responsive. Ist meist keine Hexerei das vernünftig zu coden und bietet auch für die UE eigentlich nur Vorteile. Adsense und andere Ads sauber einzubinden ist zwar an manchen Stellen durchaus etwas tricky, aber geht meist auch ganz gut.

Aber mal im Ernst... schaut ihr euch die Darstellung echt auf jedem Gammelbrowser an um zu checken ob das alles so passt??
Gerade mobile reicht eigentlich locker Safari und Android x.x und wenn man die Minderheit der Windows Phone Nutzer mit reinrechnet (bin selber einer

) dann vielleicht noch den IE11. Alles andere ist doch quasi nichtexistent.

Gleiches gilt für die Auflösungen. Habt ihr auch mal angeschaut wie sich die Zugriffe verteilt auf die Auflösung bei euren Projekten unterhalb der 1024x768px verteilt. Da kommt bei mir das IPad mit seinen 768px Breite gaaaanz weit oben mit meist 60% Anteil, dann noch das IPhone mit seinen 320 bzw. 375px * irgendwas mit ca. 20% Anteil und dann verteilt sich das ganz schnell in quasi nicht mehr wahrnehmbare Anteile. Ist mir doch egal, wenn 3 oder 5% meiner Mobile Besucher eine nicht optimale Darstellung angezeigt bekommen. Der Aufwand den ganzen Kram anzupassen rechnet sich doch nie auf!

Obiges soll jetzt nicht heißen, dass ein gutes responsive Template das nicht alles gut abfangen können sollte, aber ich für meinen Teil werde den Teufel tun und meine Zeit stundenlang mit irgendwelchen Fummelsanpassungen beim coden zu verplempern. Ist alles Zeit, die einem keiner bezahlt.

Tomasso · **Tomasso** » 09.02.2015, 14:30 **Responsive - Meinungen**

Auflösungen ist dabei das kleinste Problem. Es gibt ja die Möglichkeit eine entsprechende Weiche per Css einzugeben...

@media only screen and (min-width: 800px) and (max-width: 1024px) {

}

Lollipop · **Lollipop** » 09.02.2015, 21:42 **Responsive - Meinungen**

Jo schon klar, das macht man in der Regel aber für vielleicht 3 Auflösungsbereiche. Wenn du für alle relevanten CSS Klassen für 6 oder mehr Auflösungsbereiche anfängst zu modifizieren um auch die letzte Box perfekt ins Layout einzubinden wirds schnell sehr Zeitintensiv. Daher mache ich quasi immer nur was für die ganz kleinen Auflösungen der älteren Smartphones, dann was im Bereich 768px für die Tablets und alles andere dann für Desktops jenseits der 1024px.