Jede Woche schauen wir uns eine neue Website an und analysieren das Design. Wir werden auf beide Bereiche hinweisen, die gut erledigt werden, zusätzlich zu den Bereichen, in denen etwas Arbeit anfallen könnte. Zum Schluss bitten wir Sie, Ihr eigenes Feedback zu geben.
Die heutige Seite ist Tech Cores. Lass uns rein springen und sehen, was wir denken!
Wenn Sie Ihre Website für eine zukünftige Design-Kritik einreichen möchten, dauert dies nur wenige Minuten. Für die Bewertung Ihres Designs berechnen wir 49 US-Dollar - deutlich weniger, als wenn Sie einen Berater für einen Blick auf Ihre Website bezahlen würden! Hier erfahren Sie mehr.
Über Technologiekerne
? Wir haben lange Nächte verbracht und unzählige Tassen Kaffee getrunken, um Sie bei einem Technologie-Blog aus der Box zu holen. Gerne können Sie sich wie immer über unsere Mitarbeiter informieren und die Früchte all unserer Arbeit stöbern.?
Hier ist ein Screenshot der Homepage:
Erster Eindruck
"Ich würde viel lieber eine Website sehen, die sich in Richtung generischer Dinge bewegt, als das typische Durcheinander, das uns technische Blogs bescheren."Mein erster Eindruck von Tech Cores ist etwas gemischt. Einerseits ist es ein sehr sauberes Design mit einem soliden Layout. Es fühlt sich fast wie eine Nachrichten-App und nicht wie eine Nachrichten-Website an (auf eine gute Art und Weise). Die breite, dreispaltige Benutzeroberfläche mit Kategorien auf der linken Seite, einem Feed in der Mitte und einzelnen Artikeln auf der rechten Seite fühlt sich definitiv an wie das im Web verwendete Modell von Reeder für Mac.
Zu diesem Gefühl der Sauberkeit trägt auch das Fehlen von Werbeobjekten bei, oder Anzeigen jeglicher Art. Es ist seltsam zu sehen, dass jemand heutzutage Zeit in eine Website wie diese investiert, ohne ein auf Anzeigen basiertes Gewinnmodell.
Trotz der Tatsache, dass das Layout solide ist, finde ich, dass das visuelle Styling der Seite, das Sahnehäubchen, wenn man so will, ziemlich generisch wirkt. Mit der Mischung aus sanften Grau- und Blauverläufen sieht es fast so aus, als würde das iOS-SDK gerade ausspucken.
Dies ist nicht unbedingt eine schreckliche Sache, es ist nur etwas zu bedenken. Als ehemaliger Print-Typ lege ich viel Wert auf Branding und nichts auf das Aussehen dieser Seite scheint "in Besitz" zu sein. Das bedeutet, dass es nichts an dem Design gibt, das sich von Tech Cores unterscheidet.
Abgesehen davon denke ich, dass die Website insgesamt für den durchschnittlichen Besucher immer noch sehr attraktiv erscheint. Ich würde viel eher eine generische Website als das typische Chaos betrachten, das uns Tech Blogs bescheren.
Responsives Layout
Ein Hauptziel für dieses Layout war offensichtlich, sehr flexibel zu sein und auf unterschiedliche Ansichtsfenstergrößen zu reagieren. Wenn sich die Seite verengt, besteht der erste Schritt auf dieser Straße darin, die dritte Spalte abzulegen und den etwas fließenden Newsfeed als breitesten Bereich zu belassen.
Auf einem Desktop reagiert das Layout nicht sehr gut auf Größenverschiebungen. Wenn Sie etwa 700 Pixel breit sind, werden die Dinge schnell chaotisch. Beim Blick auf mein iPad sah es jedoch sowohl in horizontaler als auch in vertikaler Richtung gut aus. Dies bedeutet, dass sie sich mehr auf bestimmte Gerätebreiten als auf beliebige Ansichtsfenstergrößen konzentrierten, eine Strategie, mit der ich nicht unbedingt einverstanden bin. Das responsive Verhalten scheint auch ein bisschen fehlerhaft zu sein, ich habe keinen Screenshot erhalten, aber ich hatte einmal ein Problem mit der falschen Spalte auf der Startseite.
Beim Aufrufen der Website auf einem mobilen Gerät fiel mir auf, dass der Feed zwar auf die extrem schmale Breite reagiert, der Header mit dem Logo jedoch vollständig zerstört wurde.
Trotzdem gut gemacht!
Dieser Abschnitt klingt nach scharfer Kritik, ist es aber nicht. Ich möchte dieses übersichtliche, ansprechende Design noch sehr neu gestalten jeder versucht immer noch, ihre Gedanken darüber zu fassen, wie es am besten geht. Wenn Sie laut schreien, ist die von Ihnen gerade gelesene Site (noch) nicht ansprechend, sodass wir nicht zu schnell andere beurteilen können.
Die Tatsache, dass Tech Cores Schritte unternommen hat, um ihre Erfahrung für verschiedene, sehr unterschiedliche Geräte zu optimieren, ist für eine einheimische News-Site kein geringer Aufwand, und ich schätze ihnen, dass sie viel erreicht haben.
Branding und Message
Ich habe schon ein wenig darüber geredet, wie die Site als Ganzes aus Sicht des Brandings einzigartig sein könnte. Neben der Farbgebung gibt es auch andere Stellen, an denen das gleiche Problem auftritt.
Für den Anfang mag ich das Logo nicht besonders:
Ich habe wirklich nicht viel zu sagen, außer dass es einfach nicht für mich getan wird. Ich sehe dort eine Idee, die in den Händen eines talentierten Logodesigners in etwas wirklich Cooles verwandelt werden könnte, aber dies hat einen Amateur-Look, der sich etwas zusammengewürfelt anfühlt.
Wichtiger als sogar das Logo sagt mir Ihre Website über sich. Stellen Sie sich vor, ich stolpere irgendwie über diese Site. Was sehe ich? Das Wort? Tech? gibt mir einen Hinweis und ich sehe viele Bilder von Mobiltelefonen, prüfen Sie also mobile Apps? Bei genauerer Betrachtung finde ich eine Mac-App-Überprüfung, obwohl Mac OS weder im Titel noch auf den zugehörigen Tags erwähnt wird.
Mein Punkt ist, lassen Sie mich nicht dafür arbeiten, sagen Sie mir einfach, was mit dieser Site los ist. Es gibt eine Meile von leerem Raum an der Spitze, die gerade nach einer Art Slogan bittet. Selbst wenn Sie einfach etwas in die Titelleiste der Seite des Browsers einfügen, würde das sehr weit gehen. In der Titelleiste von Gizmodo steht beispielsweise "Gizmodo, der Gadget-Guide".
Dies ist nicht langwierig und übermäßig zielgerichtet, es werden nur ein paar gut gewählte Wörter verwendet, um zu erfahren, worauf sich der gesamte Inhalt der Website konzentriert.
Verwendbarkeit
Zum Abschluss möchte ich über die verschiedenen, verstreuten Usability-Probleme, die ich mit der Website habe, und wie sie funktionieren, sprechen.
Die Site verwendet viele Ajax-Techniken, sodass der Inhalt geladen wird, ohne sich wie eine vollständige Seitenaktualisierung zu fühlen. Das ist irgendwie nett und nervt manchmal aufgrund von auftretenden Problemen.Wenn ich beispielsweise auf die Startseite gehe und auf eine der vorgestellten Geschichten ganz rechts klicke und dann auf die Zurück-Schaltfläche drücke, wird mir ein beliebiger allgemeiner Beitrag angezeigt, anstatt mich tatsächlich dorthin zu bringen, wo ich hin wollte.
Ich bin auch nicht verrückt nach dem Hauptnachrichten-Feed. Keiner der Textinhalte ist live und auswählbar, eine Eigenschaft, die sich auf Popup-Fenster wie den Abschnitt "Über" auswirkt. Der Feed hat auch keine Art von Hover-Effekt oder Cursorwechsel, um anzuzeigen, dass alles darin anklickbar ist.
Ob nun oder nicht, Benutzer erwarten, dass das Logo ein zweiter Link zur Startseite ist. Ich habe im Verlauf dieser Kritik ein Dutzend Mal darauf geklickt und war ständig frustriert darüber, dass nichts passiert ist.
Zum Schluss denke ich das "Tipp uns"? Taste ist etwas verwirrend. Es ist vielleicht keine große Sache, aber als ich es sah, sagte mein Gehirn sofort: "Sie fragen nach Geld?" und ich habe es ignoriert. Erst nach einem zweiten oder dritten Blick bemerkte ich, dass Sie tatsächlich nach technischen Tipps und nicht nach einer Spende gefragt haben.
Zusammenfassung
Zusammenfassend ist festzuhalten, dass Tech Cores eine gut strukturierte Tech-News-Site ist, für die viel Optimierungsbedarf besteht. Diese Kernarchitektur ist oft der schwierigste Teil einer umfassenden Neugestaltung. Ich denke also, dass inkrementelle Änderungen nicht so grob sind, wie sie klingen. Erwägen Sie ein Facelift von Farbe und Textur, basteln Sie mit den Medienanfragen und stellen Sie sicher, dass die Website sowohl aus ästhetischer Sicht als auch aus Sicht des Messaging eine klare Marke hat.
Du bist dran!
Nun, da Sie meine Kommentare gelesen haben, helfen Sie dem Designer mit ein paar weiteren Ratschlägen. Teilen Sie uns mit, was Sie an dem Design toll finden und was Sie für stärker halten könnten. Wie immer bitten wir Sie, auch den Designer der Site zu respektieren und eine klare, konstruktive Beratung ohne harte Beleidigungen anzubieten.