Hardwareluxx 4.5: Das neue responsive Design ist da

[cerubis]

Ich habe auf der Startseite eine Überlagerung.

Chrome Version 42.0.2311.90 m

Einmal den Cache leeren.

 

[proggi]

das logo ist grausam!

 

[Braddock]

Einmal den Cache leeren.

Danke!

 

[KurzschlussElektroniker]

Mir gefällt das logo ????

 

[Freak2003]

Responsive bitte auch in die andere Richtung, soll heißen die Hauptseite könnte noch ein gutes Stückchen weiter in der Breite skalieren Sieht ansonsten bei hohen Auflösungen im "Vollbild" (naja, bereits dreiviertel-Vollbild) etwas verloren aus ...

 

[NuclearVirus]

Ich finde, man könnte den Text in News strecken, damit er rechts und links bündig ist. Keine Ahnnung wie man das nennt. Eine Möglichkeit die Schriftgröße zu verändern wäre auch nicht schlecht. Aber ich muss sagen, mir gefällt das echt gut so. Bei den meisten Seiten benutze ich die Desktopversion, weil die Mobile einfach nicht so gut ist, ihr habt das besser hinbekommen.

 

[Reaver1988]

Responsive bitte auch in die andere Richtung, soll heißen die Hauptseite könnte noch ein gutes Stückchen weiter in der Breite skalieren Sieht ansonsten bei hohen Auflösungen im "Vollbild" (naja, bereits dreiviertel-Vollbild) etwas verloren aus ...

Responsiv bedeutet, dass runtergebrochen, aber nicht raufgebrochen wird. Da die Auflösungen nach oben hin unendlich sind/sein können, muss man sich für eine maximale Größe entscheiden, ansonsten bekommst du mit 3 Monitoren ja problemlos das hwluxx in eine Zeile gequetscht^^

 

[Freak2003]

Responsiv bedeutet, dass runtergebrochen, aber nicht raufgebrochen wird.

Kurz und knapp nein Responsive heißt, dass man ein Design an mehrere Geräte anpasst (möglichst fließend) ... das ihr die Obergrenze bzgl. Breite bei 1024px zieht finde ich etwas krass ... vor allem da das Klientel hier doch die Leute sind, die das neuste, beste, teuerste haben ... und da zählen Monitore mit 1024px in der Breite sicherlich nicht mehr dazu

 

[txcLOL]

Bei der Nutzung mit meinem iPad ist mir eine kleine Verschlechterung in der Usability aufgefallen: Der rote Balken kann ruhig noch ein paar Punkte wie Forum/Community enthalten. Das Dropdown Menü sollte dann weniger geklickte Seiten enthalten.

Der Weg von Homepage zu Forum ist somit umständlicher. Kein Weltuntergang, aber eben auch keine Verbesserung. Man muss hier Tablet von Smartphone trennen. Wenn man beides als "mobil" zusammenwirft, ergibt das Probleme. Auch oben die Icons beim User sehen stark skaliert aus. Der ganze Header wirkt bissle wie beta.
http://i.imgur.com/gV7w2Xe.jpg

 

[cerubis]

Responsive bitte auch in die andere Richtung, soll heißen die Hauptseite könnte noch ein gutes Stückchen weiter in der Breite skalieren Sieht ansonsten bei hohen Auflösungen im "Vollbild" (naja, bereits dreiviertel-Vollbild) etwas verloren aus ...

Ich kenne jetzt die genauen Gründe für Hardwareluxx nicht, aber das ist einfach grundsätzlich unüblich für ein kommerzielles Format.
Fließtext sieht gelinde gesagt sch... aus, wenn er zu viel Breite zur Verfügung hat und ist auch schwerer zu lesen. Man müsste dann mit vielen Boxen arbeiten, was zum einen viel Arbeit bedeutet, zum anderen schwer "hübsch" umzusetzen ist.
Außerdem orientiert man sich meistens an der kleinsten Auflösung, viele Seiten haben daher eine Breite von 960 px (1024x768 abzüglich der Ränder vom Browser), manche mittlerweile auch 1100-1200 px (1366x768) mit Platz für Werbung an den Seiten.
So z. B. im Tech-Bereich mit responsive Design: computerbase.de, pcgames.de, tomshardware.com, notebookcheck.com usw.

Ein Seite, die die volle Breite nutzt wäre z. B. World Wide Web Consortium (W3C)
Kannst ja mal schauen, wie gut das ganze bei 2560x1440 oder 3840x2160 noch lesbar ist.. ;-)

 

[FX]

Mir gefällt das neue Logo auch gut.

 

[MysteriousNap]

Also ich finds ganz schick. Auch das neue Logo finde ich ganz nett!!

 

[poeci]

wow, also ich wäre auch parallel für ein "update" der artikelgestaltung. die werbung ist ja groß genug, jetzt fehlen noch bilder über 640px, damit das ganze an details gewinnt, um z.B. den würfel von der kugel zu unterschieden. und das logo..naja
gartenzaun??

 

[c137]

Behutsamere Änderungen als bei Computerbase. Gefällt mir soweit.

Die Bilder werden also nicht angepasst.
Wieder auf dem Lumia 930 mit IE.

Das isn Problem des IE. Leider.

 

[Stechpalme]

Alles in allem, sehr gut gelungen. Ich hätte mir aber auch gewünscht, das die Startseite gleich breiter ist. Aktuell ist es einfach zu schmal.

Das Logo ist aber wirklich peinlich.

 

[L0rd_Helmchen]

Ich kenne jetzt die genauen Gründe für Hardwareluxx nicht, aber das ist einfach grundsätzlich unüblich für ein kommerzielles Format.
Fließtext sieht gelinde gesagt sch... aus, wenn er zu viel Breite zur Verfügung hat und ist auch schwerer zu lesen. Man müsste dann mit vielen Boxen arbeiten, was zum einen viel Arbeit bedeutet, zum anderen schwer "hübsch" umzusetzen ist.
Außerdem orientiert man sich meistens an der kleinsten Auflösung, viele Seiten haben daher eine Breite von 960 px (1024x768 abzüglich der Ränder vom Browser), manche mittlerweile auch 1100-1200 px (1366x768) mit Platz für Werbung an den Seiten.
So z. B. im Tech-Bereich mit responsive Design: computerbase.de, pcgames.de, tomshardware.com, notebookcheck.com usw.

Ein Seite, die die volle Breite nutzt wäre z. B. World Wide Web Consortium (W3C)
Kannst ja mal schauen, wie gut das ganze bei 2560x1440 oder 3840x2160 noch lesbar ist.. ;-)

Ich finde es irgendwie absurd, dass wir bereits vor langer Zeit erkannt haben, dass Widescreen Monitore dem menschlichen Auge mehr entgegenkommen als kleine quadratische Kästen, aber Websites mehr und mehr wie winzige Sehschlitze designed werden. Gerade vor dem Hintergrund der aufkommenden Geräte mit hohen Auflösungen wirkt das noch befremdlicher.

Vielleicht ist bei meinem Hirn irgendwas schief gewickelt, aber ich persönlich finde das:

...sehr viel angenehmer zu lesen als das:



Nun ja, an dieser Stelle egal, für den Trend kann HWL ja nichts, aber nur mal so am Rande...

 

[jbfem]

Arbeitet ihr an der App auch weiter? Sind echt div. Probleme im iOS somit ist man gezwungen Tapatalk zu benutzen.

Sonst ist das Logo schon mal sehr erfrischend

 

[dbode]

Die App wird keine Updates mehr bekommen.

 

[campari]

....

 

[Tr4c3rt]

Hat das neue Logo der Praktikant während seiner Kaffeepause entwickelt??
Sorry aber ein bisschen Kreativität schadet wirklich nicht..

 

[tobsel]

Folgende Probleme habe ich erkennen können:

• Alles über --> führt im mobilen Menü zu einer leeren Seite.
• Youtube Logo bei den Social Media Buttons ist nahezu nicht erkennbar (Screenshot)
• Suche nimmt Mobil fast den halben Bildschirm ein.
• Einige Schaltflächen/Links sind fast nicht zu erreichen, da diese viel zu klein sind --> https://developers.google.com/speed/pagespeed/insights/?url=http://www.hardwareluxx.de/

 

[NTB]

Ich finde das neue Logo super. Kurz, knapp, klar, geradlinig.

Ist das Forum auch responsive? Auf meinem Android Handy mit Lollipop und Chrome ist die Kopfzeile winzig

 

[mj1985]

Behutsamere Änderungen als bei Computerbase. Gefällt mir soweit.


Das isn Problem des IE. Leider.

Gelinde gesagt, Schwachsinn.
Ich arbeite täglich am & mit "Responsive-Design" und würde ich das den Kunden sagen, würde ich vermutlich nur einen schiefen Blick bekommen.
Responsive Images sind sehr wohl im IE möglich

Und da ich ja nicht nur "motzen" will ...
für die mobile Variante müsste

figure {
display:block;
}

anstatt:

figure {
display:inline-block;
}

per CSS-Media-Query

 

[Googlespoon]

Hmm, auf meinem iPhone (nutze nicht die App, sondern Safari) sieht die Seite in dem alten Look aus (auch ohne neues Logo), jedoch überlagern sich die Bildunterschriften bei den Artikelanimationen (wie auch immer das heißt, was auf der Startseite immer oben ist) m it dem ersten textartikel darunter...iOS ist noch letzte version von 7. irgendwas

Hat sich irgendwie von selbst gelöst..nach dem vierten Mal neu laden :/

 

[poiu]

sieht 100mal besser aus als das neue CB XD

 

[tobsel]

Ein Glück, das Design Geschmacksache ist ich finde sowohl das neue Design von PCGH als auch das von CB deutlich besser als das doch bisschen angestaubte von hier.

 

[mugam]

Was ist denn das für ein Käse ??

 

[tobsel]

Cache gelöscht?

 

[mugam]

Cache gelöscht?

Nicht nur einmal .... Und ständig bleibt der IE11 mit keine Rückmeldung hängen, aber nur bei der Hardwareluxx-Seite, sonst funktioniert alles.....

 

[tobsel]

Auch mal über die Entwicklertools? (Mit F12 öffnen)